marko 6.0.101 → 6.0.103

package/dist/dom.mjs

@@ -76,10 +76,11 @@ function normalizeDynamicRenderer(value) {
   if (value) {
     if (typeof value == "string") return value;
     let normalized = value.content || value.default || value;
-    if (/* @__KEY__ */ "l" in normalized)
+    if (/* @__KEY__ */ "f" in normalized)
       return normalized;
   }
 }
+var decodeAccessor = (num) => (num + (num < 26 ? 10 : num < 962 ? 334 : 11998)).toString(36);
 
 // src/dom/event.ts
 var defaultDelegator = createDelegator();
@@ -129,10 +130,10 @@ function stripSpacesAndPunctuation(str) {
 var nextScopeId = 1e6;
 function createScope($global, closestBranch) {
   let scope = {
-    l: nextScopeId++,
-    n: 1,
-    k: closestBranch,
-    $global
+    M: nextScopeId++,
+    I: 1,
+    G: closestBranch,
+    $: $global
   };
   return pendingScopes.push(scope), scope;
 }
@@ -140,34 +141,44 @@ function skipScope() {
   return nextScopeId++;
 }
 function findBranchWithKey(scope, key) {
-  let branch = scope.k;
+  let branch = scope.G;
   for (; branch && !branch[key]; )
-    branch = branch.x;
+    branch = branch.N;
   return branch;
 }
 function destroyBranch(branch) {
-  branch.x?.y?.delete(branch), destroyNestedBranches(branch);
+  branch.N?.E?.delete(
+    branch
+  ), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.z = 1, branch.y?.forEach(destroyNestedBranches), branch.I?.forEach((scope) => {
+  branch.J = 1, branch.E?.forEach(destroyNestedBranches), branch.B?.forEach((scope) => {
     for (let id in scope.A)
       $signalReset(scope, id);
   });
 }
 function removeAndDestroyBranch(branch) {
-  destroyBranch(branch), removeChildNodes(branch.h, branch.j);
+  destroyBranch(branch), removeChildNodes(
+    branch.S,
+    branch.L
+  );
 }
 function insertBranchBefore(branch, parentNode, nextSibling) {
   insertChildNodes(
     parentNode,
     nextSibling,
-    branch.h,
-    branch.j
+    branch.S,
+    branch.L
   );
 }
 function tempDetachBranch(branch) {
   let fragment = new DocumentFragment();
-  fragment.namespaceURI = branch.h.parentNode.namespaceURI, insertChildNodes(fragment, null, branch.h, branch.j);
+  fragment.namespaceURI = branch.S.parentNode.namespaceURI, insertChildNodes(
+    fragment,
+    null,
+    branch.S,
+    branch.L
+  );
 }
 
 // src/dom/walker.ts
@@ -176,15 +187,15 @@ function walk(startNode, walkCodes, branch) {
   walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
 }
 function walkInternal(currentWalkIndex, walkCodes, scope) {
-  let value, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
+  let value, id, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
   for (; currentWalkIndex < walkCodes.length; )
     if (value = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value === 32 /* Get */) {
       let node = walker.currentNode;
-      scope[currentScopeIndex] = node, scope["j" /* Getter */ + currentScopeIndex++] = () => node;
+      scope[id = decodeAccessor(currentScopeIndex++)] = node, scope["J" /* Getter */ + id] = () => node;
     } else if (value === 37 /* Replace */ || value === 49 /* DynamicTagWithVar */)
       walker.currentNode.replaceWith(
-        walker.currentNode = scope[currentScopeIndex++] = new Text()
-      ), value === 49 /* DynamicTagWithVar */ && (scope[currentScopeIndex++] = skipScope());
+        walker.currentNode = scope[decodeAccessor(currentScopeIndex++)] = new Text()
+      ), value === 49 /* DynamicTagWithVar */ && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
     else {
       if (value === 38 /* EndChild */)
         return currentWalkIndex;
@@ -192,8 +203,11 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
         currentWalkIndex = walkInternal(
           currentWalkIndex,
           walkCodes,
-          scope[currentScopeIndex++] = createScope(scope.$global, scope.k)
-        ), value === 48 /* BeginChildWithVar */ && (scope[currentScopeIndex++] = skipScope());
+          scope[decodeAccessor(currentScopeIndex++)] = createScope(
+            scope.$,
+            scope.G
+          )
+        ), value === 48 /* BeginChildWithVar */ && (scope[decodeAccessor(currentScopeIndex++)] = skipScope());
       else if (value < 92)
         for (value = 20 /* Next */ * currentMultiplier + value - 67 /* Next */; value--; )
           walker.nextNode();
@@ -228,9 +242,9 @@ function init(runtimeId = "M") {
                 for (; startVisit.previousSibling && ~visits.indexOf(
                   startVisit = startVisit.previousSibling
                 ); ) ;
-                branch.j = branch.h = startVisit, visitType === "'" /* BranchEndNativeTag */ && (branch[0] = startVisit);
+                branch.L = branch.S = startVisit, visitType === "'" /* BranchEndNativeTag */ && (branch.a = startVisit);
               } else
-                startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.h = startVisit, branch.j = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
+                startVisit = branchStarts.pop(), parent !== startVisit.parentNode && parent.prepend(startVisit), branch.S = startVisit, branch.L = visit.previousSibling === startVisit ? startVisit : parent.insertBefore(new Text(), visit);
               for (; i-- && orphanBranches[i] > branchId; )
                 branchParents.set(orphanBranches[i], branchId), claimed++;
               orphanBranches.push(branchId), branchParents.set(branchId, 0), nextToken();
@@ -238,9 +252,9 @@ function init(runtimeId = "M") {
             orphanBranches.splice(i, claimed);
           };
           return {
-            J() {
+            n() {
               visitType === "[" /* BranchStart */ ? (endBranch(), branchStarts.push(visit)) : (visitScope[
-                "j" /* Getter */ + nextToken()
+                "J" /* Getter */ + nextToken()
                 /* read accessor */
               ] = /* @__PURE__ */ ((node) => () => node)(
                 visitScope[lastToken] = visitType === ")" /* BranchEndOnlyChildInParent */ || visitType === "}" /* BranchEndSingleNodeOnlyChildInParent */ ? visit.parentNode : visit
@@ -248,8 +262,8 @@ function init(runtimeId = "M") {
                 visitType !== "]" /* BranchEnd */ && visitType !== ")" /* BranchEndOnlyChildInParent */
               ));
             },
-            q(scope) {
-              scope.k = scopeLookup[scope.g || branchParents.get(scopeId)], branchParents.has(scopeId) && (scope.k && ((scope.x = scope.k).y ||= /* @__PURE__ */ new Set()).add(scope), scope.k = scope);
+            c(scope) {
+              scope.G = scopeLookup[scope.H || branchParents.get(scopeId)], branchParents.has(scopeId) && (scope.G && ((scope.N = scope.G).E ||= /* @__PURE__ */ new Set()).add(scope), scope.G = scope);
             }
           };
         })(), $global, lastScopeId = 0, lastEffect, visits, resumes, scopeId, visit, visitText, visitType, visitScope, lastToken, lastTokenIndex, nextToken = () => lastToken = visitText.slice(
@@ -262,23 +276,23 @@ function init(runtimeId = "M") {
             walk2(), isResuming = 1;
             for (visit of visits = render.v)
               lastTokenIndex = render.i.length, visitText = visit.data, visitType = visitText[lastTokenIndex++], (scopeId = +nextToken()) && (visitScope = scopeLookup[scopeId] ||= {
-                l: scopeId
-              }), visitType === "*" /* Node */ ? visitScope["j" /* Getter */ + nextToken()] = /* @__PURE__ */ ((node) => () => node)(visitScope[lastToken] = visit.previousSibling) : branchesEnabled && branches.J();
+                M: scopeId
+              }), visitType === "*" /* Node */ ? visitScope["J" /* Getter */ + nextToken()] = /* @__PURE__ */ ((node) => () => node)(visitScope[lastToken] = visit.previousSibling) : branchesEnabled && branches.n();
             for (let serialized of resumes = render.r || [])
               if (typeof serialized == "string")
                 lastEffect = serialized;
               else if (typeof serialized == "number")
                 registeredValues[lastEffect](
                   scopeLookup[serialized] ||= {
-                    l: scopeId
+                    M: scopeId
                   }
                 );
               else
                 for (let scope of serialized(serializeContext))
-                  $global ? typeof scope == "number" ? lastScopeId += scope : (scopeId = ++lastScopeId, scope.$global = $global, scope.l = scopeId, scopeLookup[scopeId] !== scope && (scopeLookup[scopeId] = Object.assign(
+                  $global ? typeof scope == "number" ? lastScopeId += scope : (scopeId = ++lastScopeId, scope.$ = $global, scope.M = scopeId, scopeLookup[scopeId] !== scope && (scopeLookup[scopeId] = Object.assign(
                     scope,
                     scopeLookup[scopeId]
-                  )), branchesEnabled && branches.q(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId);
+                  )), branchesEnabled && branches.c(scope)) : ($global = scope || {}, $global.runtimeId = runtimeId, $global.renderId = renderId);
           } finally {
             isResuming = visits.length = resumes.length = 0;
           }
@@ -297,18 +311,19 @@ function init(runtimeId = "M") {
     });
 }
 var isResuming;
-function _resume(id, obj) {
-  return registeredValues[id] = obj, obj;
-}
-function _var_resume(id, signal) {
-  return registeredValues[id] = (scope) => (value) => signal(scope, value), signal;
-}
 function getRegisteredWithScope(id, scope) {
   let val = registeredValues[id];
   return scope ? val(scope) : val;
 }
-function _el(id, key) {
-  return _resume(id, (scope) => () => scope[key]());
+function _resume(id, obj) {
+  return registeredValues[id] = obj;
+}
+function _var_resume(id, signal) {
+  return _resume(id, (scope) => (value) => signal(scope, value)), signal;
+}
+function _el(id, accessor) {
+  let getterAccessor = "J" /* Getter */ + decodeAccessor(accessor);
+  return _resume(id, (scope) => () => scope[getterAccessor]());
 }
 
 // src/dom/controllable.ts
@@ -324,7 +339,7 @@ function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
 function _attr_input_checked_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    let checkedChange = scope["e" /* ControlledHandler */ + nodeAccessor];
+    let checkedChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       let newValue = el.checked;
       el.checked = !newValue, checkedChange(newValue), run();
@@ -332,7 +347,7 @@ function _attr_input_checked_script(scope, nodeAccessor) {
   });
 }
 function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["g" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
+  scope["G" /* ControlledValue */ + nodeAccessor] = checkedValue, _attr(scope[nodeAccessor], "value", value), setCheckboxValue(
     scope,
     nodeAccessor,
     1 /* InputCheckedValue */,
@@ -343,9 +358,9 @@ function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValu
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
   syncControllable(el, "input", hasCheckboxChanged, () => {
-    let checkedValueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
+    let checkedValueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
-      let oldValue = scope["g" /* ControlledValue */ + nodeAccessor], 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)}]`
@@ -359,20 +374,20 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
 }
 function _attr_input_value(scope, nodeAccessor, value, valueChange) {
   let el = scope[nodeAccessor], normalizedValue = normalizeStrProp(value);
-  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */, scope["g" /* ControlledValue */ + nodeAccessor] = value, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 0 /* InputChecked */, scope["G" /* ControlledValue */ + nodeAccessor] = value, el.isConnected ? setValueAndUpdateSelection(el, normalizedValue) : el.defaultValue = normalizedValue) : (scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, el.defaultValue = normalizedValue);
 }
 function _attr_input_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor];
-  isResuming && (scope["g" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
-    let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
+  isResuming && (scope["G" /* ControlledValue */ + nodeAccessor] = el.defaultValue), syncControllable(el, "input", hasValueChanged, (ev) => {
+    let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     valueChange && (inputType = ev?.inputType, valueChange(el.value), run(), setValueAndUpdateSelection(
       el,
-      scope["g" /* ControlledValue */ + nodeAccessor]
+      scope["G" /* ControlledValue */ + nodeAccessor]
     ), inputType = "");
   });
 }
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
-  scope["e" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["f" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["g" /* ControlledValue */ + nodeAccessor] = value) : scope["f" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
+  scope["E" /* ControlledHandler */ + nodeAccessor] = valueChange, valueChange ? (scope["F" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */, scope["G" /* ControlledValue */ + nodeAccessor] = value) : scope["F" /* ControlledType */ + nodeAccessor] = 5 /* None */, pendingEffects.unshift(
     () => setSelectOptions(
       scope[nodeAccessor],
       value,
@@ -383,20 +398,20 @@ function _attr_select_value(scope, nodeAccessor, value, valueChange) {
 }
 function _attr_select_value_script(scope, nodeAccessor) {
   let el = scope[nodeAccessor], onChange = () => {
-    let valueChange = scope["e" /* ControlledHandler */ + nodeAccessor];
+    let valueChange = scope["E" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       let newValue = Array.isArray(
-        scope["g" /* ControlledValue */ + nodeAccessor]
+        scope["G" /* ControlledValue */ + nodeAccessor]
       ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
       setSelectOptions(
         el,
-        scope["g" /* ControlledValue */ + nodeAccessor],
+        scope["G" /* ControlledValue */ + nodeAccessor],
         valueChange
       ), valueChange(newValue), run();
     }
   };
   el._ || new MutationObserver(() => {
-    let value = scope["g" /* ControlledValue */ + nodeAccessor];
+    let value = scope["G" /* ControlledValue */ + nodeAccessor];
     (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) && onChange();
   }).observe(el, {
     childList: !0,
@@ -419,16 +434,16 @@ function setSelectOptions(el, value, valueChange) {
   }
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
-  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);
+  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 _attr_details_or_dialog_open_script(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope["g" /* ControlledValue */ + nodeAccessor];
+  let el = scope[nodeAccessor], hasChanged = () => el.open !== scope["G" /* ControlledValue */ + nodeAccessor];
   syncControllable(
     el,
     el.tagName === "DIALOG" ? "close" : "toggle",
     hasChanged,
     () => {
-      let openChange = scope["e" /* ControlledHandler */ + nodeAccessor];
+      let openChange = scope["E" /* ControlledHandler */ + nodeAccessor];
       if (openChange && hasChanged()) {
         let newValue = el.open;
         el.open = !newValue, openChange(newValue), run();
@@ -449,7 +464,7 @@ function setValueAndUpdateSelection(el, value) {
   }
 }
 function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  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);
+  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) {
@@ -518,43 +533,44 @@ function triggerMacroTask() {
 }
 
 // src/dom/signals.ts
-function _let(valueAccessor, fn) {
-  if (0)
-    var id;
-  let valueChangeAccessor = "o" /* TagVariableChange */ + valueAccessor;
-  return (scope, value, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || scope.n) && (scope[valueAccessor] = value, fn && fn(scope)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value) : scope[valueAccessor] !== (scope[valueAccessor] = value) && fn && (schedule(), queueRender(scope, fn, valueAccessor)), value);
-}
-function _const(valueAccessor, fn = () => {
-}) {
-  return (scope, value) => {
-    (!(valueAccessor in scope) || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn(scope));
+function _let(id, fn) {
+  let valueAccessor = decodeAccessor(id), valueChangeAccessor = "O" /* TagVariableChange */ + valueAccessor;
+  return (scope, value, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value || scope.I) && (scope[valueAccessor] = value, fn?.(scope)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value) : scope[valueAccessor] !== (scope[valueAccessor] = value) && fn && (schedule(), queueRender(scope, fn, id)), value);
+}
+function _const(valueAccessor, fn) {
+  return valueAccessor = decodeAccessor(valueAccessor), (scope, value) => {
+    (!(valueAccessor in scope) || scope[valueAccessor] !== value) && (scope[valueAccessor] = value, fn?.(scope));
   };
 }
-function _or(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__ */ "l") {
+function _or(id, fn, defaultPending = 1, scopeIdAccessor = "M" /* Id */) {
   return (scope) => {
-    scope.n ? scope[id] === void 0 ? scope[id] = defaultPending : --scope[id] || fn(scope) : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
+    scope.I ? id in scope ? --scope[id] || fn(scope) : scope[id] = defaultPending : queueRender(scope, fn, id, 0, scope[scopeIdAccessor]);
   };
 }
 function _for_closure(ownerLoopNodeAccessor, fn) {
-  let loopScopeAccessor = "l" /* LoopScopeArray */ + ownerLoopNodeAccessor, loopScopeMapAccessor = "m" /* LoopScopeMap */ + ownerLoopNodeAccessor, ownerSignal = (ownerScope) => {
+  ownerLoopNodeAccessor = decodeAccessor(ownerLoopNodeAccessor);
+  let loopScopeAccessor = "L" /* LoopScopeArray */ + ownerLoopNodeAccessor, loopScopeMapAccessor = "M" /* LoopScopeMap */ + ownerLoopNodeAccessor, ownerSignal = (ownerScope) => {
     let scopes = ownerScope[loopScopeAccessor] ||= ownerScope[loopScopeMapAccessor] ? [...ownerScope[loopScopeMapAccessor].values()] : [], [firstScope] = scopes;
     firstScope && queueRender(
       ownerScope,
       () => {
         for (let scope of scopes)
-          !scope.n && !scope.z && fn(scope);
+          !scope.I && !scope.J && fn(scope);
       },
       -1,
       0,
-      firstScope.l
+      firstScope.M
     );
   };
   return ownerSignal._ = fn, ownerSignal;
 }
 function _if_closure(ownerConditionalNodeAccessor, branch, fn) {
-  let scopeAccessor = "d" /* ConditionalScope */ + ownerConditionalNodeAccessor, branchAccessor = "c" /* ConditionalRenderer */ + ownerConditionalNodeAccessor, ownerSignal = (scope) => {
+  ownerConditionalNodeAccessor = decodeAccessor(
+    ownerConditionalNodeAccessor
+  );
+  let scopeAccessor = "D" /* ConditionalScope */ + ownerConditionalNodeAccessor, branchAccessor = "C" /* ConditionalRenderer */ + ownerConditionalNodeAccessor, ownerSignal = (scope) => {
     let ifScope = scope[scopeAccessor];
-    ifScope && !ifScope.n && (scope[branchAccessor] || 0) === branch && queueRender(ifScope, fn, -1);
+    ifScope && !ifScope.I && (scope[branchAccessor] || 0) === branch && queueRender(ifScope, fn, -1);
   };
   return ownerSignal._ = fn, ownerSignal;
 }
@@ -566,13 +582,13 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
   ));
 }
 function _closure(...closureSignals) {
-  let [{ D: ___scopeInstancesAccessor, E: ___signalIndexAccessor }] = closureSignals;
+  let [{ j: ___scopeInstancesAccessor, k: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
-    closureSignals[i].K = i;
+    closureSignals[i].o = i;
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
-        childScope.n || queueRender(
+        childScope.I || queueRender(
           childScope,
           closureSignals[childScope[___signalIndexAccessor]],
           -1
@@ -580,14 +596,15 @@ function _closure(...closureSignals) {
   };
 }
 function _closure_get(valueAccessor, fn, getOwnerScope) {
+  valueAccessor = decodeAccessor(valueAccessor);
   let closureSignal = ((scope) => {
-    scope[closureSignal.E] = closureSignal.K, fn(scope), subscribeToScopeSet(
+    scope[closureSignal.k] = closureSignal.o, fn(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
-      closureSignal.D,
+      closureSignal.j,
       scope
     );
   });
-  return closureSignal.D = "a" /* ClosureScopes */ + valueAccessor, closureSignal.E = "b" /* ClosureSignalIndex */ + valueAccessor, closureSignal;
+  return closureSignal.j = "A" /* ClosureScopes */ + valueAccessor, closureSignal.k = "B" /* ClosureSignalIndex */ + valueAccessor, closureSignal;
 }
 function _child_setup(setup) {
   return setup._ = (scope, owner) => {
@@ -595,14 +612,14 @@ function _child_setup(setup) {
   }, setup;
 }
 function _var(scope, childAccessor, signal) {
-  scope[childAccessor].e = (value) => signal(scope, value);
+  scope[decodeAccessor(childAccessor)].T = (value) => signal(scope, value);
 }
-var _return = (scope, value) => scope.e?.(value);
+var _return = (scope, value) => scope.T?.(value);
 function _return_change(scope, changeHandler) {
-  changeHandler && (scope.f = changeHandler);
+  changeHandler && (scope.U = changeHandler);
 }
-var _var_change = (scope, value) => scope.f?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
-function _id({ $global }) {
+var _var_change = (scope, value) => scope.U?.(value), tagIdsByGlobal = /* @__PURE__ */ new WeakMap();
+function _id({ ["$" /* Global */]: $global }) {
   let id = tagIdsByGlobal.get($global) || 0;
   return tagIdsByGlobal.set($global, id + 1), "c" + $global.runtimeId + $global.renderId + id.toString(36);
 }
@@ -622,7 +639,7 @@ function* traverseAllHoisted(scope, path, curIndex = path.length - 1) {
     else curIndex ? yield* traverseAllHoisted(scope[path[curIndex]], path, curIndex - 1) : yield scope[path[0]];
 }
 function _hoist(...path) {
-  return (scope) => {
+  return path = path.map((p) => typeof p == "string" ? p : decodeAccessor(p)), (scope) => {
     let getOne = (...args) => iterator().next().value?.(...args), iterator = getOne[Symbol.iterator] = () => traverseAllHoisted(scope, path);
     return getOne;
   };
@@ -630,8 +647,8 @@ function _hoist(...path) {
 
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
-  let branch = createScope($global), parentBranch = parentScope?.k;
-  return branch._ = renderer.t || parentScope, branch.k = branch, parentBranch && (branch.x = parentBranch, (parentBranch.y ||= /* @__PURE__ */ new Set()).add(branch)), renderer.B?.(
+  let branch = createScope($global), parentBranch = parentScope?.G;
+  return branch._ = renderer.d || parentScope, branch.G = branch, parentBranch && (branch.N = parentBranch, (parentBranch.E ||= /* @__PURE__ */ new Set()).add(branch)), renderer.g?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -643,7 +660,7 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return renderer.C && queueRender(branch, renderer.C, -1), branch;
+  return renderer.h && queueRender(branch, renderer.h, -1), branch;
 }
 function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
   walks = walks ? walks.replace(/[^\0-1]+$/, "") : "", setup = setup ? setup._ || setup : void 0, params ||= void 0;
@@ -654,18 +671,18 @@ function _content(id, template, walks, setup, params, dynamicScopesAccessor) {
     ))(branch, walks);
   } : (branch) => {
     walk(
-      branch.h = branch.j = new Text(),
+      branch.S = branch.L = new Text(),
       walks,
       branch
     );
   };
   return (owner) => ({
-    l: id,
-    B: clone,
-    t: owner,
-    C: setup,
-    m: params,
-    o: dynamicScopesAccessor
+    f: id,
+    g: clone,
+    d: owner,
+    h: setup,
+    a: params,
+    b: dynamicScopesAccessor
   });
 }
 function _content_resume(id, template, walks, setup, params, dynamicScopesAccessor) {
@@ -677,10 +694,10 @@ function _content_resume(id, template, walks, setup, params, dynamicScopesAccess
 function _content_closures(renderer, closureFns) {
   let closureSignals = {};
   for (let key in closureFns)
-    closureSignals[key] = _const(key, closureFns[key]);
+    closureSignals[key] = _const(+key, closureFns[key]);
   return (owner, closureValues) => {
     let instance = renderer(owner);
-    return instance.F = closureSignals, instance.L = closureValues, instance;
+    return instance.l = closureSignals, instance.p = closureValues, instance;
   };
 }
 function _content_branch(template, walks, setup, params) {
@@ -691,13 +708,13 @@ function createCloneableHTML(html, ns) {
   let { firstChild, lastChild } = parseHTML(html, ns), parent = document.createElementNS(ns, "t");
   return insertChildNodes(parent, null, firstChild, lastChild), firstChild === lastChild && firstChild.nodeType < 8 /* Comment */ ? (branch, walks) => {
     walk(
-      branch.h = branch.j = firstChild.cloneNode(!0),
+      branch.S = branch.L = firstChild.cloneNode(!0),
       walks,
       branch
     );
   } : (branch, walks) => {
     let clone = parent.cloneNode(!0);
-    walk(clone.firstChild, walks, branch), branch.h = clone.firstChild, branch.j = clone.lastChild;
+    walk(clone.firstChild, walks, branch), branch.S = clone.firstChild, branch.L = clone.lastChild;
   };
 }
 
@@ -829,23 +846,23 @@ function attrsInternal(scope, nodeAccessor, nextAttrs) {
         _attr_style(el, value);
         break;
       default: {
-        isEventHandler(name) ? (events ||= scope["i" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value : skip?.test(name) || name === "content" && el.tagName !== "META" || _attr(el, name, value);
+        isEventHandler(name) ? (events ||= scope["I" /* EventAttributes */ + nodeAccessor] = {})[getEventHandlerName(name)] = value : skip?.test(name) || name === "content" && el.tagName !== "META" || _attr(el, name, value);
         break;
       }
     }
   }
 }
 function _attr_content(scope, nodeAccessor, value) {
-  let content = normalizeClientRender(value), rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
-  scope[rendererAccessor] !== (scope[rendererAccessor] = content?.l) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.o && subscribeToScopeSet(
-    content.t,
-    content.o,
-    scope["d" /* ConditionalScope */ + nodeAccessor]
+  let content = normalizeClientRender(value), rendererAccessor = "C" /* ConditionalRenderer */ + nodeAccessor;
+  scope[rendererAccessor] !== (scope[rendererAccessor] = content?.f) && (setConditionalRenderer(scope, nodeAccessor, content, createAndSetupBranch), content?.b && subscribeToScopeSet(
+    content.d,
+    content.b,
+    scope["D" /* ConditionalScope */ + nodeAccessor]
   ));
 }
 function _attrs_script(scope, nodeAccessor) {
-  let el = scope[nodeAccessor], events = scope["i" /* EventAttributes */ + nodeAccessor];
-  switch (scope["f" /* ControlledType */ + nodeAccessor]) {
+  let el = scope[nodeAccessor], events = scope["I" /* EventAttributes */ + nodeAccessor];
+  switch (scope["F" /* ControlledType */ + nodeAccessor]) {
     case 0 /* InputChecked */:
       _attr_input_checked_script(scope, nodeAccessor);
       break;
@@ -866,7 +883,7 @@ function _attrs_script(scope, nodeAccessor) {
     _on(el, name, events[name]);
 }
 function _html(scope, value, accessor) {
-  let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["h" /* DynamicPlaceholderLastChild */ + accessor] || firstChild, newContent = parseHTML(
+  let firstChild = scope[accessor], parentNode = firstChild.parentNode, lastChild = scope["H" /* DynamicPlaceholderLastChild */ + accessor] || firstChild, newContent = parseHTML(
     value || value === 0 ? value + "" : "",
     parentNode.namespaceURI
   );
@@ -874,12 +891,12 @@ function _html(scope, value, accessor) {
     parentNode,
     firstChild,
     scope[accessor] = newContent.firstChild || newContent.appendChild(new Text()),
-    scope["h" /* DynamicPlaceholderLastChild */ + accessor] = newContent.lastChild
+    scope["H" /* DynamicPlaceholderLastChild */ + accessor] = newContent.lastChild
   ), removeChildNodes(firstChild, lastChild);
 }
 function normalizeClientRender(value) {
   let renderer = normalizeDynamicRenderer(value);
-  if (renderer && renderer.l)
+  if (renderer && renderer.f)
     return renderer;
 }
 function normalizeAttrValue(value) {
@@ -891,7 +908,7 @@ function normalizeString(value) {
 }
 function _lifecycle(scope, index, thisObj) {
   let instance = scope[index];
-  instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[index] = thisObj, thisObj.onMount?.(), $signal(scope, "k" /* LifecycleAbortController */ + index).onabort = () => thisObj.onDestroy?.());
+  instance ? (Object.assign(instance, thisObj), instance.onUpdate?.()) : (scope[index] = thisObj, thisObj.onMount?.(), $signal(scope, "K" /* LifecycleAbortController */ + index).onabort = () => thisObj.onDestroy?.());
 }
 function removeChildNodes(startNode, endNode) {
   let stop = endNode.nextSibling, current = startNode;
@@ -931,7 +948,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
   }
   if (oldStart > oldEnd) {
     if (newStart <= newEnd) {
-      k = newEnd + 1, nextSibling = k < newBranches.length ? newBranches[k].h : afterReference;
+      k = newEnd + 1, nextSibling = k < newBranches.length ? newBranches[k].S : afterReference;
       do
         insertBranchBefore(newBranches[newStart++], parent, nextSibling);
       while (newStart <= newEnd);
@@ -960,10 +977,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].h : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : j < 0 || i !== seq[j] ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].h : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : --j;
+          sources[i] === -1 ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].S : afterReference, insertBranchBefore(newBranch, parent, nextSibling)) : j < 0 || i !== seq[j] ? (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].S : 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].h : afterReference, insertBranchBefore(newBranch, parent, nextSibling));
+          sources[i] === -1 && (pos = i + newStart, newBranch = newBranches[pos++], nextSibling = pos < k ? newBranches[pos].S : afterReference, insertBranchBefore(newBranch, parent, nextSibling));
     }
   }
 }
@@ -990,36 +1007,37 @@ function longestIncreasingSubsequence(a) {
 
 // src/dom/control-flow.ts
 function _await(nodeAccessor, renderer) {
-  let promiseAccessor = "n" /* Promise */ + nodeAccessor, branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
+  nodeAccessor = decodeAccessor(nodeAccessor);
+  let promiseAccessor = "N" /* Promise */ + nodeAccessor, branchAccessor = "D" /* ConditionalScope */ + nodeAccessor;
   return enableBranches(), (scope, promise) => {
     let referenceNode = scope[nodeAccessor], tryWithPlaceholder = findBranchWithKey(
       scope,
-      "d" /* PlaceholderContent */
+      "Q" /* PlaceholderContent */
     ), awaitBranch = scope[branchAccessor];
-    tryWithPlaceholder ? (placeholderShown.add(pendingEffects), !scope[promiseAccessor] && (tryWithPlaceholder.p = (tryWithPlaceholder.p || 0) + 1) === 1 && requestAnimationFrame(
-      () => tryWithPlaceholder.p && runEffects(
+    tryWithPlaceholder ? (placeholderShown.add(pendingEffects), !scope[promiseAccessor] && (tryWithPlaceholder.O = (tryWithPlaceholder.O || 0) + 1) === 1 && requestAnimationFrame(
+      () => tryWithPlaceholder.O && runEffects(
         prepareEffects(
           () => queueRender(
             tryWithPlaceholder,
             () => {
               insertBranchBefore(
-                tryWithPlaceholder.c = createAndSetupBranch(
-                  scope.$global,
-                  tryWithPlaceholder.d,
+                tryWithPlaceholder.P = createAndSetupBranch(
+                  scope.$,
+                  tryWithPlaceholder.Q,
                   tryWithPlaceholder._,
-                  tryWithPlaceholder.h.parentNode
+                  tryWithPlaceholder.S.parentNode
                 ),
-                tryWithPlaceholder.h.parentNode,
-                tryWithPlaceholder.h
+                tryWithPlaceholder.S.parentNode,
+                tryWithPlaceholder.S
               ), tempDetachBranch(tryWithPlaceholder);
             },
             -1
           )
         )
       )
-    )) : awaitBranch && !scope[promiseAccessor] && (awaitBranch.h.parentNode.insertBefore(
+    )) : awaitBranch && !scope[promiseAccessor] && (awaitBranch.S.parentNode.insertBefore(
       referenceNode,
-      awaitBranch.h
+      awaitBranch.S
     ), tempDetachBranch(awaitBranch));
     let thisPromise = scope[promiseAccessor] = promise.then(
       (data) => {
@@ -1027,24 +1045,24 @@ function _await(nodeAccessor, renderer) {
           scope,
           () => {
             if (awaitBranch ? tryWithPlaceholder || referenceNode.replaceWith(
-              awaitBranch.h.parentNode
+              awaitBranch.S.parentNode
             ) : (insertBranchBefore(
               awaitBranch = scope[branchAccessor] = createAndSetupBranch(
-                scope.$global,
+                scope.$,
                 renderer,
                 scope,
                 referenceNode.parentNode
               ),
               referenceNode.parentNode,
               referenceNode
-            ), referenceNode.remove()), renderer.m?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.p)) {
-              let placeholderBranch = tryWithPlaceholder.c;
-              tryWithPlaceholder.c = 0, placeholderBranch && (placeholderBranch.h.parentNode.insertBefore(
-                tryWithPlaceholder.h.parentNode,
-                placeholderBranch.h
+            ), referenceNode.remove()), renderer.a?.(awaitBranch, [data]), tryWithPlaceholder && (placeholderShown.add(pendingEffects), !--tryWithPlaceholder.O)) {
+              let placeholderBranch = tryWithPlaceholder.P;
+              tryWithPlaceholder.P = 0, placeholderBranch && (placeholderBranch.S.parentNode.insertBefore(
+                tryWithPlaceholder.S.parentNode,
+                placeholderBranch.S
               ), removeAndDestroyBranch(placeholderBranch)), queueEffect(tryWithPlaceholder, (scope2) => {
-                let pendingEffects2 = scope2.G;
-                pendingEffects2 && (scope2.G = [], runEffects(pendingEffects2, !0));
+                let pendingEffects2 = scope2.K;
+                pendingEffects2 && (scope2.K = [], runEffects(pendingEffects2, !0));
               });
             }
           },
@@ -1052,13 +1070,14 @@ function _await(nodeAccessor, renderer) {
         ));
       },
       (error) => {
-        thisPromise === scope[promiseAccessor] && (tryWithPlaceholder && (tryWithPlaceholder.p = 0), scope[promiseAccessor] = 0, schedule(), queueRender(scope, renderCatch, -1, error));
+        thisPromise === scope[promiseAccessor] && (tryWithPlaceholder && (tryWithPlaceholder.O = 0), scope[promiseAccessor] = 0, schedule(), queueRender(scope, renderCatch, -1, error));
       }
     );
   };
 }
 function _try(nodeAccessor, content) {
-  let branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
+  nodeAccessor = decodeAccessor(nodeAccessor);
+  let branchAccessor = "D" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
@@ -1067,29 +1086,30 @@ function _try(nodeAccessor, content) {
       createAndSetupBranch
     );
     let branch = scope[branchAccessor];
-    branch && (branch.a = nodeAccessor, branch.b = normalizeDynamicRenderer(input.catch), branch.d = normalizeDynamicRenderer(
+    branch && (branch.D = nodeAccessor, branch.F = normalizeDynamicRenderer(input.catch), branch.Q = normalizeDynamicRenderer(
       input.placeholder
     ));
   };
 }
 function renderCatch(scope, error) {
-  let tryWithCatch = findBranchWithKey(scope, "b" /* CatchContent */);
+  let tryWithCatch = findBranchWithKey(scope, "F" /* CatchContent */);
   if (tryWithCatch) {
-    let owner = tryWithCatch._, placeholderBranch = tryWithCatch.c;
-    placeholderBranch && (tryWithCatch.p = 0, owner["d" /* ConditionalScope */ + tryWithCatch.a] = placeholderBranch, destroyBranch(tryWithCatch)), caughtError.add(pendingEffects), setConditionalRenderer(
+    let owner = tryWithCatch._, placeholderBranch = tryWithCatch.P;
+    placeholderBranch && (tryWithCatch.O = 0, owner["D" /* ConditionalScope */ + tryWithCatch.D] = placeholderBranch, destroyBranch(tryWithCatch)), caughtError.add(pendingEffects), setConditionalRenderer(
       owner,
-      tryWithCatch.a,
-      tryWithCatch.b,
+      tryWithCatch.D,
+      tryWithCatch.F,
       createAndSetupBranch
-    ), tryWithCatch.b.m?.(
-      owner["d" /* ConditionalScope */ + tryWithCatch.a],
+    ), tryWithCatch.F.a?.(
+      owner["D" /* ConditionalScope */ + tryWithCatch.D],
       [error]
     );
   } else
     throw error;
 }
 function _if(nodeAccessor, ...branches) {
-  let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
+  nodeAccessor = decodeAccessor(nodeAccessor);
+  let branchAccessor = "C" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1103,32 +1123,33 @@ function patchDynamicTag(fn) {
   _dynamic_tag = fn(_dynamic_tag);
 }
 var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
-  let childScopeAccessor = "d" /* ConditionalScope */ + nodeAccessor, rendererAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
+  nodeAccessor = decodeAccessor(nodeAccessor);
+  let childScopeAccessor = "D" /* ConditionalScope */ + nodeAccessor, rendererAccessor = "C" /* ConditionalRenderer */ + nodeAccessor;
   return enableBranches(), (scope, newRenderer, getInput) => {
     let normalizedRenderer = normalizeDynamicRenderer(newRenderer);
-    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.l || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
+    if (scope[rendererAccessor] !== (scope[rendererAccessor] = normalizedRenderer?.f || normalizedRenderer) || getContent && !(normalizedRenderer || scope[childScopeAccessor]))
       if (setConditionalRenderer(
         scope,
         nodeAccessor,
         normalizedRenderer || (getContent ? getContent(scope) : void 0),
         createBranchWithTagNameOrRenderer
-      ), getTagVar && _var(scope, childScopeAccessor, getTagVar()), typeof normalizedRenderer == "string") {
+      ), getTagVar && (scope[childScopeAccessor].T = (value) => getTagVar()(scope, value)), typeof normalizedRenderer == "string") {
         if (getContent) {
           let content = getContent(scope);
           setConditionalRenderer(
             scope[childScopeAccessor],
-            0,
+            "a",
             content,
             createAndSetupBranch
-          ), content.o && subscribeToScopeSet(
-            content.t,
-            content.o,
-            scope[childScopeAccessor]["d" /* ConditionalScope */ + 0]
+          ), content.b && subscribeToScopeSet(
+            content.d,
+            content.b,
+            scope[childScopeAccessor]["Da"]
           );
         }
-      } else normalizedRenderer?.o && subscribeToScopeSet(
-        normalizedRenderer.t,
-        normalizedRenderer.o,
+      } else normalizedRenderer?.b && subscribeToScopeSet(
+        normalizedRenderer.d,
+        normalizedRenderer.b,
         scope[childScopeAccessor]
       );
     if (normalizedRenderer) {
@@ -1136,24 +1157,24 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
       if (typeof normalizedRenderer == "string")
         (getContent ? _attrs : _attrs_content)(
           childScope,
-          0,
+          "a",
           (inputIsArgs ? args[0] : args) || {}
-        );
+        ), (childScope["Ia"] || childScope["Ea"]) && queueEffect(childScope, dynamicTagScript);
       else {
-        for (let accessor in normalizedRenderer.F)
-          normalizedRenderer.F[accessor](
+        for (let accessor in normalizedRenderer.l)
+          normalizedRenderer.l[accessor](
             childScope,
-            normalizedRenderer.L[accessor]
+            normalizedRenderer.p[accessor]
           );
-        if (normalizedRenderer.m)
+        if (normalizedRenderer.a)
           if (inputIsArgs)
-            normalizedRenderer.m(
+            normalizedRenderer.a(
               childScope,
               normalizedRenderer._ ? args[0] : args
             );
           else {
             let inputWithContent = getContent ? { ...args, content: getContent(scope) } : args || {};
-            normalizedRenderer.m(
+            normalizedRenderer.a(
               childScope,
               normalizedRenderer._ ? inputWithContent : [inputWithContent]
             );
@@ -1162,9 +1183,25 @@ var _dynamic_tag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
     }
   };
 };
+function _resume_dynamic_tag() {
+  _resume("d", dynamicTagScript);
+}
+function dynamicTagScript(branch) {
+  _attrs_script(
+    branch,
+    "a"
+  );
+}
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
-  let referenceNode = scope[nodeAccessor], prevBranch = scope["d" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.h || 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.h) : parentNode.insertBefore(referenceNode, prevBranch.h), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
+  let referenceNode = scope[nodeAccessor], prevBranch = scope["D" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.S || referenceNode).parentNode : referenceNode, newBranch = scope["D" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$, newRenderer, scope, parentNode);
+  referenceNode === parentNode ? (prevBranch && (destroyBranch(prevBranch), referenceNode.textContent = ""), newBranch && insertBranchBefore(newBranch, parentNode, null)) : prevBranch ? (newBranch ? insertBranchBefore(
+    newBranch,
+    parentNode,
+    prevBranch.S
+  ) : parentNode.insertBefore(
+    referenceNode,
+    prevBranch.S
+  ), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
 function _for_of(nodeAccessor, renderer) {
   return loop(
@@ -1200,17 +1237,22 @@ function _for_until(nodeAccessor, renderer) {
   );
 }
 function loop(nodeAccessor, renderer, forEach) {
-  let params = renderer.m;
-  return enableBranches(), (scope, value) => {
-    let referenceNode = scope[nodeAccessor], oldMap = scope["m" /* LoopScopeMap */ + nodeAccessor], oldArray = oldMap ? scope["l" /* LoopScopeArray */ + nodeAccessor] || [
+  let params = renderer.a;
+  return nodeAccessor = decodeAccessor(nodeAccessor), enableBranches(), (scope, value) => {
+    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].h.parentNode : referenceNode, newMap = scope["m" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map(), newArray = scope["l" /* LoopScopeArray */ + nodeAccessor] = [];
+    ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].S.parentNode : referenceNode, newMap = scope["M" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map(), newArray = scope["L" /* LoopScopeArray */ + nodeAccessor] = [];
     forEach(value, (key, args) => {
-      let branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
+      let branch = oldMap?.get(key) || createAndSetupBranch(
+        scope.$,
+        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].j.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].L.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) {
@@ -1220,7 +1262,7 @@ function createBranchWithTagNameOrRenderer($global, tagNameOrRenderer, parentSco
     parentScope,
     parentNode
   );
-  return typeof tagNameOrRenderer == "string" ? branch[0] = branch.h = branch.j = document.createElementNS(
+  return typeof tagNameOrRenderer == "string" ? branch.a = branch.S = branch.L = 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;
@@ -1234,20 +1276,20 @@ function byFirstArg(name) {
 
 // src/dom/queue.ts
 var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), caughtError = /* @__PURE__ */ new WeakSet(), placeholderShown = /* @__PURE__ */ new WeakSet(), pendingEffects = [], pendingScopes = [], rendering, scopeKeyOffset = 1e3;
-function queueRender(scope, signal, signalKey, value, scopeKey = scope.l) {
+function queueRender(scope, signal, signalKey, value, scopeKey = scope.M) {
   let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender)
-    existingRender.H = value;
+    existingRender.m = value;
   else {
     let render = {
-      u: key,
-      q: scope,
-      M: signal,
-      H: value
+      e: key,
+      c: scope,
+      q: signal,
+      m: value
     }, i = pendingRenders.push(render) - 1;
     for (; i; ) {
       let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
-      if (key - parent.u >= 0) break;
+      if (key - parent.e >= 0) break;
       pendingRenders[i] = parent, i = parentIndex;
     }
     signalKey >= 0 && pendingRendersLookup.set(key, render), pendingRenders[i] = render;
@@ -1283,43 +1325,43 @@ 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).u;
+      let i = 0, mid = pendingRenders.length >> 1, key = (pendingRenders[0] = item).e;
       for (; i < mid; ) {
         let bestChild = (i << 1) + 1, right = bestChild + 1;
-        if (right < pendingRenders.length && pendingRenders[right].u - pendingRenders[bestChild].u < 0 && (bestChild = right), pendingRenders[bestChild].u - key >= 0)
+        if (right < pendingRenders.length && pendingRenders[right].e - pendingRenders[bestChild].e < 0 && (bestChild = right), pendingRenders[bestChild].e - key >= 0)
           break;
         pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
       }
       pendingRenders[i] = item;
     }
-    render.q.k?.z || runRender(render);
+    render.c.G?.J || runRender(render);
   }
   for (let scope of pendingScopes)
-    scope.n = 0;
+    scope.I = 0;
   pendingScopes = [];
 }
-var runRender = (render) => render.M(render.q, render.H), _enable_catch = () => {
+var runRender = (render) => render.q(render.c, render.m), _enable_catch = () => {
   _enable_catch = () => {
   }, enableBranches();
   let handlePendingTry = (fn, scope, branch) => {
     for (; branch; ) {
-      if (branch.p)
-        return (branch.G ||= []).push(fn, scope);
-      branch = branch.x;
+      if (branch.O)
+        return (branch.K ||= []).push(fn, scope);
+      branch = branch.N;
     }
   };
   runEffects = /* @__PURE__ */ ((runEffects2) => (effects, checkPending = placeholderShown.has(effects)) => {
     if (checkPending || caughtError.has(effects)) {
       let i = 0, fn, scope, branch;
       for (; i < effects.length; )
-        fn = effects[i++], scope = effects[i++], branch = scope.k, !branch?.z && !(checkPending && handlePendingTry(fn, scope, branch)) && fn(scope);
+        fn = effects[i++], scope = effects[i++], branch = scope.G, !branch?.J && !(checkPending && handlePendingTry(fn, scope, branch)) && fn(scope);
     } else
       runEffects2(effects);
   })(runEffects), runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
       runRender2(render);
     } catch (error) {
-      renderCatch(render.q, error);
+      renderCatch(render.c, error);
     }
   })(runRender);
 };
@@ -1330,7 +1372,7 @@ function $signalReset(scope, id) {
   ctrl && (queueEffect(ctrl, abort), scope.A[id] = void 0);
 }
 function $signal(scope, id) {
-  return scope.k && (scope.k.I ||= /* @__PURE__ */ new Set()).add(scope), ((scope.A ||= {})[id] ||= new AbortController()).signal;
+  return scope.G && (scope.G.B ||= /* @__PURE__ */ new Set()).add(scope), ((scope.A ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -1352,13 +1394,13 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     _resume(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.B;
+    return renderer.g;
   },
   getStartNode(branch) {
-    return branch.h;
+    return branch.S;
   },
   setScopeNodes(branch, startNode, endNode) {
-    branch.h = startNode, branch.j = endNode;
+    branch.S = startNode, branch.L = endNode;
   },
   runComponentEffects() {
     this.effects && runEffects(this.effects);
@@ -1374,9 +1416,9 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = _content_branch(0, 0, 0, params);
-    return renderer.B = (branch) => {
+    return renderer.g = (branch) => {
       let cloned = clone();
-      branch.h = cloned.startNode, branch.j = cloned.endNode;
+      branch.S = cloned.startNode, branch.L = cloned.endNode;
     }, renderer;
   },
   render(out, component, renderer, args) {
@@ -1390,11 +1432,14 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
       branch || (created = 1, branch = component.scope = createAndSetupBranch(
         out.global,
         renderer,
-        renderer.t,
+        renderer.d,
         document.body
-      )), renderer.m?.(branch, renderer._ ? args[0] : args);
+      )), renderer.a?.(branch, renderer._ ? args[0] : args);
     }), created)
-      return toInsertNode(branch.h, branch.j);
+      return toInsertNode(
+        branch.S,
+        branch.L
+      );
   }
 };
 
@@ -1429,21 +1474,21 @@ function mount(input = {}, reference, position) {
       parentNode = reference.parentNode, nextSibling = reference.nextSibling;
       break;
   }
-  let curValue, args = this.m, effects = prepareEffects(() => {
+  let curValue, args = this.a, effects = prepareEffects(() => {
     branch = createBranch(
       $global,
       this,
       void 0,
       parentNode
-    ), branch.e = (newValue) => {
+    ), branch.T = (newValue) => {
       curValue = newValue;
-    }, this.C?.(branch), args?.(branch, input);
+    }, this.h?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,
     nextSibling,
-    branch.h,
-    branch.j
+    branch.S,
+    branch.L
   ), runEffects(effects), {
     get value() {
       return curValue;
@@ -1523,6 +1568,7 @@ export {
   _on,
   _or,
   _resume,
+  _resume_dynamic_tag,
   _return,
   _return_change,
   _script,