virtua 0.48.3 → 0.48.4

package/lib/svelte/VList.svelte

@@ -10,6 +10,7 @@
     getKey,
     bufferSize,
     itemSize,
+    ssrCount,
     shift,
     horizontal,
     keepMounted,
@@ -32,27 +33,27 @@
     ref.getViewportSize()) satisfies VListHandle["getViewportSize"] as VListHandle["getViewportSize"];
   export const findItemIndex = ((...args) =>
     ref.findItemIndex(
-      ...args
+      ...args,
     )) satisfies VListHandle["findItemIndex"] as VListHandle["findItemIndex"];
   export const getItemOffset = ((...args) =>
     ref.getItemOffset(
-      ...args
+      ...args,
     )) satisfies VListHandle["getItemOffset"] as VListHandle["getItemOffset"];
   export const getItemSize = ((...args) =>
     ref.getItemSize(
-      ...args
+      ...args,
     )) satisfies VListHandle["getItemSize"] as VListHandle["getItemSize"];
   export const scrollToIndex = ((...args) =>
     ref.scrollToIndex(
-      ...args
+      ...args,
     )) satisfies VListHandle["scrollToIndex"] as VListHandle["scrollToIndex"];
   export const scrollTo = ((...args) =>
     ref.scrollTo(
-      ...args
+      ...args,
     )) satisfies VListHandle["scrollTo"] as VListHandle["scrollTo"];
   export const scrollBy = ((...args) =>
     ref.scrollBy(
-      ...args
+      ...args,
     )) satisfies VListHandle["scrollBy"] as VListHandle["scrollBy"];
 
   const viewportStyle = styleToString({
@@ -76,6 +77,7 @@
     {getKey}
     {bufferSize}
     {itemSize}
+    {ssrCount}
     {shift}
     {horizontal}
     {keepMounted}

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

@@ -3,7 +3,7 @@ import type { VirtualizerHandle, VirtualizerProps } from "./Virtualizer.type.js"
 /**
  * Props of {@link VList}.
  */
-export interface VListProps<T> extends Pick<VirtualizerProps<T>, "data" | "getKey" | "bufferSize" | "itemSize" | "shift" | "horizontal" | "children" | "onscroll" | "onscrollend" | "keepMounted" | "cache">, ViewportComponentAttributes {
+export interface VListProps<T> extends Pick<VirtualizerProps<T>, "data" | "getKey" | "bufferSize" | "itemSize" | "ssrCount" | "shift" | "horizontal" | "children" | "onscroll" | "onscrollend" | "keepMounted" | "cache">, ViewportComponentAttributes {
 }
 /**
  * Methods of {@link VList}.

package/lib/svelte/Virtualizer.svelte

@@ -30,6 +30,7 @@
     scrollRef,
     bufferSize,
     itemSize,
+    ssrCount,
     shift = false,
     horizontal = false,
     keepMounted,
@@ -43,9 +44,9 @@
   const store = createVirtualStore(
     data.length,
     itemSize,
-    undefined,
+    ssrCount,
     cache,
-    !itemSize
+    !itemSize,
   );
   const resizer = createResizer(store, horizontal);
   const scroller = createScroller(store, horizontal);
@@ -133,7 +134,7 @@
     store.$getScrollOffset satisfies VirtualizerHandle["getScrollOffset"] as VirtualizerHandle["getScrollOffset"];
   export const getScrollSize = (() =>
     _getScrollSize(
-      store
+      store,
     )) satisfies VirtualizerHandle["getScrollSize"] as VirtualizerHandle["getScrollSize"];
   export const getViewportSize =
     store.$getViewportSize satisfies VirtualizerHandle["getViewportSize"] as VirtualizerHandle["getViewportSize"];
@@ -159,7 +160,7 @@
       width: horizontal ? totalSize + "px" : "100%",
       height: horizontal ? "100%" : totalSize + "px",
       "pointer-events": isScrolling ? "none" : undefined,
-    })
+    }),
   );
 </script>
 

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

@@ -44,6 +44,10 @@ export interface VirtualizerProps<T> {
      * - If set, you can opt out estimation and use the value as initial item size.
      */
     itemSize?: number;
+    /**
+     * A prop for SSR. If set, the specified amount of items will be mounted in the initial rendering regardless of the container size until hydrated. The minimum value is 0.
+     */
+    ssrCount?: number;
     /**
      * While true is set, scroll position will be maintained from the end not usual start when items are added to/removed from start. It's recommended to set false if you add to/remove from mid/end of the list because it can cause unexpected behavior. This prop is useful for reverse infinite scrolling.
      */

package/lib/svelte/WindowVirtualizer.svelte

@@ -38,7 +38,7 @@
     itemSize,
     undefined,
     cache,
-    !itemSize
+    !itemSize,
   );
   const resizer = createWindowResizer(store, horizontal);
   const scroller = createWindowScroller(store, horizontal);
@@ -118,7 +118,7 @@
       width: horizontal ? totalSize + "px" : "100%",
       height: horizontal ? "100%" : totalSize + "px",
       "pointer-events": isScrolling ? "none" : undefined,
-    })
+    }),
   );
 </script>
 

package/lib/svelte/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAAO,MAAM,aAAa,GAAG,CAC3B,GAAuC,KAC7B;AACV,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;AACxC,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;AACpB,QAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,YAAA,OAAO,GAAG;QACZ;AACA,QAAA,OAAO,GAAG,GAAG,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG;IAC/B,CAAC,EAAE,EAAE,CAAC;AACR;AAEO,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,CAAS,KAAK,GAAG,GAAG;;;;"}
+{"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAAO,MAAM,aAAa,GAAG,CAC3B,GAAuC,KAC7B;AACV,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAI;AACxC,QAAA,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;AACpB,QAAA,IAAI,KAAK,IAAI,IAAI,EAAE;AACjB,YAAA,OAAO,GAAG;QACZ;AACA,QAAA,OAAO,GAAG,GAAG,CAAA,EAAG,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG;IAC/B,CAAC,EAAE,EAAE,CAAC;AACR;AAEO,MAAM,aAAa,GAAG,CAAC,KAAc,EAAE,CAAS,KAAK,GAAG,GAAG;;;;"}