marko 6.0.0-next.3.60 → 6.0.0-next.3.61

package/dist/common/accessor.d.ts

@@ -0,0 +1,24 @@
+export declare enum AccessorPrefix {
+    ClosureScopes = "a",
+    ClosureSignalIndex = "b",
+    ConditionalRenderer = "c",
+    ConditionalScope = "d",
+    ControlledHandler = "e",
+    ControlledType = "f",
+    ControlledValue = "g",
+    DynamicPlaceholderLastChild = "h",
+    EventAttributes = "i",
+    Getter = "j",
+    LifecycleAbortController = "k",
+    LoopScopeArray = "l",
+    LoopScopeMap = "m",
+    Promise = "n"
+}
+export declare enum AccessorProp {
+    BranchAccessor = "*",
+    CatchContent = "^",
+    PlaceholderBranch = "#",
+    PlaceholderContent = "%",
+    TagVariable = "/",
+    TagVariableChange = "@"
+}

package/dist/common/accessor.debug.d.ts

@@ -0,0 +1,24 @@
+export declare enum AccessorPrefix {
+    ClosureScopes = "ClosureScopes:",
+    ClosureSignalIndex = "ClosureSignalIndex:",
+    ConditionalRenderer = "ConditionalRenderer:",
+    ConditionalScope = "ConditionalScope:",
+    ControlledHandler = "ControlledHandler:",
+    ControlledType = "ControlledType:",
+    ControlledValue = "ControlledValue:",
+    DynamicPlaceholderLastChild = "DynamicPlaceholderLastChild:",
+    EventAttributes = "EventAttributes:",
+    Getter = "Getter:",
+    LifecycleAbortController = "LifecycleAbortController:",
+    LoopScopeArray = "LoopScopeArray:",
+    LoopScopeMap = "LoopScopeMap:",
+    Promise = "Promise:"
+}
+export declare enum AccessorProp {
+    BranchAccessor = "*BranchAccessor",
+    CatchContent = "^CatchContent",
+    PlaceholderBranch = "#PlaceholderBranch",
+    PlaceholderContent = "%PlaceholderContent",
+    TagVariable = "/TagVariable",
+    TagVariableChange = "@TagVariableChange"
+}

package/dist/common/types.d.ts

@@ -9,6 +9,7 @@ export interface BranchScope extends Scope {
     ___abortScopes: Set<Scope> | undefined;
     ___branchScopes: Set<BranchScope> | undefined;
     ___renderer: ClientRenderer | string;
+    ___pendingAsyncCount: number | undefined;
 }
 export interface Scope {
     $global: Record<string, unknown> & {
@@ -30,29 +31,7 @@ export declare enum ResumeSymbol {
     BranchSingleNodeOnlyChildInParent = "=",
     ClosestBranch = "$"
 }
-export declare enum AccessorChar {
-    ClosureScopes = "!",
-    ClosureSignalIndex = "(",
-    ConditionalScope = "!",
-    ConditionalRenderer = "(",
-    LoopScopeArray = "!",
-    LoopScopeMap = "(",
-    LifecycleAbortController = "-",
-    DynamicPlaceholderLastChild = "-",
-    TagVariable = "/",
-    TagVariableChange = "@",
-    EventAttributes = "~",
-    ControlledValue = ":",
-    ControlledHandler = ";",
-    ControlledType = "=",
-    Getter = ">",
-    BranchAccessor = "*",
-    CatchContent = "^",
-    PlaceholderContent = "%",
-    PlaceholderBranch = "#",
-    PendingCount = ".",
-    Promise = "?"
-}
+export { AccessorPrefix, AccessorProp } from "./accessor.debug";
 export declare enum NodeType {
     Element = 1,
     Text = 3,

package/dist/debug/dom.js

@@ -322,7 +322,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 */) {
@@ -467,7 +467,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;
@@ -477,7 +477,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,
@@ -490,9 +490,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(
@@ -513,33 +513,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();
@@ -548,12 +548,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(
@@ -567,14 +567,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);
@@ -583,7 +583,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();
       }
@@ -616,23 +616,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;
@@ -657,12 +657,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;
   }
 }
@@ -874,7 +874,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);
         }
@@ -884,8 +884,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;
@@ -909,7 +909,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
@@ -918,7 +918,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);
 }
@@ -956,7 +956,7 @@ function lifecycle(scope, index, thisObj) {
     thisObj.onMount?.();
     getAbortSignal(
       scope,
-      "-" /* LifecycleAbortController */ + index
+      "LifecycleAbortController:" /* LifecycleAbortController */ + index
     ).onabort = () => thisObj.onDestroy?.();
   }
 }
@@ -1033,7 +1033,7 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
 }
 function tempDetatchBranch(branch) {
   insertChildNodes(
-    branch.___startNode.ownerDocument.createDocumentFragment(),
+    new DocumentFragment(),
     null,
     branch.___startNode,
     branch.___endNode
@@ -1224,7 +1224,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()
@@ -1437,7 +1437,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;
@@ -1488,8 +1488,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;
@@ -1514,8 +1514,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) {
@@ -1565,8 +1565,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) {
@@ -1575,13 +1575,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;
@@ -1617,14 +1617,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) => {
@@ -1649,8 +1649,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,
@@ -1671,7 +1671,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) {
@@ -1681,24 +1681,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
             );
@@ -1711,7 +1711,7 @@ function awaitTag(nodeAccessor, renderer) {
           }
         });
       }
-      tryBranch["." /* PendingCount */]++;
+      tryBranch.___pendingAsyncCount++;
     } else if (awaitBranch) {
       awaitBranch.___startNode.parentNode.insertBefore(
         referenceNode,
@@ -1722,7 +1722,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(
@@ -1734,16 +1734,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(
@@ -1759,8 +1759,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])) {
@@ -1786,7 +1786,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)]
             );
           }
         }
@@ -1828,9 +1828,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);
@@ -1885,13 +1885,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);
@@ -2048,19 +2048,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]
         );
       }