virtua 0.50.6 → 0.51.1

package/lib/svelte/WindowVirtualizer.svelte

@@ -2,6 +2,7 @@
   import { onMount, onDestroy } from "svelte";
   import {
     ACTION_ITEMS_LENGTH_CHANGE,
+    type ItemsRange,
     type StateVersion,
     UPDATE_SCROLL_END_EVENT,
     UPDATE_SCROLL_EVENT,
@@ -12,7 +13,7 @@
     createWindowDriver,
     scrollToIndex as _scrollToIndex,
   } from "../core/index.js";
-  import { defaultGetKey, styleToString } from "./utils.js";
+  import { defaultGetKey, isSameRange, styleToString } from "./utils.js";
   import ListItem from "./ListItem.svelte";
   import type {
     WindowVirtualizerHandle,
@@ -55,10 +56,17 @@
 
   let stateVersion: StateVersion = $state(store.$getStateVersion());
 
-  let range = $derived(stateVersion && store.$getRange(bufferSize));
+  let prevRange: ItemsRange | undefined;
+  let range = $derived.by(() => {
+    stateVersion;
+    const next = store.$getRange(bufferSize);
+    if (prevRange && isSameRange(prevRange, next)) {
+      return prevRange;
+    }
+    return (prevRange = next);
+  });
   let isScrolling = $derived(stateVersion && store.$isScrolling());
   let totalSize = $derived(stateVersion && store.$getTotalSize());
-  let negative = $derived(stateVersion && driver.$isNegative());
 
   let indexes = $derived.by(() => {
     // https://github.com/inokawa/virtua/pull/847
@@ -139,7 +147,7 @@
       {item}
       {index}
       as="div"
-      offset={stateVersion && store.$getItemOffset(index, negative)}
+      offset={stateVersion && store.$getItemOffset(index)}
       hide={stateVersion && store.$isUnmeasuredItem(index)}
       {horizontal}
       {isSSR}

package/lib/svelte/WindowVirtualizer.type.d.ts

@@ -65,11 +65,11 @@ export interface WindowVirtualizerHandle {
      */
     getCache: () => CacheSnapshot;
     /**
-     * Get current scrollTop, or scrollLeft if horizontal: true.
+     * Get current scrollTop, or scrollLeft if horizontal: true. Always positive even in RTL.
      */
     getScrollOffset: () => number;
     /**
-     * Get current offsetHeight, or offsetWidth if horizontal: true.
+     * Get current clientHeight of the document, or clientWidth if horizontal: true.
      */
     getViewportSize: () => number;
     /**

package/lib/svelte/utils.d.ts

@@ -1,4 +1,6 @@
+import { ItemsRange } from '../core/index.js';
 export declare const styleToString: (obj: Record<string, string | undefined>) => string;
+export declare const isSameRange: (prev: ItemsRange, next: ItemsRange) => boolean;
 export declare const defaultGetKey: (_data: unknown, i: number) => string;
 /**
  * A function that provides properties/attributes for item element

package/lib/svelte/utils.js

@@ -6,8 +6,11 @@ var styleToString = (obj) => {
 		return acc + `${k}:${value};`;
 	}, "");
 };
+var isSameRange = (prev, next) => {
+	return prev[0] === next[0] && prev[1] === next[1];
+};
 var defaultGetKey = (_data, i) => "_" + i;
 //#endregion
-export { defaultGetKey, styleToString };
+export { defaultGetKey, isSameRange, styleToString };
 
 //# sourceMappingURL=utils.js.map

package/lib/svelte/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../src/svelte/utils.ts"],"sourcesContent":["export const styleToString = (\n  obj: Record<string, string | undefined>,\n): string => {\n  return Object.keys(obj).reduce((acc, k) => {\n    const value = obj[k];\n    if (value == null) {\n      return acc;\n    }\n    return acc + `${k}:${value};`;\n  }, \"\");\n};\n\nexport const defaultGetKey = (_data: unknown, i: number) => \"_\" + i;\n\n/**\n * @internal\n */\nexport type ItemAttrs = {\n  [key: string]: any;\n  style?: Record<string, string | undefined>;\n  class?: string;\n};\n\n/**\n * A function that provides properties/attributes for item element\n */\nexport type ItemProps<T = unknown> = (payload: {\n  item: T;\n  index: number;\n}) => ItemAttrs | undefined;\n"],"mappings":";AAAA,IAAa,iBACX,QACW;CACX,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,QAAQ,KAAK,MAAM;EACzC,MAAM,QAAQ,IAAI;EAClB,IAAI,SAAS,MACX,OAAO;EAET,OAAO,MAAM,GAAG,EAAE,GAAG,MAAM;CAC7B,GAAG,EAAE;AACP;AAEA,IAAa,iBAAiB,OAAgB,MAAc,MAAM"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/svelte/utils.ts"],"sourcesContent":["import type { ItemsRange } from \"../core/index.js\";\n\nexport const styleToString = (\n  obj: Record<string, string | undefined>,\n): string => {\n  return Object.keys(obj).reduce((acc, k) => {\n    const value = obj[k];\n    if (value == null) {\n      return acc;\n    }\n    return acc + `${k}:${value};`;\n  }, \"\");\n};\n\nexport const isSameRange = (prev: ItemsRange, next: ItemsRange): boolean => {\n  return prev[0] === next[0] && prev[1] === next[1];\n};\n\nexport const defaultGetKey = (_data: unknown, i: number) => \"_\" + i;\n\n/**\n * @internal\n */\nexport type ItemAttrs = {\n  [key: string]: any;\n  style?: Record<string, string | undefined>;\n  class?: string;\n};\n\n/**\n * A function that provides properties/attributes for item element\n */\nexport type ItemProps<T = unknown> = (payload: {\n  item: T;\n  index: number;\n}) => ItemAttrs | undefined;\n"],"mappings":";AAEA,IAAa,iBACX,QACW;CACX,OAAO,OAAO,KAAK,GAAG,CAAC,CAAC,QAAQ,KAAK,MAAM;EACzC,MAAM,QAAQ,IAAI;EAClB,IAAI,SAAS,MACX,OAAO;EAET,OAAO,MAAM,GAAG,EAAE,GAAG,MAAM;CAC7B,GAAG,EAAE;AACP;AAEA,IAAa,eAAe,MAAkB,SAA8B;CAC1E,OAAO,KAAK,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK;AACjD;AAEA,IAAa,iBAAiB,OAAgB,MAAc,MAAM"}

package/lib/vue/Virtualizer.d.ts

@@ -95,7 +95,7 @@ export interface VirtualizerHandle {
      */
     readonly cache: CacheSnapshot;
     /**
-     * Get current scrollTop, or scrollLeft if horizontal: true.
+     * Get current scrollTop, or scrollLeft if horizontal: true. Always positive even in RTL.
      */
     readonly scrollOffset: number;
     /**
@@ -103,7 +103,7 @@ export interface VirtualizerHandle {
      */
     readonly scrollSize: number;
     /**
-     * Get current offsetHeight, or offsetWidth if horizontal: true.
+     * Get current clientHeight, or clientWidth if horizontal: true.
      */
     readonly viewportSize: number;
     /**

package/lib/vue/WindowVirtualizer.d.ts

@@ -75,11 +75,11 @@ export interface WindowVirtualizerHandle {
      */
     readonly cache: CacheSnapshot;
     /**
-     * Get current scrollTop, or scrollLeft if horizontal: true.
+     * Get current scrollTop, or scrollLeft if horizontal: true. Always positive even in RTL.
      */
     readonly scrollOffset: number;
     /**
-     * Get current offsetHeight, or offsetWidth if horizontal: true.
+     * Get current clientHeight of the document, or clientWidth if horizontal: true.
      */
     readonly viewportSize: number;
     /**