kerfjs 5.0.0-beta.9 → 5.0.0-beta.91

package/dist/{chunk-SVATPF5R.js → chunk-XHHGPZRQ.js}

@@ -1,9 +1,9 @@
-import { itemVersion } from './chunk-QIP723L4.js';
-import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-V46JKE44.js';
-import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, disposeRowBindings, wireBindings, isSafeHtml, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, wireRowBindings, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-ZDCJZCNO.js';
-import { effect } from './chunk-U6FK33SG.js';
-import { LIST_MARKER_PREFIX, flattenWithoutListItems, collectLists, flatten } from './chunk-GY4XV2UV.js';
-import { devHooks } from './chunk-HW7KSM2Y.js';
+import { itemVersion } from './chunk-5WRGJZV6.js';
+import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-WKIPLNVO.js';
+import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, wireBindings, disposeRowBindings, isSafeHtml, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, wireRowBindings, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-TFLNYFDO.js';
+import { effect } from './chunk-IHMDBBUJ.js';
+import { LIST_MARKER_PREFIX, flattenWithoutListItems, collectLists, isOverlayHost, flatten } from './chunk-4TX6YJDM.js';
+import { devHooks } from './chunk-3C6F6NM4.js';
 
 // src/list-render-state.ts
 function deriveListRenderState(bindingCount) {
@@ -18,7 +18,8 @@ function decideListPath(state, patches, snapshotLength, previousBindingCount) {
   for (const p of patches) {
     if (p.type === "insert") netDelta += 1;
     else if (p.type === "remove") netDelta -= 1;
-    else if (p.type === "replace") return { path: "snapshot", reason: "replace" };
+    else if (p.type === "replace")
+      return { path: "snapshot", reason: "replace" };
   }
   const count = previousBindingCount ?? 0;
   if (count + netDelta !== snapshotLength) {
@@ -110,11 +111,18 @@ function _hasGranularIndexShift(previousBindingCount, patches) {
   const rendered = [];
   for (let i = 0; i < previousBindingCount; i++) rendered.push(i);
   for (const patch of patches) {
-    if (patch.type === "insert") rendered.splice(patch.index, 0, patch.index);
-    else if (patch.type === "remove") rendered.splice(patch.index, 1);
-    else if (patch.type === "move") {
-      const [moved] = rendered.splice(patch.from, 1);
-      rendered.splice(patch.to, 0, moved);
+    switch (patch.type) {
+      case "insert":
+        rendered.splice(patch.index, 0, patch.index);
+        break;
+      case "remove":
+        rendered.splice(patch.index, 1);
+        break;
+      case "move": {
+        const [moved] = rendered.splice(patch.from, 1);
+        rendered.splice(patch.to, 0, moved);
+        break;
+      }
     }
   }
   return rendered.some((renderedAt, index) => renderedAt !== index);
@@ -153,10 +161,12 @@ function eachGranular(sig, render, cacheKey, listKey) {
       return eachSnapshotById(snapshot, render, cacheKey, id, sig);
     }
   }
-  const renderRow = (item, index) => captureRowBindings(() => inRowScope(() => {
-    const out = render(item, index);
-    return isSafeHtml(out) ? out.toString() : out;
-  }));
+  const renderRow = (item, index) => captureRowBindings(
+    () => inRowScope(() => {
+      const out = render(item, index);
+      return isSafeHtml(out) ? out.toString() : out;
+    })
+  );
   const internalPatches = new Array(patches.length);
   const cache = ctx.caches.get(id);
   try {
@@ -223,13 +233,16 @@ function eachSnapshotById(items, render, cacheKey, id, source) {
         devHooks.staleIndex?.(id);
       }
     } else {
-      const captured = captureRowBindings(() => inRowScope(() => {
-        const out = render(item, i);
-        return isSafeHtml(out) ? out.toString() : out;
-      }));
+      const captured = captureRowBindings(
+        () => inRowScope(() => {
+          const out = render(item, i);
+          return isSafeHtml(out) ? out.toString() : out;
+        })
+      );
       html = captured.html;
       bindings = captured.bindings;
-      if (cache !== null) cache.set(item, { cacheKey: k, html, bindings, version, index: i });
+      if (cache !== null)
+        cache.set(item, { cacheKey: k, html, bindings, version, index: i });
     }
     segItems[i] = { ref: item, cacheKey: k, html, bindings };
   }
@@ -281,16 +294,19 @@ function restoreFocus(snap) {
   if (domSelection === null) return;
   const [anchorNode, anchorOffset, focusNode, focusOffset] = domSelection;
   try {
-    document.getSelection()?.setBaseAndExtent(
-      anchorNode,
-      anchorOffset,
-      focusNode,
-      focusOffset
-    );
+    document.getSelection()?.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
   } catch {
   }
 }
 
+// src/utils/isUserAgentOwnedAttr.ts
+function isUserAgentOwnedAttr(tagNameUpper, name) {
+  if (tagNameUpper.includes("-")) {
+    return name === "open" || name === "role" || name.startsWith("aria-");
+  }
+  return name === "open" && (tagNameUpper === "DETAILS" || tagNameUpper === "DIALOG");
+}
+
 // src/utils/moveNode.ts
 function moveNode(parent, node, ref) {
   const move = parent.moveBefore;
@@ -343,7 +359,11 @@ function protectionTag(node) {
   const { dataset } = node;
   return (dataset.morphSkip !== void 0 ? "s" : "") + (dataset.morphSkipChildren !== void 0 ? "c" : "") + (dataset.morphPreserve !== void 0 ? "p" : "");
 }
-var MARKER_PREFIXES = [LIST_MARKER_PREFIX, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX];
+var MARKER_PREFIXES = [
+  LIST_MARKER_PREFIX,
+  TEXT_MARKER_PREFIX,
+  ROW_TEXT_PREFIX
+];
 function isMarker(node) {
   if (node.nodeType !== COMMENT_NODE) return false;
   const { data } = node;
@@ -421,7 +441,8 @@ function morphChildren(fromParent, toParent, ownedItems) {
     if (matched === null && fromChild !== null && toChild.nodeType === COMMENT_NODE && toChild.data.startsWith(LIST_MARKER_PREFIX)) {
       const wantData = toChild.data;
       for (let scan = fromChild.nextSibling; scan !== null; scan = scan.nextSibling) {
-        if (scan.nodeType !== COMMENT_NODE || scan.data !== wantData) continue;
+        if (scan.nodeType !== COMMENT_NODE || scan.data !== wantData)
+          continue;
         const regionEnd = afterListRegion(scan, ownedItems);
         const run = [];
         for (let r = scan; r !== null && r !== regionEnd; r = r.nextSibling) {
@@ -487,9 +508,6 @@ function morphElement(fromEl, toEl, ownedItems) {
     fromEl.value = toEl.textContent;
   }
 }
-function isUserAgentOwnedAttr(tagName, name) {
-  return name === "open" && (tagName === "DETAILS" || tagName === "DIALOG");
-}
 function morphAttributes(fromEl, toEl) {
   const toAttrs = toEl.attributes;
   for (let i = 0; i < toAttrs.length; i++) {
@@ -534,7 +552,10 @@ function preserveTextEntryState(fromEl, toEl) {
     const toInput = toEl;
     toInput.value = fromInput.value;
     try {
-      toInput.setSelectionRange(fromInput.selectionStart, fromInput.selectionEnd);
+      toInput.setSelectionRange(
+        fromInput.selectionStart,
+        fromInput.selectionEnd
+      );
     } catch {
     }
   }
@@ -567,7 +588,8 @@ function tryAttributeOnlyFastPath(liveNode, oldHtml, newHtml) {
   if (oldGt === -1 || newGt === -1) return false;
   if (oldHtml.length - oldGt !== newHtml.length - newGt) return false;
   if (oldHtml.slice(oldGt) !== newHtml.slice(newGt)) return false;
-  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml)) return false;
+  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml))
+    return false;
   const oldTag = parseOpeningTag(oldHtml, oldGt);
   const newTag = parseOpeningTag(newHtml, newGt);
   if (oldTag === null || newTag === null) return false;
@@ -588,14 +610,15 @@ function tryAttributeOnlyFastPath(liveNode, oldHtml, newHtml) {
   }
   for (const name of oldTag.attrs.keys()) {
     if (newTag.attrs.has(name)) continue;
-    if (isUserAgentOwnedAttr2(liveTagUpper, name)) continue;
+    if (isUserAgentOwnedAttr(liveTagUpper, name)) continue;
     liveNode.removeAttribute(name);
     syncFormProp(liveNode, name, "", false);
   }
   return true;
 }
 function tryTextContentFastPath(liveNode, oldHtml, newHtml) {
-  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml)) return false;
+  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml))
+    return false;
   let p = 0;
   const minLen = Math.min(oldHtml.length, newHtml.length);
   while (p < minLen && oldHtml.charCodeAt(p) === newHtml.charCodeAt(p)) p++;
@@ -610,7 +633,8 @@ function tryTextContentFastPath(liveNode, oldHtml, newHtml) {
   if (!isPureTextWindow(newHtml, p, newWinEnd)) return false;
   if (p === 0) return false;
   const boundaryCc = oldHtml.charCodeAt(p - 1);
-  if (boundaryCc === LT || boundaryCc === DQUOTE || boundaryCc === SQUOTE || boundaryCc === EQ || boundaryCc === AMP) return false;
+  if (boundaryCc === LT || boundaryCc === DQUOTE || boundaryCc === SQUOTE || boundaryCc === EQ || boundaryCc === AMP)
+    return false;
   const textStart = lastIndexOfChar(oldHtml, GT, p - 1);
   if (textStart === -1) return false;
   const textEnd = oldHtml.indexOf("<", p);
@@ -637,7 +661,8 @@ function containsDataMorphSkip(html) {
 function isPureTextWindow(html, start, end) {
   for (let i = start; i < end; i++) {
     const cc = html.charCodeAt(i);
-    if (cc === LT || cc === GT || cc === DQUOTE || cc === SQUOTE || cc === AMP || cc === EQ) return false;
+    if (cc === LT || cc === GT || cc === DQUOTE || cc === SQUOTE || cc === AMP || cc === EQ)
+      return false;
   }
   return true;
 }
@@ -730,9 +755,6 @@ function unescapeAttrValue(s) {
   if (s.indexOf("&") === -1) return s;
   return s.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
 }
-function isUserAgentOwnedAttr2(tagNameUpper, name) {
-  return name === "open" && (tagNameUpper === "DETAILS" || tagNameUpper === "DIALOG");
-}
 
 // src/list-reconcile-granular.ts
 function reconcileGranular(binding, patches) {
@@ -769,7 +791,14 @@ function reconcileGranular(binding, patches) {
       if (runLen === 1) {
         applySingleInsert(liveParent, items, patch, endAnchor(binding));
       } else {
-        applyBulkInsert(liveParent, items, patches, i, runEnd, endAnchor(binding));
+        applyBulkInsert(
+          liveParent,
+          items,
+          patches,
+          i,
+          runEnd,
+          endAnchor(binding)
+        );
       }
       i = runEnd;
       continue;
@@ -881,7 +910,10 @@ function applyBulkUpdate(liveParent, items, patches, start, end) {
     morphChanges.push({ patchIdx: k, html: p.html });
   }
   if (morphChanges.length === 0) return;
-  const { content, count } = parseRowTemplate(morphChanges.map((c) => c.html).join(""), liveParent);
+  const { content, count } = parseRowTemplate(
+    morphChanges.map((c) => c.html).join(""),
+    liveParent
+  );
   if (count !== morphChanges.length) {
     throw findOffendingChange(patches, morphChanges, liveParent);
   }
@@ -924,18 +956,30 @@ function applyBulkInsert(liveParent, items, patches, start, end, tailAnchor) {
 function findOffendingInsert(patches, start, htmls, liveParent) {
   for (let i = 0; i < htmls.length; i++) {
     if (parseRowTemplate(htmls[i], liveParent).count !== 1) {
-      return rowContractError(patches[start + i].index, htmls[i], liveParent);
+      return rowContractError(
+        patches[start + i].index,
+        htmls[i],
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-insert mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-insert mismatch with no per-row offender (kerf bug)."
+  );
 }
 function findOffendingChange(patches, changes, liveParent) {
   for (const c of changes) {
     if (parseRowTemplate(c.html, liveParent).count !== 1) {
-      return rowContractError(patches[c.patchIdx].index, c.html, liveParent);
+      return rowContractError(
+        patches[c.patchIdx].index,
+        c.html,
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-update mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-update mismatch with no per-row offender (kerf bug)."
+  );
 }
 
 // src/list-reconcile-inplace.ts
@@ -960,7 +1004,12 @@ function tryInPlaceContentUpdate(binding, listSeg) {
 }
 function updateRowInPlace(liveParent, old, ni, index) {
   if (old.html === ni.html || tryAttributeOnlyFastPath(old.node, old.html, ni.html) || tryTextContentFastPath(old.node, old.html, ni.html)) {
-    const kept = carryOrRewireRowBindings(old.node, old.bindings, old.bindingDisposers, ni.bindings);
+    const kept = carryOrRewireRowBindings(
+      old.node,
+      old.bindings,
+      old.bindingDisposers,
+      ni.bindings
+    );
     return {
       ref: ni.ref,
       cacheKey: ni.cacheKey,
@@ -973,7 +1022,12 @@ function updateRowInPlace(liveParent, old, ni, index) {
   const newNode = parseSingleRow(ni.html, index, liveParent);
   if (old.node.tagName === newNode.tagName) {
     _morphElement(old.node, newNode);
-    const kept = carryOrRewireRowBindings(old.node, old.bindings, old.bindingDisposers, ni.bindings);
+    const kept = carryOrRewireRowBindings(
+      old.node,
+      old.bindings,
+      old.bindingDisposers,
+      ni.bindings
+    );
     return {
       ref: ni.ref,
       cacheKey: ni.cacheKey,
@@ -985,7 +1039,12 @@ function updateRowInPlace(liveParent, old, ni, index) {
   }
   disposeRowBindings(old.bindingDisposers);
   liveParent.replaceChild(newNode, old.node);
-  const fresh = carryOrRewireRowBindings(newNode, void 0, void 0, ni.bindings);
+  const fresh = carryOrRewireRowBindings(
+    newNode,
+    void 0,
+    void 0,
+    ni.bindings
+  );
   return {
     ref: ni.ref,
     cacheKey: ni.cacheKey,
@@ -1070,15 +1129,22 @@ function buildFreshNodes(newRecord, freshIndices, freshHtmls, liveParent) {
 function findOffendingRow(newRecord, freshIndices, freshHtmls, liveParent) {
   for (let i = 0; i < freshHtmls.length; i++) {
     if (parseRowTemplate(freshHtmls[i], liveParent).count !== 1) {
-      return rowContractError(freshIndices[i], newRecord[freshIndices[i]].html, liveParent);
+      return rowContractError(
+        freshIndices[i],
+        newRecord[freshIndices[i]].html,
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-parse mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-parse mismatch with no per-row offender (kerf bug)."
+  );
 }
 function removeOldNodes(liveParent, removedItems) {
   for (const item of removedItems) {
     disposeRowBindings(item.bindingDisposers);
-    if (item.node.parentElement === liveParent) liveParent.removeChild(item.node);
+    if (item.node.parentElement === liveParent)
+      liveParent.removeChild(item.node);
   }
 }
 function applyMoves(liveParent, newRecord, prevIdx, stable, tailAnchor) {
@@ -1130,6 +1196,111 @@ function reconcileList(binding, listSeg) {
   reconcileSnapshot(binding, listSeg);
 }
 
+// src/mount-list-bindings.ts
+function anyRebuiltListIsGranular(segment, rebuilt) {
+  if (!rebuilt.size) return false;
+  const lists = collectLists(segment);
+  for (const id of rebuilt) {
+    if (lists.get(id)?.patches) return true;
+  }
+  return false;
+}
+function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLists) {
+  const lists = collectLists(segment);
+  const found = [];
+  collectComments(rootEl, found);
+  for (const marker of found) {
+    if (!marker.data.startsWith(LIST_MARKER_PREFIX)) continue;
+    const id = marker.data.slice(LIST_MARKER_PREFIX.length);
+    const existing = bindings.get(id);
+    if (existing) {
+      if (existing.marker === marker && rootEl.contains(existing.marker))
+        continue;
+      for (const item of existing.items) {
+        disposeRowBindings(item.bindingDisposers);
+        if (rootEl.contains(item.node)) {
+          item.node.parentElement?.removeChild(item.node);
+        }
+      }
+      bindings.delete(id);
+      rebuiltLists?.add(id);
+      devHooks.listRebind?.(id, marker.parentElement);
+    }
+    const listSeg = lists.get(id);
+    const liveParent = marker.parentElement;
+    const items = [];
+    if (inlinedItems) {
+      let next = marker.nextElementSibling;
+      for (let i = 0; i < listSeg.items.length && next !== null; i++) {
+        validateInlinedRowMatch(listSeg.items[i].html, i, next, liveParent);
+        items.push({
+          ref: listSeg.items[i].ref,
+          cacheKey: listSeg.items[i].cacheKey,
+          html: listSeg.items[i].html,
+          node: next,
+          bindings: listSeg.items[i].bindings
+        });
+        next = next.nextElementSibling;
+      }
+    }
+    const binding = { liveParent, items, marker };
+    if (items.length > 0) {
+      devHooks.missingRowKey?.(items[0].node, items[0].html, binding);
+    }
+    devHooks.eachInMorphSkip?.(id, liveParent, rootEl);
+    bindings.set(id, binding);
+    for (const bound of items) {
+      if (bound.bindings?.length) {
+        bound.bindingDisposers = wireRowBindings(bound.node, bound.bindings);
+      }
+    }
+  }
+}
+function validateInlinedRowMatch(expectedHtml, index, boundEl, liveParent) {
+  if (boundEl.outerHTML === expectedHtml) return;
+  const { content, count } = parseRowTemplate(expectedHtml, liveParent);
+  if (count !== 1) throw rowContractError(index, expectedHtml, liveParent);
+  const expectedTag = content.firstElementChild.tagName;
+  if (boundEl.tagName !== expectedTag)
+    throw rowStructureError(index, boundEl.tagName, expectedTag);
+}
+function rowStructureError(index, gotTag, wantTag) {
+  const got = gotTag.toLowerCase();
+  const want = wantTag.toLowerCase();
+  return new Error(
+    `each(): row ${index} renders <${want}>, but the HTML parser wrapped the rows in <${got}> \u2014 so kerf cannot bind one row per element. This happens when an each() of <${want}> sits directly inside a table: the parser inserts <${got}> around the whole run. Put the each() inside an explicit <${got}> (e.g. <table><${got}>{each(...)}</${got}></table>) so the rows are the direct children kerf binds.`
+  );
+}
+function collectOwnedItems(bindings) {
+  const owned = /* @__PURE__ */ new Set();
+  for (const b of bindings.values()) {
+    for (const item of b.items) owned.add(item.node);
+  }
+  return owned;
+}
+function cleanupOrphanBindings(segment, bindings, renderCtx) {
+  const liveIds = collectLists(segment);
+  for (const [id, binding] of bindings) {
+    if (liveIds.has(id)) continue;
+    for (const item of binding.items) {
+      disposeRowBindings(item.bindingDisposers);
+      item.node.remove();
+    }
+    binding.marker.remove();
+    bindings.delete(id);
+    renderCtx.bindingCounts.delete(id);
+    renderCtx.bindingSources.delete(id);
+    renderCtx.caches.delete(id);
+  }
+}
+function collectComments(node, out) {
+  for (let c = node.firstChild; c; c = c.nextSibling) {
+    if (c.nodeType === Node.COMMENT_NODE) out.push(c);
+    else if (c.nodeType === Node.ELEMENT_NODE && !isOverlayHost(c))
+      collectComments(c, out);
+  }
+}
+
 // src/mount.ts
 var MOUNTED_MARKER = /* @__PURE__ */ Symbol.for("kerfjs.mounted");
 var NESTED_MOUNT_MSG = "mount: rootEl is already inside (or contains) a mounted tree. kerf supports one mount per tree \u2014 compose with plain functions that return JSX instead of nesting mounts.";
@@ -1155,15 +1326,17 @@ function assertNotInsideMountedTree(rootEl) {
     );
   }
   let ancestor = rootEl.parentElement;
-  while (ancestor) {
+  while (ancestor && !isOverlayHost(ancestor)) {
     if (isMounted(ancestor)) throw new Error(NESTED_MOUNT_MSG);
     ancestor = ancestor.parentElement;
   }
   const stack = [];
-  for (let i = 0; i < rootEl.children.length; i++) stack.push(rootEl.children[i]);
+  for (let i = 0; i < rootEl.children.length; i++)
+    stack.push(rootEl.children[i]);
   while (stack.length > 0) {
     const cur = stack.pop();
     if (isMounted(cur)) throw new Error(NESTED_MOUNT_MSG);
+    if (isOverlayHost(cur)) continue;
     for (let i = 0; i < cur.children.length; i++) stack.push(cur.children[i]);
   }
 }
@@ -1241,7 +1414,8 @@ function mount(rootEl, render) {
         valueOnlyWarnCtx
       );
       if (anyRebuiltListIsGranular(segment, renderCtx.rebuiltLists)) {
-        for (const id of renderCtx.rebuiltLists) renderCtx.bindingCounts.delete(id);
+        for (const id of renderCtx.rebuiltLists)
+          renderCtx.bindingCounts.delete(id);
         result = runRenderPass();
         segment = resultToSegment(result);
         nextStaticHtml = runSubsequentRender(
@@ -1255,7 +1429,8 @@ function mount(rootEl, render) {
       }
       if (nextStaticHtml !== prevStaticHtml) {
         bindingDisposers = wireBindings(rootEl, bindingCtx, bindingDisposers);
-        if (devHooks.staleBindingEnabled?.()) prevWiredBindings = bindingCtx.list;
+        if (devHooks.staleBindingEnabled?.())
+          prevWiredBindings = bindingCtx.list;
       } else {
         devHooks.staleBinding?.(prevWiredBindings, bindingCtx.list);
       }
@@ -1283,11 +1458,7 @@ function mount(rootEl, render) {
     renderCtx.previousCallCount = renderCtx.counter;
     devHooks.listInvariants?.(rootEl, bindings, expectedCounts || void 0);
   }
-  const disposeEffect = effect(() => {
-    reconcileAndCommitListPhase(renderStaticPhase());
-  });
-  return () => {
-    disposeEffect();
+  const releaseResources = () => {
     for (const d of bindingDisposers) d();
     bindingDisposers = [];
     for (const b of bindings.values()) {
@@ -1296,6 +1467,21 @@ function mount(rootEl, render) {
     listenerWarnObserver?.disconnect();
     setMounted(rootEl, false);
   };
+  const priorChildren = rootEl.firstChild ? Array.from(rootEl.childNodes) : [];
+  let disposeEffect;
+  try {
+    disposeEffect = effect(() => {
+      reconcileAndCommitListPhase(renderStaticPhase());
+    });
+  } catch (err) {
+    releaseResources();
+    rootEl.replaceChildren(...priorChildren);
+    throw err;
+  }
+  return () => {
+    disposeEffect();
+    releaseResources();
+  };
 }
 function runFirstRender(rootEl, segment, bindings) {
   rootEl.innerHTML = flatten(segment, true);
@@ -1307,12 +1493,22 @@ function runSubsequentRender(rootEl, segment, bindings, renderCtx, prevStaticHtm
   if (currentStaticHtml === prevStaticHtml) {
     return prevStaticHtml;
   }
-  devHooks.valueOnlyRerender?.(prevStaticHtml, currentStaticHtml, valueOnlyWarnCtx);
+  devHooks.valueOnlyRerender?.(
+    prevStaticHtml,
+    currentStaticHtml,
+    valueOnlyWarnCtx
+  );
   cleanupOrphanBindings(segment, bindings, renderCtx);
   const template = rootEl.cloneNode(false);
   template.innerHTML = currentStaticHtml;
   morph(rootEl, template, collectOwnedItems(bindings));
-  bindListsFromMarkers(rootEl, segment, bindings, false, renderCtx.rebuiltLists);
+  bindListsFromMarkers(
+    rootEl,
+    segment,
+    bindings,
+    false,
+    renderCtx.rebuiltLists
+  );
   return currentStaticHtml;
 }
 function coerceRenderResult(result) {
@@ -1322,107 +1518,7 @@ function coerceRenderResult(result) {
 function resultToSegment(result) {
   return isSafeHtml(result) ? result.__segment ?? { kind: "static", html: result.__html } : { kind: "static", html: coerceRenderResult(result) };
 }
-function anyRebuiltListIsGranular(segment, rebuilt) {
-  if (!rebuilt.size) return false;
-  const lists = collectLists(segment);
-  for (const id of rebuilt) {
-    if (lists.get(id)?.patches) return true;
-  }
-  return false;
-}
-function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLists) {
-  const lists = collectLists(segment);
-  const found = [];
-  collectComments(rootEl, found);
-  for (const marker of found) {
-    if (!marker.data.startsWith(LIST_MARKER_PREFIX)) continue;
-    const id = marker.data.slice(LIST_MARKER_PREFIX.length);
-    const existing = bindings.get(id);
-    if (existing) {
-      if (existing.marker === marker && rootEl.contains(existing.marker)) continue;
-      for (const item of existing.items) {
-        disposeRowBindings(item.bindingDisposers);
-        if (rootEl.contains(item.node)) {
-          item.node.parentElement?.removeChild(item.node);
-        }
-      }
-      bindings.delete(id);
-      rebuiltLists?.add(id);
-      devHooks.listRebind?.(id, marker.parentElement);
-    }
-    const listSeg = lists.get(id);
-    const liveParent = marker.parentElement;
-    const items = [];
-    if (inlinedItems) {
-      let next = marker.nextElementSibling;
-      for (let i = 0; i < listSeg.items.length && next !== null; i++) {
-        validateInlinedRowMatch(listSeg.items[i].html, i, next, liveParent);
-        const rowBindings = listSeg.items[i].bindings;
-        const bound = {
-          ref: listSeg.items[i].ref,
-          cacheKey: listSeg.items[i].cacheKey,
-          html: listSeg.items[i].html,
-          node: next,
-          bindings: rowBindings
-        };
-        if (rowBindings?.length) {
-          bound.bindingDisposers = wireRowBindings(next, rowBindings);
-        }
-        items.push(bound);
-        next = next.nextElementSibling;
-      }
-    }
-    const binding = { liveParent, items, marker };
-    if (items.length > 0) {
-      devHooks.missingRowKey?.(items[0].node, items[0].html, binding);
-    }
-    devHooks.eachInMorphSkip?.(id, liveParent, rootEl);
-    bindings.set(id, binding);
-  }
-}
-function validateInlinedRowMatch(expectedHtml, index, boundEl, liveParent) {
-  if (boundEl.outerHTML === expectedHtml) return;
-  const { content, count } = parseRowTemplate(expectedHtml, liveParent);
-  if (count !== 1) throw rowContractError(index, expectedHtml, liveParent);
-  const expectedTag = content.firstElementChild.tagName;
-  if (boundEl.tagName !== expectedTag) throw rowStructureError(index, boundEl.tagName, expectedTag);
-}
-function rowStructureError(index, gotTag, wantTag) {
-  const got = gotTag.toLowerCase();
-  const want = wantTag.toLowerCase();
-  return new Error(
-    `each(): row ${index} renders <${want}>, but the HTML parser wrapped the rows in <${got}> \u2014 so kerf cannot bind one row per element. This happens when an each() of <${want}> sits directly inside a table: the parser inserts <${got}> around the whole run. Put the each() inside an explicit <${got}> (e.g. <table><${got}>{each(...)}</${got}></table>) so the rows are the direct children kerf binds.`
-  );
-}
-function collectOwnedItems(bindings) {
-  const owned = /* @__PURE__ */ new Set();
-  for (const b of bindings.values()) {
-    for (const item of b.items) owned.add(item.node);
-  }
-  return owned;
-}
-function cleanupOrphanBindings(segment, bindings, renderCtx) {
-  const liveIds = collectLists(segment);
-  for (const [id, binding] of bindings) {
-    if (liveIds.has(id)) continue;
-    for (const item of binding.items) {
-      disposeRowBindings(item.bindingDisposers);
-      item.node.remove();
-    }
-    binding.marker.remove();
-    bindings.delete(id);
-    renderCtx.bindingCounts.delete(id);
-    renderCtx.bindingSources.delete(id);
-    renderCtx.caches.delete(id);
-  }
-}
-function collectComments(node, out) {
-  for (let c = node.firstChild; c; c = c.nextSibling) {
-    if (c.nodeType === Node.COMMENT_NODE) out.push(c);
-    else if (c.nodeType === Node.ELEMENT_NODE) collectComments(c, out);
-  }
-}
 
 export { captureFocus, each, morph, mount, moveNode, restoreFocus };
 
-//# sourceMappingURL=chunk-SVATPF5R.js.map
+//# sourceMappingURL=chunk-XHHGPZRQ.js.map