marko 6.0.0-next.3.39 → 6.0.0-next.3.41

package/dist/dom.mjs

@@ -75,26 +75,20 @@ function normalizeDynamicRenderer(value2) {
 }
 
 // src/dom/event.ts
-var elementHandlersByEvent = /* @__PURE__ */ new Map(), defaultDelegator = createDelegator();
+var defaultDelegator = createDelegator();
 function on(element, type, handler) {
-  let handlersByElement = elementHandlersByEvent.get(type);
-  handlersByElement || elementHandlersByEvent.set(type, handlersByElement = /* @__PURE__ */ new WeakMap()), handlersByElement.has(element) || defaultDelegator(element, type, handleDelegated), handlersByElement.set(element, handler || null);
+  element["$" + type] === void 0 && defaultDelegator(element, type, handleDelegated), element["$" + type] = handler || null;
 }
 function createDelegator() {
   let kEvents = Symbol();
   return function(node, type, handler) {
-    let root = node.getRootNode();
-    (root[kEvents] ||= {})[type] ||= (root.addEventListener(type, handler, !0), 1);
+    ((node = node.getRootNode())[kEvents] ||= {})[type] ||= (node.addEventListener(type, handler, !0), 1);
   };
 }
 function handleDelegated(ev) {
   let target = !rendering && ev.target;
-  if (target) {
-    let handlersByElement = elementHandlersByEvent.get(ev.type);
-    if (handlersByElement.get(target)?.(ev, target), ev.bubbles)
-      for (; (target = target.parentNode) && !ev.cancelBubble; )
-        handlersByElement.get(target)?.(ev, target);
-  }
+  for (; target; )
+    target["$" + ev.type]?.(ev, target), target = ev.bubbles && !ev.cancelBubble && target.parentNode;
 }
 
 // src/dom/resolve-cursor-position.ts
@@ -274,9 +268,16 @@ function controllable_input_checkedValue_effect(scope, nodeAccessor) {
     let checkedValueChange = scope[nodeAccessor + ";" /* ControlledHandler */];
     if (checkedValueChange) {
       let oldValue = scope[nodeAccessor + ":" /* ControlledValue */];
-      scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, checkedValueChange(
+      if (scope[nodeAccessor + "=" /* ControlledType */] = 6 /* Pending */, checkedValueChange(
         Array.isArray(oldValue) ? updateList(oldValue, el.value, el.checked) : el.checked ? el.value : void 0
-      ), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */ && (el.checked = !el.checked);
+      ), run(), scope[nodeAccessor + "=" /* ControlledType */] === 6 /* Pending */)
+        if (el.name && el.type[0] === "r")
+          for (let radio of el.getRootNode().querySelectorAll(
+            `[type=radio][name=${CSS.escape(el.name)}]`
+          ))
+            radio.form === el.form && (radio.checked = Array.isArray(oldValue) ? oldValue.includes(radio.value) : oldValue === radio.value);
+        else
+          el.checked = !el.checked;
     }
   });
 }
@@ -315,7 +316,7 @@ function controllable_select_value_effect(scope, nodeAccessor) {
       valueChange
     ));
   };
-  controllableHandlers.has(el) || new MutationObserver(() => {
+  el._ || new MutationObserver(() => {
     let value2 = scope[nodeAccessor + ":" /* ControlledValue */];
     (Array.isArray(value2) ? value2.length !== el.selectedOptions.length || value2.some((value3, i) => value3 != el.selectedOptions[i].value) : el.value != value2) && onChange();
   }).observe(el, {
@@ -373,19 +374,17 @@ 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);
 }
-var controllableDelegate = createDelegator(), controllableHandlers = /* @__PURE__ */ new WeakMap();
+var controllableDelegate = createDelegator();
 function syncControllable(el, event, hasChanged, onChange) {
-  controllableHandlers.has(el) || (controllableDelegate(el, event, handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange)), controllableHandlers.set(el, onChange);
+  el._ || (controllableDelegate(el, event, handleChange), el.form && controllableDelegate(el.form, "reset", handleFormReset), isResuming && hasChanged(el) && queueMicrotask(onChange)), el._ = onChange;
 }
 function handleChange(ev) {
-  controllableHandlers.get(ev.target)?.(ev);
+  ev.target._?.(ev);
 }
 function handleFormReset(ev) {
   let handlers = [];
-  for (let el of ev.target.elements) {
-    let handler = controllableHandlers.get(el);
-    handler && hasFormElementChanged(el) && handlers.push(handler);
-  }
+  for (let el of ev.target.elements)
+    el._ && hasFormElementChanged(el) && handlers.push(el._);
   requestAnimationFrame(() => {
     if (!ev.defaultPrevented)
       for (let change of handlers)
@@ -633,10 +632,6 @@ function finishPendingScopes() {
     scope.g = 0;
   pendingScopes = [];
 }
-var emptyBranch = createScope({});
-function getEmptyBranch(marker) {
-  return emptyBranch.a = emptyBranch.b = marker, emptyBranch;
-}
 function destroyBranch(branch) {
   branch.q?.j?.delete(branch), destroyNestedBranches(branch);
 }
@@ -658,6 +653,222 @@ function insertBranchBefore(branch, parentNode, nextSibling) {
   );
 }
 
+// src/dom/schedule.ts
+var port2 = /* @__PURE__ */ (() => {
+  let { port1, port2: port22 } = new MessageChannel();
+  return port1.onmessage = () => {
+    isScheduled = !1, run();
+  }, port22;
+})(), isScheduled;
+function schedule() {
+  isScheduled || (isScheduled = !0, queueMicrotask(flushAndWaitFrame));
+}
+function flushAndWaitFrame() {
+  run(), requestAnimationFrame(triggerMacroTask);
+}
+function triggerMacroTask() {
+  port2.postMessage(0);
+}
+
+// src/dom/signals.ts
+var MARK = {}, CLEAN = {}, DIRTY = {};
+function state(valueAccessor, fn, getIntersection) {
+  let valueSignal = value(valueAccessor, fn, getIntersection), markAccessor = valueAccessor + "#" /* Mark */, valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */;
+  return (scope, valueOrOp, valueChange) => (rendering ? valueSignal(
+    scope,
+    valueOrOp === MARK || valueOrOp === CLEAN || valueOrOp === DIRTY || (scope[valueChangeAccessor] = valueChange) || scope[markAccessor] === void 0 ? valueOrOp : CLEAN
+  ) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](valueOrOp) : (schedule(), queueSource(scope, valueSignal, valueOrOp)), valueOrOp);
+}
+function value(valueAccessor, fn, getIntersection) {
+  let markAccessor = valueAccessor + "#" /* Mark */, intersection2;
+  return (scope, valueOrOp) => {
+    if (valueOrOp === MARK)
+      (scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1 && getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
+    else if (valueOrOp !== DIRTY) {
+      let existing = scope[markAccessor] !== void 0;
+      (scope[markAccessor] ||= 1) === 1 && (valueOrOp === CLEAN || existing && scope[valueAccessor] === valueOrOp ? getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN) : (scope[valueAccessor] = valueOrOp, fn && fn(scope, valueOrOp), getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY))), scope[markAccessor]--;
+    }
+  };
+}
+var accessorId = 0;
+function intersection(count, fn, getIntersection) {
+  let dirtyAccessor = "?" /* Dynamic */ + accessorId++, markAccessor = dirtyAccessor + "#" /* Mark */, intersection2;
+  return (scope, op) => {
+    op === MARK ? (scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1 && getIntersection && (intersection2 ||= getIntersection())(scope, MARK) : scope[markAccessor] === void 0 ? (scope[markAccessor] = count - 1, scope[dirtyAccessor] = !0) : --scope[markAccessor] === 0 ? op === DIRTY || scope[dirtyAccessor] ? (scope[dirtyAccessor] = !1, fn(scope), getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY)) : getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN) : scope[dirtyAccessor] ||= op === DIRTY;
+  };
+}
+function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn, getIntersection) {
+  let childSignal = closure(valueAccessor, fn, getIntersection), loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */, loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */, ownerSignal = (ownerScope) => {
+    for (let scope of ownerScope[loopScopeAccessor] || ownerScope[loopScopeMapAccessor]?.values() || [])
+      scope.g || queueSource(scope, childSignal);
+  };
+  return ownerSignal._ = childSignal, ownerSignal;
+}
+function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn, getIntersection) {
+  let childSignal = closure(valueAccessor, fn, getIntersection), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, ownerSignal = (scope) => {
+    let ifScope = scope[scopeAccessor];
+    ifScope && !ifScope.g && scope[branchAccessor] === branch && queueSource(ifScope, childSignal);
+  };
+  return ownerSignal._ = childSignal, ownerSignal;
+}
+function dynamicClosure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  let subscribersAccessor = "?" /* Dynamic */ + accessorId++, childSignal = closure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  ), ownerSignal = (ownerScope) => {
+    let subscribers = ownerScope[subscribersAccessor];
+    if (subscribers)
+      for (let subscriber of subscribers)
+        subscriber.g || queueSource(subscriber, childSignal);
+  }, subscribe = (scope) => {
+    let owner = getOwnerScope ? getOwnerScope(scope) : scope._, subscribers = owner[subscribersAccessor] ||= /* @__PURE__ */ new Set();
+    subscribers.has(scope) || (subscribers.add(scope), getAbortSignal(scope, -1).addEventListener(
+      "abort",
+      () => subscribers.delete(scope)
+    ));
+  };
+  return ownerSignal.H = subscribe, ownerSignal._ = (scope) => {
+    childSignal(scope), subscribe(scope);
+  }, ownerSignal;
+}
+function registerDynamicClosure(id, valueAccessor, fn, getIntersection, getOwnerScope) {
+  let signal = dynamicClosure(
+    valueAccessor,
+    fn,
+    getIntersection,
+    getOwnerScope
+  );
+  return register(id, signal.H), signal;
+}
+function closure(valueAccessor, fn, getIntersection, getOwnerScope) {
+  let intersection2;
+  return (scope, op) => {
+    op || fn && fn(
+      scope,
+      (getOwnerScope ? getOwnerScope(scope) : scope._)[valueAccessor]
+    ), getIntersection && (intersection2 ||= getIntersection())(scope, op ? MARK : DIRTY);
+  };
+}
+function setTagVar(scope, childAccessor, tagVarSignal2) {
+  scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
+}
+var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
+function setTagVarChange(scope, changeHandler) {
+  scope["@" /* TagVariableChange */] = changeHandler;
+}
+var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
+var 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);
+}
+function inChild(childAccessor, signal) {
+  return (scope, valueOrOp) => {
+    signal(scope[childAccessor], valueOrOp);
+  };
+}
+function intersections(signals) {
+  return (scope, op) => {
+    for (let signal of signals)
+      signal(scope, op);
+  };
+}
+function effect(id, fn) {
+  return register(id, fn), (scope) => {
+    queueEffect(scope, fn);
+  };
+}
+
+// src/dom/queue.ts
+var pendingRenders = [], pendingEffects = [], rendering = !1;
+function queueSource(scope, signal, value2) {
+  let prevRendering = rendering;
+  rendering = !0, signal(scope, MARK), rendering = prevRendering, queueRender(scope, signal, value2);
+}
+function queueRender(scope, signal, value2) {
+  let i = pendingRenders.length, render = {
+    s: scope,
+    I: signal,
+    J: value2,
+    t: scope.c?.f || 0,
+    u: i
+  };
+  for (pendingRenders.push(render); i; ) {
+    let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
+    if (comparePendingRenders(render, parent) >= 0) break;
+    pendingRenders[i] = parent, i = parentIndex;
+  }
+  pendingRenders[i] = render;
+}
+function queueEffect(scope, fn) {
+  pendingEffects.push(scope, fn);
+}
+function run() {
+  let effects = pendingEffects;
+  try {
+    rendering = !0, runRenders();
+  } finally {
+    pendingRenders = [], pendingEffects = [], rendering = !1;
+  }
+  runEffects(effects);
+}
+function prepareEffects(fn) {
+  let prevRenders = pendingRenders, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
+  pendingRenders = [];
+  try {
+    rendering = !0, fn(), runRenders();
+  } finally {
+    rendering = !1, pendingRenders = prevRenders, pendingEffects = prevEffects;
+  }
+  return preparedEffects;
+}
+function runEffects(effects) {
+  for (let i = 0; i < effects.length; i += 2 /* Total */) {
+    let scope = effects[i], fn = effects[i + 1];
+    fn(scope, scope);
+  }
+}
+function runRenders() {
+  for (; pendingRenders.length; ) {
+    let render = pendingRenders[0], next = pendingRenders.pop();
+    if (render !== next) {
+      let i = 0, mid = pendingRenders.length >> 1, item = pendingRenders[0] = next;
+      for (; i < mid; ) {
+        let bestChild = (i << 1) + 1, right = bestChild + 1;
+        if (right < pendingRenders.length && comparePendingRenders(
+          pendingRenders[right],
+          pendingRenders[bestChild]
+        ) < 0 && (bestChild = right), comparePendingRenders(pendingRenders[bestChild], item) >= 0)
+          break;
+        pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
+      }
+      pendingRenders[i] = item;
+    }
+    render.s.c?.F || render.I(render.s, render.J);
+  }
+  finishPendingScopes();
+}
+function comparePendingRenders(a, b) {
+  return a.t - b.t || a.u - b.u;
+}
+
+// src/dom/abort-signal.ts
+function resetAbortSignal(scope, id) {
+  let ctrl = scope.h?.[id];
+  ctrl && (queueEffect(ctrl, abort), scope.h[id] = void 0);
+}
+function getAbortSignal(scope, id) {
+  return scope.c && (scope.c.G ||= /* @__PURE__ */ new Set()).add(scope), ((scope.h ||= {})[id] ||= new AbortController()).signal;
+}
+function abort(ctrl) {
+  ctrl.abort();
+}
+
+// src/common/compat-meta.ts
+var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
+
 // src/dom/reconcile.ts
 var WRONG_POS = 2147483647;
 function reconcile(parent, oldBranches, newBranches, afterReference) {
@@ -713,9 +924,7 @@ function reconcile(parent, oldBranches, newBranches, afterReference) {
   }
 }
 function longestIncreasingSubsequence(a) {
-  let p = a.slice(), result = [];
-  result.push(0);
-  let u, v;
+  let p = a.slice(), result = [0], u, v;
   for (let i = 0, il = a.length; i < il; ++i) {
     if (a[i] === -1)
       continue;
@@ -743,47 +952,46 @@ function trimWalkString(walkString) {
   return walkString.slice(0, end + 1);
 }
 function walk(startNode, walkCodes, branch) {
-  walker.currentNode = startNode, walkInternal(0, walkCodes, branch), walker.currentNode = document;
+  walker.currentNode = startNode, walkInternal(0, walkCodes, branch);
 }
 function walkInternal(currentWalkIndex, walkCodes, scope) {
   let value2, storedMultiplier = 0, currentMultiplier = 0, currentScopeIndex = 0;
-  for (; value2 = walkCodes.charCodeAt(currentWalkIndex++); )
-    if (currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 >= 117 /* Multiplier */)
-      storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
-    else if (value2 >= 107 /* Out */) {
-      for (value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */; value2--; )
-        walker.parentNode();
-      walker.nextSibling();
-    } else if (value2 >= 97 /* Over */)
-      for (value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */; value2--; )
-        walker.nextSibling();
-    else if (value2 >= 67 /* Next */)
-      for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
-        walker.nextNode();
-    else if (value2 === 47 /* BeginChild */)
-      currentWalkIndex = walkInternal(
-        currentWalkIndex,
-        walkCodes,
-        scope[currentScopeIndex++] = createScope(scope.$global, scope.c)
+  for (; currentWalkIndex < walkCodes.length; )
+    if (value2 = walkCodes.charCodeAt(currentWalkIndex++), currentMultiplier = storedMultiplier, storedMultiplier = 0, value2 === 32 /* Get */)
+      scope[currentScopeIndex++] = walker.currentNode;
+    else if (value2 === 37 /* Replace */)
+      walker.currentNode.replaceWith(
+        walker.currentNode = scope[currentScopeIndex++] = new Text()
       );
     else {
       if (value2 === 38 /* EndChild */)
         return currentWalkIndex;
-      if (value2 === 32 /* Get */)
-        scope[currentScopeIndex++] = walker.currentNode;
-      else {
-        let newNode = scope[currentScopeIndex++] = new Text(), current = walker.currentNode;
-        current.parentNode.replaceChild(newNode, current), walker.currentNode = newNode;
-      }
+      if (value2 === 47 /* BeginChild */)
+        currentWalkIndex = walkInternal(
+          currentWalkIndex,
+          walkCodes,
+          scope[currentScopeIndex++] = createScope(scope.$global, scope.c)
+        );
+      else if (value2 < 92)
+        for (value2 = 20 /* Next */ * currentMultiplier + value2 - 67 /* Next */; value2--; )
+          walker.nextNode();
+      else if (value2 < 107)
+        for (value2 = 10 /* Over */ * currentMultiplier + value2 - 97 /* Over */; value2--; )
+          walker.nextSibling();
+      else if (value2 < 117) {
+        for (value2 = 10 /* Out */ * currentMultiplier + value2 - 107 /* Out */; value2--; )
+          walker.parentNode();
+        walker.nextSibling();
+      } else
+        storedMultiplier = currentMultiplier * 10 /* Multiplier */ + value2 - 117 /* Multiplier */;
     }
-  return currentWalkIndex;
 }
 
 // src/dom/renderer.ts
 function createBranchScopeWithRenderer(renderer, $global, parentScope, parentNode) {
   let branch = createBranch(
     $global,
-    renderer.s || parentScope,
+    renderer.x || parentScope,
     parentScope
   );
   return initBranch(renderer, branch, parentNode), branch;
@@ -808,7 +1016,7 @@ function createBranch($global, ownerScope, parentScope) {
 }
 function initBranch(renderer, branch, parentNode) {
   let clone = renderer.k(parentNode.namespaceURI), cloneParent = clone.parentNode;
-  cloneParent ? (walk(cloneParent.firstChild, renderer.t, branch), branch.a = cloneParent.firstChild, branch.b = cloneParent.lastChild) : (walk(clone, renderer.t, branch), branch.a = branch.b = clone), renderer.u && queueRender(branch, renderer.u);
+  cloneParent ? (walk(cloneParent.firstChild, renderer.y, branch), branch.a = cloneParent.firstChild, branch.b = cloneParent.lastChild) : (walk(clone, renderer.y, branch), branch.a = branch.b = clone), renderer.z && queueRender(branch, renderer.z);
 }
 function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
   return (scope, attrsOrOp) => {
@@ -820,7 +1028,7 @@ function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
       return renderer.d?.(childScope, attrsOrOp);
     let content = getContent?.(scope);
     if (typeof renderer == "string")
-      setConditionalRendererOnlyChild(
+      setConditionalRenderer(
         childScope,
         0,
         content,
@@ -843,12 +1051,12 @@ function dynamicTagAttrs(nodeAccessor, getContent, inputIsArgs) {
 function createRendererWithOwner(template, rawWalks, setup, getArgs) {
   let args, id = {}, walks = rawWalks ? /* @__PURE__ */ trimWalkString(rawWalks) : " ";
   return (owner) => ({
-    x: id,
-    y: template,
-    t: walks,
-    u: setup,
+    A: id,
+    B: template,
+    y: walks,
+    z: setup,
     k: _clone,
-    s: owner,
+    x: owner,
     get d() {
       return args ||= getArgs?.();
     }
@@ -858,8 +1066,8 @@ function createRenderer(template, walks, setup, getArgs) {
   return createRendererWithOwner(template, walks, setup, getArgs)();
 }
 function _clone(ns) {
-  return ((cloneCache[ns] ||= {})[this.y] ||= createCloneableHTML(
-    this.y,
+  return ((cloneCache[ns] ||= {})[this.B] ||= createCloneableHTML(
+    this.B,
     ns
   ))();
 }
@@ -873,7 +1081,7 @@ function createCloneableHTML(html2, ns) {
 function conditional(nodeAccessor, ...branches) {
   let branchAccessor = nodeAccessor + "(" /* ConditionalRenderer */;
   return (scope, newBranchIndexOrOp) => {
-    newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN && (scope[nodeAccessor].nodeType > 1 /* Element */ ? setConditionalRenderer : setConditionalRendererOnlyChild)(
+    newBranchIndexOrOp !== scope[branchAccessor] && newBranchIndexOrOp !== DIRTY && newBranchIndexOrOp !== MARK && newBranchIndexOrOp !== CLEAN && setConditionalRenderer(
       scope,
       nodeAccessor,
       branches[scope[branchAccessor] = newBranchIndexOrOp],
@@ -889,40 +1097,21 @@ var dynamicTag = function(nodeAccessor, fn, getIntersection) {
   return (scope, newRendererOrOp) => {
     if (newRendererOrOp === DIRTY) return;
     let currentRenderer = scope[rendererAccessor], op = newRendererOrOp;
-    if (newRendererOrOp !== MARK && newRendererOrOp !== CLEAN) {
-      let normalizedRenderer = normalizeDynamicRenderer(newRendererOrOp);
-      isDifferentRenderer(normalizedRenderer, currentRenderer) ? (scope[rendererAccessor] = normalizedRenderer, setConditionalRenderer(
-        scope,
-        nodeAccessor,
-        normalizedRenderer,
-        createBranchScopeWithTagNameOrRenderer
-      ), fn && fn(scope), op = DIRTY) : op = CLEAN;
-    }
-    intersection2?.(scope, op);
+    newRendererOrOp !== MARK && newRendererOrOp !== CLEAN && (isDifferentRenderer(
+      currentRenderer,
+      scope[rendererAccessor] = normalizeDynamicRenderer(newRendererOrOp)
+    ) ? (setConditionalRenderer(
+      scope,
+      nodeAccessor,
+      scope[rendererAccessor],
+      createBranchScopeWithTagNameOrRenderer
+    ), fn && fn(scope), op = DIRTY) : op = CLEAN), intersection2?.(scope, op);
   };
 };
 function setConditionalRenderer(scope, nodeAccessor, newRenderer, createBranch2) {
-  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */] || getEmptyBranch(scope[nodeAccessor]), newBranch = newRenderer ? createBranch2(
-    newRenderer,
-    scope.$global,
-    scope,
-    prevBranch.b.parentNode
-  ) : getEmptyBranch(scope[nodeAccessor]);
-  prevBranch !== newBranch && (insertBranchBefore(
-    newBranch,
-    prevBranch.b.parentNode,
-    prevBranch.b.nextSibling
-  ), removeAndDestroyBranch(prevBranch), scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && newBranch);
-}
-function setConditionalRendererOnlyChild(scope, nodeAccessor, newRenderer, createBranch2) {
-  let prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], referenceNode = scope[nodeAccessor], newBranch = newRenderer && createBranch2(newRenderer, scope.$global, scope, referenceNode);
-  referenceNode.textContent = "", newBranch && insertBranchBefore(newBranch, referenceNode, null), prevBranch && destroyBranch(prevBranch), scope[nodeAccessor + "!" /* ConditionalScope */] = newBranch;
-}
-var emptyMarkerMap = /* @__PURE__ */ new Map([
-  [Symbol(), /* @__PURE__ */ getEmptyBranch(0)]
-]), emptyMarkerArray = [
-  /* @__PURE__ */ getEmptyBranch(0)
-], emptyMap = /* @__PURE__ */ new Map(), emptyArray = [];
+  let referenceNode = scope[nodeAccessor], prevBranch = scope[nodeAccessor + "!" /* ConditionalScope */], parentNode = referenceNode.nodeType > 1 /* Element */ ? (prevBranch?.a || referenceNode).parentNode : referenceNode, newBranch = scope[nodeAccessor + "!" /* ConditionalScope */] = newRenderer && createBranch2(newRenderer, scope.$global, 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) {
   return loop(
     nodeAccessor,
@@ -952,24 +1141,27 @@ function loopTo(nodeAccessor, renderer) {
 function loop(nodeAccessor, renderer, forEach) {
   let loopScopeAccessor = nodeAccessor + "!" /* LoopScopeArray */, params = renderer.d;
   return (scope, valueOrOp) => {
-    if (valueOrOp === DIRTY) return;
-    if (valueOrOp === MARK || valueOrOp === CLEAN) {
-      let loopBranches = scope[loopScopeAccessor] ?? scope[nodeAccessor + "(" /* LoopScopeMap */]?.values() ?? [];
-      if (loopBranches !== emptyMarkerArray)
-        for (let branch of loopBranches)
-          params?.(branch, valueOrOp);
-      return;
-    }
-    let referenceNode = scope[nodeAccessor], referenceIsMarker = referenceNode.nodeType > 1 /* Element */, oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */] || (referenceIsMarker ? emptyMarkerMap : emptyMap), oldArray = scope[nodeAccessor + "!" /* LoopScopeArray */] || Array.from(oldMap.values()), parentNode = referenceIsMarker ? referenceNode.parentNode || oldArray[0].a.parentNode : referenceNode, newMap, newArray, afterReference, needsReconciliation = !0;
-    forEach(valueOrOp, (key, args) => {
-      let branch = oldMap.get(key);
-      branch || (branch = createBranchScopeWithRenderer(
-        renderer,
-        scope.$global,
-        scope,
-        parentNode
-      )), params && params(branch, args), newMap ? (newMap.set(key, branch), newArray.push(branch)) : (newMap = /* @__PURE__ */ new Map([[key, branch]]), newArray = [branch]);
-    }), newMap || (referenceIsMarker ? (newMap = emptyMarkerMap, newArray = emptyMarkerArray, getEmptyBranch(referenceNode)) : (oldArray.forEach(destroyBranch), referenceNode.textContent = "", newMap = emptyMap, newArray = emptyArray, needsReconciliation = !1)), needsReconciliation && (referenceIsMarker ? (oldMap === emptyMarkerMap && getEmptyBranch(referenceNode), afterReference = oldArray[oldArray.length - 1].b.nextSibling) : afterReference = null, reconcile(parentNode, oldArray, newArray, afterReference)), scope[nodeAccessor + "(" /* LoopScopeMap */] = newMap, scope[nodeAccessor + "!" /* LoopScopeArray */] = newArray;
+    if (valueOrOp !== DIRTY)
+      if (valueOrOp === MARK || valueOrOp === CLEAN) {
+        if (params)
+          for (let branch of scope[loopScopeAccessor] || scope[nodeAccessor + "(" /* LoopScopeMap */]?.values() || [])
+            params(branch, valueOrOp);
+      } else {
+        let referenceNode = scope[nodeAccessor], oldMap = scope[nodeAccessor + "(" /* LoopScopeMap */], oldArray = oldMap ? scope[nodeAccessor + "!" /* LoopScopeArray */] || [
+          ...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 */] = [];
+        forEach(valueOrOp, (key, args) => {
+          let branch = oldMap?.get(key) || createBranchScopeWithRenderer(
+            renderer,
+            scope.$global,
+            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);
+      }
   };
 }
 function bySecondArg(_item, index) {
@@ -979,226 +1171,8 @@ function byFirstArg(name) {
   return name;
 }
 function isDifferentRenderer(a, b) {
-  return a !== b && (a?.x || 0) !== b?.x;
-}
-
-// src/dom/schedule.ts
-var port2 = /* @__PURE__ */ (() => {
-  let { port1, port2: port22 } = new MessageChannel();
-  return port1.onmessage = () => {
-    isScheduled = !1, run();
-  }, port22;
-})(), isScheduled;
-function schedule() {
-  isScheduled || (isScheduled = !0, queueMicrotask(flushAndWaitFrame));
-}
-function flushAndWaitFrame() {
-  run(), requestAnimationFrame(triggerMacroTask);
-}
-function triggerMacroTask() {
-  port2.postMessage(0);
-}
-
-// src/dom/signals.ts
-var MARK = {}, CLEAN = {}, DIRTY = {};
-function state(valueAccessor, fn, getIntersection) {
-  let valueSignal = value(valueAccessor, fn, getIntersection), markAccessor = valueAccessor + "#" /* Mark */, valueChangeAccessor = valueAccessor + "@" /* TagVariableChange */;
-  return (scope, valueOrOp, valueChange) => (rendering ? valueSignal(
-    scope,
-    valueOrOp === MARK || valueOrOp === CLEAN || valueOrOp === DIRTY || (scope[valueChangeAccessor] = valueChange) || scope[markAccessor] === void 0 ? valueOrOp : CLEAN
-  ) : scope[valueChangeAccessor] ? scope[valueChangeAccessor](valueOrOp) : (schedule(), queueSource(scope, valueSignal, valueOrOp)), valueOrOp);
-}
-function value(valueAccessor, fn, getIntersection) {
-  let markAccessor = valueAccessor + "#" /* Mark */, intersection2;
-  return (scope, valueOrOp) => {
-    if (valueOrOp === MARK)
-      (scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1 && getIntersection && (intersection2 ||= getIntersection())(scope, MARK);
-    else if (valueOrOp !== DIRTY) {
-      let existing = scope[markAccessor] !== void 0;
-      (scope[markAccessor] ||= 1) === 1 && (valueOrOp === CLEAN || existing && scope[valueAccessor] === valueOrOp ? getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN) : (scope[valueAccessor] = valueOrOp, fn && fn(scope, valueOrOp), getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY))), scope[markAccessor]--;
-    }
-  };
-}
-var accessorId = 0;
-function intersection(count, fn, getIntersection) {
-  let dirtyAccessor = "?" /* Dynamic */ + accessorId++, markAccessor = dirtyAccessor + "#" /* Mark */, intersection2;
-  return (scope, op) => {
-    op === MARK ? (scope[markAccessor] = (scope[markAccessor] ?? 0) + 1) === 1 && getIntersection && (intersection2 ||= getIntersection())(scope, MARK) : scope[markAccessor] === void 0 ? (scope[markAccessor] = count - 1, scope[dirtyAccessor] = !0) : --scope[markAccessor] === 0 ? op === DIRTY || scope[dirtyAccessor] ? (scope[dirtyAccessor] = !1, fn(scope), getIntersection && (intersection2 ||= getIntersection())(scope, DIRTY)) : getIntersection && (intersection2 ||= getIntersection())(scope, CLEAN) : scope[dirtyAccessor] ||= op === DIRTY;
-  };
-}
-function loopClosure(valueAccessor, ownerLoopNodeAccessor, fn, getIntersection) {
-  let childSignal = closure(valueAccessor, fn, getIntersection), loopScopeAccessor = ownerLoopNodeAccessor + "!" /* LoopScopeArray */, loopScopeMapAccessor = ownerLoopNodeAccessor + "(" /* LoopScopeMap */, ownerSignal = (ownerScope) => {
-    let loopScopes = ownerScope[loopScopeAccessor] ?? ownerScope[loopScopeMapAccessor]?.values() ?? [];
-    if (loopScopes !== emptyMarkerArray)
-      for (let scope of loopScopes)
-        scope.g || queueSource(scope, childSignal);
-  };
-  return ownerSignal._ = childSignal, ownerSignal;
-}
-function conditionalClosure(valueAccessor, ownerConditionalNodeAccessor, branch, fn, getIntersection) {
-  let childSignal = closure(valueAccessor, fn, getIntersection), scopeAccessor = ownerConditionalNodeAccessor + "!" /* ConditionalScope */, branchAccessor = ownerConditionalNodeAccessor + "(" /* ConditionalRenderer */, ownerSignal = (scope) => {
-    let ifScope = scope[scopeAccessor];
-    ifScope && !ifScope.g && scope[branchAccessor] === branch && queueSource(ifScope, childSignal);
-  };
-  return ownerSignal._ = childSignal, ownerSignal;
-}
-function dynamicClosure(valueAccessor, fn, getIntersection, getOwnerScope) {
-  let subscribersAccessor = "?" /* Dynamic */ + accessorId++, childSignal = closure(
-    valueAccessor,
-    fn,
-    getIntersection,
-    getOwnerScope
-  ), ownerSignal = (ownerScope) => {
-    let subscribers = ownerScope[subscribersAccessor];
-    if (subscribers)
-      for (let subscriber of subscribers)
-        subscriber.g || queueSource(subscriber, childSignal);
-  }, subscribe = (scope) => {
-    let owner = getOwnerScope ? getOwnerScope(scope) : scope._, subscribers = owner[subscribersAccessor] ||= /* @__PURE__ */ new Set();
-    subscribers.has(scope) || (subscribers.add(scope), getAbortSignal(scope, -1).addEventListener(
-      "abort",
-      () => owner[subscribersAccessor].delete(scope)
-    ));
-  };
-  return ownerSignal.H = subscribe, ownerSignal._ = (scope) => {
-    childSignal(scope), subscribe(scope);
-  }, ownerSignal;
-}
-function registerDynamicClosure(id, valueAccessor, fn, getIntersection, getOwnerScope) {
-  let signal = dynamicClosure(
-    valueAccessor,
-    fn,
-    getIntersection,
-    getOwnerScope
-  );
-  return register(id, signal.H), signal;
-}
-function closure(valueAccessor, fn, getIntersection, getOwnerScope) {
-  let intersection2;
-  return (scope, op) => {
-    op || fn && fn(
-      scope,
-      (getOwnerScope ? getOwnerScope(scope) : scope._)[valueAccessor]
-    ), getIntersection && (intersection2 ||= getIntersection())(scope, op ? MARK : DIRTY);
-  };
-}
-function setTagVar(scope, childAccessor, tagVarSignal2) {
-  scope[childAccessor]["/" /* TagVariable */] = (valueOrOp) => tagVarSignal2(scope, valueOrOp);
+  return a !== b && (a?.A || 0) !== b?.A;
 }
-var tagVarSignal = (scope, valueOrOp) => scope["/" /* TagVariable */]?.(valueOrOp);
-function setTagVarChange(scope, changeHandler) {
-  scope["@" /* TagVariableChange */] = changeHandler;
-}
-var tagVarSignalChange = (scope, value2) => scope["@" /* TagVariableChange */]?.(value2);
-var 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);
-}
-function inChild(childAccessor, signal) {
-  return (scope, valueOrOp) => {
-    signal(scope[childAccessor], valueOrOp);
-  };
-}
-function intersections(signals) {
-  return (scope, op) => {
-    for (let signal of signals)
-      signal(scope, op);
-  };
-}
-function effect(id, fn) {
-  return register(id, fn), (scope) => {
-    queueEffect(scope, fn);
-  };
-}
-
-// src/dom/queue.ts
-var pendingRenders = [], pendingEffects = [], rendering = !1;
-function queueSource(scope, signal, value2) {
-  let prevRendering = rendering;
-  rendering = !0, signal(scope, MARK), rendering = prevRendering, queueRender(scope, signal, value2);
-}
-function queueRender(scope, signal, value2) {
-  let i = pendingRenders.length, render = {
-    z: scope,
-    I: signal,
-    J: value2,
-    A: scope.c?.f || 0,
-    B: i
-  };
-  for (pendingRenders.push(render); i; ) {
-    let parentIndex = i - 1 >> 1, parent = pendingRenders[parentIndex];
-    if (comparePendingRenders(render, parent) >= 0) break;
-    pendingRenders[i] = parent, i = parentIndex;
-  }
-  pendingRenders[i] = render;
-}
-function queueEffect(scope, fn) {
-  pendingEffects.push(scope, fn);
-}
-function run() {
-  let effects = pendingEffects;
-  try {
-    rendering = !0, runRenders();
-  } finally {
-    pendingRenders = [], pendingEffects = [], rendering = !1;
-  }
-  runEffects(effects);
-}
-function prepareEffects(fn) {
-  let prevRenders = pendingRenders, prevEffects = pendingEffects, preparedEffects = pendingEffects = [];
-  pendingRenders = [];
-  try {
-    rendering = !0, fn(), runRenders();
-  } finally {
-    rendering = !1, pendingRenders = prevRenders, pendingEffects = prevEffects;
-  }
-  return preparedEffects;
-}
-function runEffects(effects) {
-  for (let i = 0; i < effects.length; i += 2 /* Total */) {
-    let scope = effects[i], fn = effects[i + 1];
-    fn(scope, scope);
-  }
-}
-function runRenders() {
-  for (; pendingRenders.length; ) {
-    let render = pendingRenders[0], next = pendingRenders.pop();
-    if (render !== next) {
-      let i = 0, mid = pendingRenders.length >> 1, item = pendingRenders[0] = next;
-      for (; i < mid; ) {
-        let bestChild = (i << 1) + 1, right = bestChild + 1;
-        if (right < pendingRenders.length && comparePendingRenders(
-          pendingRenders[right],
-          pendingRenders[bestChild]
-        ) < 0 && (bestChild = right), comparePendingRenders(pendingRenders[bestChild], item) >= 0)
-          break;
-        pendingRenders[i] = pendingRenders[bestChild], i = bestChild;
-      }
-      pendingRenders[i] = item;
-    }
-    render.z.c?.F || render.I(render.z, render.J);
-  }
-  finishPendingScopes();
-}
-function comparePendingRenders(a, b) {
-  return a.A - b.A || a.B - b.B;
-}
-
-// src/dom/abort-signal.ts
-function resetAbortSignal(scope, id) {
-  let ctrl = scope.h?.[id];
-  ctrl && (queueEffect(ctrl, abort), scope.h[id] = void 0);
-}
-function getAbortSignal(scope, id) {
-  return scope.c && (scope.c.G ||= /* @__PURE__ */ new Set()).add(scope), ((scope.h ||= {})[id] ||= new AbortController()).signal;
-}
-function abort(ctrl) {
-  ctrl.abort();
-}
-
-// src/common/compat-meta.ts
-var prefix = "$C_", RENDERER_REGISTER_ID = prefix + "r", SET_SCOPE_REGISTER_ID = prefix + "s", RENDER_BODY_ID = prefix + "b";
 
 // src/dom/compat.ts
 var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
@@ -1253,7 +1227,7 @@ var classIdToBranch = /* @__PURE__ */ new Map(), compat = {
         normalizedInput[key === "renderBody" ? "content" : key] = input[key];
     }
     if (component.effects = prepareEffects(() => {
-      branch ? (applyArgs(branch, MARK), existing = !0) : (branch = component.scope = createScope(out.global), branch._ = renderer.s, initBranch(renderer, branch, document.body)), applyArgs(branch, args);
+      branch ? (applyArgs(branch, MARK), existing = !0) : (branch = component.scope = createScope(out.global), branch._ = renderer.x, initBranch(renderer, branch, document.body)), applyArgs(branch, args);
     }), !existing)
       return toInsertNode(branch.a, branch.b);
   }