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

package/dist/dom.mjs

@@ -155,7 +155,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
               }, 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 */)
@@ -200,7 +200,7 @@ function init(runtimeId = DEFAULT_RUNTIME_ID) {
                       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(
+                        scope.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.p ||= /* @__PURE__ */ new Set()).add(
                           branch
                         ));
                       }
@@ -256,7 +256,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();
@@ -264,7 +264,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 */,
@@ -275,9 +275,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)}]`
@@ -291,23 +291,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,
@@ -318,20 +318,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,
@@ -354,16 +354,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();
@@ -384,7 +384,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) {
@@ -548,13 +548,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;
@@ -575,7 +575,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
   );
@@ -583,7 +583,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) {
@@ -606,7 +606,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) {
@@ -649,10 +649,10 @@ function finishPendingScopes() {
   pendingScopes = [];
 }
 function destroyBranch(branch) {
-  branch.g?.o?.delete(branch), destroyNestedBranches(branch);
+  branch.g?.p?.delete(branch), destroyNestedBranches(branch);
 }
 function destroyNestedBranches(branch) {
-  branch.k = 1, branch.o?.forEach(destroyNestedBranches), branch.A?.forEach((scope) => {
+  branch.k = 1, branch.p?.forEach(destroyNestedBranches), branch.B?.forEach((scope) => {
     for (let id in scope.l)
       scope.l[id]?.abort();
   });
@@ -670,7 +670,7 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
 }
 function tempDetatchBranch(branch) {
   insertChildNodes(
-    branch.a.ownerDocument.createDocumentFragment(),
+    new DocumentFragment(),
     null,
     branch.a,
     branch.b
@@ -762,7 +762,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()
@@ -794,7 +794,7 @@ function walkInternal(currentWalkIndex, walkCodes, scope) {
 // src/dom/renderer.ts
 function createBranch($global, renderer, parentScope, parentNode) {
   let branch = createScope($global), parentBranch = parentScope?.c;
-  return branch._ = renderer.m || parentScope, branch.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.o ||= /* @__PURE__ */ new Set()).add(branch)), renderer.p?.(
+  return branch._ = renderer.m || parentScope, branch.c = branch, parentBranch && (branch.g = parentBranch, (parentBranch.p ||= /* @__PURE__ */ new Set()).add(branch)), renderer.q?.(
     branch,
     parentNode.namespaceURI
   ), branch;
@@ -806,10 +806,10 @@ function createAndSetupBranch($global, renderer, parentScope, parentNode) {
   );
 }
 function setupBranch(renderer, branch) {
-  return (renderer.q || renderer.u) && queueRender(
+  return (renderer.t || renderer.x) && queueRender(
     branch,
     (branch2) => {
-      renderer.q?.(branch2), renderer.u?.(branch2);
+      renderer.t?.(branch2), renderer.x?.(branch2);
     },
     -1
   ), branch;
@@ -830,11 +830,11 @@ function createContent(id, template, walks, setup, params, closures, dynamicScop
   };
   return (owner) => ({
     e: id,
-    p: clone,
+    q: clone,
     m: owner,
-    q: setup,
+    t: setup,
     d: params,
-    u: closures,
+    x: closures,
     n: dynamicScopesAccessor
   });
 }
@@ -891,7 +891,7 @@ function triggerMacroTask() {
 function state(valueAccessor, fn) {
   if (0)
     var id;
-  let valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */, update = (scope, value2) => {
+  let valueChangeAccessor = "@" /* TagVariableChange */ + valueAccessor, update = (scope, value2) => {
     scope[valueAccessor] !== value2 && (scope[valueAccessor] = value2, fn(scope, value2));
   };
   return (scope, value2, valueChange) => (rendering ? ((scope[valueChangeAccessor] = valueChange) && scope[valueAccessor] !== value2 || !(valueAccessor in scope)) && (scope[valueAccessor] = value2, fn(scope, value2)) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](value2) : (schedule(), queueRender(
@@ -913,7 +913,7 @@ function intersection(id, fn, defaultPending = 1, scopeIdAccessor = /* @__KEY__
   };
 }
 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,
@@ -929,7 +929,7 @@ function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn) {
   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);
   };
@@ -943,9 +943,9 @@ function subscribeToScopeSet(ownerScope, accessor, scope) {
   ));
 }
 function dynamicClosure(...closureSignals) {
-  let [{ x: ___scopeInstancesAccessor, y: ___signalIndexAccessor }] = closureSignals;
+  let [{ y: ___scopeInstancesAccessor, z: ___signalIndexAccessor }] = closureSignals;
   for (let i = closureSignals.length; i--; )
-    closureSignals[i].B = i;
+    closureSignals[i].C = i;
   return (scope) => {
     if (scope[___scopeInstancesAccessor])
       for (let childScope of scope[___scopeInstancesAccessor])
@@ -958,13 +958,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.z] = closureSignal.C, childSignal(scope), subscribeToScopeSet(
       getOwnerScope ? getOwnerScope(scope) : scope._,
-      closureSignal.x,
+      closureSignal.y,
       scope
     );
   };
-  return closureSignal.x = valueAccessor + "!" /* ClosureScopes */, closureSignal.y = valueAccessor + "(" /* ClosureSignalIndex */, closureSignal;
+  return closureSignal.y = "a" /* ClosureScopes */ + valueAccessor, closureSignal.z = "b" /* ClosureSignalIndex */ + valueAccessor, closureSignal;
 }
 function closure(valueAccessor, fn, getOwnerScope) {
   return (scope) => {
@@ -1004,7 +1004,7 @@ 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 */]; )
@@ -1026,7 +1026,7 @@ function awaitTag(nodeAccessor, renderer) {
         ), referenceNode.remove()), renderer.d?.(awaitBranch, [data2]);
       });
       if (tryBranch) {
-        if (!--tryBranch["." /* PendingCount */]) {
+        if (!--tryBranch.o) {
           let placeholderBranch = tryBranch["#" /* PlaceholderBranch */];
           placeholderBranch ? (insertBranchBefore(
             tryBranch,
@@ -1050,14 +1050,14 @@ function awaitTag(nodeAccessor, renderer) {
         tryBranch2["^" /* CatchContent */],
         createAndSetupBranch
       ), tryBranch2["^" /* CatchContent */].d?.(
-        tryBranch2._[tryBranch2["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+        tryBranch2._["d" /* ConditionalScope */ + tryBranch2["*" /* BranchAccessor */]],
         [error]
       )) : setTimeout(() => {
         throw error;
       });
     });
-    tryBranch ? (tryBranch["." /* PendingCount */] || (tryBranch["." /* PendingCount */] = 0, requestAnimationFrame(() => {
-      if (tryBranch["." /* PendingCount */] && !tryBranch.k) {
+    tryBranch ? (tryBranch.o || (tryBranch.o = 0, requestAnimationFrame(() => {
+      if (tryBranch.o && !tryBranch.k) {
         let placeholderBranch = tryBranch["#" /* PlaceholderBranch */] = createAndSetupBranch(
           scope.$global,
           tryBranch["%" /* PlaceholderContent */],
@@ -1070,14 +1070,14 @@ function awaitTag(nodeAccessor, renderer) {
           tryBranch.a
         ), tempDetatchBranch(tryBranch);
       }
-    })), tryBranch["." /* PendingCount */]++) : awaitBranch && (awaitBranch.a.parentNode.insertBefore(
+    })), tryBranch.o++) : awaitBranch && (awaitBranch.a.parentNode.insertBefore(
       referenceNode,
       awaitBranch.a
     ), tempDetatchBranch(awaitBranch));
   };
 }
 function createTry(nodeAccessor, tryContent) {
-  let branchAccessor = nodeAccessor + "!" /* ConditionalScope */;
+  let branchAccessor = "d" /* ConditionalScope */ + nodeAccessor;
   return (scope, input) => {
     scope[branchAccessor] || setConditionalRenderer(
       scope,
@@ -1092,7 +1092,7 @@ function createTry(nodeAccessor, tryContent) {
   };
 }
 function conditional(nodeAccessor, ...branches) {
-  let branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
+  let branchAccessor = "c" /* ConditionalRenderer */ + nodeAccessor;
   return (scope, newBranch) => {
     newBranch !== scope[branchAccessor] && setConditionalRenderer(
       scope,
@@ -1106,7 +1106,7 @@ 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]))
@@ -1126,7 +1126,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
           ), content.n && subscribeToScopeSet(
             content.m,
             content.n,
-            scope[childScopeAccessor][0 + "!" /* ConditionalScope */]
+            scope[childScopeAccessor]["d" /* ConditionalScope */ + 0]
           );
         }
       } else normalizedRenderer?.n && subscribeToScopeSet(
@@ -1162,7 +1162,7 @@ var dynamicTag = function(nodeAccessor, getContent, getTagVar, inputIsArgs) {
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
-  let referenceNode = scope[nodeAccessor], prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.a || referenceNode).parentNode : referenceNode, newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
+  let referenceNode = scope[nodeAccessor], prevBranch = scope["d" /* ConditionalScope */ + nodeAccessor], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.a || referenceNode).parentNode : referenceNode, newBranch = scope["d" /* ConditionalScope */ + nodeAccessor] = newRenderer && createBranch2(scope.$global, newRenderer, scope, parentNode);
   referenceNode === parentNode ? (prevBranch && (destroyBranch(prevBranch), referenceNode.textContent = ""), newBranch && insertBranchBefore(newBranch, parentNode, null)) : prevBranch ? (newBranch ? insertBranchBefore(newBranch, parentNode, prevBranch.a) : parentNode.insertBefore(referenceNode, prevBranch.a), removeAndDestroyBranch(prevBranch)) : newBranch && (insertBranchBefore(newBranch, parentNode, referenceNode), referenceNode.remove());
 }
 function loopOf(nodeAccessor, renderer) {
@@ -1194,9 +1194,9 @@ function loopTo(nodeAccessor, renderer) {
 function loop(nodeAccessor, renderer, forEach) {
   let params = renderer.d;
   return (scope, value2) => {
-    let referenceNode = scope[nodeAccessor], oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */], oldArray = oldMap ? scope[nodeAccessor + "!" /* LoopScopeArray */] || [
+    let referenceNode = scope[nodeAccessor], oldMap = scope["m" /* LoopScopeMap */ + nodeAccessor], oldArray = oldMap ? scope["l" /* LoopScopeArray */ + nodeAccessor] || [
       ...oldMap.values()
-    ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].a.parentNode : referenceNode, newMap = scope[nodeAccessor + "(" /* LoopScopeMap */] = /* @__PURE__ */ new Map(), newArray = scope[nodeAccessor + "!" /* LoopScopeArray */] = [];
+    ] : [], parentNode = referenceNode.nodeType > 1 /* Element */ ? referenceNode.parentNode || oldArray[0].a.parentNode : referenceNode, newMap = scope["m" /* LoopScopeMap */ + nodeAccessor] = /* @__PURE__ */ new Map(), newArray = scope["l" /* LoopScopeArray */ + nodeAccessor] = [];
     forEach(value2, (key, args) => {
       let branch = oldMap?.get(key) || createAndSetupBranch(scope.$global, renderer, scope, parentNode);
       params?.(branch, args), newMap.set(key, branch), newArray.push(branch);
@@ -1229,13 +1229,13 @@ var pendingRenders = [], pendingRendersLookup = /* @__PURE__ */ new Map(), pendi
 function queueRender(scope, signal, signalKey, value2, scopeKey = scope.e) {
   let key = scopeKey * scopeKeyOffset + signalKey, existingRender = signalKey >= 0 && pendingRendersLookup.get(key);
   if (existingRender)
-    existingRender.z = value2;
+    existingRender.A = value2;
   else {
     let render = {
       j: key,
-      t: scope,
-      C: signal,
-      z: value2
+      u: scope,
+      D: signal,
+      A: value2
     }, i = pendingRenders.push(render) - 1;
     for (; i; ) {
       let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
@@ -1287,17 +1287,17 @@ function runRenders() {
       }
       pendingRenders[i] = item;
     }
-    render.t.c?.k || runRender(render);
+    render.u.c?.k || runRender(render);
   }
   finishPendingScopes();
 }
-var runRender = (render) => render.C(render.t, render.z), enableCatch = () => {
+var runRender = (render) => render.D(render.u, render.A), enableCatch = () => {
   enableCatch = () => {
   }, runRender = /* @__PURE__ */ ((runRender2) => (render) => {
     try {
       runRender2(render);
     } catch (error) {
-      let branch = render.t.c;
+      let branch = render.u.c;
       for (; branch && !branch["^" /* CatchContent */]; )
         branch = branch.g;
       if (branch)
@@ -1307,7 +1307,7 @@ var runRender = (render) => render.C(render.t, render.z), enableCatch = () => {
           branch["^" /* CatchContent */],
           createAndSetupBranch
         ), branch["^" /* CatchContent */].d?.(
-          branch._[branch["*" /* BranchAccessor */] + "!" /* ConditionalScope */],
+          branch._["d" /* ConditionalScope */ + branch["*" /* BranchAccessor */]],
           [error]
         );
       else
@@ -1322,7 +1322,7 @@ function resetAbortSignal(scope, id) {
   ctrl && (queueEffect(ctrl, abort), scope.l[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.c && (scope.c.B ||= /* @__PURE__ */ new Set()).add(scope), ((scope.l ||= {})[id] ||= new AbortController()).signal;
 }
 function abort(ctrl) {
   ctrl.abort();
@@ -1344,7 +1344,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
     register(RENDERER_REGISTER_ID, fn);
   },
   isRenderer(renderer) {
-    return renderer.p;
+    return renderer.q;
   },
   getStartNode(branch) {
     return branch.a;
@@ -1369,7 +1369,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
   },
   createRenderer(params, clone) {
     let renderer = createRenderer(0, 0, 0, params);
-    return renderer.p = (branch) => {
+    return renderer.q = (branch) => {
       let cloned = clone();
       branch.a = cloned.startNode, branch.b = cloned.endNode;
     }, renderer;
@@ -1434,7 +1434,7 @@ function mount(input = {}, reference, position) {
       this,
       void 0,
       parentNode
-    ), this.q?.(branch), args?.(branch, input);
+    ), this.t?.(branch), args?.(branch, input);
   });
   return insertChildNodes(
     parentNode,

package/dist/html.js

@@ -1256,7 +1256,7 @@ function fork(scopeId, accessor, promise, content) {
     $chunk.writeHTML(
       $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
     ), content(promise), writeScope(scopeId, {
-      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+      ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     }), $chunk.writeHTML(
       $chunk.boundary.state.mark(
         "]" /* BranchEnd */,
@@ -1278,7 +1278,7 @@ function fork(scopeId, accessor, promise, content) {
         ), content(value), boundary.state.serializer.writeAssign(
           writeScope(branchId, {}),
           ensureScopeWithId(scopeId),
-          accessor + "!" /* ConditionalScope */
+          "d" /* ConditionalScope */ + accessor
         ), $chunk.writeHTML(
           $chunk.boundary.state.mark(
             "]" /* BranchEnd */,
@@ -1306,7 +1306,7 @@ function tryContent(scopeId, accessor, content, input) {
     "^": catchContent,
     "%": placeholderContent
   }), writeScope(scopeId, {
-    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+    ["d" /* ConditionalScope */ + accessor]: getScopeById(branchId)
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
@@ -1703,7 +1703,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
         break;
       default:
         isVoid(value) || (isEventHandler(name) ? (events || (events = {}, writeScope(scopeId, {
-          [nodeAccessor + "~" /* EventAttributes */]: events
+          ["i" /* EventAttributes */ + nodeAccessor]: events
         })), events[getEventHandlerName(name)] = value) : skip.test(name) || (result += nonVoidAttr(name, value)));
         break;
     }
@@ -1718,9 +1718,9 @@ function partialAttrs(data, skip, nodeAccessor, scopeId, tagName) {
 }
 function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
   writeScope(scopeId, {
-    [nodeAccessor + "=" /* ControlledType */]: type,
-    [nodeAccessor + ":" /* ControlledValue */]: value,
-    [nodeAccessor + ";" /* ControlledHandler */]: valueChange
+    ["f" /* ControlledType */ + nodeAccessor]: type,
+    ["g" /* ControlledValue */ + nodeAccessor]: value,
+    ["e" /* ControlledHandler */ + nodeAccessor]: valueChange
   });
 }
 function stringAttr(name, value) {

package/dist/html.mjs

@@ -1175,7 +1175,7 @@ function fork(scopeId, accessor, promise, content) {
     $chunk.writeHTML(
       $chunk.boundary.state.mark("[" /* BranchStart */, branchId + "")
     ), content(promise), writeScope(scopeId, {
-      [accessor + "!" /* ConditionalScope */]: writeScope(branchId, {})
+      ["d" /* ConditionalScope */ + accessor]: writeScope(branchId, {})
     }), $chunk.writeHTML(
       $chunk.boundary.state.mark(
         "]" /* BranchEnd */,
@@ -1197,7 +1197,7 @@ function fork(scopeId, accessor, promise, content) {
         ), content(value), boundary.state.serializer.writeAssign(
           writeScope(branchId, {}),
           ensureScopeWithId(scopeId),
-          accessor + "!" /* ConditionalScope */
+          "d" /* ConditionalScope */ + accessor
         ), $chunk.writeHTML(
           $chunk.boundary.state.mark(
             "]" /* BranchEnd */,
@@ -1225,7 +1225,7 @@ function tryContent(scopeId, accessor, content, input) {
     "^": catchContent,
     "%": placeholderContent
   }), writeScope(scopeId, {
-    [accessor + "!" /* ConditionalScope */]: getScopeById(branchId)
+    ["d" /* ConditionalScope */ + accessor]: getScopeById(branchId)
   }), $chunk.writeHTML(
     $chunk.boundary.state.mark(
       "]" /* BranchEnd */,
@@ -1622,7 +1622,7 @@ function attrs(data, nodeAccessor, scopeId, tagName) {
         break;
       default:
         isVoid(value) || (isEventHandler(name) ? (events || (events = {}, writeScope(scopeId, {
-          [nodeAccessor + "~" /* EventAttributes */]: events
+          ["i" /* EventAttributes */ + nodeAccessor]: events
         })), events[getEventHandlerName(name)] = value) : skip.test(name) || (result += nonVoidAttr(name, value)));
         break;
     }
@@ -1637,9 +1637,9 @@ function partialAttrs(data, skip, nodeAccessor, scopeId, tagName) {
 }
 function writeControlledScope(type, scopeId, nodeAccessor, value, valueChange) {
   writeScope(scopeId, {
-    [nodeAccessor + "=" /* ControlledType */]: type,
-    [nodeAccessor + ":" /* ControlledValue */]: value,
-    [nodeAccessor + ";" /* ControlledHandler */]: valueChange
+    ["f" /* ControlledType */ + nodeAccessor]: type,
+    ["g" /* ControlledValue */ + nodeAccessor]: value,
+    ["e" /* ControlledHandler */ + nodeAccessor]: valueChange
   });
 }
 function stringAttr(name, value) {