@farm.js/react 0.1.0-beta.7 → 0.1.0-beta.8

package/dist/compiler-runtime.cjs

@@ -32,6 +32,8 @@ var COMPILER_KEYED_ARRAY_FILTERS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_ARRAY_PREPENDS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_ARRAY_ROLLING_WINDOWS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_ARRAY_POSITIONS = /* @__PURE__ */ new WeakMap();
+var COMPILER_KEYED_ARRAY_BATCH_INSERTS = /* @__PURE__ */ new WeakMap();
+var COMPILER_KEYED_ARRAY_WINDOW_REPLACEMENTS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_ARRAY_REORDERS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_COLLECTION_DRAFTS = /* @__PURE__ */ new WeakMap();
 var COMPILER_KEYED_COLLECTION_UPDATES = /* @__PURE__ */ new WeakMap();
@@ -164,11 +166,40 @@ function compilerKeyedArrayPosition(value, sourceToken, expectedLength) {
   const target = compilerObject(value);
   if (!target || !sourceToken || !Array.isArray(value)) return void 0;
   const update = COMPILER_KEYED_ARRAY_POSITIONS.get(target);
-  if (!update || update.sourceToken !== sourceToken || update.sourceLength !== expectedLength || update.resultLength !== value.length || update.position < 0 || update.position > expectedLength || update.kind === "insert" && update.resultLength !== expectedLength + 1 || update.kind === "remove" && (update.position >= expectedLength || update.resultLength !== expectedLength - 1) || update.kind === "replace" && (update.position >= expectedLength || update.resultLength !== expectedLength)) {
+  if (!update || update.sourceToken !== sourceToken || update.sourceLength !== expectedLength || update.resultLength !== value.length || update.position < 0 || update.position > expectedLength || update.kind === "insert" && update.resultLength !== expectedLength + 1 || update.kind === "remove" && (update.resultLength >= expectedLength || update.position > update.resultLength) || update.kind === "replace" && (update.position >= expectedLength || update.resultLength !== expectedLength)) {
     return void 0;
   }
   return update;
 }
+function compilerKeyedArrayBatchInsert(value, sourceToken, expectedLength) {
+  const target = compilerObject(value);
+  if (!target || !sourceToken || !Array.isArray(value)) return void 0;
+  const update = COMPILER_KEYED_ARRAY_BATCH_INSERTS.get(target);
+  if (!update || update.sourceToken !== sourceToken || update.sourceLength !== expectedLength || update.resultLength !== value.length || update.resultLength < expectedLength + 2 || update.position < 0 || update.position > expectedLength) {
+    return void 0;
+  }
+  return update;
+}
+function compilerKeyedArrayWindowReplacements(value, sourceToken, expectedLength) {
+  const target = compilerObject(value);
+  if (!target || !sourceToken || !Array.isArray(value)) return void 0;
+  const update = COMPILER_KEYED_ARRAY_WINDOW_REPLACEMENTS.get(target);
+  if (!update || update.sourceToken !== sourceToken) return void 0;
+  const updates = [];
+  for (let current = update; current; current = current.previous) {
+    if (current.sourceToken !== sourceToken) return void 0;
+    updates.push(current);
+  }
+  updates.reverse();
+  let length = expectedLength;
+  for (const current of updates) {
+    if (current.sourceLength !== length || current.position < 0 || current.position >= current.sourceLength || current.removedCount < 1 || current.position + current.removedCount > current.sourceLength || current.insertedCount < 0 || current.resultLength !== current.sourceLength - current.removedCount + current.insertedCount) {
+      return void 0;
+    }
+    length = current.resultLength;
+  }
+  return length === value.length ? updates : void 0;
+}
 function compilerKeyedArrayReorder(value, sourceToken, expectedLength) {
   const target = compilerObject(value);
   if (!target || !sourceToken || !Array.isArray(value)) return void 0;
@@ -380,9 +411,11 @@ function createCompilerKeyedArrayPositionUpdate(previous, method, kind, position
     }
     const sourceLength = previous.length;
     const normalizedPosition = position < 0 ? Math.max(sourceLength + position, 0) : Math.min(position, sourceLength);
+    const deleteCount = args[0];
+    const removedCount = sourceLength - value.length;
     const validInsert = kind === "insert" && method === NATIVE_ARRAY_TO_SPLICED && args.length === 2 && Object.is(args[0], 0) && value.length === sourceLength + 1;
-    const validRemove = kind === "remove" && method === NATIVE_ARRAY_TO_SPLICED && args.length === 1 && Object.is(args[0], 1) && normalizedPosition < sourceLength && value.length === sourceLength - 1;
-    const validReplace = kind === "replace" && method === NATIVE_ARRAY_WITH && args.length === 1 && position >= -sourceLength && position < sourceLength && value.length === sourceLength;
+    const validRemove = kind === "remove" && method === NATIVE_ARRAY_TO_SPLICED && args.length === 1 && Number.isSafeInteger(deleteCount) && deleteCount > 0 && normalizedPosition < sourceLength && removedCount === Math.min(deleteCount, sourceLength - normalizedPosition);
+    const validReplace = kind === "replace" && value.length === sourceLength && (method === NATIVE_ARRAY_WITH && args.length === 1 && position >= -sourceLength && position < sourceLength || method === NATIVE_ARRAY_TO_SPLICED && args.length === 2 && Object.is(args[0], 1) && normalizedPosition < sourceLength);
     if (!validInsert && !validRemove && !validReplace) return value;
     const sourceToken = compilerKeyedCollectionToken(previousTarget);
     if (!sourceToken) return value;
@@ -397,6 +430,71 @@ function createCompilerKeyedArrayPositionUpdate(previous, method, kind, position
   }
   return value;
 }
+function createCompilerKeyedArrayBatchInsert(previous, method, position, ...items) {
+  const value = NATIVE_REFLECT_APPLY(
+    method,
+    previous,
+    [position, 0, ...items]
+  );
+  try {
+    const previousTarget = compilerObject(previous);
+    const valueTarget = compilerObject(value);
+    if (!previousTarget || !valueTarget || !COMPILER_KEYED_COMMITTED_COLLECTIONS.has(previousTarget) || !Array.isArray(previous) || !Array.isArray(value) || Object.getPrototypeOf(previous) !== NATIVE_ARRAY_PROTOTYPE || Object.getPrototypeOf(value) !== NATIVE_ARRAY_PROTOTYPE || method !== NATIVE_ARRAY_TO_SPLICED || !Number.isSafeInteger(position) || items.length < 2 || value.length !== previous.length + items.length) {
+      return value;
+    }
+    for (let index = 0; index < previous.length; index += 1) {
+      if (!Object.prototype.hasOwnProperty.call(previous, index)) return value;
+    }
+    const sourceToken = compilerKeyedCollectionToken(previousTarget);
+    if (!sourceToken) return value;
+    COMPILER_KEYED_ARRAY_BATCH_INSERTS.set(valueTarget, {
+      sourceToken,
+      sourceLength: previous.length,
+      resultLength: value.length,
+      position: position < 0 ? Math.max(previous.length + position, 0) : Math.min(position, previous.length)
+    });
+  } catch {
+  }
+  return value;
+}
+function createCompilerKeyedArrayWindowReplace(previous, method, position, deleteCount, ...items) {
+  const value = NATIVE_REFLECT_APPLY(
+    method,
+    previous,
+    [position, deleteCount, ...items]
+  );
+  try {
+    const previousTarget = compilerObject(previous);
+    const valueTarget = compilerObject(value);
+    if (!previousTarget || !valueTarget || !Array.isArray(previous) || !Array.isArray(value) || Object.getPrototypeOf(previous) !== NATIVE_ARRAY_PROTOTYPE || Object.getPrototypeOf(value) !== NATIVE_ARRAY_PROTOTYPE || method !== NATIVE_ARRAY_TO_SPLICED || !Number.isSafeInteger(position) || !Number.isSafeInteger(deleteCount) || deleteCount <= 0) {
+      return value;
+    }
+    for (let index = 0; index < previous.length; index += 1) {
+      if (!Object.prototype.hasOwnProperty.call(previous, index)) return value;
+    }
+    const normalizedPosition = position < 0 ? Math.max(previous.length + position, 0) : Math.min(position, previous.length);
+    const removedCount = Math.min(deleteCount, previous.length - normalizedPosition);
+    if (removedCount < 1 || value.length !== previous.length - removedCount + items.length) {
+      return value;
+    }
+    const committedSource = COMPILER_KEYED_COMMITTED_COLLECTIONS.has(previousTarget);
+    const previousUpdate = committedSource ? void 0 : COMPILER_KEYED_ARRAY_WINDOW_REPLACEMENTS.get(previousTarget);
+    if (!committedSource && !previousUpdate) return value;
+    const sourceToken = previousUpdate?.sourceToken || compilerKeyedCollectionToken(previousTarget);
+    if (!sourceToken) return value;
+    COMPILER_KEYED_ARRAY_WINDOW_REPLACEMENTS.set(valueTarget, {
+      sourceToken,
+      sourceLength: previous.length,
+      resultLength: value.length,
+      position: normalizedPosition,
+      removedCount,
+      insertedCount: items.length,
+      ...previousUpdate ? { previous: previousUpdate } : {}
+    });
+  } catch {
+  }
+  return value;
+}
 function createCompilerKeyedArrayReorder(previous, method) {
   const value = NATIVE_REFLECT_APPLY(
     method,
@@ -1132,6 +1230,32 @@ function applyKeyedRowBinding(props, instance, item, index, bindingIndex) {
     updateAttribute(target, binding.name, rawValue);
   }
 }
+function prepareKeyedRowBindingUpdates(props, instance, item, index) {
+  const updates = [];
+  for (let bindingIndex = 0; bindingIndex < props.bindings.length; bindingIndex += 1) {
+    const binding = props.bindings[bindingIndex];
+    const rawValue = binding.read(item, index);
+    const value = normalizedKeyedRowBindingValue(binding, rawValue);
+    if (Object.is(instance.values[bindingIndex], value)) continue;
+    const target = findCompilerHostTarget(instance.element, binding.path);
+    if (!target || binding.kind !== "text" && !binding.name) return void 0;
+    updates.push([bindingIndex, rawValue, target, value]);
+  }
+  return updates;
+}
+function applyPreparedKeyedRowBindingUpdates(props, instance, updates) {
+  for (const [bindingIndex, rawValue, target, value] of updates) {
+    const binding = props.bindings[bindingIndex];
+    instance.values[bindingIndex] = value;
+    if (binding.kind === "text") {
+      target.textContent = value;
+    } else if (binding.kind === "style") {
+      updateStyle(target, binding.name, rawValue);
+    } else {
+      updateAttribute(target, binding.name, rawValue);
+    }
+  }
+}
 function keyedRowConditionalSnapshot(conditional, item, index) {
   const test = conditional.test(item, index);
   if (conditional.logical && !test) {
@@ -2574,6 +2698,33 @@ function longestIncreasingSubsequencePositions(sequence) {
   }
   return positions;
 }
+function reorderCompilerKeyedRows(root, instances, sequence, anchor) {
+  const activeElement = root.ownerDocument.activeElement;
+  const restoreFocus = Boolean(activeElement && root.contains(activeElement));
+  const stablePositions = longestIncreasingSubsequencePositions(sequence);
+  for (let index = instances.length - 1; index >= 0; index -= 1) {
+    const instance = instances[index];
+    if (sequence[index] < 0) {
+      let start = index;
+      while (start > 0 && sequence[start - 1] < 0) start -= 1;
+      const fragment = root.ownerDocument.createDocumentFragment();
+      for (let itemIndex = start; itemIndex <= index; itemIndex += 1) {
+        fragment.append(instances[itemIndex].element);
+      }
+      root.insertBefore(fragment, anchor);
+      anchor = instances[start].element;
+      index = start;
+    } else {
+      if (!stablePositions.has(index) && instance.element.nextSibling !== anchor) {
+        root.insertBefore(instance.element, anchor);
+      }
+      anchor = instance.element;
+    }
+  }
+  if (restoreFocus && activeElement?.isConnected && activeElement.ownerDocument.activeElement !== activeElement && "focus" in activeElement) {
+    activeElement.focus({ preventScroll: true });
+  }
+}
 var keyedUpdateRuntime = {
   append: reconcileCompilerKeyedArrayAppend,
   commit: commitCompilerKeyedCollection,
@@ -2595,6 +2746,14 @@ var keyedPositionUpdateRuntime = {
   ...keyedUpdateRuntime,
   position: reconcileCompilerKeyedArrayPosition
 };
+var keyedBatchPositionUpdateRuntime = {
+  ...keyedUpdateRuntime,
+  position: reconcileCompilerKeyedArrayPositionWithBatch
+};
+var keyedWindowPositionUpdateRuntime = {
+  ...keyedUpdateRuntime,
+  position: reconcileCompilerKeyedArrayPositionWithWindow
+};
 var keyedReorderUpdateRuntime = {
   ...keyedUpdateRuntime,
   reorder: reconcileCompilerKeyedArrayReorder
@@ -2608,6 +2767,14 @@ var keyedEveryUpdateRuntime = {
   position: reconcileCompilerKeyedArrayPosition,
   reorder: reconcileCompilerKeyedArrayReorder
 };
+var keyedBatchEveryUpdateRuntime = {
+  ...keyedEveryUpdateRuntime,
+  position: reconcileCompilerKeyedArrayPositionWithBatch
+};
+var keyedWindowEveryUpdateRuntime = {
+  ...keyedEveryUpdateRuntime,
+  position: reconcileCompilerKeyedArrayPositionWithWindow
+};
 function reconcileCompilerKeyedMapUpdate(props, dirtyState, collectionToken, instances, conditionals) {
   const dependency = props.collectionDependency;
   if (dependency === void 0) return void 0;
@@ -2788,10 +2955,16 @@ function reconcileCompilerKeyedArrayPosition(props, dirtyState, collectionToken,
   const previousInstances = [...instances.values()];
   const previous = previousInstances[update.position];
   if (update.kind === "remove") {
-    if (!previous || previous.index !== update.position) return void 0;
-    previous.scope?.cleanup();
-    previous.element.remove();
-    previousInstances.splice(update.position, 1);
+    const count = update.sourceLength - update.resultLength;
+    const removed = previousInstances.slice(update.position, update.position + count);
+    if (removed.some((instance, index) => instance.index !== update.position + index)) {
+      return void 0;
+    }
+    for (const instance of removed) {
+      instance.scope?.cleanup();
+      instance.element.remove();
+    }
+    previousInstances.splice(update.position, count);
     for (let index = update.position; index < previousInstances.length; index += 1) {
       previousInstances[index].index = index;
     }
@@ -2858,6 +3031,299 @@ function reconcileCompilerKeyedArrayPosition(props, dirtyState, collectionToken,
   previousInstances[update.position] = replacement;
   return new Map(previousInstances.map((instance) => [instance.key, instance]));
 }
+function reconcileCompilerKeyedArrayBatchInsert(props, dirtyState, collectionToken, instances, root, reactOwnedRows) {
+  if (reactOwnedRows || props.hostBlocks || (props.conditionals?.length || 0) > 0 || !props.positionIndexIndependent || props.collectionDependency === void 0) {
+    return void 0;
+  }
+  const collectionDependency = props.collectionDependency;
+  if (props.bindings.some((binding) => binding.dependencies?.includes(collectionDependency))) {
+    return void 0;
+  }
+  const dependencies = props.dependencies || props.structureDependencies;
+  const relevantDirty = (dependencies || []).filter((index) => dirtyState.has(index));
+  if (relevantDirty.length !== 1 || relevantDirty[0] !== collectionDependency) {
+    return void 0;
+  }
+  const finalValue = props.items();
+  const update = compilerKeyedArrayBatchInsert(finalValue, collectionToken, instances.size);
+  if (!update || !Array.isArray(finalValue)) return void 0;
+  const previousInstances = [...instances.values()];
+  const insertCount = update.resultLength - update.sourceLength;
+  for (let sourceIndex = 0; sourceIndex < update.sourceLength; sourceIndex += 1) {
+    const instance = previousInstances[sourceIndex];
+    const resultIndex = sourceIndex < update.position ? sourceIndex : sourceIndex + insertCount;
+    if (!instance || instance.index !== sourceIndex || !Object.is(instance.item, finalValue[resultIndex])) {
+      return void 0;
+    }
+  }
+  const knownKeys = new Set(instances.keys());
+  const incoming = [];
+  try {
+    for (let offset = 0; offset < insertCount; offset += 1) {
+      const index = update.position + offset;
+      const item = finalValue[index];
+      const key = keyedRowIdentity(props.rowKey(item, index));
+      if (knownKeys.has(key)) return void 0;
+      knownKeys.add(key);
+      const descriptor = props.create(item, index);
+      incoming.push({
+        key,
+        element: createCompilerHostElement(root.ownerDocument, descriptor),
+        values: readKeyedRowBindingValues(props, item, index),
+        item,
+        index,
+        conditionalValues: EMPTY_KEYED_ROW_CONDITIONAL_VALUES
+      });
+    }
+  } catch {
+    return void 0;
+  }
+  const fragment = root.ownerDocument.createDocumentFragment();
+  for (const instance of incoming) fragment.append(instance.element);
+  root.insertBefore(fragment, previousInstances[update.position]?.element || null);
+  previousInstances.splice(update.position, 0, ...incoming);
+  for (let index = update.position + insertCount; index < previousInstances.length; index += 1) {
+    previousInstances[index].index = index;
+  }
+  return new Map(previousInstances.map((instance) => [instance.key, instance]));
+}
+function reconcileCompilerKeyedArrayWindowReplace(props, dirtyState, collectionToken, instances, root, reactOwnedRows) {
+  if (reactOwnedRows || props.hostBlocks || (props.conditionals?.length || 0) > 0 || !props.positionIndexIndependent || props.collectionDependency === void 0) {
+    return void 0;
+  }
+  const collectionDependency = props.collectionDependency;
+  if (props.bindings.some((binding) => binding.dependencies?.includes(collectionDependency))) {
+    return void 0;
+  }
+  const dependencies = props.dependencies || props.structureDependencies;
+  const relevantDirty = (dependencies || []).filter((index) => dirtyState.has(index));
+  if (relevantDirty.length !== 1 || relevantDirty[0] !== collectionDependency) {
+    return void 0;
+  }
+  const finalValue = props.items();
+  const updates = compilerKeyedArrayWindowReplacements(finalValue, collectionToken, instances.size);
+  if (!updates || !Array.isArray(finalValue)) return void 0;
+  const previousInstances = [...instances.values()];
+  if (updates.length > 1) {
+    const touchedIndices = /* @__PURE__ */ new Set();
+    for (const update2 of updates) {
+      if (update2.insertedCount !== update2.removedCount) return void 0;
+      for (let index = update2.position; index < update2.position + update2.removedCount; index += 1) {
+        touchedIndices.add(index);
+      }
+    }
+    for (let index = 0; index < previousInstances.length; index += 1) {
+      const instance = previousInstances[index];
+      const touched = touchedIndices.has(index);
+      if (!instance || instance.index !== index || (touched ? instance.element.parentNode !== root : !Object.is(instance.item, finalValue[index]))) {
+        return void 0;
+      }
+    }
+    const knownKeys2 = new Set(instances.keys());
+    const incomingKeys2 = /* @__PURE__ */ new Set();
+    let replacesRows = false;
+    const prepared = [];
+    try {
+      for (const index of [...touchedIndices].sort((left, right) => left - right)) {
+        const instance = previousInstances[index];
+        const item = finalValue[index];
+        const key = keyedRowIdentity(props.rowKey(item, index));
+        if (key !== instance.key) {
+          if (knownKeys2.has(key) || incomingKeys2.has(key)) return void 0;
+          incomingKeys2.add(key);
+          replacesRows = true;
+          const descriptor = props.create(item, index);
+          prepared.push([
+            index,
+            instance,
+            item,
+            void 0,
+            {
+              key,
+              element: createCompilerHostElement(root.ownerDocument, descriptor),
+              values: readKeyedRowBindingValues(props, item, index),
+              item,
+              index,
+              conditionalValues: EMPTY_KEYED_ROW_CONDITIONAL_VALUES
+            }
+          ]);
+          continue;
+        }
+        const bindingUpdates = prepareKeyedRowBindingUpdates(props, instance, item, index);
+        if (!bindingUpdates) return void 0;
+        prepared.push([index, instance, item, bindingUpdates, void 0]);
+      }
+    } catch {
+      return void 0;
+    }
+    for (const [index, instance, item, bindingUpdates, replacement] of prepared) {
+      if (replacement) {
+        instance.scope?.cleanup();
+        instance.element.replaceWith(replacement.element);
+        previousInstances[index] = replacement;
+      } else {
+        applyPreparedKeyedRowBindingUpdates(props, instance, bindingUpdates);
+        instance.item = item;
+      }
+    }
+    return replacesRows ? new Map(previousInstances.map((instance) => [instance.key, instance])) : instances;
+  }
+  const update = updates[0];
+  const removedEnd = update.position + update.removedCount;
+  for (let sourceIndex = 0; sourceIndex < update.sourceLength; sourceIndex += 1) {
+    const instance = previousInstances[sourceIndex];
+    if (!instance || instance.index !== sourceIndex) return void 0;
+    if (sourceIndex >= update.position && sourceIndex < removedEnd) continue;
+    const resultIndex = sourceIndex < update.position ? sourceIndex : sourceIndex - update.removedCount + update.insertedCount;
+    if (!Object.is(instance.item, finalValue[resultIndex])) return void 0;
+  }
+  const removed = previousInstances.slice(update.position, removedEnd);
+  const anchor = previousInstances[removedEnd]?.element;
+  if (removed.length !== update.removedCount || removed.some((instance) => instance.element.parentNode !== root) || anchor && anchor.parentNode !== root) {
+    return void 0;
+  }
+  const incomingItems = [];
+  const incomingKeys = [];
+  try {
+    for (let offset = 0; offset < update.insertedCount; offset += 1) {
+      const index = update.position + offset;
+      const item = finalValue[index];
+      const key = keyedRowIdentity(props.rowKey(item, index));
+      incomingItems.push(item);
+      incomingKeys.push(key);
+    }
+  } catch {
+    return void 0;
+  }
+  if (update.insertedCount === update.removedCount && incomingKeys.every((key, offset) => key === removed[offset].key)) {
+    const prepared = [];
+    try {
+      for (let offset = 0; offset < update.insertedCount; offset += 1) {
+        const updates2 = prepareKeyedRowBindingUpdates(
+          props,
+          removed[offset],
+          incomingItems[offset],
+          update.position + offset
+        );
+        if (!updates2) return void 0;
+        prepared.push(updates2);
+      }
+    } catch {
+      return void 0;
+    }
+    for (let offset = 0; offset < update.insertedCount; offset += 1) {
+      applyPreparedKeyedRowBindingUpdates(props, removed[offset], prepared[offset]);
+      removed[offset].item = incomingItems[offset];
+    }
+    return instances;
+  }
+  if (update.insertedCount === update.removedCount) {
+    const incomingKeySet = new Set(incomingKeys);
+    if (incomingKeySet.size !== incomingKeys.length) return void 0;
+    const removedByKey = new Map(
+      removed.map((instance, offset) => [instance.key, { instance, offset }])
+    );
+    if (incomingKeys.some((key) => removedByKey.has(key))) {
+      const nextWindow = [];
+      const sequence = [];
+      const preparedBindings = [];
+      try {
+        for (let offset = 0; offset < update.insertedCount; offset += 1) {
+          const index = update.position + offset;
+          const item = incomingItems[offset];
+          const key = incomingKeys[offset];
+          const retained = removedByKey.get(key);
+          if (retained) {
+            const bindingUpdates = prepareKeyedRowBindingUpdates(
+              props,
+              retained.instance,
+              item,
+              index
+            );
+            if (!bindingUpdates) return void 0;
+            nextWindow.push(retained.instance);
+            sequence.push(retained.offset);
+            preparedBindings.push(bindingUpdates);
+            continue;
+          }
+          if (instances.has(key)) return void 0;
+          const descriptor = props.create(item, index);
+          nextWindow.push({
+            key,
+            element: createCompilerHostElement(root.ownerDocument, descriptor),
+            values: readKeyedRowBindingValues(props, item, index),
+            item,
+            index,
+            conditionalValues: EMPTY_KEYED_ROW_CONDITIONAL_VALUES
+          });
+          sequence.push(-1);
+          preparedBindings.push(void 0);
+        }
+      } catch {
+        return void 0;
+      }
+      for (const instance of removed) {
+        if (incomingKeySet.has(instance.key)) continue;
+        instance.scope?.cleanup();
+        instance.element.remove();
+      }
+      for (let offset = 0; offset < nextWindow.length; offset += 1) {
+        const bindingUpdates = preparedBindings[offset];
+        if (bindingUpdates) {
+          const instance = nextWindow[offset];
+          applyPreparedKeyedRowBindingUpdates(props, instance, bindingUpdates);
+          instance.item = incomingItems[offset];
+          instance.index = update.position + offset;
+        }
+      }
+      reorderCompilerKeyedRows(root, nextWindow, sequence, anchor || null);
+      previousInstances.splice(update.position, update.removedCount, ...nextWindow);
+      return new Map(previousInstances.map((instance) => [instance.key, instance]));
+    }
+  }
+  const knownKeys = new Set(instances.keys());
+  const incoming = [];
+  try {
+    for (let offset = 0; offset < update.insertedCount; offset += 1) {
+      const index = update.position + offset;
+      const item = incomingItems[offset];
+      const key = incomingKeys[offset];
+      if (knownKeys.has(key)) return void 0;
+      knownKeys.add(key);
+      const descriptor = props.create(item, index);
+      incoming.push({
+        key,
+        element: createCompilerHostElement(root.ownerDocument, descriptor),
+        values: readKeyedRowBindingValues(props, item, index),
+        item,
+        index,
+        conditionalValues: EMPTY_KEYED_ROW_CONDITIONAL_VALUES
+      });
+    }
+  } catch {
+    return void 0;
+  }
+  for (const instance of removed) {
+    instance.scope?.cleanup();
+    instance.element.remove();
+  }
+  if (incoming.length > 0) {
+    const fragment = root.ownerDocument.createDocumentFragment();
+    for (const instance of incoming) fragment.append(instance.element);
+    root.insertBefore(fragment, anchor || null);
+  }
+  previousInstances.splice(update.position, update.removedCount, ...incoming);
+  for (let index = update.position + update.insertedCount; index < previousInstances.length; index += 1) {
+    previousInstances[index].index = index;
+  }
+  return new Map(previousInstances.map((instance) => [instance.key, instance]));
+}
+function reconcileCompilerKeyedArrayPositionWithBatch(...args) {
+  return reconcileCompilerKeyedArrayBatchInsert(...args) || reconcileCompilerKeyedArrayPosition(...args);
+}
+function reconcileCompilerKeyedArrayPositionWithWindow(...args) {
+  return reconcileCompilerKeyedArrayWindowReplace(...args) || reconcileCompilerKeyedArrayBatchInsert(...args) || reconcileCompilerKeyedArrayPosition(...args);
+}
 function reconcileCompilerKeyedArrayReorder(props, dirtyState, collectionToken, instances, root, reactOwnedRows) {
   if (reactOwnedRows || props.hostBlocks || (props.conditionals?.length || 0) > 0 || !props.reorderIndexIndependent || props.collectionDependency === void 0) {
     return void 0;
@@ -3837,8 +4303,6 @@ function createKeyedRowsBlockComponent(owner, options = {}) {
       }
       if (this.reconcileStableRows(rows, afterCommit, dirtyState)) return;
       if (this.reconcileSingleRemoval(rows, afterCommit, dirtyState)) return;
-      const activeElement = this.root.ownerDocument.activeElement;
-      const restoreFocus = Boolean(activeElement && this.root.contains(activeElement));
       const nextKeys = new Set(rows.keys);
       const hasSurvivingRows = rows.keys.some((key) => this.instances.has(key));
       const oldIndices = /* @__PURE__ */ new Map();
@@ -3852,7 +4316,6 @@ function createKeyedRowsBlockComponent(owner, options = {}) {
         }
       }
       const sequence = hasSurvivingRows ? rows.keys.map((key) => oldIndices.get(key) ?? -1) : rows.keys.map(() => -1);
-      const stablePositions = hasSurvivingRows ? longestIncreasingSubsequencePositions(sequence) : /* @__PURE__ */ new Set();
       const nextInstances = [];
       const conditionalChanges = [];
       for (let index = 0; index < rows.items.length; index += 1) {
@@ -3917,34 +4380,12 @@ function createKeyedRowsBlockComponent(owner, options = {}) {
         for (const instance of nextInstances) fragment.append(instance.element);
         this.root.replaceChildren(fragment);
       } else {
-        let anchor = null;
-        for (let index = nextInstances.length - 1; index >= 0; index -= 1) {
-          const instance = nextInstances[index];
-          if (sequence[index] < 0) {
-            let start = index;
-            while (start > 0 && sequence[start - 1] < 0) start -= 1;
-            const fragment = this.root.ownerDocument.createDocumentFragment();
-            for (let itemIndex = start; itemIndex <= index; itemIndex += 1) {
-              fragment.append(nextInstances[itemIndex].element);
-            }
-            this.root.insertBefore(fragment, anchor);
-            anchor = nextInstances[start].element;
-            index = start;
-          } else {
-            if (!stablePositions.has(index) && instance.element.nextSibling !== anchor) {
-              this.root.insertBefore(instance.element, anchor);
-            }
-            anchor = instance.element;
-          }
-        }
+        reorderCompilerKeyedRows(this.root, nextInstances, sequence, null);
       }
       this.instances = new Map(nextInstances.map((instance) => [instance.key, instance]));
       this.rebuildElementIndex(this.instances);
       this.pruneEventHandlers(rows.keys);
       this.pruneConditionalListeners(rows.keys);
-      if (restoreFocus && activeElement?.isConnected && activeElement.ownerDocument.activeElement !== activeElement && "focus" in activeElement) {
-        activeElement.focus({ preventScroll: true });
-      }
       this.commitCurrentCollection(dirtyState);
       this.notifyConditionalChanges(conditionalChanges, afterCommit);
     }
@@ -4434,6 +4875,22 @@ var keyedRowsPositionHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsBatchPositionHintedRuntimeFeature = {
+  name: "keyed-rows:batch-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      keyedUpdates: keyedBatchPositionUpdateRuntime
+    })
+  })
+};
+var keyedRowsWindowPositionHintedRuntimeFeature = {
+  name: "keyed-rows:window-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      keyedUpdates: keyedWindowPositionUpdateRuntime
+    })
+  })
+};
 var keyedRowsReorderHintedRuntimeFeature = {
   name: "keyed-rows:reorder-hinted",
   create: (owner) => ({
@@ -4458,6 +4915,22 @@ var keyedRowsEveryHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsBatchEveryHintedRuntimeFeature = {
+  name: "keyed-rows:batch-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      keyedUpdates: keyedBatchEveryUpdateRuntime
+    })
+  })
+};
+var keyedRowsWindowEveryHintedRuntimeFeature = {
+  name: "keyed-rows:window-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      keyedUpdates: keyedWindowEveryUpdateRuntime
+    })
+  })
+};
 var keyedRowsFilterHintedRuntimeFeature = {
   name: "keyed-rows:filter-hinted",
   create: (owner) => ({
@@ -4508,6 +4981,24 @@ var keyedRowsConditionalPositionHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsConditionalBatchPositionHintedRuntimeFeature = {
+  name: "keyed-rows:conditional:batch-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      keyedUpdates: keyedBatchPositionUpdateRuntime
+    })
+  })
+};
+var keyedRowsConditionalWindowPositionHintedRuntimeFeature = {
+  name: "keyed-rows:conditional:window-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      keyedUpdates: keyedWindowPositionUpdateRuntime
+    })
+  })
+};
 var keyedRowsConditionalReorderHintedRuntimeFeature = {
   name: "keyed-rows:conditional:reorder-hinted",
   create: (owner) => ({
@@ -4535,6 +5026,24 @@ var keyedRowsConditionalEveryHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsConditionalBatchEveryHintedRuntimeFeature = {
+  name: "keyed-rows:conditional:batch-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      keyedUpdates: keyedBatchEveryUpdateRuntime
+    })
+  })
+};
+var keyedRowsConditionalWindowEveryHintedRuntimeFeature = {
+  name: "keyed-rows:conditional:window-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      keyedUpdates: keyedWindowEveryUpdateRuntime
+    })
+  })
+};
 var keyedRowsConditionalFilterHintedRuntimeFeature = {
   name: "keyed-rows:conditional:filter-hinted",
   create: (owner) => ({
@@ -4588,6 +5097,24 @@ var keyedRowsHostPositionHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsHostBatchPositionHintedRuntimeFeature = {
+  name: "keyed-rows:host:batch-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedBatchPositionUpdateRuntime
+    })
+  })
+};
+var keyedRowsHostWindowPositionHintedRuntimeFeature = {
+  name: "keyed-rows:host:window-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedWindowPositionUpdateRuntime
+    })
+  })
+};
 var keyedRowsHostReorderHintedRuntimeFeature = {
   name: "keyed-rows:host:reorder-hinted",
   create: (owner) => ({
@@ -4615,6 +5142,24 @@ var keyedRowsHostEveryHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsHostBatchEveryHintedRuntimeFeature = {
+  name: "keyed-rows:host:batch-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedBatchEveryUpdateRuntime
+    })
+  })
+};
+var keyedRowsHostWindowEveryHintedRuntimeFeature = {
+  name: "keyed-rows:host:window-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedWindowEveryUpdateRuntime
+    })
+  })
+};
 var keyedRowsHostFilterHintedRuntimeFeature = {
   name: "keyed-rows:host:filter-hinted",
   create: (owner) => ({
@@ -4671,6 +5216,26 @@ var keyedRowsCompletePositionHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsCompleteBatchPositionHintedRuntimeFeature = {
+  name: "keyed-rows:complete:batch-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedBatchPositionUpdateRuntime
+    })
+  })
+};
+var keyedRowsCompleteWindowPositionHintedRuntimeFeature = {
+  name: "keyed-rows:complete:window-position-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedWindowPositionUpdateRuntime
+    })
+  })
+};
 var keyedRowsCompleteReorderHintedRuntimeFeature = {
   name: "keyed-rows:complete:reorder-hinted",
   create: (owner) => ({
@@ -4701,6 +5266,26 @@ var keyedRowsCompleteEveryHintedRuntimeFeature = {
     })
   })
 };
+var keyedRowsCompleteBatchEveryHintedRuntimeFeature = {
+  name: "keyed-rows:complete:batch-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedBatchEveryUpdateRuntime
+    })
+  })
+};
+var keyedRowsCompleteWindowEveryHintedRuntimeFeature = {
+  name: "keyed-rows:complete:window-every-hinted",
+  create: (owner) => ({
+    KeyedRows: createKeyedRowsBlockComponent(owner, {
+      conditionals: createKeyedRowConditionalRuntime(),
+      hostBlocks: createKeyedRowHostRuntime(),
+      keyedUpdates: keyedWindowEveryUpdateRuntime
+    })
+  })
+};
 var keyedRowsCompleteFilterHintedRuntimeFeature = {
   name: "keyed-rows:complete:filter-hinted",
   create: (owner) => ({
@@ -5203,7 +5788,7 @@ var COMPLETE_RUNTIME_FEATURES = [
   hostConditionalRuntimeFeature,
   conditionalRangesRuntimeFeature,
   keyedListRuntimeFeature,
-  keyedRowsCompleteEveryHintedRuntimeFeature,
+  keyedRowsCompleteWindowEveryHintedRuntimeFeature,
   keyedRangesRuntimeFeature,
   mixedRangesRuntimeFeature,
   componentRuntimeFeature
@@ -5219,6 +5804,7 @@ exports.conditionalRuntimeFeature = conditionalRuntimeFeature;
 exports.createCompiledComponent = createCompiledComponent;
 exports.createCompiledComponentWithFeatures = createCompiledComponentWithFeatures;
 exports.createCompilerKeyedArrayAppend = createCompilerKeyedArrayAppend;
+exports.createCompilerKeyedArrayBatchInsert = createCompilerKeyedArrayBatchInsert;
 exports.createCompilerKeyedArrayFilter = createCompilerKeyedArrayFilter;
 exports.createCompilerKeyedArrayPositionUpdate = createCompilerKeyedArrayPositionUpdate;
 exports.createCompilerKeyedArrayPrepend = createCompilerKeyedArrayPrepend;
@@ -5226,13 +5812,18 @@ exports.createCompilerKeyedArrayReorder = createCompilerKeyedArrayReorder;
 exports.createCompilerKeyedArrayRollingWindow = createCompilerKeyedArrayRollingWindow;
 exports.createCompilerKeyedArraySlice = createCompilerKeyedArraySlice;
 exports.createCompilerKeyedArraySort = createCompilerKeyedArraySort;
+exports.createCompilerKeyedArrayWindowReplace = createCompilerKeyedArrayWindowReplace;
 exports.createCompilerKeyedCollectionUpdate = createCompilerKeyedCollectionUpdate;
 exports.createCompilerKeyedMapUpdate = createCompilerKeyedMapUpdate;
 exports.hostConditionalRuntimeFeature = hostConditionalRuntimeFeature;
 exports.keyedListRuntimeFeature = keyedListRuntimeFeature;
 exports.keyedRangesRuntimeFeature = keyedRangesRuntimeFeature;
 exports.keyedRowsAllHintedRuntimeFeature = keyedRowsAllHintedRuntimeFeature;
+exports.keyedRowsBatchEveryHintedRuntimeFeature = keyedRowsBatchEveryHintedRuntimeFeature;
+exports.keyedRowsBatchPositionHintedRuntimeFeature = keyedRowsBatchPositionHintedRuntimeFeature;
 exports.keyedRowsCompleteAllHintedRuntimeFeature = keyedRowsCompleteAllHintedRuntimeFeature;
+exports.keyedRowsCompleteBatchEveryHintedRuntimeFeature = keyedRowsCompleteBatchEveryHintedRuntimeFeature;
+exports.keyedRowsCompleteBatchPositionHintedRuntimeFeature = keyedRowsCompleteBatchPositionHintedRuntimeFeature;
 exports.keyedRowsCompleteEveryHintedRuntimeFeature = keyedRowsCompleteEveryHintedRuntimeFeature;
 exports.keyedRowsCompleteFilterHintedRuntimeFeature = keyedRowsCompleteFilterHintedRuntimeFeature;
 exports.keyedRowsCompleteFilterPrependHintedRuntimeFeature = keyedRowsCompleteFilterPrependHintedRuntimeFeature;
@@ -5241,7 +5832,11 @@ exports.keyedRowsCompletePositionHintedRuntimeFeature = keyedRowsCompletePositio
 exports.keyedRowsCompletePrependHintedRuntimeFeature = keyedRowsCompletePrependHintedRuntimeFeature;
 exports.keyedRowsCompleteReorderHintedRuntimeFeature = keyedRowsCompleteReorderHintedRuntimeFeature;
 exports.keyedRowsCompleteRuntimeFeature = keyedRowsCompleteRuntimeFeature;
+exports.keyedRowsCompleteWindowEveryHintedRuntimeFeature = keyedRowsCompleteWindowEveryHintedRuntimeFeature;
+exports.keyedRowsCompleteWindowPositionHintedRuntimeFeature = keyedRowsCompleteWindowPositionHintedRuntimeFeature;
 exports.keyedRowsConditionalAllHintedRuntimeFeature = keyedRowsConditionalAllHintedRuntimeFeature;
+exports.keyedRowsConditionalBatchEveryHintedRuntimeFeature = keyedRowsConditionalBatchEveryHintedRuntimeFeature;
+exports.keyedRowsConditionalBatchPositionHintedRuntimeFeature = keyedRowsConditionalBatchPositionHintedRuntimeFeature;
 exports.keyedRowsConditionalEveryHintedRuntimeFeature = keyedRowsConditionalEveryHintedRuntimeFeature;
 exports.keyedRowsConditionalFilterHintedRuntimeFeature = keyedRowsConditionalFilterHintedRuntimeFeature;
 exports.keyedRowsConditionalFilterPrependHintedRuntimeFeature = keyedRowsConditionalFilterPrependHintedRuntimeFeature;
@@ -5250,11 +5845,15 @@ exports.keyedRowsConditionalPositionHintedRuntimeFeature = keyedRowsConditionalP
 exports.keyedRowsConditionalPrependHintedRuntimeFeature = keyedRowsConditionalPrependHintedRuntimeFeature;
 exports.keyedRowsConditionalReorderHintedRuntimeFeature = keyedRowsConditionalReorderHintedRuntimeFeature;
 exports.keyedRowsConditionalRuntimeFeature = keyedRowsConditionalRuntimeFeature;
+exports.keyedRowsConditionalWindowEveryHintedRuntimeFeature = keyedRowsConditionalWindowEveryHintedRuntimeFeature;
+exports.keyedRowsConditionalWindowPositionHintedRuntimeFeature = keyedRowsConditionalWindowPositionHintedRuntimeFeature;
 exports.keyedRowsEveryHintedRuntimeFeature = keyedRowsEveryHintedRuntimeFeature;
 exports.keyedRowsFilterHintedRuntimeFeature = keyedRowsFilterHintedRuntimeFeature;
 exports.keyedRowsFilterPrependHintedRuntimeFeature = keyedRowsFilterPrependHintedRuntimeFeature;
 exports.keyedRowsHintedRuntimeFeature = keyedRowsHintedRuntimeFeature;
 exports.keyedRowsHostAllHintedRuntimeFeature = keyedRowsHostAllHintedRuntimeFeature;
+exports.keyedRowsHostBatchEveryHintedRuntimeFeature = keyedRowsHostBatchEveryHintedRuntimeFeature;
+exports.keyedRowsHostBatchPositionHintedRuntimeFeature = keyedRowsHostBatchPositionHintedRuntimeFeature;
 exports.keyedRowsHostEveryHintedRuntimeFeature = keyedRowsHostEveryHintedRuntimeFeature;
 exports.keyedRowsHostFilterHintedRuntimeFeature = keyedRowsHostFilterHintedRuntimeFeature;
 exports.keyedRowsHostFilterPrependHintedRuntimeFeature = keyedRowsHostFilterPrependHintedRuntimeFeature;
@@ -5263,10 +5862,14 @@ exports.keyedRowsHostPositionHintedRuntimeFeature = keyedRowsHostPositionHintedR
 exports.keyedRowsHostPrependHintedRuntimeFeature = keyedRowsHostPrependHintedRuntimeFeature;
 exports.keyedRowsHostReorderHintedRuntimeFeature = keyedRowsHostReorderHintedRuntimeFeature;
 exports.keyedRowsHostRuntimeFeature = keyedRowsHostRuntimeFeature;
+exports.keyedRowsHostWindowEveryHintedRuntimeFeature = keyedRowsHostWindowEveryHintedRuntimeFeature;
+exports.keyedRowsHostWindowPositionHintedRuntimeFeature = keyedRowsHostWindowPositionHintedRuntimeFeature;
 exports.keyedRowsPositionHintedRuntimeFeature = keyedRowsPositionHintedRuntimeFeature;
 exports.keyedRowsPrependHintedRuntimeFeature = keyedRowsPrependHintedRuntimeFeature;
 exports.keyedRowsReorderHintedRuntimeFeature = keyedRowsReorderHintedRuntimeFeature;
 exports.keyedRowsRuntimeFeature = keyedRowsRuntimeFeature;
+exports.keyedRowsWindowEveryHintedRuntimeFeature = keyedRowsWindowEveryHintedRuntimeFeature;
+exports.keyedRowsWindowPositionHintedRuntimeFeature = keyedRowsWindowPositionHintedRuntimeFeature;
 exports.mixedRangesRuntimeFeature = mixedRangesRuntimeFeature;
 //# sourceMappingURL=compiler-runtime.cjs.map
 //# sourceMappingURL=compiler-runtime.cjs.map