marko 6.0.0-next.3.59 → 6.0.0-next.3.61

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?.();
   }
 }
@@ -943,134 +943,15 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
     branch.___endNode
   );
 }
-
-// src/dom/queue.ts
-var pendingRenders = [];
-var pendingRendersLookup = /* @__PURE__ */ new Map();
-var pendingEffects = [];
-var rendering = false;
-var scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value2, scopeKey = scope.___id) {
-  const key = scopeKey * scopeKeyOffset + signalKey;
-  const existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
-  if (existingRender) {
-    existingRender.___value = value2;
-  } else {
-    const render = {
-      ___key: key,
-      ___scope: scope,
-      ___signal: signal,
-      ___value: value2
-    };
-    let i = pendingRenders.push(render) - 1;
-    while (i) {
-      const parentIndex = i - 1 >> 1;
-      const parent = pendingRenders[parentIndex];
-      if (key - parent.___key >= 0) break;
-      pendingRenders[i] = parent;
-      i = parentIndex;
-    }
-    signalKey >= 0 && pendingRendersLookup.set(key, render);
-    pendingRenders[i] = render;
-  }
-}
-function queueEffect(scope, fn) {
-  pendingEffects.push(fn, scope);
-}
-function run() {
-  const effects = pendingEffects;
-  try {
-    rendering = true;
-    runRenders();
-  } finally {
-    pendingRenders = [];
-    pendingRendersLookup = /* @__PURE__ */ new Map();
-    pendingEffects = [];
-    rendering = false;
-  }
-  runEffects(effects);
-}
-function prepareEffects(fn) {
-  const prevRenders = pendingRenders;
-  const prevRendersLookup = pendingRendersLookup;
-  const prevEffects = pendingEffects;
-  const preparedEffects = pendingEffects = [];
-  pendingRenders = [];
-  pendingRendersLookup = /* @__PURE__ */ new Map();
-  try {
-    rendering = true;
-    fn();
-    runRenders();
-  } finally {
-    rendering = false;
-    pendingRenders = prevRenders;
-    pendingRendersLookup = prevRendersLookup;
-    pendingEffects = prevEffects;
-  }
-  return preparedEffects;
-}
-function runEffects(effects) {
-  for (let i = 0, scope; i < effects.length; ) {
-    effects[i++](
-      scope = effects[i++],
-      scope
-    );
-  }
-}
-function runRenders() {
-  while (pendingRenders.length) {
-    const render = pendingRenders[0];
-    const item = pendingRenders.pop();
-    if (render !== item) {
-      let i = 0;
-      const mid = pendingRenders.length >> 1;
-      const key = (pendingRenders[0] = item).___key;
-      while (i < mid) {
-        let bestChild = (i << 1) + 1;
-        const right = bestChild + 1;
-        if (right < pendingRenders.length && pendingRenders[right].___key - pendingRenders[bestChild].___key < 0) {
-          bestChild = right;
-        }
-        if (pendingRenders[bestChild].___key - key >= 0) {
-          break;
-        } else {
-          pendingRenders[i] = pendingRenders[bestChild];
-          i = bestChild;
-        }
-      }
-      pendingRenders[i] = item;
-    }
-    if (!render.___scope.___closestBranch?.___destroyed) {
-      render.___signal(render.___scope, render.___value);
-    }
-  }
-  finishPendingScopes();
-}
-
-// src/dom/abort-signal.ts
-function resetAbortSignal(scope, id) {
-  const ctrl = scope.___abortControllers?.[id];
-  if (ctrl) {
-    queueEffect(ctrl, abort);
-    scope.___abortControllers[id] = void 0;
-  }
-}
-function getAbortSignal(scope, id) {
-  if (scope.___closestBranch) {
-    (scope.___closestBranch.___abortScopes ||= /* @__PURE__ */ new Set()).add(scope);
-  }
-  return ((scope.___abortControllers ||= {})[id] ||= new AbortController()).signal;
-}
-function abort(ctrl) {
-  ctrl.abort();
+function tempDetatchBranch(branch) {
+  insertChildNodes(
+    new DocumentFragment(),
+    null,
+    branch.___startNode,
+    branch.___endNode
+  );
 }
 
-// src/common/compat-meta.ts
-var prefix = true ? "$compat_" : "$C_";
-var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
-var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
-var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
-
 // src/dom/reconcile.ts
 var WRONG_POS = 2147483647;
 function reconcile(parent, oldBranches, newBranches, afterReference) {
@@ -1255,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()
@@ -1468,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;
@@ -1519,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;
@@ -1545,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) {
@@ -1596,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) {
@@ -1606,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;
@@ -1647,8 +1528,134 @@ function hoist(...path) {
 }
 
 // src/dom/control-flow.ts
+function awaitTag(nodeAccessor, renderer) {
+  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" /* PlaceholderContent */]) {
+      tryBranch = tryBranch.___parentBranch;
+    }
+    const thisPromise = scope[promiseAccessor] = promise.then((data2) => {
+      if (scope.___closestBranch?.___destroyed || scope[promiseAccessor] !== thisPromise) {
+        return;
+      }
+      scope[promiseAccessor] = void 0;
+      const effects = prepareEffects(() => {
+        if (!awaitBranch || !tryBranch) {
+          insertBranchBefore(
+            awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
+              scope.$global,
+              renderer,
+              scope,
+              namespaceNode
+            ),
+            referenceNode.parentNode,
+            referenceNode
+          );
+          referenceNode.remove();
+        }
+        renderer.___params?.(awaitBranch, [data2]);
+      });
+      if (tryBranch) {
+        if (!--tryBranch.___pendingAsyncCount) {
+          const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */];
+          if (placeholderBranch) {
+            insertBranchBefore(
+              tryBranch,
+              placeholderBranch.___startNode.parentNode,
+              placeholderBranch.___startNode
+            );
+            removeAndDestroyBranch(placeholderBranch);
+          } else {
+            insertBranchBefore(
+              tryBranch,
+              referenceNode.parentNode,
+              referenceNode
+            );
+          }
+        }
+      } else {
+        runEffects(effects);
+      }
+    }).catch((error) => {
+      let tryBranch2 = scope.___closestBranch;
+      while (tryBranch2 && !tryBranch2["^CatchContent" /* CatchContent */]) {
+        tryBranch2 = tryBranch2.___parentBranch;
+      }
+      if (!tryBranch2) {
+        setTimeout(() => {
+          throw error;
+        });
+      } else {
+        setConditionalRenderer(
+          tryBranch2._,
+          tryBranch2["*BranchAccessor" /* BranchAccessor */],
+          tryBranch2["^CatchContent" /* CatchContent */],
+          createAndSetupBranch
+        );
+        tryBranch2["^CatchContent" /* CatchContent */].___params?.(
+          tryBranch2._["ConditionalScope:" /* ConditionalScope */ + tryBranch2["*BranchAccessor" /* BranchAccessor */]],
+          [error]
+        );
+      }
+    });
+    if (tryBranch) {
+      if (!tryBranch.___pendingAsyncCount) {
+        tryBranch.___pendingAsyncCount = 0;
+        requestAnimationFrame(() => {
+          if (tryBranch.___pendingAsyncCount && !tryBranch.___destroyed) {
+            const placeholderBranch = tryBranch["#PlaceholderBranch" /* PlaceholderBranch */] = createAndSetupBranch(
+              scope.$global,
+              tryBranch["%PlaceholderContent" /* PlaceholderContent */],
+              tryBranch._,
+              tryBranch.___startNode.parentNode
+            );
+            insertBranchBefore(
+              placeholderBranch,
+              tryBranch.___startNode.parentNode,
+              tryBranch.___startNode
+            );
+            tempDetatchBranch(tryBranch);
+          }
+        });
+      }
+      tryBranch.___pendingAsyncCount++;
+    } else if (awaitBranch) {
+      awaitBranch.___startNode.parentNode.insertBefore(
+        referenceNode,
+        awaitBranch.___startNode
+      );
+      tempDetatchBranch(awaitBranch);
+    }
+  };
+}
+function createTry(nodeAccessor, tryContent) {
+  const branchAccessor = "ConditionalScope:" /* ConditionalScope */ + nodeAccessor;
+  return (scope, input) => {
+    if (!scope[branchAccessor]) {
+      setConditionalRenderer(
+        scope,
+        nodeAccessor,
+        tryContent,
+        createAndSetupBranch
+      );
+    }
+    const branch = scope[branchAccessor];
+    if (branch) {
+      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(
@@ -1664,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])) {
@@ -1691,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)]
             );
           }
         }
@@ -1733,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);
@@ -1790,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);
@@ -1842,6 +1849,161 @@ function byFirstArg(name) {
   return name;
 }
 
+// src/dom/queue.ts
+var pendingRenders = [];
+var pendingRendersLookup = /* @__PURE__ */ new Map();
+var pendingEffects = [];
+var rendering = false;
+var scopeKeyOffset = 1e3;
+function queueRender(scope, signal, signalKey, value2, scopeKey = scope.___id) {
+  const key = scopeKey * scopeKeyOffset + signalKey;
+  const existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
+  if (existingRender) {
+    existingRender.___value = value2;
+  } else {
+    const render = {
+      ___key: key,
+      ___scope: scope,
+      ___signal: signal,
+      ___value: value2
+    };
+    let i = pendingRenders.push(render) - 1;
+    while (i) {
+      const parentIndex = i - 1 >> 1;
+      const parent = pendingRenders[parentIndex];
+      if (key - parent.___key >= 0) break;
+      pendingRenders[i] = parent;
+      i = parentIndex;
+    }
+    signalKey >= 0 && pendingRendersLookup.set(key, render);
+    pendingRenders[i] = render;
+  }
+}
+function queueEffect(scope, fn) {
+  pendingEffects.push(fn, scope);
+}
+function run() {
+  const effects = pendingEffects;
+  try {
+    rendering = true;
+    runRenders();
+  } finally {
+    pendingRenders = [];
+    pendingRendersLookup = /* @__PURE__ */ new Map();
+    pendingEffects = [];
+    rendering = false;
+  }
+  runEffects(effects);
+}
+function prepareEffects(fn) {
+  const prevRenders = pendingRenders;
+  const prevRendersLookup = pendingRendersLookup;
+  const prevEffects = pendingEffects;
+  const preparedEffects = pendingEffects = [];
+  pendingRenders = [];
+  pendingRendersLookup = /* @__PURE__ */ new Map();
+  try {
+    rendering = true;
+    fn();
+    runRenders();
+  } finally {
+    rendering = false;
+    pendingRenders = prevRenders;
+    pendingRendersLookup = prevRendersLookup;
+    pendingEffects = prevEffects;
+  }
+  return preparedEffects;
+}
+function runEffects(effects) {
+  for (let i = 0, scope; i < effects.length; ) {
+    effects[i++](
+      scope = effects[i++],
+      scope
+    );
+  }
+}
+function runRenders() {
+  while (pendingRenders.length) {
+    const render = pendingRenders[0];
+    const item = pendingRenders.pop();
+    if (render !== item) {
+      let i = 0;
+      const mid = pendingRenders.length >> 1;
+      const key = (pendingRenders[0] = item).___key;
+      while (i < mid) {
+        let bestChild = (i << 1) + 1;
+        const right = bestChild + 1;
+        if (right < pendingRenders.length && pendingRenders[right].___key - pendingRenders[bestChild].___key < 0) {
+          bestChild = right;
+        }
+        if (pendingRenders[bestChild].___key - key >= 0) {
+          break;
+        } else {
+          pendingRenders[i] = pendingRenders[bestChild];
+          i = bestChild;
+        }
+      }
+      pendingRenders[i] = item;
+    }
+    if (!render.___scope.___closestBranch?.___destroyed) {
+      runRender(render);
+    }
+  }
+  finishPendingScopes();
+}
+var runRender = (render) => render.___signal(render.___scope, render.___value);
+var enableCatch = () => {
+  enableCatch = () => {
+  };
+  runRender = /* @__PURE__ */ ((runRender2) => (render) => {
+    try {
+      runRender2(render);
+    } catch (error) {
+      let branch = render.___scope.___closestBranch;
+      while (branch && !branch["^CatchContent" /* CatchContent */])
+        branch = branch.___parentBranch;
+      if (!branch) {
+        throw error;
+      } else {
+        setConditionalRenderer(
+          branch._,
+          branch["*BranchAccessor" /* BranchAccessor */],
+          branch["^CatchContent" /* CatchContent */],
+          createAndSetupBranch
+        );
+        branch["^CatchContent" /* CatchContent */].___params?.(
+          branch._["ConditionalScope:" /* ConditionalScope */ + branch["*BranchAccessor" /* BranchAccessor */]],
+          [error]
+        );
+      }
+    }
+  })(runRender);
+};
+
+// src/dom/abort-signal.ts
+function resetAbortSignal(scope, id) {
+  const ctrl = scope.___abortControllers?.[id];
+  if (ctrl) {
+    queueEffect(ctrl, abort);
+    scope.___abortControllers[id] = void 0;
+  }
+}
+function getAbortSignal(scope, id) {
+  if (scope.___closestBranch) {
+    (scope.___closestBranch.___abortScopes ||= /* @__PURE__ */ new Set()).add(scope);
+  }
+  return ((scope.___abortControllers ||= {})[id] ||= new AbortController()).signal;
+}
+function abort(ctrl) {
+  ctrl.abort();
+}
+
+// src/common/compat-meta.ts
+var prefix = true ? "$compat_" : "$C_";
+var RENDERER_REGISTER_ID = prefix + (true ? "renderer" : "r");
+var SET_SCOPE_REGISTER_ID = prefix + (true ? "setScope" : "s");
+var RENDER_BODY_ID = prefix + (true ? "renderBody" : "b");
+
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map();
 var compat = {
@@ -2024,6 +2186,7 @@ export {
   attrTags,
   attrs,
   attrsEvents,
+  awaitTag,
   classAttr,
   compat,
   conditional,
@@ -2043,11 +2206,13 @@ export {
   createContent,
   createRenderer,
   createTemplate,
+  createTry,
   data,
   dynamicClosure,
   dynamicClosureRead,
   dynamicTag,
   effect,
+  enableCatch,
   forIn,
   forOf,
   forTo,