virtua 0.50.0 → 0.50.2

package/lib/svelte/ListItem.svelte

@@ -12,6 +12,7 @@
     offset: number;
     hide: boolean;
     horizontal: boolean;
+    isSSR?: boolean;
     resizer: ItemResizeObserver;
     itemProps?: ItemAttrs | undefined;
   }
@@ -24,6 +25,7 @@
     offset,
     hide,
     horizontal,
+    isSSR,
     resizer,
     itemProps,
   }: Props = $props();
@@ -45,11 +47,11 @@
   let style: string = $derived.by(() => {
     const _style: Record<string, string | undefined> = {
       contain: "layout style",
-      position: "absolute",
+      position: hide && isSSR ? undefined : "absolute",
       [horizontal ? "height" : "width"]: "100%",
       [horizontal ? "top" : "left"]: "0px",
       [horizontal ? "left" : "top"]: offset + "px",
-      visibility: hide ? "hidden" : undefined,
+      visibility: !hide || isSSR ? undefined : "hidden",
       ...itemProps?.style,
     };
     if (horizontal) {

package/lib/svelte/Virtualizer.svelte

@@ -61,6 +61,8 @@
     onscrollend && onscrollend();
   });
 
+  let isSSR = $state(!!ssrCount);
+
   let containerRef: HTMLDivElement | undefined = $state();
 
   let stateVersion: StateVersion = $state(store.$getStateVersion());
@@ -97,19 +99,27 @@
   });
 
   onMount(() => {
+    isSSR = false;
+
+    let unmounted = false;
     const container = containerRef!;
-    const assignRef = (scrollable: HTMLElement) => {
-      resizer.$observeRoot(scrollable);
-      scroller.$observe(container, scrollable);
-    };
     // parent's ref may not exist on mount https://github.com/inokawa/virtua/issues/603 https://github.com/inokawa/virtua/issues/690
     tick().then(() => {
+      // https://github.com/inokawa/virtua/pull/914
+      if (unmounted) return;
+      const assignRef = (scrollable: HTMLElement) => {
+        resizer.$observeRoot(scrollable);
+        scroller.$observe(container, scrollable);
+      };
       if (scrollRef) {
         assignRef(scrollRef);
       } else {
         assignRef(container.parentElement!);
       }
     });
+    return () => {
+      unmounted = true;
+    };
   });
   onDestroy(() => {
     store.$dispose();
@@ -187,6 +197,7 @@
       offset={stateVersion && store.$getItemOffset(index, negative)}
       hide={stateVersion && store.$isUnmeasuredItem(index)}
       {horizontal}
+      {isSSR}
       resizer={resizer.$observeItem}
       itemProps={itemProps?.({ item, index })}
     />

package/lib/svelte/index.d.ts

@@ -6,4 +6,4 @@ export type { VListProps, VListHandle } from './VList.type.js';
 export { default as Virtualizer } from './Virtualizer.svelte';
 export type { VirtualizerProps, VirtualizerHandle, } from './Virtualizer.type.js';
 export { default as WindowVirtualizer } from './WindowVirtualizer.svelte';
-export type { WindowVirtualizerProps } from './WindowVirtualizer.type.js';
+export type { WindowVirtualizerProps, WindowVirtualizerHandle, } from './WindowVirtualizer.type.js';

package/lib/vue/index.cjs

@@ -265,7 +265,7 @@ var {min: t, max: r, abs: o, floor: n} = Math, s = (e, o, n) => t(n, r(o, e)), i
             t && t.disconnect();
         }
     };
-}, O = /*#__PURE__*/ /*#__PURE__*/ (0, e.defineComponent)({
+}, O = /* @__PURE__ */ /* @__PURE__ */ (0, e.defineComponent)({
     props: {
         L: {
             type: Object,
@@ -336,7 +336,7 @@ var {min: t, max: r, abs: o, floor: n} = Math, s = (e, o, n) => t(n, r(o, e)), i
         if (null != t) return t;
     }
     return "_" + t;
-}, j = (e, t) => e[0] === t[0] && e[1] === t[1], N = /*#__PURE__*/ /*#__PURE__*/ (0, 
+}, j = (e, t) => e[0] === t[0] && e[1] === t[1], N = /* @__PURE__ */ /* @__PURE__ */ (0, 
 e.defineComponent)({
     props: {
         data: {
@@ -507,7 +507,7 @@ e.defineComponent)({
                         item: t.data[r],
                         index: r
                     })
-                }, null, 8, [ "_stateVersion", "_store", "_resizer", "_index", "_children", "_isHorizontal", "_isNegative", "_isSSR", "_as", "_itemProps" ]);
+                }, null, 8, [ "L", "W", "Y", "D", "X", "U", "K", "G", "Z", "ee" ]);
             };
             if (t.keepMounted) {
                 const e = new Set(t.keepMounted);
@@ -535,7 +535,7 @@ e.defineComponent)({
             var y;
         };
     }
-}), q = /*#__PURE__*/ /*#__PURE__*/ (0, e.defineComponent)({
+}), q = /* @__PURE__ */ /* @__PURE__ */ (0, e.defineComponent)({
     props: {
         data: {
             type: Array,
@@ -606,7 +606,7 @@ e.defineComponent)({
             var r;
         };
     }
-}), B = /*#__PURE__*/ /*#__PURE__*/ (0, e.defineComponent)({
+}), B = /* @__PURE__ */ /* @__PURE__ */ (0, e.defineComponent)({
     props: {
         data: {
             type: Array,
@@ -757,7 +757,7 @@ e.defineComponent)({
                     U: i,
                     K: l,
                     Z: n
-                }, null, 8, [ "_stateVersion", "_store", "_resizer", "_index", "_children", "_isHorizontal", "_isNegative", "_as" ]));
+                }, null, 8, [ "L", "W", "Y", "D", "X", "U", "K", "Z" ]));
             }
             return (0, e.createVNode)(r, {
                 ref: a,