marko 6.3.20 → 6.3.22

package/dist/debug/dom.mjs

@@ -19,6 +19,70 @@ function* attrTagIterator() {
 	yield* this[rest];
 }
 //#endregion
+//#region src/common/constants/accessor-prefix.debug.ts
+const BranchScopes$1 = "BranchScopes:";
+const ClosureScopes = "ClosureScopes:";
+const ClosureSignalIndex = "ClosureSignalIndex:";
+const ConditionalRenderer = "ConditionalRenderer:";
+const ControlledHandler = "ControlledHandler:";
+const ControlledType = "ControlledType:";
+const ControlledValue = "ControlledValue:";
+const DynamicHTMLLastChild = "DynamicHTMLLastChild:";
+const EventAttributes = "EventAttributes:";
+const KeyedScopes = "KeyedScopes:";
+const Lifecycle = "Lifecycle:";
+const Promise$1 = "Promise:";
+const TagVariableChange$1 = "TagVariableChange:";
+//#endregion
+//#region src/common/constants/accessor-prop.debug.ts
+const Global = "$global";
+const AbortControllers = "#AbortControllers";
+const AbortScopes = "#AbortScopes";
+const AwaitCounter = "#AwaitCounter";
+const BranchAccessor = "#BranchAccessor";
+const BranchScopes = "#BranchScopes";
+const CatchContent = "#CatchContent";
+const ClosestBranch = "#ClosestBranch";
+const ClosestBranchId = "#ClosestBranchId";
+const Gen$1 = "#Gen";
+const DetachedAwait = "#DetachedAwait";
+const EndNode = "#EndNode";
+const Load = "#Load";
+const LoopKey = "#LoopKey";
+const ParentBranch = "#ParentBranch";
+const PendingEffects = "#PendingEffects";
+const PendingRenders = "#PendingRenders";
+const PendingScopes = "#PendingScopes";
+const PlaceholderBranch = "#PlaceholderBranch";
+const PlaceholderContent = "#PlaceholderContent";
+const Renderer = "#Renderer";
+const StartNode = "#StartNode";
+const TagVariable = "#TagVariable";
+const TagVariableChange = "#TagVariableChange";
+//#endregion
+//#region src/common/constants/closure-signal-prop.debug.ts
+const ScopeInstancesAccessor = "scopeInstancesAccessor";
+const SignalIndexAccessor = "signalIndexAccessor";
+const Index = "index";
+//#endregion
+//#region src/common/constants/keyed-scopes-prop.debug.ts
+const PreviousKey = "PreviousKey:";
+//#endregion
+//#region src/common/constants/load-signal-value.debug.ts
+const Value$1 = "value";
+const Signal$1 = "signal";
+const Scope = "scope";
+const Signal = "signal";
+const Value = "value";
+const Pending = "pending";
+const Clone = "clone";
+const Setup = "setup";
+const Params = "params";
+const Owner = "owner";
+const Accessor = "accessor";
+const LocalClosures = "localClosures";
+const LocalClosureValues = "localClosureValues";
+//#endregion
 //#region src/common/helpers.ts
 const htmlAttrNameReg = /^[^a-z_]|[^a-z0-9._:-]/i;
 const knownWrongAttrs = {
@@ -310,15 +374,15 @@ let collectingScopes;
 function createScope($global, closestBranch) {
 	const scope = {
 		["#Id"]: nextScopeId++,
-		["#Gen"]: runId,
-		["#ClosestBranch"]: closestBranch,
-		["$global"]: $global
+		[Gen$1]: runId,
+		[ClosestBranch]: closestBranch,
+		[Global]: $global
 	};
 	collectingScopes?.push(scope);
 	return scope;
 }
 function syncGen(scope) {
-	scope["#Gen"] = runId;
+	scope[Gen$1] = runId;
 }
 function _assert_init(scope, accessor) {
 	if (scope["#Gen"] === runId || !(accessor in scope)) throw new ReferenceError(`Cannot access '${accessor}' before initialization`);
@@ -338,12 +402,12 @@ function skipScope() {
 	return nextScopeId++;
 }
 function findBranchWithKey(scope, key) {
-	let branch = scope["#ClosestBranch"];
-	while (branch && branch[key] == null) branch = branch["#ParentBranch"];
+	let branch = scope[ClosestBranch];
+	while (branch && branch[key] == null) branch = branch[ParentBranch];
 	return branch;
 }
 function destroyBranch(branch) {
-	branch["#ParentBranch"]?.["#BranchScopes"]?.delete(branch);
+	branch[ParentBranch]?.[BranchScopes]?.delete(branch);
 	destroyNestedScopes(branch);
 }
 function destroyScope(scope) {
@@ -353,24 +417,24 @@ function destroyScope(scope) {
 	}
 }
 const destroyNestedScopes = function destroyNestedScopes(scope) {
-	scope["#Gen"] = 0;
-	scope["#BranchScopes"]?.forEach(destroyNestedScopes);
-	scope["#AbortScopes"]?.forEach(resetControllers);
+	scope[Gen$1] = 0;
+	scope[BranchScopes]?.forEach(destroyNestedScopes);
+	scope[AbortScopes]?.forEach(resetControllers);
 };
 function resetControllers(scope) {
-	for (const id in scope["#AbortControllers"]) $signalReset(scope, id);
+	for (const id in scope[AbortControllers]) $signalReset(scope, id);
 }
 function removeAndDestroyBranch(branch) {
 	destroyBranch(branch);
-	removeChildNodes(branch["#StartNode"], branch["#EndNode"]);
+	removeChildNodes(branch[StartNode], branch[EndNode]);
 }
 function insertBranchBefore(branch, parentNode, nextSibling) {
-	insertChildNodes(parentNode, nextSibling, branch["#StartNode"], branch["#EndNode"]);
+	insertChildNodes(parentNode, nextSibling, branch[StartNode], branch[EndNode]);
 }
 function tempDetachBranch(branch) {
 	const fragment = new DocumentFragment();
-	fragment.namespaceURI = branch["#StartNode"].parentNode.namespaceURI;
-	insertChildNodes(fragment, null, branch["#StartNode"], branch["#EndNode"]);
+	fragment.namespaceURI = branch[StartNode].parentNode.namespaceURI;
+	insertChildNodes(fragment, null, branch[StartNode], branch[EndNode]);
 }
 //#endregion
 //#region src/dom/schedule.ts
@@ -425,7 +489,7 @@ function _let(id, fn) {
 }
 function _let_change(id, fn) {
 	const valueAccessor = id.slice(0, id.lastIndexOf("/"));
-	const valueChangeAccessor = "TagVariableChange:" + valueAccessor;
+	const valueChangeAccessor = TagVariableChange$1 + valueAccessor;
 	const base = _let(id, fn);
 	return (scope, value, valueChange) => {
 		if (rendering) if ((scope[valueChangeAccessor] = valueChange) && (scope[valueAccessor] !== value || !(valueAccessor in scope))) {
@@ -454,7 +518,7 @@ function _or(id, fn, defaultPending = 1, scopeIdAccessor = "#Id") {
 	};
 }
 function _for_closure(ownerLoopNodeAccessor, fn) {
-	const scopeAccessor = "BranchScopes:" + ownerLoopNodeAccessor;
+	const scopeAccessor = BranchScopes$1 + ownerLoopNodeAccessor;
 	const ownerSignal = (ownerScope) => {
 		const scopes = toArray(ownerScope[scopeAccessor]);
 		if (scopes.length) queueRender(ownerScope, () => {
@@ -465,9 +529,9 @@ function _for_closure(ownerLoopNodeAccessor, fn) {
 	return ownerSignal;
 }
 function _for_selector(ownerLoopNodeAccessor, ownerValueAccessor, keyValueAccessor, fn) {
-	const scopeAccessor = "BranchScopes:" + ownerLoopNodeAccessor;
-	const mapAccessor = "KeyedScopes:" + ownerLoopNodeAccessor;
-	const prevKeyProp = `PreviousKey:${ownerValueAccessor}`;
+	const scopeAccessor = BranchScopes$1 + ownerLoopNodeAccessor;
+	const mapAccessor = KeyedScopes + ownerLoopNodeAccessor;
+	const prevKeyProp = `${PreviousKey}${ownerValueAccessor}`;
 	const ownerSignal = (ownerScope) => {
 		const scopes = toArray(ownerScope[scopeAccessor]);
 		if (ownerScope["#Gen"] < runId && scopes.length) {
@@ -494,7 +558,7 @@ function keyedScopes(ownerScope, scopeAccessor, mapAccessor, keyValueAccessor) {
 	if (!map.size) for (const scope of toArray(ownerScope[scopeAccessor])) {
 		const key = scope["#LoopKey"] ?? scope[keyValueAccessor];
 		if (key === void 0) return ownerScope[mapAccessor] = null;
-		scope["#LoopKey"] = key;
+		scope[LoopKey] = key;
 		map.set(key, scope);
 	}
 	return map;
@@ -503,8 +567,8 @@ function runLiveBranch(scope, fn) {
 	if (scope && scope["#Gen"] > 0 && scope["#Gen"] < runId) fn(scope);
 }
 function _if_closure(ownerConditionalNodeAccessor, branch, fn) {
-	const scopeAccessor = "BranchScopes:" + ownerConditionalNodeAccessor;
-	const branchAccessor = "ConditionalRenderer:" + ownerConditionalNodeAccessor;
+	const scopeAccessor = BranchScopes$1 + ownerConditionalNodeAccessor;
+	const branchAccessor = ConditionalRenderer + ownerConditionalNodeAccessor;
 	const ownerSignal = (scope) => {
 		const ifScope = scope[scopeAccessor];
 		if (ifScope && ifScope["#Gen"] > 0 && ifScope["#Gen"] < runId && (scope[branchAccessor] || 0) === branch) queueRender(ifScope, fn, -1);
@@ -521,9 +585,9 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
 }
 function _closure(...closureSignals) {
 	const [firstSignal] = closureSignals;
-	const scopeInstances = firstSignal["scopeInstancesAccessor"];
-	const signalIndex = firstSignal["signalIndexAccessor"];
-	for (let i = closureSignals.length; i--;) closureSignals[i]["index"] = i;
+	const scopeInstances = firstSignal[ScopeInstancesAccessor];
+	const signalIndex = firstSignal[SignalIndexAccessor];
+	for (let i = closureSignals.length; i--;) closureSignals[i][Index] = i;
 	return (scope) => {
 		if (scope[scopeInstances]) {
 			for (const childScope of scope[scopeInstances]) if (childScope["#Gen"] > 0 && childScope["#Gen"] < runId) queueRender(childScope, closureSignals[childScope[signalIndex] || 0], -1);
@@ -532,12 +596,12 @@ function _closure(...closureSignals) {
 }
 function _closure_get(valueAccessor, fn, getOwnerScope, resumeId) {
 	const closureSignal = ((scope) => {
-		scope[closureSignal["signalIndexAccessor"]] = closureSignal["index"];
+		scope[closureSignal[SignalIndexAccessor]] = closureSignal[Index];
 		fn(scope);
-		subscribeToScopeSet(getOwnerScope ? getOwnerScope(scope) : scope["_"], closureSignal["scopeInstancesAccessor"], scope);
+		subscribeToScopeSet(getOwnerScope ? getOwnerScope(scope) : scope["_"], closureSignal[ScopeInstancesAccessor], scope);
 	});
-	closureSignal["scopeInstancesAccessor"] = "ClosureScopes:" + valueAccessor;
-	closureSignal["signalIndexAccessor"] = "ClosureSignalIndex:" + valueAccessor;
+	closureSignal[ScopeInstancesAccessor] = ClosureScopes + valueAccessor;
+	closureSignal[SignalIndexAccessor] = ClosureSignalIndex + valueAccessor;
 	resumeId && _resume(resumeId, closureSignal);
 	return closureSignal;
 }
@@ -549,18 +613,18 @@ function _child_setup(setup) {
 	return setup;
 }
 function _var(scope, childAccessor, signal) {
-	scope[childAccessor]["#TagVariable"] = (value) => signal(scope, value);
+	scope[childAccessor][TagVariable] = (value) => signal(scope, value);
 }
-const _return = (scope, value) => scope["#TagVariable"]?.(value);
+const _return = (scope, value) => scope[TagVariable]?.(value);
 function _return_change(scope, changeHandler) {
-	if (changeHandler) scope["#TagVariableChange"] = changeHandler;
+	if (changeHandler) scope[TagVariableChange] = changeHandler;
 }
 const _var_change = (scope, value, name = "This") => {
 	if (typeof scope["#TagVariableChange"] !== "function") throw new TypeError(`${name} is a readonly tag variable.`);
-	scope["#TagVariableChange"](value);
+	scope[TagVariableChange](value);
 };
 const tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
-function _id({ ["$global"]: $global }) {
+function _id({ [Global]: $global }) {
 	const id = tagIdsByGlobal.get($global) || 0;
 	tagIdsByGlobal.set($global, id + 1);
 	return "c" + $global.runtimeId + $global.renderId + id.toString(36);
@@ -618,7 +682,7 @@ const walkInternal = function walkInternal(currentWalkIndex, walkCodes, scope) {
 			if (value === 49) scope[getDebugKey(currentScopeIndex++, "#scopeOffset")] = skipScope();
 		} else if (value === 38) return currentWalkIndex;
 		else if (value === 47 || value === 48) {
-			currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[getDebugKey(currentScopeIndex++, "#childScope")] = createScope(scope["$global"], scope["#ClosestBranch"]));
+			currentWalkIndex = walkInternal(currentWalkIndex, walkCodes, scope[getDebugKey(currentScopeIndex++, "#childScope")] = createScope(scope[Global], scope[ClosestBranch]));
 			if (value === 48) scope[getDebugKey(currentScopeIndex++, "#scopeOffset")] = skipScope();
 		} else if (value < 92) {
 			value = 20 * currentMultiplier + value - 67;
@@ -648,23 +712,23 @@ function getDebugKey(index, node) {
 function createBranch($global, renderer, parentScope, parentNode) {
 	const branch = createScope($global);
 	branch["_"] = renderer["owner"] || parentScope;
-	setParentBranch(branch, parentScope?.["#ClosestBranch"]);
-	branch["#Renderer"] = renderer;
-	renderer["clone"]?.(branch, parentNode.namespaceURI);
+	setParentBranch(branch, parentScope?.[ClosestBranch]);
+	branch[Renderer] = renderer;
+	renderer[Clone]?.(branch, parentNode.namespaceURI);
 	return branch;
 }
 function setParentBranch(branch, parentBranch) {
 	if (parentBranch) {
-		branch["#ParentBranch"] = parentBranch;
-		(parentBranch["#BranchScopes"] ||= /* @__PURE__ */ new Set()).add(branch);
+		branch[ParentBranch] = parentBranch;
+		(parentBranch[BranchScopes] ||= /* @__PURE__ */ new Set()).add(branch);
 	}
-	branch["#ClosestBranch"] = branch;
+	branch[ClosestBranch] = branch;
 }
 function createAndSetupBranch($global, renderer, parentScope, parentNode) {
 	return setupBranch(renderer, createBranch($global, renderer, parentScope, parentNode));
 }
 function setupBranch(renderer, branch) {
-	if (renderer["setup"]) queueRender(branch, renderer["setup"], -1);
+	if (renderer["setup"]) queueRender(branch, renderer[Setup], -1);
 	return branch;
 }
 function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
@@ -674,16 +738,16 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
 	const clone = template ? (branch, ns) => {
 		((cloneCache[ns] ||= {})[template] ||= createCloneableHTML(template, ns))(branch, walks);
 	} : (branch) => {
-		walk(branch["#StartNode"] = branch["#EndNode"] = new Text(), walks, branch);
+		walk(branch[StartNode] = branch[EndNode] = new Text(), walks, branch);
 	};
 	return (owner) => {
 		return {
 			["id"]: id,
-			["clone"]: clone,
-			["owner"]: owner,
-			["setup"]: setup,
-			["params"]: params,
-			["accessor"]: dynamicScopesAccessor
+			[Clone]: clone,
+			[Owner]: owner,
+			[Setup]: setup,
+			[Params]: params,
+			[Accessor]: dynamicScopesAccessor
 		};
 	};
 }
@@ -695,8 +759,8 @@ function _content_closures(renderer, closureFns) {
 	for (const key in closureFns) closureSignals[key] = _const(key, closureFns[key]);
 	return (owner, closureValues) => {
 		const instance = renderer(owner);
-		instance["localClosures"] = closureSignals;
-		instance["localClosureValues"] = closureValues;
+		instance[LocalClosures] = closureSignals;
+		instance[LocalClosureValues] = closureValues;
 		return instance;
 	};
 }
@@ -706,12 +770,12 @@ function createCloneableHTML(html, ns) {
 	const parent = document.createElementNS(ns, "t");
 	insertChildNodes(parent, null, firstChild, lastChild);
 	return firstChild === lastChild && firstChild.nodeType < 8 ? (branch, walks) => {
-		walk(branch["#StartNode"] = branch["#EndNode"] = firstChild.cloneNode(true), walks, branch);
+		walk(branch[StartNode] = branch[EndNode] = firstChild.cloneNode(true), walks, branch);
 	} : (branch, walks) => {
 		const clone = parent.cloneNode(true);
 		walk(clone.firstChild, walks, branch);
-		branch["#StartNode"] = clone.firstChild;
-		branch["#EndNode"] = clone.lastChild;
+		branch[StartNode] = clone.firstChild;
+		branch[EndNode] = clone.lastChild;
 	};
 }
 //#endregion
@@ -766,9 +830,9 @@ function init(runtimeId = "M") {
 				renderId
 			};
 			const initScope = (scope) => {
-				scope["#Gen"] = 1;
-				scope["$global"] = initGlobal();
-				if (branchesEnabled && scope["#ClosestBranchId"]) scope["#ClosestBranch"] = getScope(scope["#ClosestBranchId"]);
+				scope[Gen$1] = 1;
+				scope[Global] = initGlobal();
+				if (branchesEnabled && scope["#ClosestBranchId"]) scope[ClosestBranch] = getScope(scope[ClosestBranchId]);
 				return scope;
 			};
 			const applyScopes = (partials) => {
@@ -788,18 +852,18 @@ function init(runtimeId = "M") {
 				return (branchId, branch, endedBranches, accessor, singleNode, parent = visit.parentNode, startVisit = visit, i = orphanBranches.length, j = deferredOwners.length) => {
 					if (visitType !== "[") {
 						visitScope[nextToken()] = visitType === ")" || visitType === "}" ? parent : visit;
-						accessor = "BranchScopes:" + lastToken;
+						accessor = BranchScopes$1 + lastToken;
 						singleNode = visitType !== "]" && visitType !== ")";
 						nextToken();
 					}
 					while (branchId = +lastToken) {
 						(endedBranches ||= []).push(branch = getScope(branchId));
-						setParentBranch(branch, branch["#ClosestBranch"]);
-						if (branch["#AwaitCounter"] = render.p?.[branchId]) branch["#AwaitCounter"].m = render.m;
+						setParentBranch(branch, branch[ClosestBranch]);
+						if (branch["#AwaitCounter"] = render.p?.[branchId]) branch[AwaitCounter].m = render.m;
 						if (singleNode) {
 							while (startVisit.previousSibling && ~visits.indexOf(startVisit = startVisit.previousSibling));
 							branch["_"] ??= visitScope;
-							branch["#EndNode"] = branch["#StartNode"] = startVisit;
+							branch[EndNode] = branch[StartNode] = startVisit;
 							if (visitType === "'") branch[getDebugKey(0, startVisit)] = startVisit;
 						} else {
 							curBranchScopes = push(curBranchScopes, branch);
@@ -810,8 +874,8 @@ function init(runtimeId = "M") {
 							}
 							startVisit = branchStarts.pop();
 							if (parent !== startVisit.parentNode) parent.prepend(startVisit);
-							branch["#StartNode"] = startVisit;
-							branch["#EndNode"] = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+							branch[StartNode] = startVisit;
+							branch[EndNode] = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
 						}
 						while (i && orphanBranches[i - 1]["#Id"] > branchId) {
 							i--;
@@ -820,7 +884,7 @@ function init(runtimeId = "M") {
 						while (j && deferredOwners[j - 1]["#Id"] > branchId) {
 							j--;
 							const owner = deferredOwners.pop();
-							if (owner["#ClosestBranch"] !== owner) owner["#ClosestBranch"] = branch;
+							if (owner["#ClosestBranch"] !== owner) owner[ClosestBranch] = branch;
 						}
 						nextToken();
 					}
@@ -949,15 +1013,15 @@ function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 	const el = scope[nodeAccessor];
 	const normalizedChecked = isNotVoid(checked);
 	assertHandlerIsFunction("checkedChange", checkedChange);
-	scope["ControlledHandler:" + nodeAccessor] = checkedChange;
-	scope["ControlledType:" + nodeAccessor] = checkedChange ? 0 : 5;
+	scope[ControlledHandler + nodeAccessor] = checkedChange;
+	scope[ControlledType + nodeAccessor] = checkedChange ? 0 : 5;
 	if (checkedChange && scope["#Gen"] < runId) el.checked = normalizedChecked;
 	else _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
 }
 function _attr_input_checked_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
 	syncControllableFormInput(el, hasCheckboxChanged, () => {
-		const checkedChange = scope["ControlledHandler:" + nodeAccessor];
+		const checkedChange = scope[ControlledHandler + nodeAccessor];
 		if (checkedChange) {
 			const newValue = el.checked;
 			el.checked = !newValue;
@@ -976,10 +1040,10 @@ function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, val
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
 	const el = scope[nodeAccessor];
 	const multiple = Array.isArray(checkedValue);
-	const normalizedCheckedValue = scope["ControlledValue:" + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+	const normalizedCheckedValue = scope[ControlledValue + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
 	assertHandlerIsFunction("checkedValueChange", checkedValueChange);
-	scope["ControlledHandler:" + nodeAccessor] = checkedValueChange;
-	scope["ControlledType:" + nodeAccessor] = checkedValueChange ? 1 : 5;
+	scope[ControlledHandler + nodeAccessor] = checkedValueChange;
+	scope[ControlledType + nodeAccessor] = checkedValueChange ? 1 : 5;
 	if (checkedValueChange && scope["#Gen"] < runId) {
 		el.checked = multiple ? normalizedCheckedValue.includes(normalizeStrProp(value)) : normalizeStrProp(value) === normalizedCheckedValue;
 		_attr(el, "value", value);
@@ -987,12 +1051,12 @@ function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValu
 }
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
-	if (isResuming && el.defaultChecked) if (scope["ControlledValue:" + nodeAccessor]) scope["ControlledValue:" + nodeAccessor].push(el.value);
-	else scope["ControlledValue:" + nodeAccessor] = el.value;
+	if (isResuming && el.defaultChecked) if (scope["ControlledValue:" + nodeAccessor]) scope[ControlledValue + nodeAccessor].push(el.value);
+	else scope[ControlledValue + nodeAccessor] = el.value;
 	syncControllableFormInput(el, hasCheckboxChanged, () => {
-		const checkedValueChange = scope["ControlledHandler:" + nodeAccessor];
+		const checkedValueChange = scope[ControlledHandler + nodeAccessor];
 		if (checkedValueChange) {
-			const controlledValueKey = "ControlledValue:" + nodeAccessor;
+			const controlledValueKey = ControlledValue + nodeAccessor;
 			const oldValue = scope[controlledValueKey];
 			let newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
 			if (el.name && el.type[0] === "r") {
@@ -1024,9 +1088,9 @@ function _attr_input_value(scope, nodeAccessor, value, valueChange, setDefault =
 	const el = scope[nodeAccessor];
 	const normalizedValue = normalizeAttrValue(value) || "";
 	assertHandlerIsFunction("valueChange", valueChange);
-	scope["ControlledHandler:" + nodeAccessor] = valueChange;
-	scope["ControlledValue:" + nodeAccessor] = normalizedValue;
-	scope["ControlledType:" + nodeAccessor] = valueChange ? 2 : 5;
+	scope[ControlledHandler + nodeAccessor] = valueChange;
+	scope[ControlledValue + nodeAccessor] = normalizedValue;
+	scope[ControlledType + nodeAccessor] = valueChange ? 2 : 5;
 	if (valueChange && scope["#Gen"] < runId) setInputValue(el, normalizedValue);
 	else setDefault(scope, nodeAccessor, normalizedValue);
 }
@@ -1035,14 +1099,14 @@ function _attr_input_value_attribute_default(scope, nodeAccessor, value) {
 }
 function _attr_input_value_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
-	if (isResuming) scope["ControlledValue:" + nodeAccessor] = el.defaultValue;
+	if (isResuming) scope[ControlledValue + nodeAccessor] = el.defaultValue;
 	syncControllableFormInput(el, hasValueChanged, (ev) => {
-		const valueChange = scope["ControlledHandler:" + nodeAccessor];
+		const valueChange = scope[ControlledHandler + nodeAccessor];
 		if (valueChange) {
 			inputType = ev?.inputType;
 			valueChange(el.value);
 			run();
-			setInputValue(el, scope["ControlledValue:" + nodeAccessor]);
+			setInputValue(el, scope[ControlledValue + nodeAccessor]);
 			inputType = "";
 		}
 	});
@@ -1056,7 +1120,7 @@ function setInputValue(el, value) {
 function _attr_select_value_default(scope, nodeAccessor, value) {
 	let restoreValue;
 	const el = scope[nodeAccessor];
-	const live = scope["#Gen"] < runId;
+	const live = scope[Gen$1] < runId;
 	const multiple = Array.isArray(value);
 	const normalizedValue = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
 	pendingEffects.unshift(() => {
@@ -1072,12 +1136,12 @@ function _attr_select_value_default(scope, nodeAccessor, value) {
 }
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
 	const el = scope[nodeAccessor];
-	const existing = scope["#Gen"] < runId;
+	const existing = scope[Gen$1] < runId;
 	const multiple = Array.isArray(value);
-	const normalizedValue = scope["ControlledValue:" + nodeAccessor] = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+	const normalizedValue = scope[ControlledValue + nodeAccessor] = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
 	assertHandlerIsFunction("valueChange", valueChange);
-	scope["ControlledHandler:" + nodeAccessor] = valueChange;
-	scope["ControlledType:" + nodeAccessor] = valueChange ? 3 : 5;
+	scope[ControlledHandler + nodeAccessor] = valueChange;
+	scope[ControlledType + nodeAccessor] = valueChange ? 3 : 5;
 	if (valueChange) pendingEffects.unshift(() => assertSelectValueMatchesOption(el, normalizedValue, value), scope);
 	if (valueChange && existing) pendingEffects.unshift(() => setSelectValue(el, normalizedValue, multiple), scope);
 	else _attr_select_value_default(scope, nodeAccessor, normalizedValue);
@@ -1085,9 +1149,9 @@ function _attr_select_value(scope, nodeAccessor, value, valueChange) {
 function _attr_select_value_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
 	const onChange = () => {
-		const valueChange = scope["ControlledHandler:" + nodeAccessor];
+		const valueChange = scope[ControlledHandler + nodeAccessor];
 		if (valueChange) {
-			const oldValue = scope["ControlledValue:" + nodeAccessor];
+			const oldValue = scope[ControlledValue + nodeAccessor];
 			const multiple = Array.isArray(oldValue);
 			const newValue = getSelectValue(el, multiple);
 			setSelectValue(el, oldValue, multiple);
@@ -1096,18 +1160,18 @@ function _attr_select_value_script(scope, nodeAccessor) {
 		}
 	};
 	if (isResuming) if (el.multiple) {
-		scope["ControlledValue:" + nodeAccessor] = [];
-		for (const opt of el.options) if (opt.defaultSelected) scope["ControlledValue:" + nodeAccessor].push(opt.value);
+		scope[ControlledValue + nodeAccessor] = [];
+		for (const opt of el.options) if (opt.defaultSelected) scope[ControlledValue + nodeAccessor].push(opt.value);
 	} else {
-		scope["ControlledValue:" + nodeAccessor] = "";
+		scope[ControlledValue + nodeAccessor] = "";
 		for (const opt of el.options) if (opt.defaultSelected) {
-			scope["ControlledValue:" + nodeAccessor] = opt.value;
+			scope[ControlledValue + nodeAccessor] = opt.value;
 			break;
 		}
 	}
 	syncControllableFormInput(el, hasSelectChanged, onChange);
 	new MutationObserver(() => {
-		const value = scope["ControlledValue:" + nodeAccessor];
+		const value = scope[ControlledValue + nodeAccessor];
 		if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((_, i) => !value.includes(el.selectedOptions[i].value)) : el.value !== value) onChange();
 	}).observe(el, {
 		childList: true,
@@ -1132,17 +1196,17 @@ function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
 	if (scope["#Gen"] === runId) scope[nodeAccessor].open = isNotVoid(open);
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-	const normalizedOpen = scope["ControlledValue:" + nodeAccessor] = isNotVoid(open);
+	const normalizedOpen = scope[ControlledValue + nodeAccessor] = isNotVoid(open);
 	assertHandlerIsFunction("openChange", openChange);
-	scope["ControlledHandler:" + nodeAccessor] = openChange;
-	scope["ControlledType:" + nodeAccessor] = openChange ? 4 : 5;
+	scope[ControlledHandler + nodeAccessor] = openChange;
+	scope[ControlledType + nodeAccessor] = openChange ? 4 : 5;
 	if (openChange && scope["#Gen"] < runId) scope[nodeAccessor].open = normalizedOpen;
 	else _attr_details_or_dialog_open_default(scope, nodeAccessor, normalizedOpen);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
 	new MutationObserver(() => {
-		const openChange = scope["ControlledHandler:" + nodeAccessor];
+		const openChange = scope[ControlledHandler + nodeAccessor];
 		if (openChange && el.open === !scope["ControlledValue:" + nodeAccessor]) {
 			const newValue = el.open;
 			el.open = !newValue;
@@ -1236,7 +1300,7 @@ function _style_rule_item(element, name, value) {
 	_text_content(element, ~start ? text.slice(0, ++start) + decl + text.slice(text.indexOf(";", start) + 1) : text.slice(0, -1) + decl + "}");
 }
 function _attr_nonce(scope, nodeAccessor) {
-	_attr(scope[nodeAccessor], "nonce", scope["$global"].cspNonce);
+	_attr(scope[nodeAccessor], "nonce", scope[Global].cspNonce);
 }
 function _text(node, value) {
 	const normalizedValue = _to_text(value);
@@ -1285,11 +1349,11 @@ function _attrs_partial_content(scope, nodeAccessor, nextAttrs, skip) {
 }
 function attrsInternal(scope, nodeAccessor, nextAttrs) {
 	const el = scope[nodeAccessor];
-	let events = scope["EventAttributes:" + nodeAccessor];
+	let events = scope[EventAttributes + nodeAccessor];
 	let skip;
 	for (const name in events) events[name] = 0;
-	scope["ControlledType:" + nodeAccessor] = 5;
-	scope["ControlledHandler:" + nodeAccessor] = 0;
+	scope[ControlledType + nodeAccessor] = 5;
+	scope[ControlledHandler + nodeAccessor] = 0;
 	switch (nextAttrs && el.tagName) {
 		case "INPUT":
 			if ("checked" in nextAttrs || "checkedChange" in nextAttrs) {
@@ -1334,7 +1398,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 				break;
 			default:
 				assertValidAttrName(name);
-				if (isEventHandler(name)) (events ||= scope["EventAttributes:" + nodeAccessor] = {})[getEventHandlerName(name)] = value;
+				if (isEventHandler(name)) (events ||= scope[EventAttributes + nodeAccessor] = {})[getEventHandlerName(name)] = value;
 				else if (!(skip?.test(name) || name === "content" && el.tagName !== "META")) _attr(el, name, value);
 				break;
 		}
@@ -1344,14 +1408,14 @@ function _attr_content(scope, nodeAccessor, value) {
 	const content = normalizeClientRender(value);
 	if (scope["ConditionalRenderer:" + nodeAccessor] !== (scope["ConditionalRenderer:" + nodeAccessor] = content?.["id"])) {
 		setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch);
-		if (content?.["accessor"]) subscribeToScopeSet(content["owner"], content["accessor"], scope["BranchScopes:" + nodeAccessor]);
+		if (content?.["accessor"]) subscribeToScopeSet(content[Owner], content[Accessor], scope[BranchScopes$1 + nodeAccessor]);
 	}
-	for (const accessor in content?.["localClosures"]) content["localClosures"][accessor](scope["BranchScopes:" + nodeAccessor], content["localClosureValues"][accessor]);
+	for (const accessor in content?.[LocalClosures]) content[LocalClosures][accessor](scope[BranchScopes$1 + nodeAccessor], content[LocalClosureValues][accessor]);
 }
 function _attrs_script(scope, nodeAccessor) {
 	const el = scope[nodeAccessor];
-	const events = scope["EventAttributes:" + nodeAccessor];
-	switch (scope["ControlledType:" + nodeAccessor]) {
+	const events = scope[EventAttributes + nodeAccessor];
+	switch (scope[ControlledType + nodeAccessor]) {
 		case 0:
 			_attr_input_checked_script(scope, nodeAccessor);
 			break;
@@ -1375,7 +1439,7 @@ function _html(scope, value, accessor) {
 	const parentNode = firstChild.parentNode;
 	const lastChild = scope["DynamicHTMLLastChild:" + accessor] || firstChild;
 	const newContent = parseHTML(_to_text(value), parentNode.namespaceURI);
-	insertChildNodes(parentNode, firstChild, scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()), scope["DynamicHTMLLastChild:" + accessor] = newContent.lastChild);
+	insertChildNodes(parentNode, firstChild, scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()), scope[DynamicHTMLLastChild + accessor] = newContent.lastChild);
 	removeChildNodes(firstChild, lastChild);
 }
 function normalizeClientRender(value) {
@@ -1387,7 +1451,7 @@ function normalizeAttrValue(value) {
 	if (isNotVoid(value)) return value === true ? "" : value + "";
 }
 function _lifecycle(scope, thisObj, index = 0) {
-	const accessor = "Lifecycle:" + index;
+	const accessor = Lifecycle + index;
 	const instance = scope[accessor];
 	if (instance) {
 		Object.assign(instance, thisObj);
@@ -1427,8 +1491,8 @@ function toInsertNode(startNode, endNode) {
 //#endregion
 //#region src/dom/control-flow.ts
 function _await_promise(nodeAccessor, params) {
-	const promiseAccessor = "Promise:" + nodeAccessor;
-	const branchAccessor = "BranchScopes:" + nodeAccessor;
+	const promiseAccessor = Promise$1 + nodeAccessor;
+	const branchAccessor = BranchScopes$1 + nodeAccessor;
 	_enable_catch();
 	return (scope, promise) => {
 		if (!isPromise(promise)) {
@@ -1441,24 +1505,24 @@ function _await_promise(nodeAccessor, params) {
 			promise = Promise.resolve(promise);
 		}
 		let awaitBranch = scope[branchAccessor];
-		const tryPlaceholder = findBranchWithKey(scope, "#PlaceholderContent");
+		const tryPlaceholder = findBranchWithKey(scope, PlaceholderContent);
 		const tryBranch = tryPlaceholder || awaitBranch;
-		let awaitCounter = tryBranch["#AwaitCounter"];
+		let awaitCounter = tryBranch[AwaitCounter];
 		placeholderShown.add(pendingEffects);
 		if (tryPlaceholder) {
 			if (!scope[promiseAccessor]) {
-				if (awaitBranch) awaitBranch["#PendingRenders"] ||= [];
+				if (awaitBranch) awaitBranch[PendingRenders] ||= [];
 				awaitCounter = addAwaitCounter(scope, tryPlaceholder);
 			}
 		} else {
-			if (!awaitCounter?.i) awaitCounter = tryBranch["#AwaitCounter"] = {
+			if (!awaitCounter?.i) awaitCounter = tryBranch[AwaitCounter] = {
 				i: 0,
 				c() {
 					if (--awaitCounter.i) return 1;
 					if (tryBranch === scope[branchAccessor]) {
 						const anchor = scope[nodeAccessor];
 						if (anchor.parentNode) {
-							const detachedParent = scope[branchAccessor]["#StartNode"].parentNode;
+							const detachedParent = scope[branchAccessor][StartNode].parentNode;
 							if (detachedParent === anchor.parentNode) anchor.remove();
 							else anchor.replaceWith(detachedParent);
 						}
@@ -1467,7 +1531,7 @@ function _await_promise(nodeAccessor, params) {
 				}
 			};
 			if (!scope[promiseAccessor]) {
-				if (awaitBranch) awaitBranch["#PendingRenders"] ||= [];
+				if (awaitBranch) awaitBranch[PendingRenders] ||= [];
 				if (!awaitCounter.i++) requestAnimationFrame(() => awaitCounter.i && runEffects(prepareEffects(() => queueRender(scope, () => {
 					if (!awaitBranch["#DetachedAwait"]) {
 						awaitBranch["#StartNode"].parentNode.insertBefore(scope[nodeAccessor], awaitBranch["#StartNode"]);
@@ -1482,8 +1546,8 @@ function _await_promise(nodeAccessor, params) {
 				scope[promiseAccessor] = 0;
 				queueAsyncRender(scope, () => {
 					awaitBranch = resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, data);
-					const pendingRenders = awaitBranch["#PendingRenders"];
-					awaitBranch["#PendingRenders"] = 0;
+					const pendingRenders = awaitBranch[PendingRenders];
+					awaitBranch[PendingRenders] = 0;
 					pendingRenders?.forEach(queuePendingRender);
 					placeholderShown.add(pendingEffects);
 					awaitCounter.c();
@@ -1517,9 +1581,9 @@ function _await_promise(nodeAccessor, params) {
 function resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params, value) {
 	const awaitBranch = scope[branchAccessor];
 	if (awaitBranch["#DetachedAwait"]) {
-		awaitBranch["#PendingScopes"] = awaitBranch["#PendingScopes"]?.forEach(syncGen);
-		setupBranch(awaitBranch["#DetachedAwait"], awaitBranch);
-		awaitBranch["#DetachedAwait"] = 0;
+		awaitBranch[PendingScopes] = awaitBranch[PendingScopes]?.forEach(syncGen);
+		setupBranch(awaitBranch[DetachedAwait], awaitBranch);
+		awaitBranch[DetachedAwait] = 0;
 		insertBranchBefore(awaitBranch, scope[nodeAccessor].parentNode, scope[nodeAccessor]);
 		referenceNode.remove();
 	}
@@ -1527,12 +1591,12 @@ function resolveAwait(scope, branchAccessor, nodeAccessor, referenceNode, params
 	return awaitBranch;
 }
 function _await_content(nodeAccessor, template, walks, setup) {
-	const branchAccessor = "BranchScopes:" + nodeAccessor;
-	const promiseAccessor = "Promise:" + nodeAccessor;
+	const branchAccessor = BranchScopes$1 + nodeAccessor;
+	const promiseAccessor = Promise$1 + nodeAccessor;
 	const renderer = _content("", template, walks, setup)();
 	return (scope) => {
-		const pendingScopes = collectScopes(() => (scope[branchAccessor] = createBranch(scope["$global"], renderer, scope, scope[nodeAccessor].parentNode))["#DetachedAwait"] = renderer);
-		scope[branchAccessor]["#PendingScopes"] = pendingScopes;
+		const pendingScopes = collectScopes(() => (scope[branchAccessor] = createBranch(scope[Global], renderer, scope, scope[nodeAccessor].parentNode))[DetachedAwait] = renderer);
+		scope[branchAccessor][PendingScopes] = pendingScopes;
 		const resolveSync = scope[promiseAccessor];
 		if (typeof resolveSync === "function") {
 			scope[promiseAccessor] = 0;
@@ -1540,10 +1604,10 @@ function _await_content(nodeAccessor, template, walks, setup) {
 		}
 	};
 }
-function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, "#PlaceholderContent")) {
+function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, PlaceholderContent)) {
 	if (!tryBranch) return;
-	let awaitCounter = tryBranch["#AwaitCounter"];
-	if (!awaitCounter?.i) awaitCounter = tryBranch["#AwaitCounter"] = {
+	let awaitCounter = tryBranch[AwaitCounter];
+	if (!awaitCounter?.i) awaitCounter = tryBranch[AwaitCounter] = {
 		i: 0,
 		c() {
 			if (--awaitCounter.i) return 1;
@@ -1559,51 +1623,51 @@ function addAwaitCounter(scope, tryBranch = findBranchWithKey(scope, "#Placehold
 	return awaitCounter;
 }
 function runPendingEffects(scope) {
-	const effects = scope["#PendingEffects"];
+	const effects = scope[PendingEffects];
 	if (effects) {
-		scope["#PendingEffects"] = [];
+		scope[PendingEffects] = [];
 		runEffects(effects, 1);
 	}
 }
 function dismissPlaceholder(tryBranch) {
-	const placeholderBranch = tryBranch["#PlaceholderBranch"];
+	const placeholderBranch = tryBranch[PlaceholderBranch];
 	if (placeholderBranch) {
-		tryBranch["#PlaceholderBranch"] = 0;
-		placeholderBranch["#StartNode"].parentNode.insertBefore(tryBranch["#StartNode"].parentNode, placeholderBranch["#StartNode"]);
+		tryBranch[PlaceholderBranch] = 0;
+		placeholderBranch[StartNode].parentNode.insertBefore(tryBranch[StartNode].parentNode, placeholderBranch[StartNode]);
 		removeAndDestroyBranch(placeholderBranch);
 	}
 }
 function _try(nodeAccessor, template, walks, setup) {
-	const branchAccessor = "BranchScopes:" + nodeAccessor;
+	const branchAccessor = BranchScopes$1 + nodeAccessor;
 	const renderer = _content("", template, walks, setup)();
 	return (scope, input) => {
 		if (!scope[branchAccessor]) setConditionalRenderer(scope, nodeAccessor, renderer, createAndSetupBranch);
 		const branch = scope[branchAccessor];
 		if (branch) {
-			branch["#BranchAccessor"] = nodeAccessor;
-			branch["#CatchContent"] = input.catch && (normalizeDynamicRenderer(input.catch) || 0);
-			branch["#PlaceholderContent"] = normalizeDynamicRenderer(input.placeholder);
+			branch[BranchAccessor] = nodeAccessor;
+			branch[CatchContent] = input.catch && (normalizeDynamicRenderer(input.catch) || 0);
+			branch[PlaceholderContent] = normalizeDynamicRenderer(input.placeholder);
 		}
 	};
 }
 function renderCatch(scope, error) {
-	const tryWithCatch = findBranchWithKey(scope, "#CatchContent");
+	const tryWithCatch = findBranchWithKey(scope, CatchContent);
 	if (!tryWithCatch) throw error;
 	else {
 		const owner = tryWithCatch["_"];
-		const placeholderBranch = tryWithCatch["#PlaceholderBranch"];
+		const placeholderBranch = tryWithCatch[PlaceholderBranch];
 		if (placeholderBranch) {
-			if (tryWithCatch["#AwaitCounter"]) tryWithCatch["#AwaitCounter"].i = 0;
-			owner["BranchScopes:" + tryWithCatch["#BranchAccessor"]] = placeholderBranch;
+			if (tryWithCatch["#AwaitCounter"]) tryWithCatch[AwaitCounter].i = 0;
+			owner[BranchScopes$1 + tryWithCatch[BranchAccessor]] = placeholderBranch;
 			destroyBranch(tryWithCatch);
 		}
 		caughtError.add(pendingEffects);
-		setConditionalRenderer(owner, tryWithCatch["#BranchAccessor"], tryWithCatch["#CatchContent"], createAndSetupBranch);
-		tryWithCatch["#CatchContent"]?.["params"]?.(owner["BranchScopes:" + tryWithCatch["#BranchAccessor"]], [error]);
+		setConditionalRenderer(owner, tryWithCatch[BranchAccessor], tryWithCatch[CatchContent], createAndSetupBranch);
+		tryWithCatch[CatchContent]?.[Params]?.(owner[BranchScopes$1 + tryWithCatch[BranchAccessor]], [error]);
 	}
 }
 function _if(nodeAccessor, ...branchesArgs) {
-	const branchAccessor = "ConditionalRenderer:" + nodeAccessor;
+	const branchAccessor = ConditionalRenderer + nodeAccessor;
 	const branches = [];
 	let i = 0;
 	while (i < branchesArgs.length) branches.push(_content("", branchesArgs[i++], branchesArgs[i++], branchesArgs[i++])());
@@ -1613,7 +1677,7 @@ function _if(nodeAccessor, ...branchesArgs) {
 	};
 }
 function _show(nodeAccessor, startNodeAccessor) {
-	const rangeAccessor = "BranchScopes:" + nodeAccessor;
+	const rangeAccessor = BranchScopes$1 + nodeAccessor;
 	enableBranches();
 	return (scope, display) => {
 		const referenceNode = scope[nodeAccessor];
@@ -1622,16 +1686,16 @@ function _show(nodeAccessor, startNodeAccessor) {
 		let range = scope[rangeAccessor];
 		if (!range) {
 			range = scope[rangeAccessor] = {};
-			range["#StartNode"] = onlyChild ? parentNode.firstChild : scope[startNodeAccessor];
-			range["#EndNode"] = onlyChild ? parentNode.lastChild : referenceNode.previousSibling;
+			range[StartNode] = onlyChild ? parentNode.firstChild : scope[startNodeAccessor];
+			range[EndNode] = onlyChild ? parentNode.lastChild : referenceNode.previousSibling;
 		}
-		let startNode = range["#StartNode"];
+		let startNode = range[StartNode];
 		if (range["#Id"] && startNode === range["#EndNode"] && startNode.tagName === "T") {
 			const wrapper = startNode;
 			if (!wrapper.firstChild) wrapper.appendChild(new Text());
 			range = scope[rangeAccessor] = {};
-			range["#StartNode"] = startNode = wrapper.firstChild;
-			range["#EndNode"] = wrapper.lastChild;
+			range[StartNode] = startNode = wrapper.firstChild;
+			range[EndNode] = wrapper.lastChild;
 			wrapper.replaceWith(...wrapper.childNodes);
 		}
 		const inDom = startNode.parentNode === parentNode;
@@ -1644,21 +1708,21 @@ function patchDynamicTag(fn) {
 	_dynamic_tag = fn(_dynamic_tag);
 }
 let _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inputIsArgs) {
-	const childScopeAccessor = "BranchScopes:" + nodeAccessor;
-	const rendererAccessor = "ConditionalRenderer:" + nodeAccessor;
+	const childScopeAccessor = BranchScopes$1 + nodeAccessor;
+	const rendererAccessor = ConditionalRenderer + nodeAccessor;
 	enableBranches();
 	return (scope, newRenderer, getInput) => {
 		const normalizedRenderer = normalizeDynamicRenderer(newRenderer);
 		if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.["id"] || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
 			setConditionalRenderer(scope, nodeAccessor, normalizedRenderer || (getContent ? getContent(scope) : void 0), createBranchWithTagNameOrRenderer);
-			if (getTagVar) scope[childScopeAccessor]["#TagVariable"] = (value) => getTagVar()(scope, value);
+			if (getTagVar) scope[childScopeAccessor][TagVariable] = (value) => getTagVar()(scope, value);
 			if (typeof normalizedRenderer === "string") {
 				if (getContent) {
 					const content = getContent(scope);
 					setConditionalRenderer(scope[childScopeAccessor], `#${normalizedRenderer}/0`, content, createAndSetupBranch);
-					if (content["accessor"]) subscribeToScopeSet(content["owner"], content["accessor"], scope[childScopeAccessor][`BranchScopes:#${normalizedRenderer}/0`]);
+					if (content["accessor"]) subscribeToScopeSet(content[Owner], content[Accessor], scope[childScopeAccessor][`BranchScopes:#${normalizedRenderer}/0`]);
 				}
-			} else if (normalizedRenderer?.["accessor"]) subscribeToScopeSet(normalizedRenderer["owner"], normalizedRenderer["accessor"], scope[childScopeAccessor]);
+			} else if (normalizedRenderer?.["accessor"]) subscribeToScopeSet(normalizedRenderer[Owner], normalizedRenderer[Accessor], scope[childScopeAccessor]);
 		}
 		if (normalizedRenderer) {
 			const childScope = scope[childScopeAccessor];
@@ -1667,42 +1731,42 @@ let _dynamic_tag = function dynamicTag(nodeAccessor, getContent, getTagVar, inpu
 				(getContent ? _attrs : _attrs_content)(childScope, `#${normalizedRenderer}/0`, (inputIsArgs ? args[0] : args) || {});
 				if (childScope[`EventAttributes:#${normalizedRenderer}/0`] || childScope[`ControlledHandler:#${normalizedRenderer}/0`]) queueEffect(childScope, dynamicTagScript);
 			} else {
-				for (const accessor in normalizedRenderer["localClosures"]) normalizedRenderer["localClosures"][accessor](childScope, normalizedRenderer["localClosureValues"][accessor]);
-				if (normalizedRenderer["params"]) if (inputIsArgs) normalizedRenderer["params"](childScope, normalizedRenderer._ ? args[0] : args);
+				for (const accessor in normalizedRenderer[LocalClosures]) normalizedRenderer[LocalClosures][accessor](childScope, normalizedRenderer[LocalClosureValues][accessor]);
+				if (normalizedRenderer["params"]) if (inputIsArgs) normalizedRenderer[Params](childScope, normalizedRenderer._ ? args[0] : args);
 				else {
 					const inputWithContent = getContent ? {
 						...args,
 						content: getContent(scope)
 					} : args || {};
-					normalizedRenderer["params"](childScope, normalizedRenderer._ ? inputWithContent : [inputWithContent]);
+					normalizedRenderer[Params](childScope, normalizedRenderer._ ? inputWithContent : [inputWithContent]);
 				}
 			}
 		}
 	};
 };
 function _dynamic_tag_content(nodeAccessor) {
-	const childScopeAccessor = "BranchScopes:" + nodeAccessor;
-	const rendererAccessor = "ConditionalRenderer:" + nodeAccessor;
+	const childScopeAccessor = BranchScopes$1 + nodeAccessor;
+	const rendererAccessor = ConditionalRenderer + nodeAccessor;
 	enableBranches();
 	return (scope, renderer) => {
 		if (scope[rendererAccessor] !== (scope[rendererAccessor] = renderer?.["id"] || renderer)) {
 			setConditionalRenderer(scope, nodeAccessor, renderer, createAndSetupBranch);
-			if (renderer?.["accessor"]) subscribeToScopeSet(renderer["owner"], renderer["accessor"], scope[childScopeAccessor]);
+			if (renderer?.["accessor"]) subscribeToScopeSet(renderer[Owner], renderer[Accessor], scope[childScopeAccessor]);
 		}
-		if (renderer) for (const accessor in renderer["localClosures"]) renderer["localClosures"][accessor](scope[childScopeAccessor], renderer["localClosureValues"][accessor]);
+		if (renderer) for (const accessor in renderer[LocalClosures]) renderer[LocalClosures][accessor](scope[childScopeAccessor], renderer[LocalClosureValues][accessor]);
 	};
 }
 function _resume_dynamic_tag() {
 	_resume(DYNAMIC_TAG_SCRIPT_REGISTER_ID, dynamicTagScript);
 }
 function dynamicTagScript(branch) {
-	_attrs_script(branch, `#${branch["#Renderer"]}/0`);
+	_attrs_script(branch, `#${branch[Renderer]}/0`);
 }
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch) {
 	const referenceNode = scope[nodeAccessor];
-	const prevBranch = scope["BranchScopes:" + nodeAccessor];
+	const prevBranch = scope[BranchScopes$1 + nodeAccessor];
 	const parentNode = referenceNode.nodeType > 1 ? (prevBranch?.["#StartNode"] || referenceNode).parentNode : referenceNode;
-	const newBranch = scope["BranchScopes:" + nodeAccessor] = newRenderer && createBranch(scope["$global"], newRenderer, scope, parentNode);
+	const newBranch = scope[BranchScopes$1 + nodeAccessor] = newRenderer && createBranch(scope["$global"], newRenderer, scope, parentNode);
 	if (referenceNode === parentNode) {
 		if (prevBranch) {
 			destroyBranch(prevBranch);
@@ -1710,8 +1774,8 @@ function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch)
 		}
 		if (newBranch) insertBranchBefore(newBranch, parentNode, null);
 	} else if (prevBranch) {
-		if (newBranch) insertBranchBefore(newBranch, parentNode, prevBranch["#StartNode"]);
-		else parentNode.insertBefore(referenceNode, prevBranch["#StartNode"]);
+		if (newBranch) insertBranchBefore(newBranch, parentNode, prevBranch[StartNode]);
+		else parentNode.insertBefore(referenceNode, prevBranch[StartNode]);
 		removeAndDestroyBranch(prevBranch);
 	} else if (newBranch) {
 		insertBranchBefore(newBranch, parentNode, referenceNode);
@@ -1728,8 +1792,8 @@ const _for_until = /* @__PURE__ */ loop(([until, from, step, by = byFirstArg], c
 /* @__NO_SIDE_EFFECTS__ */
 function loop(forEach) {
 	return (nodeAccessor, template, walks, setup, params) => {
-		const scopesAccessor = "BranchScopes:" + nodeAccessor;
-		const keyedScopesAccessor = "KeyedScopes:" + nodeAccessor;
+		const scopesAccessor = BranchScopes$1 + nodeAccessor;
+		const keyedScopesAccessor = KeyedScopes + nodeAccessor;
 		const renderer = _content("", template, walks, setup)();
 		enableBranches();
 		return (scope, value) => {
@@ -1751,8 +1815,8 @@ function loop(forEach) {
 				if (branch) {
 					hasPotentialMoves = true;
 					oldScopesByKey?.delete(key);
-				} else branch = createAndSetupBranch(scope["$global"], renderer, scope, parentNode);
-				branch["#LoopKey"] = key;
+				} else branch = createAndSetupBranch(scope[Global], renderer, scope, parentNode);
+				branch[LoopKey] = key;
 				newScopes.push(branch);
 				params?.(branch, args);
 			});
@@ -1763,7 +1827,7 @@ function loop(forEach) {
 			let newEnd = newLen - 1;
 			if (hasSiblings) {
 				if (oldLen) {
-					afterReference = oldScopes[oldEnd]["#EndNode"].nextSibling;
+					afterReference = oldScopes[oldEnd][EndNode].nextSibling;
 					if (!newLen) parentNode.insertBefore(referenceNode, afterReference);
 				} else if (newLen) {
 					afterReference = referenceNode.nextSibling;
@@ -1784,7 +1848,7 @@ function loop(forEach) {
 				oldEnd--;
 				newEnd--;
 			}
-			if (oldEnd + 1 < oldLen) afterReference = oldScopes[oldEnd + 1]["#StartNode"];
+			if (oldEnd + 1 < oldLen) afterReference = oldScopes[oldEnd + 1][StartNode];
 			if (start > oldEnd || start > newEnd) {
 				for (let i = start; i <= newEnd; i++) insertBranchBefore(newScopes[i], parentNode, afterReference);
 				return;
@@ -1823,7 +1887,7 @@ function loop(forEach) {
 			for (let i = diffLen; i--;) {
 				if (~tail && i === tails[tail]) tail--;
 				else insertBranchBefore(newScopes[start + i], parentNode, afterReference);
-				afterReference = newScopes[start + i]["#StartNode"];
+				afterReference = newScopes[start + i][StartNode];
 			}
 		};
 	};
@@ -1831,7 +1895,7 @@ function loop(forEach) {
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
 	if (typeof tagNameOrRenderer === "string") assertValidTagName(tagNameOrRenderer);
 	const branch = createBranch($global, tagNameOrRenderer, parentScope, parentNode);
-	if (typeof tagNameOrRenderer === "string") branch[`#${tagNameOrRenderer}/0`] = branch["#StartNode"] = branch["#EndNode"] = document.createElementNS(tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI, tagNameOrRenderer);
+	if (typeof tagNameOrRenderer === "string") branch[`#${tagNameOrRenderer}/0`] = branch[StartNode] = branch[EndNode] = document.createElementNS(tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI, tagNameOrRenderer);
 	else setupBranch(tagNameOrRenderer, branch);
 	return branch;
 }
@@ -1853,15 +1917,15 @@ const scopeKeyOffset = 1e6;
 function queueRender(scope, signal, signalKey, value, scopeKey = scope["#Id"]) {
 	let render;
 	if (signalKey >= 0 && (render = scope[signalKey])) {
-		render["value"] = value;
+		render[Value] = value;
 		if (render["gen"] === runId || catchEnabled && render["pending"]) return;
 		render["gen"] = runId;
 	} else {
 		render = {
 			["key"]: scopeKey * scopeKeyOffset + signalKey,
-			["scope"]: scope,
-			["signal"]: signal,
-			["value"]: value,
+			[Scope]: scope,
+			[Signal]: signal,
+			[Value]: value,
 			["gen"]: runId
 		};
 		if (signalKey >= 0) scope[signalKey] = render;
@@ -1942,7 +2006,7 @@ function runRenders() {
 		runRender(render);
 	}
 }
-let runRender = (render) => render["signal"](render["scope"], render["value"]);
+let runRender = (render) => render[Signal](render[Scope], render[Value]);
 function skipDestroyedRenders() {
 	runRender = ((runRender) => (render) => {
 		if (render["scope"]["#ClosestBranch"]?.["#Gen"] !== 0) runRender(render);
@@ -1955,8 +2019,8 @@ function _enable_catch() {
 		enableBranches();
 		const handlePendingTry = (fn, scope, branch) => {
 			while (branch) {
-				if (branch["#AwaitCounter"]?.i) return (branch["#PendingEffects"] ||= []).push(fn, scope);
-				branch = branch["#ParentBranch"];
+				if (branch["#AwaitCounter"]?.i) return (branch[PendingEffects] ||= []).push(fn, scope);
+				branch = branch[ParentBranch];
 			}
 		};
 		runEffects = ((runEffects) => (effects, checkPending = placeholderShown.has(effects)) => {
@@ -1974,18 +2038,18 @@ function _enable_catch() {
 		})(runEffects);
 		runRender = ((runRender) => (render) => {
 			try {
-				let branch = render["scope"]["#ClosestBranch"];
+				let branch = render[Scope][ClosestBranch];
 				while (branch) {
 					if (branch["#PendingRenders"]) {
-						render["pending"] = 1;
-						return branch["#PendingRenders"].push(render);
+						render[Pending] = 1;
+						return branch[PendingRenders].push(render);
 					}
-					branch = branch["#ParentBranch"];
+					branch = branch[ParentBranch];
 				}
-				render["pending"] = 0;
+				render[Pending] = 0;
 				runRender(render);
 			} catch (error) {
-				renderCatch(render["scope"], error);
+				renderCatch(render[Scope], error);
 			}
 		})(runRender);
 	}
@@ -1993,15 +2057,15 @@ function _enable_catch() {
 //#endregion
 //#region src/dom/abort-signal.ts
 function $signalReset(scope, id) {
-	const ctrl = scope["#AbortControllers"]?.[id];
+	const ctrl = scope[AbortControllers]?.[id];
 	if (ctrl) {
 		queueEffect(ctrl, abort);
-		scope["#AbortControllers"][id] = void 0;
+		scope[AbortControllers][id] = void 0;
 	}
 }
 function $signal(scope, id) {
-	if (scope["#ClosestBranch"]) (scope["#ClosestBranch"]["#AbortScopes"] ||= /* @__PURE__ */ new Set()).add(scope);
-	return ((scope["#AbortControllers"] ||= {})[id] ||= new AbortController()).signal;
+	if (scope["#ClosestBranch"]) (scope[ClosestBranch][AbortScopes] ||= /* @__PURE__ */ new Set()).add(scope);
+	return ((scope[AbortControllers] ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
 	ctrl.abort();
@@ -2026,7 +2090,7 @@ const compat = {
 	queueEffect,
 	init(warp10Noop) {
 		_resume(SET_SCOPE_REGISTER_ID, (scope) => {
-			getRenderScopes(scope["$global"])[scope["#Id"]] = scope;
+			getRenderScopes(scope[Global])[scope["#Id"]] = scope;
 			if (scope.m5c) classIdToBranch.set(scope.m5c, scope);
 			if (classEventResolver) for (const key in scope) {
 				const resolved = classEventResolver(scope[key], scope);
@@ -2045,17 +2109,17 @@ const compat = {
 		renderer["id"] = id;
 	},
 	isRenderer(renderer) {
-		return renderer["clone"];
+		return renderer[Clone];
 	},
 	getStartNode(branch) {
-		return branch["#StartNode"];
+		return branch[StartNode];
 	},
 	getEndNode(branch) {
-		return branch["#EndNode"];
+		return branch[EndNode];
 	},
 	setScopeNodes(branch, startNode, endNode) {
-		branch["#StartNode"] = startNode;
-		branch["#EndNode"] = endNode;
+		branch[StartNode] = startNode;
+		branch[EndNode] = endNode;
 	},
 	runComponentEffects() {
 		if (this.effects) runEffects(this.effects);
@@ -2069,10 +2133,10 @@ const compat = {
 	},
 	createRenderer(params, clone) {
 		const renderer = _content("", 0, 0, 0, params)();
-		renderer["clone"] = (branch) => {
+		renderer[Clone] = (branch) => {
 			const cloned = clone();
-			branch["#StartNode"] = cloned.startNode;
-			branch["#EndNode"] = cloned.endNode;
+			branch[StartNode] = cloned.startNode;
+			branch[EndNode] = cloned.endNode;
 		};
 		return renderer;
 	},
@@ -2091,11 +2155,11 @@ const compat = {
 		component.effects = prepareEffects(() => {
 			if (!branch) {
 				created = 1;
-				branch = component.scope = createAndSetupBranch(out.global, renderer, renderer["owner"], document.body);
+				branch = component.scope = createAndSetupBranch(out.global, renderer, renderer[Owner], document.body);
 			}
-			renderer["params"]?.(branch, renderer._ ? args[0] : args);
+			renderer[Params]?.(branch, renderer._ ? args[0] : args);
 		});
-		if (created) return toInsertNode(branch["#StartNode"], branch["#EndNode"]);
+		if (created) return toInsertNode(branch[StartNode], branch[EndNode]);
 	}
 };
 //#endregion
@@ -2141,16 +2205,16 @@ function mount(input = {}, reference, position) {
 			break;
 	}
 	let curValue;
-	const args = this["params"];
+	const args = this[Params];
 	const effects = prepareEffects(() => {
 		branch = createBranch($global, this, void 0, parentNode);
-		branch["#TagVariable"] = (newValue) => {
+		branch[TagVariable] = (newValue) => {
 			curValue = newValue;
 		};
-		this["setup"]?.(branch);
+		this[Setup]?.(branch);
 		args?.(branch, input);
 	});
-	insertChildNodes(parentNode, nextSibling, branch["#StartNode"], branch["#EndNode"]);
+	insertChildNodes(parentNode, nextSibling, branch[StartNode], branch[EndNode]);
 	runEffects(effects);
 	return {
 		get value() {
@@ -2176,12 +2240,12 @@ function _load_template(id, load) {
 	let pending;
 	const lazyTemplate = _template(id, 0, 0, (branch) => {
 		const awaitCounter = addAwaitCounter(branch);
-		branch["#Load"] ||= /* @__PURE__ */ new Map();
+		branch[Load] ||= /* @__PURE__ */ new Map();
 		(pending ||= load()).then((renderer) => {
 			Object.assign(lazyTemplate, renderer);
-			queueAsyncRender(branch, (branch) => insertLoaded(renderer, branch, branch["#StartNode"], awaitCounter));
+			queueAsyncRender(branch, (branch) => insertLoaded(renderer, branch, branch[StartNode], awaitCounter));
 		}, loadFailed(branch, awaitCounter));
-	}, _load_signal(() => (pending ||= load()).then((r) => ({ _: r["params"] }))));
+	}, _load_signal(() => (pending ||= load()).then((r) => ({ _: r[Params] }))));
 	return lazyTemplate;
 }
 function _load_setup(nodeAccessor, childScopeAccessor, load) {
@@ -2193,7 +2257,7 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 		if (renderer) insertLoaded(renderer, child, owner[nodeAccessor]);
 		else {
 			const awaitCounter = addAwaitCounter(owner);
-			child["#Load"] ||= /* @__PURE__ */ new Map();
+			child[Load] ||= /* @__PURE__ */ new Map();
 			(pending ||= load()).then((mod) => {
 				renderer = _content("", ...mod._)();
 				queueAsyncRender(child, (child) => insertLoaded(renderer, child, owner[nodeAccessor], awaitCounter));
@@ -2202,25 +2266,27 @@ function _load_setup(nodeAccessor, childScopeAccessor, load) {
 	};
 }
 function insertLoaded(renderer, branch, marker, awaitCounter) {
-	const parent = marker.parentNode, values = branch["#Load"], insert = () => {
+	const parent = marker.parentNode, values = branch[Load], insert = () => {
 		insertBranchBefore(branch, parent, marker);
 		marker.remove();
 		awaitCounter?.c();
 	};
 	let remaining;
 	syncGen(branch);
-	renderer["clone"](branch, parent.namespaceURI);
-	branch["#Load"] = 0;
-	if (remaining = values?.size) for (const [promise, entry] of values) promise.then((signal) => {
-		entry["signal"] = signal;
-		if (!--remaining) queueAsyncRender(branch, (branch) => {
-			syncGen(branch);
-			renderer["setup"]?.(branch);
-			values.forEach((e) => e["signal"]._(branch, e["value"]));
-			insert();
-		});
-	}, () => 0);
-	else {
+	renderer[Clone](branch, parent.namespaceURI);
+	branch[Load] = 0;
+	if (remaining = values?.size) {
+		const fail = loadFailed(branch, awaitCounter);
+		for (const [promise, entry] of values) promise.then((signal) => {
+			entry[Signal$1] = signal;
+			if (!--remaining) queueAsyncRender(branch, (branch) => {
+				syncGen(branch);
+				renderer[Setup]?.(branch);
+				values.forEach((e) => e[Signal$1]._(branch, e[Value$1]));
+				insert();
+			});
+		}, (error) => remaining > 0 && (remaining = 0, fail(error)));
+	} else {
 		setupBranch(renderer, branch);
 		insert();
 	}
@@ -2237,7 +2303,7 @@ function _load_signal(load) {
 	let signal;
 	return (scope, value) => {
 		pending ||= load();
-		if (scope["#Load"] || !("#Load" in scope) && scope["#Gen"] === runId) (scope["#Load"] ||= /* @__PURE__ */ new Map()).set(pending, { ["value"]: value });
+		if (scope["#Load"] || !("#Load" in scope) && scope["#Gen"] === runId) (scope[Load] ||= /* @__PURE__ */ new Map()).set(pending, { [Value$1]: value });
 		else if (signal) signal(scope, value);
 		else pending.then((mod) => queueAsyncRender(scope, signal = mod._, value), () => 0);
 	};