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

package/dist/dom.js

@@ -22,6 +22,7 @@ __export(dom_exports, {
   attrTags: () => attrTags,
   attrs: () => attrs,
   attrsEvents: () => attrsEvents,
+  awaitTag: () => awaitTag,
   classAttr: () => classAttr,
   compat: () => compat,
   conditional: () => conditional,
@@ -41,11 +42,13 @@ __export(dom_exports, {
   createContent: () => createContent,
   createRenderer: () => createRenderer,
   createTemplate: () => createTemplate,
+  createTry: () => createTry,
   data: () => data,
   dynamicClosure: () => dynamicClosure,
   dynamicClosureRead: () => dynamicClosureRead,
   dynamicTag: () => dynamicTag,
   effect: () => effect,
+  enableCatch: () => enableCatch,
   forIn: () => forIn,
   forOf: () => forOf,
   forTo: () => forTo,
@@ -233,11 +236,11 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                 commentPrefixLen + 1,
                 dataIndex ? dataIndex - 1 : commentText.length
               ), scope = scopeLookup[scopeId] ||= {
-                d: +scopeId
+                e: +scopeId
               }, data2 = dataIndex ? commentText.slice(dataIndex) : "", token = commentText[commentPrefixLen];
               if (token === "*" /* Node */) {
                 let node = scope[data2] = visit.previousSibling;
-                scope[data2 + ">" /* Getter */] = () => node;
+                scope["j" /* Getter */ + data2] = () => node;
               } else if (token === "$" /* ClosestBranch */)
                 closestBranchMarkers.set(scopeId, visit);
               else if (token === "[" /* BranchStart */)
@@ -275,14 +278,14 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                   for (let scopeId in scopes)
                     if (scopeId !== "$") {
                       let scope = scopes[scopeId], prevScope = scopeLookup[scopeId];
-                      scope.$global = $global, scope.d = +scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
+                      scope.$global = $global, scope.e = +scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
                         scope,
                         prevScope
                       ));
                       let parentBranchId = parentBranchIds.get(scopeId);
                       if (parentBranchId && (scope.c = scopes[parentBranchId]), branchIds.has(scopeId)) {
                         let branch = scope, parentBranch = branch.c;
-                        scope.c = branch, parentBranch && (branch.p = parentBranch, (parentBranch.m ||= /* @__PURE__ */ new Set()).add(
+                        scope.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.p ||= /* @__PURE__ */ new Set()).add(
                           branch
                         ));
                       }
@@ -338,7 +341,7 @@ function controllable_input_checked(scope, nodeAccessor, checked, checkedChange)
 function controllable_input_checked_effect(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    let checkedChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    let checkedChange = scope["e" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       let newValue = el.checked;
       el.checked = !newValue, checkedChange(newValue), run();
@@ -346,7 +349,7 @@ function controllable_input_checked_effect(scope, nodeAccessor) {
   });
 }
 function controllable_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value2) {
-  scope[nodeAccessor + ":" /* ControlledValue */] = checkedValue, attr(scope[nodeAccessor], "value", value2), setCheckboxValue(
+  scope["g" /* ControlledValue */ + nodeAccessor] = checkedValue, attr(scope[nodeAccessor], "value", value2), setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
@@ -357,9 +360,9 @@ function controllable_input_checkedValue(scope, nodeAccessor, checkedValue, chec
 function controllable_input_checkedValue_effect(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    let checkedValueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    let checkedValueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
-      let oldValue = scope[nodeAccessor + ":" /* ControlledValue */], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
+      let oldValue = scope["g" /* ControlledValue */ + nodeAccessor], newValue = Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0;
       if (el.name && el.type[0] === "r")
         for (let radio of el.getRootNode().querySelectorAll(
           `[type=radio][name=${CSS.escape(el.name)}]`
@@ -373,23 +376,23 @@ function controllable_input_checkedValue_effect(scope, nodeAccessor) {
 }
 function controllable_input_value(scope, nodeAccessor, value2, valueChange) {
   let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value2);
-  scope[nodeAccessor + ";" /* ControlledHandler */] = valueChange, valueChange ? (scope[nodeAccessor + "=" /* ControlledType */] = 0 /* InputChecked */, scope[nodeAccessor + ":" /* ControlledValue */] = value2, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, el.defaultValue = normalizedValue);
+  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */, scope["g" /* ControlledValue */ + nodeAccessor] = value2, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
 }
 function controllable_input_value_effect(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  isResuming && (scope[nodeAccessor + ":" /* ControlledValue */] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
-    let valueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+  isResuming && (scope["g" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
+    let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       let newValue = el.value;
       inputType = ev?.inputType, setValueAndUpdateSelection(
         el,
-        scope[nodeAccessor + ":" /* ControlledValue */]
+        scope["g" /* ControlledValue */ + nodeAccessor]
       ), valueChange(newValue), run(), inputType = "";
     }
   });
 }
 function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = valueChange, valueChange ? (scope[nodeAccessor + "=" /* ControlledType */] = 3 /* SelectValue */, scope[nodeAccessor + ":" /* ControlledValue */] = value2) : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, pendingEffects.unshift(
+  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["g" /* ControlledValue */ + nodeAccessor] = value2) : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
       value2,
@@ -400,20 +403,20 @@ function controllable_select_value(scope, nodeAccessor, value2, valueChange) {
 }
 function controllable_select_value_effect(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
-    let valueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+    let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       let newValue = Array.isArray(
-        scope[nodeAccessor + ":" /* ControlledValue */]
+        scope["g" /* ControlledValue */ + nodeAccessor]
       ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
       setSelectOptions(
         el,
-        scope[nodeAccessor + ":" /* ControlledValue */],
+        scope["g" /* ControlledValue */ + nodeAccessor],
         valueChange
       ), valueChange(newValue), run();
     }
   };
   el._ || new MutationObserver(() => {
-    let value2 = scope[nodeAccessor + ":" /* ControlledValue */];
+    let value2 = scope["g" /* ControlledValue */ + nodeAccessor];
     (Array.isArray(value2) ? value2.length !== el.selectedOptions.length || value2.some((value3, i) => value3 != el.selectedOptions[i].value) : el.value != value2) && onChange();
   }).observe(el, {
     childList: !0,
@@ -436,16 +439,16 @@ function setSelectOptions(el, value2, valueChange) {
   }
 }
 function controllable_detailsOrDialog_open(scope, nodeAccessor, open, openChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = openChange, openChange ? scope[nodeAccessor + "=" /* ControlledType */] = 4 /* DetailsOrDialogOpen */ : scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].open = scope[nodeAccessor + ":" /* ControlledValue */] = normalizeBoolProp(open);
+  scope["e" /* ControlledHandler */ + nodeAccessor] = openChange, openChange ? scope["f" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */ : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].open = scope["g" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function controllable_detailsOrDialog_open_effect(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope[nodeAccessor + ":" /* ControlledValue */];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope["g" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
     hasChanged,
     () => {
-      let openChange = scope[nodeAccessor + ";" /* ControlledHandler */];
+      let openChange = scope["e" /* ControlledHandler */ + nodeAccessor];
       if (openChange && hasChanged()) {
         let newValue = el.open;
         el.open = !newValue, openChange(newValue), run();
@@ -466,7 +469,7 @@ function setValueAndUpdateSelection(el, value2) {
   }
 }
 function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  scope[nodeAccessor + ";" /* ControlledHandler */] = checkedChange, checkedChange ? (scope[nodeAccessor + "=" /* ControlledType */] = type, scope[nodeAccessor].checked = checked) : (scope[nodeAccessor + "=" /* ControlledType */] = 5 /* None */, scope[nodeAccessor].defaultChecked = checked);
+  scope["e" /* ControlledHandler */ + nodeAccessor] = checkedChange, checkedChange ? (scope["f" /* ControlledType */ + nodeAccessor] = type, scope[nodeAccessor].checked = checked) : (scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, scope[nodeAccessor].defaultChecked = checked);
 }
 var controllableDelegate = createDelegator();
 function syncControllable(el, event, hasChanged, onChange) {
@@ -630,13 +633,13 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
       case "content":
         break;
       default:
-        isEventHandler(name) ? (events ||= scope[nodeAccessor + "~" /* EventAttributes */] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
+        isEventHandler(name) ? (events ||= scope["i" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value2 : skip?.test(name) || attr(el, name, value2);
     }
   }
 }
 function attrsEvents(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], events = scope[nodeAccessor + "~" /* EventAttributes */];
-  switch (scope[nodeAccessor + "=" /* ControlledType */]) {
+  let el = scope[nodeAccessor], events = scope["i" /* EventAttributes */ + nodeAccessor];
+  switch (scope["f" /* ControlledType */ + nodeAccessor]) {
     case 0 /* InputChecked */:
       controllable_input_checked_effect(scope, nodeAccessor);
       break;
@@ -657,7 +660,7 @@ function attrsEvents(scope, nodeAccessor) {
     on(el, name, events[name]);
 }
 function html(scope, value2, accessor) {
-  let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope[accessor + "-" /* DynamicPlaceholderLastChild */] || firstChild, newContent = parseHTML(
+  let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["h" /* DynamicPlaceholderLastChild */ + accessor] || firstChild, newContent = parseHTML(
     value2 || value2 === 0 ? value2 + "" : "",
     parentNode.namespaceURI
   );
@@ -665,7 +668,7 @@ function html(scope, value2, accessor) {
     parentNode,
     firstChild,
     scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()),
-    scope[accessor + "-" /* DynamicPlaceholderLastChild */] = newContent.lastChild
+    scope["h" /* DynamicPlaceholderLastChild */ + accessor] = newContent.lastChild
   ), removeChildNodes(firstChild, lastChild);
 }
 function props(scope, nodeIndex, index) {
@@ -688,7 +691,7 @@ function lifecycle(scope, index, thisObj) {
   let instance = scope[index];
   instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[index] = thisObj, thisObj.onMount?.(), getAbortSignal(
     scope,
-    "-" /* LifecycleAbortController */ + index
+    "k" /* LifecycleAbortController */ + index
   ).onabort = () => thisObj.onDestroy?.());
 }
 function removeChildNodes(startNode, endNode) {
@@ -715,8 +718,8 @@ function toInsertNode(startNode, endNode) {
 var pendingScopes = [];
 function createScope($global, closestBranch) {
   let scope = {
-    d: $global.f++,
-    g: 1,
+    e: $global.f++,
+    h: 1,
     c: closestBranch,
     $global
   };
@@ -727,16 +730,16 @@ function skipScope(scope) {
 }
 function finishPendingScopes() {
   for (let scope of pendingScopes)
-    scope.g = 0;
+    scope.h = 0;
   pendingScopes = [];
 }
 function destroyBranch(branch) {
-  branch.p?.m?.delete(branch), destroyNestedBranches(branch);
+  branch.g?.p?.delete(branch), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.q = 1, branch.m?.forEach(destroyNestedBranches), branch.A?.forEach((scope) => {
-    for (let id in scope.j)
-      scope.j[id]?.abort();
+  branch.k = 1, branch.p?.forEach(destroyNestedBranches), branch.B?.forEach((scope) => {
+    for (let id in scope.l)
+      scope.l[id]?.abort();
   });
 }
 function removeAndDestroyBranch(branch) {
@@ -750,90 +753,15 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
     branch.b
   );
 }
-
-// src/dom/queue.ts
-var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendingEffects = [], rendering = !1, scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value2, scopeKey = scope.d) {
-  let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
-  if (existingRender)
-    existingRender.t = value2;
-  else {
-    let render = {
-      h: key,
-      u: scope,
-      B: signal,
-      t: value2
-    }, i = pendingRenders.push(render) - 1;
-    for (; i; ) {
-      let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
-      if (key - parent.h >= 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() {
-  let effects = pendingEffects;
-  try {
-    rendering = !0, runRenders();
-  } finally {
-    pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendingEffects = [], rendering = !1;
-  }
-  runEffects(effects);
-}
-function prepareEffects(fn) {
-  let prevRenders = pendingRenders, prevRendersLookup = pendingRendersLookup, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
-  pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map();
-  try {
-    rendering = !0, fn(), runRenders();
-  } finally {
-    rendering = !1, 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() {
-  for (; pendingRenders.length; ) {
-    let render = pendingRenders[0], item = pendingRenders.pop();
-    if (render !== item) {
-      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).h;
-      for (; i < mid; ) {
-        let bestChild = (i << 1) + 1, right = bestChild + 1;
-        if (right < pendingRenders.length && pendingRenders[right].h - pendingRenders[bestChild].h < 0 && (bestChild = right), pendingRenders[bestChild].h - key >= 0)
-          break;
-        pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
-      }
-      pendingRenders[i] = item;
-    }
-    render.u.c?.q || render.B(render.u, render.t);
-  }
-  finishPendingScopes();
-}
-
-// src/dom/abort-signal.ts
-function resetAbortSignal(scope, id) {
-  let ctrl = scope.j?.[id];
-  ctrl && (queueEffect(ctrl, abort), scope.j[id] = void 0);
-}
-function getAbortSignal(scope, id) {
-  return scope.c && (scope.c.A ||= /* @__PURE__ */ new Set()).add(scope), ((scope.j ||= {})[id] ||= new AbortController()).signal;
-}
-function abort(ctrl) {
-  ctrl.abort();
+function tempDetatchBranch(branch) {
+  insertChildNodes(
+    new DocumentFragment(),
+    null,
+    branch.a,
+    branch.b
+  );
 }
 
-// src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
-
 // src/dom/reconcile.ts
 var WRONG_POS = 2147483647;
 function reconcile(parent, oldBranches, newBranches, afterReference) {
@@ -919,7 +847,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
   for (; currentWalkIndex < walkCodes.length; )
     if (value2 = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 === 32 /* Get */) {
       let node = walker.currentNode;
-      scope[currentScopeIndex] = node, scope[currentScopeIndex++ + ">" /* Getter */] = () => node;
+      scope[currentScopeIndex] = node, scope["j" /* Getter */ + currentScopeIndex++] = () => node;
     } else if (value2 === 37 /* Replace */ || value2 === 49 /* DynamicTagWithVar */)
       walker.currentNode.replaceWith(
         walker.currentNode = scope[currentScopeIndex++] = new Text()
@@ -951,7 +879,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global), parentBranch = parentScope?.c;
-  return branch._ = renderer.k || parentScope, branch.c = branch, parentBranch && (branch.p = parentBranch, (parentBranch.m ||= /* @__PURE__ */ new Set()).add(branch)), renderer.n?.(
+  return branch._ = renderer.m || parentScope, branch.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.p ||= /* @__PURE__ */ new Set()).add(branch)), renderer.q?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -963,10 +891,10 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return (renderer.o || renderer.x) && queueRender(
+  return (renderer.t || renderer.x) && queueRender(
     branch,
     (branch2) => {
-      renderer.o?.(branch2), renderer.x?.(branch2);
+      renderer.t?.(branch2), renderer.x?.(branch2);
     },
     -1
   ), branch;
@@ -986,13 +914,13 @@ function createContent(id, template, walks, setup, params, closures, dynamicScop
     );
   };
   return (owner) => ({
-    d: id,
-    n: clone,
-    k: owner,
-    o: setup,
-    e: params,
+    e: id,
+    q: clone,
+    m: owner,
+    t: setup,
+    d: params,
     x: closures,
-    l: dynamicScopesAccessor
+    n: dynamicScopesAccessor
   });
 }
 function registerContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
@@ -1048,7 +976,7 @@ function triggerMacroTask() {
 function state(valueAccessor, fn) {
   if (0)
     var id;
-  let valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */, update = (scope, value2) => {
+  let valueChangeAccessor = "@" /* TagVariableChange */ + valueAccessor, update = (scope, value2) => {
     scope[valueAccessor] !== value2 && (scope[valueAccessor] = value2, fn(scope, value2));
   };
   return (scope, value2, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value2 || !(valueAccessor in scope)) && (scope[valueAccessor] = value2, fn(scope, value2)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value2) : (schedule(), queueRender(
@@ -1064,31 +992,31 @@ function value(valueAccessor, fn = () => {
     (!(valueAccessor in scope) || scope[valueAccessor] !== value2) && (scope[valueAccessor] = value2, fn(scope, value2));
   };
 }
-function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "d") {
+function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "e") {
   return (scope) => {
-    scope.g ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
+    scope.h ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
   };
 }
 function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
-  let childSignal = closure(valueAccessor, fn), loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */, loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */, ownerSignal = (ownerScope) => {
+  let childSignal = closure(valueAccessor, fn), loopScopeAccessor = "l" /* LoopScopeArray */ + ownerLoopNodeAccessor, loopScopeMapAccessor = "m" /* LoopScopeMap */ + ownerLoopNodeAccessor, ownerSignal = (ownerScope) => {
     let scopes = ownerScope[loopScopeAccessor] || ownerScope[loopScopeMapAccessor]?.values() || [], [firstScope] = scopes;
     firstScope && queueRender(
       ownerScope,
       () => {
         for (let scope of scopes)
-          !scope.g && !scope.q && childSignal(scope);
+          !scope.h && !scope.k && childSignal(scope);
       },
       -1,
       0,
-      firstScope.d
+      firstScope.e
     );
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
 function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn) {
-  let childSignal = closure(valueAccessor, fn), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, ownerSignal = (scope) => {
+  let childSignal = closure(valueAccessor, fn), scopeAccessor = "d" /* ConditionalScope */ + ownerConditionalNodeAccessor, branchAccessor = "c" /* ConditionalRenderer */ + ownerConditionalNodeAccessor, ownerSignal = (scope) => {
     let ifScope = scope[scopeAccessor];
-    ifScope && !ifScope.g && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
+    ifScope && !ifScope.h && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
@@ -1106,7 +1034,7 @@ function dynamicClosure(...closureSignals) {
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
-        childScope.g || queueRender(
+        childScope.h || queueRender(
           childScope,
           closureSignals[childScope[___signalIndexAccessor]],
           -1
@@ -1121,7 +1049,7 @@ function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
       scope
     );
   };
-  return closureSignal.y = valueAccessor + "!" /* ClosureScopes */, closureSignal.z = valueAccessor + "(" /* ClosureSignalIndex */, closureSignal;
+  return closureSignal.y = "a" /* ClosureScopes */ + valueAccessor, closureSignal.z = "b" /* ClosureSignalIndex */ + valueAccessor, closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1160,8 +1088,96 @@ function hoist(...path) {
 }
 
 // src/dom/control-flow.ts
+function awaitTag(nodeAccessor, renderer) {
+  let promiseAccessor = "n" /* Promise */ + nodeAccessor, branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
+  return (scope, promise) => {
+    let tryBranch = scope.c, awaitBranch = scope[branchAccessor], referenceNode = scope[nodeAccessor], namespaceNode = (awaitBranch?.a ?? referenceNode).parentNode;
+    for (; tryBranch && !tryBranch["%" /* PlaceholderContent */]; )
+      tryBranch = tryBranch.g;
+    let thisPromise = scope[promiseAccessor] = promise.then((data2) => {
+      if (scope.c?.k || scope[promiseAccessor] !== thisPromise)
+        return;
+      scope[promiseAccessor] = void 0;
+      let effects = prepareEffects(() => {
+        (!awaitBranch || !tryBranch) && (insertBranchBefore(
+          awaitBranch ??= scope[branchAccessor] = createAndSetupBranch(
+            scope.$global,
+            renderer,
+            scope,
+            namespaceNode
+          ),
+          referenceNode.parentNode,
+          referenceNode
+        ), referenceNode.remove()), renderer.d?.(awaitBranch, [data2]);
+      });
+      if (tryBranch) {
+        if (!--tryBranch.o) {
+          let placeholderBranch = tryBranch["#" /* PlaceholderBranch */];
+          placeholderBranch ? (insertBranchBefore(
+            tryBranch,
+            placeholderBranch.a.parentNode,
+            placeholderBranch.a
+          ), removeAndDestroyBranch(placeholderBranch)) : insertBranchBefore(
+            tryBranch,
+            referenceNode.parentNode,
+            referenceNode
+          );
+        }
+      } else
+        runEffects(effects);
+    }).catch((error) => {
+      let tryBranch2 = scope.c;
+      for (; tryBranch2 && !tryBranch2["^" /* CatchContent */]; )
+        tryBranch2 = tryBranch2.g;
+      tryBranch2 ? (setConditionalRenderer(
+        tryBranch2._,
+        tryBranch2["*" /* BranchAccessor */],
+        tryBranch2["^" /* CatchContent */],
+        createAndSetupBranch
+      ), tryBranch2["^" /* CatchContent */].d?.(
+        tryBranch2._["d" /* ConditionalScope */ + tryBranch2["*" /* BranchAccessor */]],
+        [error]
+      )) : setTimeout(() => {
+        throw error;
+      });
+    });
+    tryBranch ? (tryBranch.o || (tryBranch.o = 0, requestAnimationFrame(() => {
+      if (tryBranch.o && !tryBranch.k) {
+        let placeholderBranch = tryBranch["#" /* PlaceholderBranch */] = createAndSetupBranch(
+          scope.$global,
+          tryBranch["%" /* PlaceholderContent */],
+          tryBranch._,
+          tryBranch.a.parentNode
+        );
+        insertBranchBefore(
+          placeholderBranch,
+          tryBranch.a.parentNode,
+          tryBranch.a
+        ), tempDetatchBranch(tryBranch);
+      }
+    })), tryBranch.o++) : awaitBranch && (awaitBranch.a.parentNode.insertBefore(
+      referenceNode,
+      awaitBranch.a
+    ), tempDetatchBranch(awaitBranch));
+  };
+}
+function createTry(nodeAccessor, tryContent) {
+  let branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
+  return (scope, input) => {
+    scope[branchAccessor] || setConditionalRenderer(
+      scope,
+      nodeAccessor,
+      tryContent,
+      createAndSetupBranch
+    );
+    let branch = scope[branchAccessor];
+    branch && (branch["*" /* BranchAccessor */] = nodeAccessor, branch["^" /* CatchContent */] = normalizeDynamicRenderer(input.catch), branch["%" /* PlaceholderContent */] = normalizeDynamicRenderer(
+      input.placeholder
+    ));
+  };
+}
 function conditional(nodeAccessor, ...branches) {
-  let branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1175,10 +1191,10 @@ function patchDynamicTag(fn) {
   dynamicTag = fn(dynamicTag);
 }
 var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
-  let childScopeAccessor = nodeAccessor + "!" /* ConditionalScope */, rendererAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  let childScopeAccessor = "d" /* ConditionalScope */ + nodeAccessor, rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.d || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.e || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
@@ -1192,15 +1208,15 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             0,
             content,
             createAndSetupBranch
-          ), content.l && subscribeToScopeSet(
-            content.k,
-            content.l,
-            scope[childScopeAccessor][0 + "!" /* ConditionalScope */]
+          ), content.n && subscribeToScopeSet(
+            content.m,
+            content.n,
+            scope[childScopeAccessor]["d" /* ConditionalScope */ + 0]
           );
         }
-      } else normalizedRenderer?.l && subscribeToScopeSet(
-        normalizedRenderer.k,
-        normalizedRenderer.l,
+      } else normalizedRenderer?.n && subscribeToScopeSet(
+        normalizedRenderer.m,
+        normalizedRenderer.n,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1211,9 +1227,9 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      else if (normalizedRenderer.e)
+      else if (normalizedRenderer.d)
         if (inputIsArgs)
-          normalizedRenderer.e(
+          normalizedRenderer.d(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1222,7 +1238,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.e(
+          normalizedRenderer.d(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1231,7 +1247,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
-  let referenceNode = scope[nodeAccessor], prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.a || referenceNode).parentNode : referenceNode, newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
+  let referenceNode = scope[nodeAccessor], prevBranch = scope["d" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.a || referenceNode).parentNode : referenceNode, newBranch = scope["d" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   referenceNode === parentNode ? (prevBranch && (destroyBranch(prevBranch), referenceNode.textContent = ""), newBranch && insertBranchBefore(newBranch, parentNode, null)) : prevBranch ? (newBranch ? insertBranchBefore(newBranch, parentNode, prevBranch.a) : parentNode.insertBefore(referenceNode, prevBranch.a), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
 function loopOf(nodeAccessor, renderer) {
@@ -1261,11 +1277,11 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  let params = renderer.e;
+  let params = renderer.d;
   return (scope, value2) => {
-    let referenceNode = scope[nodeAccessor], oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */], oldArray = oldMap ? scope[nodeAccessor + "!" /* LoopScopeArray */] || [
+    let referenceNode = scope[nodeAccessor], oldMap = scope["m" /* LoopScopeMap */ + nodeAccessor], oldArray = oldMap ? scope["l" /* LoopScopeArray */ + nodeAccessor] || [
       ...oldMap.values()
-    ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].a.parentNode : referenceNode, newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map(), newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
+    ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].a.parentNode : referenceNode, newMap = scope["m" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map(), newArray = scope["l" /* LoopScopeArray */ + nodeAccessor] = [];
     forEach(value2, (key, args) => {
       let branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
       params?.(branch, args), newMap.set(key, branch), newArray.push(branch);
@@ -1293,6 +1309,113 @@ function byFirstArg(name) {
   return name;
 }
 
+// src/dom/queue.ts
+var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendingEffects = [], rendering = !1, scopeKeyOffset = 1e3;
+function queueRender(scope, signal, signalKey, value2, scopeKey = scope.e) {
+  let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
+  if (existingRender)
+    existingRender.A = value2;
+  else {
+    let render = {
+      j: key,
+      u: scope,
+      D: signal,
+      A: value2
+    }, i = pendingRenders.push(render) - 1;
+    for (; i; ) {
+      let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
+      if (key - parent.j >= 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() {
+  let effects = pendingEffects;
+  try {
+    rendering = !0, runRenders();
+  } finally {
+    pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendingEffects = [], rendering = !1;
+  }
+  runEffects(effects);
+}
+function prepareEffects(fn) {
+  let prevRenders = pendingRenders, prevRendersLookup = pendingRendersLookup, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
+  pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map();
+  try {
+    rendering = !0, fn(), runRenders();
+  } finally {
+    rendering = !1, 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() {
+  for (; pendingRenders.length; ) {
+    let render = pendingRenders[0], item = pendingRenders.pop();
+    if (render !== item) {
+      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).j;
+      for (; i < mid; ) {
+        let bestChild = (i << 1) + 1, right = bestChild + 1;
+        if (right < pendingRenders.length && pendingRenders[right].j - pendingRenders[bestChild].j < 0 && (bestChild = right), pendingRenders[bestChild].j - key >= 0)
+          break;
+        pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
+      }
+      pendingRenders[i] = item;
+    }
+    render.u.c?.k || runRender(render);
+  }
+  finishPendingScopes();
+}
+var runRender = (render) => render.D(render.u, render.A), enableCatch = () => {
+  enableCatch = () => {
+  }, runRender = /* @__PURE__ */ ((runRender2) => (render) => {
+    try {
+      runRender2(render);
+    } catch (error) {
+      let branch = render.u.c;
+      for (; branch && !branch["^" /* CatchContent */]; )
+        branch = branch.g;
+      if (branch)
+        setConditionalRenderer(
+          branch._,
+          branch["*" /* BranchAccessor */],
+          branch["^" /* CatchContent */],
+          createAndSetupBranch
+        ), branch["^" /* CatchContent */].d?.(
+          branch._["d" /* ConditionalScope */ + branch["*" /* BranchAccessor */]],
+          [error]
+        );
+      else
+        throw error;
+    }
+  })(runRender);
+};
+
+// src/dom/abort-signal.ts
+function resetAbortSignal(scope, id) {
+  let ctrl = scope.l?.[id];
+  ctrl && (queueEffect(ctrl, abort), scope.l[id] = void 0);
+}
+function getAbortSignal(scope, id) {
+  return scope.c && (scope.c.B ||= /* @__PURE__ */ new Set()).add(scope), ((scope.l ||= {})[id] ||= new AbortController()).signal;
+}
+function abort(ctrl) {
+  ctrl.abort();
+}
+
+// src/common/compat-meta.ts
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
+
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   patchDynamicTag,
@@ -1306,7 +1429,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     register(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.n;
+    return renderer.q;
   },
   getStartNode(branch) {
     return branch.a;
@@ -1331,7 +1454,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = createRenderer(0, 0, 0, params);
-    return renderer.n = (branch) => {
+    return renderer.q = (branch) => {
       let cloned = clone();
       branch.a = cloned.startNode, branch.b = cloned.endNode;
     }, renderer;
@@ -1349,9 +1472,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
       branch ? existing = !0 : (out.global.f ||= 0, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.k,
+        renderer.m,
         document.body
-      )), renderer.e?.(branch, renderer._ ? args[0] : args);
+      )), renderer.d?.(branch, renderer._ ? args[0] : args);
     }), !existing)
       return toInsertNode(branch.a, branch.b);
   }
@@ -1390,13 +1513,13 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let args = this.e, effects = prepareEffects(() => {
+  let args = this.d, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
       void 0,
       parentNode
-    ), this.o?.(branch), args?.(branch, input);
+    ), this.t?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,