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

package/dist/dom.js

@@ -226,9 +226,9 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               endNode === lastEndNode && (endNode = reference.parentNode.insertBefore(
                 new Text(),
                 reference
-              )), branch.b = lastEndNode = endNode, branch.a ||= endNode;
+              )), branch.h = lastEndNode = endNode, branch.g ||= endNode;
               for (let [markerScopeId, markerNode] of closestBranchMarkers)
-                branch.a.compareDocumentPosition(markerNode) & 4 && reference.compareDocumentPosition(markerNode) & 2 && (parentBranchIds.set(markerScopeId, branchId), closestBranchMarkers.delete(markerScopeId));
+                branch.g.compareDocumentPosition(markerNode) & 4 && reference.compareDocumentPosition(markerNode) & 2 && (parentBranchIds.set(markerScopeId, branchId), closestBranchMarkers.delete(markerScopeId));
               return branchIds.add(branchId), closestBranchMarkers.set(branchId, visit), branch;
             };
             for (let visit of visits) {
@@ -236,22 +236,22 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                 commentPrefixLen + 1,
                 dataIndex ? dataIndex - 1 : commentText.length
               ), scope = scopeLookup[scopeId] ||= {
-                e: +scopeId
+                l: +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 */)
-                currentScopeId && (dataIndex && branchEnd(currentScopeId, visit, visit), scopeStack.push(currentScopeId)), currentScopeId = scopeId, scope.a = visit;
+                currentScopeId && (dataIndex && branchEnd(currentScopeId, visit, visit), scopeStack.push(currentScopeId)), currentScopeId = scopeId, scope.g = visit;
               else if (token === "]" /* BranchEnd */) {
                 scope[data2] = visit;
                 let curParent = visit.parentNode, startNode = branchEnd(
                   currentScopeId,
                   visit,
                   visit
-                ).a;
+                ).g;
                 curParent !== startNode.parentNode && curParent.prepend(startNode), currentScopeId = scopeStack.pop();
               } else if (token === "|" /* BranchSingleNode */ || token === "=" /* BranchSingleNodeOnlyChildInParent */) {
                 let next = data2.indexOf(" "), curNode = visit;
@@ -262,7 +262,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                     start,
                     ~next ? next : data2.length
                   );
-                  curNode = branchEnd(childScopeId, visit, curNode).b;
+                  curNode = branchEnd(childScopeId, visit, curNode).h;
                 }
               }
             }
@@ -274,18 +274,18 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                 let serialized = resumes[i];
                 if (typeof serialized == "function") {
                   let scopes = serialized(serializeContext), { $global } = scopeLookup;
-                  $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.f = 1e6);
+                  $global || (scopeLookup.$global = $global = scopes.$ || {}, $global.runtimeId = runtimeId, $global.renderId = renderId, $global.m = 1e6);
                   for (let scopeId in scopes)
                     if (scopeId !== "$") {
                       let scope = scopes[scopeId], prevScope = scopeLookup[scopeId];
-                      scope.$global = $global, scope.e = +scopeId, prevScope !== scope && (scopeLookup[scopeId] = Object.assign(
+                      scope.$global = $global, scope.l = +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.g = parentBranch, (parentBranch.o ||= /* @__PURE__ */ new Set()).add(
+                      if (parentBranchId && (scope.j = scopes[parentBranchId]), branchIds.has(scopeId)) {
+                        let branch = scope, parentBranch = branch.j;
+                        scope.j = branch, parentBranch && (branch.n = parentBranch, (parentBranch.z ||= /* @__PURE__ */ new Set()).add(
                           branch
                         ));
                       }
@@ -341,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();
@@ -349,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 */,
@@ -360,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)}]`
@@ -376,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,
@@ -403,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,
@@ -439,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();
@@ -469,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) {
@@ -633,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;
@@ -660,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
   );
@@ -668,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) {
@@ -691,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) {
@@ -718,47 +718,47 @@ function toInsertNode(startNode, endNode) {
 var pendingScopes = [];
 function createScope($global, closestBranch) {
   let scope = {
-    e: $global.f++,
-    h: 1,
-    c: closestBranch,
+    l: $global.m++,
+    o: 1,
+    j: closestBranch,
     $global
   };
   return pendingScopes.push(scope), scope;
 }
 function skipScope(scope) {
-  return scope.$global.f++;
+  return scope.$global.m++;
 }
 function finishPendingScopes() {
   for (let scope of pendingScopes)
-    scope.h = 0;
+    scope.o = 0;
   pendingScopes = [];
 }
 function destroyBranch(branch) {
-  branch.g?.o?.delete(branch), destroyNestedBranches(branch);
+  branch.n?.z?.delete(branch), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.k = 1, branch.o?.forEach(destroyNestedBranches), branch.A?.forEach((scope) => {
-    for (let id in scope.l)
-      scope.l[id]?.abort();
+  branch.q = 1, branch.z?.forEach(destroyNestedBranches), branch.H?.forEach((scope) => {
+    for (let id in scope.t)
+      scope.t[id]?.abort();
   });
 }
 function removeAndDestroyBranch(branch) {
-  destroyBranch(branch), removeChildNodes(branch.a, branch.b);
+  destroyBranch(branch), removeChildNodes(branch.g, branch.h);
 }
 function insertBranchBefore(branch, parentNode, nextSibling) {
   insertChildNodes(
     parentNode,
     nextSibling,
-    branch.a,
-    branch.b
+    branch.g,
+    branch.h
   );
 }
 function tempDetatchBranch(branch) {
   insertChildNodes(
-    branch.a.ownerDocument.createDocumentFragment(),
+    new DocumentFragment(),
     null,
-    branch.a,
-    branch.b
+    branch.g,
+    branch.h
   );
 }
 
@@ -780,7 +780,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
   }
   if (oldStart > oldEnd) {
     if (newStart <= newEnd) {
-      k = newEnd + 1, nextSibling = k < newBranches.length ? newBranches[k].a : afterReference;
+      k = newEnd + 1, nextSibling = k < newBranches.length ? newBranches[k].g : afterReference;
       do
         insertBranchBefore(newBranches[newStart++], parent, nextSibling);
       while (newStart <= newEnd);
@@ -809,10 +809,10 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
       if (pos === WRONG_POS) {
         let seq = longestIncreasingSubsequence(sources);
         for (j = seq.length - 1, k = newBranches.length, i = newLength - 1; i >= 0; --i)
-          sources[i] === -1 ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].a : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : j < 0 || i !== seq[j] ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].a : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : --j;
+          sources[i] === -1 ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].g : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : j < 0 || i !== seq[j] ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].g : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : --j;
       } else if (synced !== newLength)
         for (k = newBranches.length, i = newLength - 1; i >= 0; --i)
-          sources[i] === -1 && (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].a : afterReference, insertBranchBefore(newBranch, parent, nextSibling));
+          sources[i] === -1 && (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].g : afterReference, insertBranchBefore(newBranch, parent, nextSibling));
     }
   }
 }
@@ -847,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()
@@ -859,7 +859,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
         currentWalkIndex = walkInternal(
           currentWalkIndex,
           walkCodes,
-          scope[currentScopeIndex++] = createScope(scope.$global, scope.c)
+          scope[currentScopeIndex++] = createScope(scope.$global, scope.j)
         ), value2 === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope(scope));
       else if (value2 < 92)
         for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
@@ -878,8 +878,8 @@ 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.m || parentScope, branch.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.o ||= /* @__PURE__ */ new Set()).add(branch)), renderer.p?.(
+  let branch = createScope($global), parentBranch = parentScope?.j;
+  return branch._ = renderer.u || parentScope, branch.j = branch, parentBranch && (branch.n = parentBranch, (parentBranch.z ||= /* @__PURE__ */ new Set()).add(branch)), renderer.A?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -891,10 +891,10 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return (renderer.q || renderer.u) && queueRender(
+  return (renderer.B || renderer.D) && queueRender(
     branch,
     (branch2) => {
-      renderer.q?.(branch2), renderer.u?.(branch2);
+      renderer.B?.(branch2), renderer.D?.(branch2);
     },
     -1
   ), branch;
@@ -908,19 +908,19 @@ function createContent(id, template, walks, setup, params, closures, dynamicScop
     ))(branch, walks);
   } : (branch) => {
     walk(
-      branch.a = branch.b = new Text(),
+      branch.g = branch.h = new Text(),
       walks,
       branch
     );
   };
   return (owner) => ({
-    e: id,
-    p: clone,
-    m: owner,
-    q: setup,
-    d: params,
-    u: closures,
-    n: dynamicScopesAccessor
+    l: id,
+    A: clone,
+    u: owner,
+    B: setup,
+    k: params,
+    D: closures,
+    x: dynamicScopesAccessor
   });
 }
 function registerContent(id, template, walks, setup, params, closures, dynamicScopesAccessor) {
@@ -945,13 +945,13 @@ function createCloneableHTML(html2, ns) {
   let { firstChild, lastChild } = parseHTML(html2, ns), parent = document.createElementNS(ns, "t");
   return insertChildNodes(parent, null, firstChild, lastChild), firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
     walk(
-      branch.a = branch.b = firstChild.cloneNode(!0),
+      branch.g = branch.h = firstChild.cloneNode(!0),
       walks,
       branch
     );
   } : (branch, walks) => {
     let clone = parent.cloneNode(!0);
-    walk(clone.firstChild, walks, branch), branch.a = clone.firstChild, branch.b = clone.lastChild;
+    walk(clone.firstChild, walks, branch), branch.g = clone.firstChild, branch.h = clone.lastChild;
   };
 }
 
@@ -976,7 +976,7 @@ function triggerMacroTask() {
 function state(valueAccessor, fn) {
   if (0)
     var id;
-  let valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */, update = (scope, value2) => {
+  let valueChangeAccessor = "o" /* 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(
@@ -992,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__ */ "e") {
+function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "l") {
   return (scope) => {
-    scope.h ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
+    scope.o ? 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.h && !scope.k && childSignal(scope);
+          !scope.o && !scope.q && childSignal(scope);
       },
       -1,
       0,
-      firstScope.e
+      firstScope.l
     );
   };
   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.h && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
+    ifScope && !ifScope.o && scope[branchAccessor] === branch && queueRender(ifScope, childSignal, -1);
   };
   return ownerSignal._ = childSignal, ownerSignal;
 }
@@ -1028,13 +1028,13 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
   ));
 }
 function dynamicClosure(...closureSignals) {
-  let [{ x: ___scopeInstancesAccessor, y: ___signalIndexAccessor }] = closureSignals;
+  let [{ E: ___scopeInstancesAccessor, F: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
-    closureSignals[i].B = i;
+    closureSignals[i].I = i;
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
-        childScope.h || queueRender(
+        childScope.o || queueRender(
           childScope,
           closureSignals[childScope[___signalIndexAccessor]],
           -1
@@ -1043,13 +1043,13 @@ function dynamicClosure(...closureSignals) {
 }
 function dynamicClosureRead(valueAccessor, fn, getOwnerScope) {
   let childSignal = closure(valueAccessor, fn, getOwnerScope), closureSignal = (scope) => {
-    scope[closureSignal.y] = closureSignal.B, childSignal(scope), subscribeToScopeSet(
+    scope[closureSignal.F] = closureSignal.I, childSignal(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
-      closureSignal.x,
+      closureSignal.E,
       scope
     );
   };
-  return closureSignal.x = valueAccessor + "!" /* ClosureScopes */, closureSignal.y = valueAccessor + "(" /* ClosureSignalIndex */, closureSignal;
+  return closureSignal.E = "a" /* ClosureScopes */ + valueAccessor, closureSignal.F = "b" /* ClosureSignalIndex */ + valueAccessor, closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1057,13 +1057,13 @@ function closure(valueAccessor, fn, getOwnerScope) {
   };
 }
 function setTagVar(scope, childAccessor, tagVarSignal2) {
-  scope[childAccessor]["/" /* TagVariable */] = (value2) => tagVarSignal2(scope, value2);
+  scope[childAccessor].e = (value2) => tagVarSignal2(scope, value2);
 }
-var tagVarSignal = (scope, value2) => scope["/" /* TagVariable */]?.(value2);
+var tagVarSignal = (scope, value2) => scope.e?.(value2);
 function setTagVarChange(scope, changeHandler) {
-  scope["@" /* TagVariableChange */] = changeHandler;
+  scope.f = changeHandler;
 }
-var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
+var tagVarSignalChange = (scope, value2) => scope.f?.(value2), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
 function nextTagId({ $global }) {
   let id = tagIdsByGlobal.get($global) || 0;
   return tagIdsByGlobal.set($global, id + 1), "c" + $global.runtimeId + $global.renderId + id.toString(36);
@@ -1089,13 +1089,13 @@ function hoist(...path) {
 
 // src/dom/control-flow.ts
 function awaitTag(nodeAccessor, renderer) {
-  let promiseAccessor = nodeAccessor + "?" /* Promise */, branchAccessor = nodeAccessor + "!" /* ConditionalScope */;
+  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 tryBranch = scope.j, awaitBranch = scope[branchAccessor], referenceNode = scope[nodeAccessor], namespaceNode = (awaitBranch?.g ?? referenceNode).parentNode;
+    for (; tryBranch && !tryBranch.d; )
+      tryBranch = tryBranch.n;
     let thisPromise = scope[promiseAccessor] = promise.then((data2) => {
-      if (scope.c?.k || scope[promiseAccessor] !== thisPromise)
+      if (scope.j?.q || scope[promiseAccessor] !== thisPromise)
         return;
       scope[promiseAccessor] = void 0;
       let effects = prepareEffects(() => {
@@ -1108,15 +1108,15 @@ function awaitTag(nodeAccessor, renderer) {
           ),
           referenceNode.parentNode,
           referenceNode
-        ), referenceNode.remove()), renderer.d?.(awaitBranch, [data2]);
+        ), referenceNode.remove()), renderer.k?.(awaitBranch, [data2]);
       });
       if (tryBranch) {
-        if (!--tryBranch["." /* PendingCount */]) {
-          let placeholderBranch = tryBranch["#" /* PlaceholderBranch */];
+        if (!--tryBranch.y) {
+          let placeholderBranch = tryBranch.c;
           placeholderBranch ? (insertBranchBefore(
             tryBranch,
-            placeholderBranch.a.parentNode,
-            placeholderBranch.a
+            placeholderBranch.g.parentNode,
+            placeholderBranch.g
           ), removeAndDestroyBranch(placeholderBranch)) : insertBranchBefore(
             tryBranch,
             referenceNode.parentNode,
@@ -1126,43 +1126,43 @@ function awaitTag(nodeAccessor, renderer) {
       } else
         runEffects(effects);
     }).catch((error) => {
-      let tryBranch2 = scope.c;
-      for (; tryBranch2 && !tryBranch2["^" /* CatchContent */]; )
-        tryBranch2 = tryBranch2.g;
+      let tryBranch2 = scope.j;
+      for (; tryBranch2 && !tryBranch2.b; )
+        tryBranch2 = tryBranch2.n;
       tryBranch2 ? (setConditionalRenderer(
         tryBranch2._,
-        tryBranch2["*" /* BranchAccessor */],
-        tryBranch2["^" /* CatchContent */],
+        tryBranch2.a,
+        tryBranch2.b,
         createAndSetupBranch
-      ), tryBranch2["^" /* CatchContent */].d?.(
-        tryBranch2._[tryBranch2["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+      ), tryBranch2.b.k?.(
+        tryBranch2._["d" /* ConditionalScope */ + tryBranch2.a],
         [error]
       )) : setTimeout(() => {
         throw error;
       });
     });
-    tryBranch ? (tryBranch["." /* PendingCount */] || (tryBranch["." /* PendingCount */] = 0, requestAnimationFrame(() => {
-      if (tryBranch["." /* PendingCount */] && !tryBranch.k) {
-        let placeholderBranch = tryBranch["#" /* PlaceholderBranch */] = createAndSetupBranch(
+    tryBranch ? (tryBranch.y || (tryBranch.y = 0, requestAnimationFrame(() => {
+      if (tryBranch.y && !tryBranch.q) {
+        let placeholderBranch = tryBranch.c = createAndSetupBranch(
           scope.$global,
-          tryBranch["%" /* PlaceholderContent */],
+          tryBranch.d,
           tryBranch._,
-          tryBranch.a.parentNode
+          tryBranch.g.parentNode
         );
         insertBranchBefore(
           placeholderBranch,
-          tryBranch.a.parentNode,
-          tryBranch.a
+          tryBranch.g.parentNode,
+          tryBranch.g
         ), tempDetatchBranch(tryBranch);
       }
-    })), tryBranch["." /* PendingCount */]++) : awaitBranch && (awaitBranch.a.parentNode.insertBefore(
+    })), tryBranch.y++) : awaitBranch && (awaitBranch.g.parentNode.insertBefore(
       referenceNode,
-      awaitBranch.a
+      awaitBranch.g
     ), tempDetatchBranch(awaitBranch));
   };
 }
 function createTry(nodeAccessor, tryContent) {
-  let branchAccessor = nodeAccessor + "!" /* ConditionalScope */;
+  let branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
@@ -1171,13 +1171,13 @@ function createTry(nodeAccessor, tryContent) {
       createAndSetupBranch
     );
     let branch = scope[branchAccessor];
-    branch && (branch["*" /* BranchAccessor */] = nodeAccessor, branch["^" /* CatchContent */] = normalizeDynamicRenderer(input.catch), branch["%" /* PlaceholderContent */] = normalizeDynamicRenderer(
+    branch && (branch.a = nodeAccessor, branch.b = normalizeDynamicRenderer(input.catch), branch.d = normalizeDynamicRenderer(
       input.placeholder
     ));
   };
 }
 function conditional(nodeAccessor, ...branches) {
-  let branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1191,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?.e || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.l || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
@@ -1208,15 +1208,15 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             0,
             content,
             createAndSetupBranch
-          ), content.n && subscribeToScopeSet(
-            content.m,
-            content.n,
-            scope[childScopeAccessor][0 + "!" /* ConditionalScope */]
+          ), content.x && subscribeToScopeSet(
+            content.u,
+            content.x,
+            scope[childScopeAccessor]["d" /* ConditionalScope */ + 0]
           );
         }
-      } else normalizedRenderer?.n && subscribeToScopeSet(
-        normalizedRenderer.m,
-        normalizedRenderer.n,
+      } else normalizedRenderer?.x && subscribeToScopeSet(
+        normalizedRenderer.u,
+        normalizedRenderer.x,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1227,9 +1227,9 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           0,
           (inputIsArgs ? args[0] : args) || {}
         );
-      else if (normalizedRenderer.d)
+      else if (normalizedRenderer.k)
         if (inputIsArgs)
-          normalizedRenderer.d(
+          normalizedRenderer.k(
             scope[childScopeAccessor],
             normalizedRenderer._ ? args[0] : args
           );
@@ -1238,7 +1238,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
             ...args,
             content: getContent(scope)
           } : args || {};
-          normalizedRenderer.d(
+          normalizedRenderer.k(
             scope[childScopeAccessor],
             normalizedRenderer._ ? inputWithContent : [inputWithContent]
           );
@@ -1247,8 +1247,8 @@ 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);
-  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());
+  let referenceNode = scope[nodeAccessor], prevBranch = scope["d" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.g || 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.g) : parentNode.insertBefore(referenceNode, prevBranch.g), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
 function loopOf(nodeAccessor, renderer) {
   return loop(
@@ -1277,17 +1277,17 @@ function loopTo(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  let params = renderer.d;
+  let params = renderer.k;
   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].g.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);
     });
     let afterReference = null;
-    referenceNode !== parentNode && (oldArray.length ? (afterReference = oldArray[oldArray.length - 1].b.nextSibling, newArray.length || parentNode.insertBefore(referenceNode, afterReference)) : newArray.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldArray, newArray, afterReference);
+    referenceNode !== parentNode && (oldArray.length ? (afterReference = oldArray[oldArray.length - 1].h.nextSibling, newArray.length || parentNode.insertBefore(referenceNode, afterReference)) : newArray.length && (afterReference = referenceNode.nextSibling, referenceNode.remove())), reconcile(parentNode, oldArray, newArray, afterReference);
   };
 }
 function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentScope, parentNode) {
@@ -1297,7 +1297,7 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
     parentScope,
     parentNode
   );
-  return typeof tagNameOrRenderer == "string" ? branch[0] = branch.a = branch.b = document.createElementNS(
+  return typeof tagNameOrRenderer == "string" ? branch[0] = branch.g = branch.h = document.createElementNS(
     tagNameOrRenderer === "svg" ? "http://www.w3.org/2000/svg" : tagNameOrRenderer === "math" ? "http://www.w3.org/1998/Math/MathML" : parentNode.namespaceURI,
     tagNameOrRenderer
   ) : setupBranch(tagNameOrRenderer, branch), branch;
@@ -1311,20 +1311,20 @@ function byFirstArg(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) {
+function queueRender(scope, signal, signalKey, value2, scopeKey = scope.l) {
   let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender)
-    existingRender.z = value2;
+    existingRender.G = value2;
   else {
     let render = {
-      j: key,
-      t: scope,
-      C: signal,
-      z: value2
+      p: key,
+      C: scope,
+      J: signal,
+      G: value2
     }, i = pendingRenders.push(render) - 1;
     for (; i; ) {
       let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
-      if (key - parent.j >= 0) break;
+      if (key - parent.p >= 0) break;
       pendingRenders[i] = parent, i = parentIndex;
     }
     signalKey >= 0 && pendingRendersLookup.set(key, render), pendingRenders[i] = render;
@@ -1363,36 +1363,36 @@ 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;
+      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).p;
       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)
+        if (right < pendingRenders.length && pendingRenders[right].p - pendingRenders[bestChild].p < 0 && (bestChild = right), pendingRenders[bestChild].p - key >= 0)
           break;
         pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
       }
       pendingRenders[i] = item;
     }
-    render.t.c?.k || runRender(render);
+    render.C.j?.q || runRender(render);
   }
   finishPendingScopes();
 }
-var runRender = (render) => render.C(render.t, render.z), enableCatch = () => {
+var runRender = (render) => render.J(render.C, render.G), enableCatch = () => {
   enableCatch = () => {
   }, runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
       runRender2(render);
     } catch (error) {
-      let branch = render.t.c;
-      for (; branch && !branch["^" /* CatchContent */]; )
-        branch = branch.g;
+      let branch = render.C.j;
+      for (; branch && !branch.b; )
+        branch = branch.n;
       if (branch)
         setConditionalRenderer(
           branch._,
-          branch["*" /* BranchAccessor */],
-          branch["^" /* CatchContent */],
+          branch.a,
+          branch.b,
           createAndSetupBranch
-        ), branch["^" /* CatchContent */].d?.(
-          branch._[branch["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+        ), branch.b.k?.(
+          branch._["d" /* ConditionalScope */ + branch.a],
           [error]
         );
       else
@@ -1403,11 +1403,11 @@ var runRender = (render) => render.C(render.t, render.z), enableCatch = () => {
 
 // src/dom/abort-signal.ts
 function resetAbortSignal(scope, id) {
-  let ctrl = scope.l?.[id];
-  ctrl && (queueEffect(ctrl, abort), scope.l[id] = void 0);
+  let ctrl = scope.t?.[id];
+  ctrl && (queueEffect(ctrl, abort), scope.t[id] = void 0);
 }
 function getAbortSignal(scope, id) {
-  return scope.c && (scope.c.A ||= /* @__PURE__ */ new Set()).add(scope), ((scope.l ||= {})[id] ||= new AbortController()).signal;
+  return scope.j && (scope.j.H ||= /* @__PURE__ */ new Set()).add(scope), ((scope.t ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -1429,13 +1429,13 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     register(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.p;
+    return renderer.A;
   },
   getStartNode(branch) {
-    return branch.a;
+    return branch.g;
   },
   setScopeNodes(branch, startNode, endNode) {
-    branch.a = startNode, branch.b = endNode;
+    branch.g = startNode, branch.h = endNode;
   },
   runComponentEffects() {
     runEffects(this.effects);
@@ -1454,9 +1454,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = createRenderer(0, 0, 0, params);
-    return renderer.p = (branch) => {
+    return renderer.A = (branch) => {
       let cloned = clone();
-      branch.a = cloned.startNode, branch.b = cloned.endNode;
+      branch.g = cloned.startNode, branch.h = cloned.endNode;
     }, renderer;
   },
   render(out, component, renderer, args) {
@@ -1469,14 +1469,14 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
         normalizedInput[key === "renderBody" ? "content" : key] = input[key];
     }
     if (component.effects = prepareEffects(() => {
-      branch ? existing = !0 : (out.global.f ||= 0, branch = component.scope = createAndSetupBranch(
+      branch ? existing = !0 : (out.global.m ||= 0, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.m,
+        renderer.u,
         document.body
-      )), renderer.d?.(branch, renderer._ ? args[0] : args);
+      )), renderer.k?.(branch, renderer._ ? args[0] : args);
     }), !existing)
-      return toInsertNode(branch.a, branch.b);
+      return toInsertNode(branch.g, branch.h);
   }
 };
 
@@ -1494,12 +1494,12 @@ var createTemplate = (id, template, walks, setup, inputSignal) => {
 function mount(input = {}, reference, position) {
   let branch, parentNode = reference, nextSibling = null, { $global } = input;
   switch ($global ? ({ $global, ...input } = input, $global = {
-    f: 0,
+    m: 0,
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID,
     ...$global
   }) : $global = {
-    f: 0,
+    m: 0,
     runtimeId: DEFAULT_RUNTIME_ID,
     renderId: DEFAULT_RENDER_ID
   }, position) {
@@ -1513,19 +1513,19 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let args = this.d, effects = prepareEffects(() => {
+  let args = this.k, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
       void 0,
       parentNode
-    ), this.q?.(branch), args?.(branch, input);
+    ), this.B?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,
     nextSibling,
-    branch.a,
-    branch.b
+    branch.g,
+    branch.h
   ), runEffects(effects), {
     update(newInput) {
       args && runEffects(