marko 6.0.0-next.3.60 → 6.0.0-next.3.62

package/dist/debug/dom.mjs

@@ -234,7 +234,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               const token = commentText[commentPrefixLen];
               if (token === "*" /* Node */) {
                 const node = scope[data2] = visit.previousSibling;
-                scope[data2 + ">" /* Getter */] = () => node;
+                scope["Getter:" /* Getter */ + data2] = () => node;
               } else if (token === "$" /* ClosestBranch */) {
                 closestBranchMarkers.set(scopeId, visit);
               } else if (token === "[" /* BranchStart */) {
@@ -379,7 +379,7 @@ function controllable_input_checked(scope, nodeAccessor, checked, checkedChange)
 function controllable_input_checked_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    const checkedChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    const checkedChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       const newValue = el.checked;
       el.checked = !newValue;
@@ -389,7 +389,7 @@ function controllable_input_checked_effect(scope, nodeAccessor) {
   });
 }
 function controllable_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value2) {
-  scope[nodeAccessor + ":" /* ControlledValue */] = checkedValue;
+  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = checkedValue;
   attr(scope[nodeAccessor], "value", value2);
   setCheckboxValue(
     scope,
@@ -402,9 +402,9 @@ function controllable_input_checkedValue(scope, nodeAccessor, checkedValue, chec
 function controllable_input_checkedValue_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    const checkedValueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    const checkedValueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
-      const oldValue = scope[nodeAccessor + ":" /* ControlledValue */];
+      const oldValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
       const newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
       if (el.name && el.type[0] === "r") {
         for (const radio of el.getRootNode().querySelectorAll(
@@ -425,33 +425,33 @@ function controllable_input_checkedValue_effect(scope, nodeAccessor) {
 function controllable_input_value(scope, nodeAccessor, value2, valueChange) {
   const el = scope[nodeAccessor];
   const normalizedValue = normalizeStrProp(value2);
-  scope[nodeAccessor + ";" /* ControlledHandler */] = valueChange;
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
-    scope[nodeAccessor + "=" /* ControlledType */] = 0 /* InputChecked */;
-    scope[nodeAccessor + ":" /* ControlledValue */] = value2;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value2;
     if (el.isConnected) {
       setValueAndUpdateSelection(el, normalizedValue);
     } else {
       el.defaultValue = normalizedValue;
     }
   } else {
-    scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
     el.defaultValue = normalizedValue;
   }
 }
 function controllable_input_value_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
   if (isResuming) {
-    scope[nodeAccessor + ":" /* ControlledValue */] = el.defaultValue;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = el.defaultValue;
   }
   syncControllable(el, "input", hasValueChanged, (ev) => {
-    const valueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       const newValue = el.value;
       inputType = ev?.inputType;
       setValueAndUpdateSelection(
         el,
-        scope[nodeAccessor + ":" /* ControlledValue */]
+        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
       );
       valueChange(newValue);
       run();
@@ -460,12 +460,12 @@ function controllable_input_value_effect(scope, nodeAccessor) {
   });
 }
 function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = valueChange;
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
   if (valueChange) {
-    scope[nodeAccessor + "=" /* ControlledType */] = 3 /* SelectValue */;
-    scope[nodeAccessor + ":" /* ControlledValue */] = value2;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */;
+    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value2;
   } else {
-    scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
   }
   pendingEffects.unshift(
     () => setSelectOptions(
@@ -479,14 +479,14 @@ function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
 function controllable_select_value_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
   const onChange = () => {
-    const valueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       const newValue = Array.isArray(
-        scope[nodeAccessor + ":" /* ControlledValue */]
+        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
       ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
       setSelectOptions(
         el,
-        scope[nodeAccessor + ":" /* ControlledValue */],
+        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor],
         valueChange
       );
       valueChange(newValue);
@@ -495,7 +495,7 @@ function controllable_select_value_effect(scope, nodeAccessor) {
   };
   if (!el._) {
     new MutationObserver(() => {
-      const value2 = scope[nodeAccessor + ":" /* ControlledValue */];
+      const value2 = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
       if (Array.isArray(value2) ? value2.length !== el.selectedOptions.length || value2.some((value3, i) => value3 != el.selectedOptions[i].value) : el.value != value2) {
         onChange();
       }
@@ -528,23 +528,23 @@ function setSelectOptions(el, value2, valueChange) {
   }
 }
 function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = openChange;
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = openChange;
   if (openChange) {
-    scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */;
   } else {
-    scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
   }
-  scope[nodeAccessor].open = scope[nodeAccessor + ":" /* ControlledValue */] = normalizeBoolProp(open);
+  scope[nodeAccessor].open = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  const hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
+  const hasChanged = () => el.open !== scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
     hasChanged,
     () => {
-      const openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+      const openChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
       if (openChange && hasChanged()) {
         const newValue = el.open;
         el.open = !newValue;
@@ -569,12 +569,12 @@ function setValueAndUpdateSelection(el, value2) {
   }
 }
 function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = checkedChange;
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = checkedChange;
   if (checkedChange) {
-    scope[nodeAccessor + "=" /* ControlledType */] = type;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = type;
     scope[nodeAccessor].checked = checked;
   } else {
-    scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */;
+    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
     scope[nodeAccessor].defaultChecked = checked;
   }
 }
@@ -786,7 +786,7 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
         break;
       default: {
         if (isEventHandler(name)) {
-          (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2;
+          (events ||= scope["EventAttributes:" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value2;
         } else if (!skip?.test(name)) {
           attr(el, name, value2);
         }
@@ -796,8 +796,8 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
 }
 function attrsEvents(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  const events = scope[nodeAccessor + "~" /* EventAttributes */];
-  switch (scope[nodeAccessor + "=" /* ControlledType */]) {
+  const events = scope["EventAttributes:" /* EventAttributes */ + nodeAccessor];
+  switch (scope["ControlledType:" /* ControlledType */ + nodeAccessor]) {
     case 0 /* InputChecked */:
       controllable_input_checked_effect(scope, nodeAccessor);
       break;
@@ -821,7 +821,7 @@ function attrsEvents(scope, nodeAccessor) {
 function html(scope, value2, accessor) {
   const firstChild = scope[accessor];
   const parentNode = firstChild.parentNode;
-  const lastChild = scope[accessor + "-" /* DynamicPlaceholderLastChild */] || firstChild;
+  const lastChild = scope["DynamicPlaceholderLastChild:" /* DynamicPlaceholderLastChild */ + accessor] || firstChild;
   const newContent = parseHTML(
     value2 || value2 === 0 ? value2 + "" : "",
     parentNode.namespaceURI
@@ -830,7 +830,7 @@ function html(scope, value2, accessor) {
     parentNode,
     firstChild,
     scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()),
-    scope[accessor + "-" /* DynamicPlaceholderLastChild */] = newContent.lastChild
+    scope["DynamicPlaceholderLastChild:" /* DynamicPlaceholderLastChild */ + accessor] = newContent.lastChild
   );
   removeChildNodes(firstChild, lastChild);
 }
@@ -868,7 +868,7 @@ function lifecycle(scope, index, thisObj) {
     thisObj.onMount?.();
     getAbortSignal(
       scope,
-      "-" /* LifecycleAbortController */ + index
+      "LifecycleAbortController:" /* LifecycleAbortController */ + index
     ).onabort = () => thisObj.onDestroy?.();
   }
 }
@@ -945,7 +945,7 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
 }
 function tempDetatchBranch(branch) {
   insertChildNodes(
-    branch.___startNode.ownerDocument.createDocumentFragment(),
+    new DocumentFragment(),
     null,
     branch.___startNode,
     branch.___endNode
@@ -1136,7 +1136,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
     if (value2 === 32 /* Get */) {
       const node = walker.currentNode;
       scope[true ? getDebugKey(currentScopeIndex, walker.currentNode) : currentScopeIndex] = node;
-      scope[(true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++) + ">" /* Getter */] = () => node;
+      scope["Getter:" /* Getter */ + (true ? getDebugKey(currentScopeIndex++, walker.currentNode) : currentScopeIndex++)] = () => node;
     } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */) {
       walker.currentNode.replaceWith(
         walker.currentNode = scope[true ? getDebugKey(currentScopeIndex++, "#text") : currentScopeIndex++] = new Text()
@@ -1349,7 +1349,7 @@ function state(valueAccessor, fn) {
       valueAccessor.lastIndexOf("/")
     );
   }
-  const valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */;
+  const valueChangeAccessor = "TagVariableChange:" /* TagVariableChange */ + valueAccessor;
   const update = (scope, value2) => {
     if (scope[valueAccessor] !== value2) {
       scope[valueAccessor] = value2;
@@ -1400,8 +1400,8 @@ function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__
 }
 function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
   const childSignal = closure(valueAccessor, fn);
-  const loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */;
-  const loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */;
+  const loopScopeAccessor = "LoopScopeArray:" /* LoopScopeArray */ + ownerLoopNodeAccessor;
+  const loopScopeMapAccessor = "LoopScopeMap:" /* LoopScopeMap */ + ownerLoopNodeAccessor;
   const ownerSignal = (ownerScope) => {
     const scopes = ownerScope[loopScopeAccessor] || ownerScope[loopScopeMapAccessor]?.values() || [];
     const [firstScope] = scopes;
@@ -1426,8 +1426,8 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
 }
 function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
   const childSignal = closure(valueAccessor, fn);
-  const scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */;
-  const branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */;
+  const scopeAccessor = "ConditionalScope:" /* ConditionalScope */ + ownerConditionalNodeAccessor;
+  const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + ownerConditionalNodeAccessor;
   const ownerSignal = (scope) => {
     const ifScope = scope[scopeAccessor];
     if (ifScope && !ifScope.___pending && scope[branchAccessor] === branch) {
@@ -1477,8 +1477,8 @@ function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
       scope
     );
   };
-  closureSignal.___scopeInstancesAccessor = valueAccessor + "!" /* ClosureScopes */;
-  closureSignal.___signalIndexAccessor = valueAccessor + "(" /* ClosureSignalIndex */;
+  closureSignal.___scopeInstancesAccessor = "ClosureScopes:" /* ClosureScopes */ + valueAccessor;
+  closureSignal.___signalIndexAccessor = "ClosureSignalIndex:" /* ClosureSignalIndex */ + valueAccessor;
   return closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
@@ -1487,13 +1487,13 @@ function closure(valueAccessor, fn, getOwnerScope) {
   };
 }
 function setTagVar(scope, childAccessor, tagVarSignal2) {
-  scope[childAccessor]["/" /* TagVariable */] = (value2) => tagVarSignal2(scope, value2);
+  scope[childAccessor]["#TagVariable" /* TagVariable */] = (value2) => tagVarSignal2(scope, value2);
 }
-var tagVarSignal = (scope, value2) => scope["/" /* TagVariable */]?.(value2);
+var tagVarSignal = (scope, value2) => scope["#TagVariable" /* TagVariable */]?.(value2);
 function setTagVarChange(scope, changeHandler) {
-  scope["@" /* TagVariableChange */] = changeHandler;
+  scope["#TagVariableChange" /* TagVariableChange */] = changeHandler;
 }
-var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
+var tagVarSignalChange = (scope, value2) => scope["#TagVariableChange" /* TagVariableChange */]?.(value2);
 var tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
 function nextTagId({ $global }) {
   const id = tagIdsByGlobal.get($global) || 0;
@@ -1529,14 +1529,14 @@ function hoist(...path) {
 
 // src/dom/control-flow.ts
 function awaitTag(nodeAccessor, renderer) {
-  const promiseAccessor = nodeAccessor + "?" /* Promise */;
-  const branchAccessor = nodeAccessor + "!" /* ConditionalScope */;
+  const promiseAccessor = "Promise:" /* Promise */ + nodeAccessor;
+  const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   return (scope, promise) => {
     let tryBranch = scope.___closestBranch;
     let awaitBranch = scope[branchAccessor];
     const referenceNode = scope[nodeAccessor];
     const namespaceNode = (awaitBranch?.___startNode ?? referenceNode).parentNode;
-    while (tryBranch && !tryBranch["%" /* PlaceholderContent */]) {
+    while (tryBranch && !tryBranch["#PlaceholderContent" /* PlaceholderContent */]) {
       tryBranch = tryBranch.___parentBranch;
     }
     const thisPromise = scope[promiseAccessor] = promise.then((data2) => {
@@ -1561,8 +1561,8 @@ function awaitTag(nodeAccessor, renderer) {
         renderer.___params?.(awaitBranch, [data2]);
       });
       if (tryBranch) {
-        if (!--tryBranch["." /* PendingCount */]) {
-          const placeholderBranch = tryBranch["#" /* PlaceholderBranch */];
+        if (!--tryBranch.___pendingAsyncCount) {
+          const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */];
           if (placeholderBranch) {
             insertBranchBefore(
               tryBranch,
@@ -1583,7 +1583,7 @@ function awaitTag(nodeAccessor, renderer) {
       }
     }).catch((error) => {
       let tryBranch2 = scope.___closestBranch;
-      while (tryBranch2 && !tryBranch2["^" /* CatchContent */]) {
+      while (tryBranch2 && !tryBranch2["#CatchContent" /* CatchContent */]) {
         tryBranch2 = tryBranch2.___parentBranch;
       }
       if (!tryBranch2) {
@@ -1593,24 +1593,24 @@ function awaitTag(nodeAccessor, renderer) {
       } else {
         setConditionalRenderer(
           tryBranch2._,
-          tryBranch2["*" /* BranchAccessor */],
-          tryBranch2["^" /* CatchContent */],
+          tryBranch2["#BranchAccessor" /* BranchAccessor */],
+          tryBranch2["#CatchContent" /* CatchContent */],
           createAndSetupBranch
         );
-        tryBranch2["^" /* CatchContent */].___params?.(
-          tryBranch2._[tryBranch2["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+        tryBranch2["#CatchContent" /* CatchContent */].___params?.(
+          tryBranch2._["ConditionalScope:" /* ConditionalScope */ + tryBranch2["#BranchAccessor" /* BranchAccessor */]],
           [error]
         );
       }
     });
     if (tryBranch) {
-      if (!tryBranch["." /* PendingCount */]) {
-        tryBranch["." /* PendingCount */] = 0;
+      if (!tryBranch.___pendingAsyncCount) {
+        tryBranch.___pendingAsyncCount = 0;
         requestAnimationFrame(() => {
-          if (tryBranch["." /* PendingCount */] && !tryBranch.___destroyed) {
-            const placeholderBranch = tryBranch["#" /* PlaceholderBranch */] = createAndSetupBranch(
+          if (tryBranch.___pendingAsyncCount && !tryBranch.___destroyed) {
+            const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
               scope.$global,
-              tryBranch["%" /* PlaceholderContent */],
+              tryBranch["#PlaceholderContent" /* PlaceholderContent */],
               tryBranch._,
               tryBranch.___startNode.parentNode
             );
@@ -1623,7 +1623,7 @@ function awaitTag(nodeAccessor, renderer) {
           }
         });
       }
-      tryBranch["." /* PendingCount */]++;
+      tryBranch.___pendingAsyncCount++;
     } else if (awaitBranch) {
       awaitBranch.___startNode.parentNode.insertBefore(
         referenceNode,
@@ -1634,7 +1634,7 @@ function awaitTag(nodeAccessor, renderer) {
   };
 }
 function createTry(nodeAccessor, tryContent) {
-  const branchAccessor = nodeAccessor + "!" /* ConditionalScope */;
+  const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     if (!scope[branchAccessor]) {
       setConditionalRenderer(
@@ -1646,16 +1646,16 @@ function createTry(nodeAccessor, tryContent) {
     }
     const branch = scope[branchAccessor];
     if (branch) {
-      branch["*" /* BranchAccessor */] = nodeAccessor;
-      branch["^" /* CatchContent */] = normalizeDynamicRenderer(input.catch);
-      branch["%" /* PlaceholderContent */] = normalizeDynamicRenderer(
+      branch["#BranchAccessor" /* BranchAccessor */] = nodeAccessor;
+      branch["#CatchContent" /* CatchContent */] = normalizeDynamicRenderer(input.catch);
+      branch["#PlaceholderContent" /* PlaceholderContent */] = normalizeDynamicRenderer(
         input.placeholder
       );
     }
   };
 }
 function conditional(nodeAccessor, ...branches) {
-  const branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  const branchAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
     if (newBranch !== scope[branchAccessor]) {
       setConditionalRenderer(
@@ -1671,8 +1671,8 @@ function patchDynamicTag(fn) {
   dynamicTag = fn(dynamicTag);
 }
 var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, inputIsArgs) {
-  const childScopeAccessor = nodeAccessor + "!" /* ConditionalScope */;
-  const rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  const childScopeAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
+  const rendererAccessor = "ConditionalRenderer:" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newRenderer, getInput) => {
     const normalizedRenderer = normalizeDynamicRenderer(newRenderer);
     if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.___id || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor])) {
@@ -1698,7 +1698,7 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
             subscribeToScopeSet(
               content.___owner,
               content.___accessor,
-              scope[childScopeAccessor][(true ? `#${normalizedRenderer}/0` : 0) + "!" /* ConditionalScope */]
+              scope[childScopeAccessor]["ConditionalScope:" /* ConditionalScope */ + (true ? `#${normalizedRenderer}/0` : 0)]
             );
           }
         }
@@ -1740,9 +1740,9 @@ var dynamicTag = function dynamicTag2(nodeAccessor, getContent, getTagVar, input
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
   const referenceNode = scope[nodeAccessor];
-  const prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */];
+  const prevBranch = scope["ConditionalScope:" /* ConditionalScope */ + nodeAccessor];
   const parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.___startNode || referenceNode).parentNode : referenceNode;
-  const newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
+  const newBranch = scope["ConditionalScope:" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   if (referenceNode === parentNode) {
     if (prevBranch) {
       destroyBranch(prevBranch);
@@ -1797,13 +1797,13 @@ function loop(nodeAccessor, renderer, forEach) {
   const params = renderer.___params;
   return (scope, value2) => {
     const referenceNode = scope[nodeAccessor];
-    const oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */];
-    const oldArray = oldMap ? scope[nodeAccessor + "!" /* LoopScopeArray */] || [
+    const oldMap = scope["LoopScopeMap:" /* LoopScopeMap */ + nodeAccessor];
+    const oldArray = oldMap ? scope["LoopScopeArray:" /* LoopScopeArray */ + nodeAccessor] || [
       ...oldMap.values()
     ] : [];
     const parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].___startNode.parentNode : referenceNode;
-    const newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map();
-    const newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
+    const newMap = scope["LoopScopeMap:" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map();
+    const newArray = scope["LoopScopeArray:" /* LoopScopeArray */ + nodeAccessor] = [];
     forEach(value2, (key, args) => {
       const branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
       params?.(branch, args);
@@ -1960,19 +1960,19 @@ var enableCatch = () => {
       runRender2(render);
     } catch (error) {
       let branch = render.___scope.___closestBranch;
-      while (branch && !branch["^" /* CatchContent */])
+      while (branch && !branch["#CatchContent" /* CatchContent */])
         branch = branch.___parentBranch;
       if (!branch) {
         throw error;
       } else {
         setConditionalRenderer(
           branch._,
-          branch["*" /* BranchAccessor */],
-          branch["^" /* CatchContent */],
+          branch["#BranchAccessor" /* BranchAccessor */],
+          branch["#CatchContent" /* CatchContent */],
           createAndSetupBranch
         );
-        branch["^" /* CatchContent */].___params?.(
-          branch._[branch["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+        branch["#CatchContent" /* CatchContent */].___params?.(
+          branch._["ConditionalScope:" /* ConditionalScope */ + branch["#BranchAccessor" /* BranchAccessor */]],
           [error]
         );
       }

package/dist/debug/html.js

@@ -1644,7 +1644,7 @@ function withContext(key, value, cb) {
 }
 function setTagVar(parentScopeId, scopeOffsetAccessor, childScope, registryId) {
   ensureScopeWithId(parentScopeId)[scopeOffsetAccessor] = nextScopeId();
-  childScope["/" /* TagVariable */] = register2(
+  childScope["#TagVariable" /* TagVariable */] = register2(
     {},
     registryId,
     parentScopeId
@@ -1889,7 +1889,7 @@ function fork(scopeId, accessor, promise, content) {
     );
     content(promise);
     writeScope(scopeId, {
-      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+      ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     });
     $chunk.writeHTML(
       $chunk.boundary.state.mark(
@@ -1924,7 +1924,7 @@ function fork(scopeId, accessor, promise, content) {
             boundary.state.serializer.writeAssign(
               writeScope(branchId, {}),
               ensureScopeWithId(scopeId),
-              accessor + "!" /* ConditionalScope */
+              "ConditionalScope:" /* ConditionalScope */ + accessor
             );
             $chunk.writeHTML(
               $chunk.boundary.state.mark(
@@ -1961,12 +1961,12 @@ function tryContent(scopeId, accessor, content, input) {
     content();
   }
   writeScope(branchId, {
-    ["*" /* BranchAccessor */]: accessor,
-    ["^" /* CatchContent */]: catchContent,
-    ["%" /* PlaceholderContent */]: placeholderContent
+    ["#BranchAccessor" /* BranchAccessor */]: accessor,
+    ["#CatchContent" /* CatchContent */]: catchContent,
+    ["#PlaceholderContent" /* PlaceholderContent */]: placeholderContent
   });
   writeScope(scopeId, {
-    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+    ["ConditionalScope:" /* ConditionalScope */ + accessor]: getScopeById(branchId)
   });
   $chunk.writeHTML(
     $chunk.boundary.state.mark(
@@ -2590,7 +2590,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
             if (!events) {
               events = {};
               writeScope(scopeId, {
-                [nodeAccessor + "~" /* EventAttributes */]: events
+                ["EventAttributes:" /* EventAttributes */ + nodeAccessor]: events
               });
             }
             events[getEventHandlerName(name)] = value;
@@ -2612,9 +2612,9 @@ function partialAttrs(data, skip, nodeAccessor, scopeId, tagName) {
 }
 function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
   writeScope(scopeId, {
-    [nodeAccessor + "=" /* ControlledType */]: type,
-    [nodeAccessor + ":" /* ControlledValue */]: value,
-    [nodeAccessor + ";" /* ControlledHandler */]: valueChange
+    ["ControlledType:" /* ControlledType */ + nodeAccessor]: type,
+    ["ControlledValue:" /* ControlledValue */ + nodeAccessor]: value,
+    ["ControlledHandler:" /* ControlledHandler */ + nodeAccessor]: valueChange
   });
 }
 function stringAttr(name, value) {

package/dist/debug/html.mjs

@@ -1560,7 +1560,7 @@ function withContext(key, value, cb) {
 }
 function setTagVar(parentScopeId, scopeOffsetAccessor, childScope, registryId) {
   ensureScopeWithId(parentScopeId)[scopeOffsetAccessor] = nextScopeId();
-  childScope["/" /* TagVariable */] = register2(
+  childScope["#TagVariable" /* TagVariable */] = register2(
     {},
     registryId,
     parentScopeId
@@ -1805,7 +1805,7 @@ function fork(scopeId, accessor, promise, content) {
     );
     content(promise);
     writeScope(scopeId, {
-      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+      ["ConditionalScope:" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     });
     $chunk.writeHTML(
       $chunk.boundary.state.mark(
@@ -1840,7 +1840,7 @@ function fork(scopeId, accessor, promise, content) {
             boundary.state.serializer.writeAssign(
               writeScope(branchId, {}),
               ensureScopeWithId(scopeId),
-              accessor + "!" /* ConditionalScope */
+              "ConditionalScope:" /* ConditionalScope */ + accessor
             );
             $chunk.writeHTML(
               $chunk.boundary.state.mark(
@@ -1877,12 +1877,12 @@ function tryContent(scopeId, accessor, content, input) {
     content();
   }
   writeScope(branchId, {
-    ["*" /* BranchAccessor */]: accessor,
-    ["^" /* CatchContent */]: catchContent,
-    ["%" /* PlaceholderContent */]: placeholderContent
+    ["#BranchAccessor" /* BranchAccessor */]: accessor,
+    ["#CatchContent" /* CatchContent */]: catchContent,
+    ["#PlaceholderContent" /* PlaceholderContent */]: placeholderContent
   });
   writeScope(scopeId, {
-    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+    ["ConditionalScope:" /* ConditionalScope */ + accessor]: getScopeById(branchId)
   });
   $chunk.writeHTML(
     $chunk.boundary.state.mark(
@@ -2506,7 +2506,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
             if (!events) {
               events = {};
               writeScope(scopeId, {
-                [nodeAccessor + "~" /* EventAttributes */]: events
+                ["EventAttributes:" /* EventAttributes */ + nodeAccessor]: events
               });
             }
             events[getEventHandlerName(name)] = value;
@@ -2528,9 +2528,9 @@ function partialAttrs(data, skip, nodeAccessor, scopeId, tagName) {
 }
 function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
   writeScope(scopeId, {
-    [nodeAccessor + "=" /* ControlledType */]: type,
-    [nodeAccessor + ":" /* ControlledValue */]: value,
-    [nodeAccessor + ";" /* ControlledHandler */]: valueChange
+    ["ControlledType:" /* ControlledType */ + nodeAccessor]: type,
+    ["ControlledValue:" /* ControlledValue */ + nodeAccessor]: value,
+    ["ControlledHandler:" /* ControlledHandler */ + nodeAccessor]: valueChange
   });
 }
 function stringAttr(name, value) {