virtua 0.49.2 → 0.50.0

package/lib/svelte/VList.svelte

@@ -15,6 +15,7 @@
     horizontal,
     keepMounted,
     cache,
+    itemProps,
     children,
     onscroll,
     onscrollend,
@@ -82,6 +83,7 @@
     {horizontal}
     {keepMounted}
     {cache}
+    {itemProps}
     {onscroll}
     {onscrollend}
   />

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

@@ -1,9 +1,9 @@
-import type { ViewportComponentAttributes } from "./types.js";
-import type { VirtualizerHandle, VirtualizerProps } from "./Virtualizer.type.js";
+import { ViewportComponentAttributes } from './types.js';
+import { VirtualizerHandle, VirtualizerProps } from './Virtualizer.type.js';
 /**
  * Props of {@link VList}.
  */
-export interface VListProps<T> extends Pick<VirtualizerProps<T>, "data" | "getKey" | "bufferSize" | "itemSize" | "ssrCount" | "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" | "itemProps">, ViewportComponentAttributes {
 }
 /**
  * Methods of {@link VList}.

package/lib/svelte/Virtualizer.svelte

@@ -27,6 +27,7 @@
     getKey = defaultGetKey,
     as = "div",
     item: itemAs,
+    itemProps,
     scrollRef,
     bufferSize,
     itemSize,
@@ -187,6 +188,7 @@
       hide={stateVersion && store.$isUnmeasuredItem(index)}
       {horizontal}
       resizer={resizer.$observeItem}
+      itemProps={itemProps?.({ item, index })}
     />
   {/each}
 </svelte:element>

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

@@ -1,6 +1,7 @@
-import { type Snippet } from "svelte";
-import type { SvelteHTMLElements } from "svelte/elements";
-import { type CacheSnapshot, type ScrollToIndexOpts } from "../core/index.js";
+import { Snippet } from 'svelte';
+import { SvelteHTMLElements } from 'svelte/elements';
+import { CacheSnapshot, ScrollToIndexOpts } from '../core/index.js';
+import { ItemProps } from './utils.js';
 /**
  * Props of {@link Virtualizer}.
  */
@@ -28,6 +29,10 @@ export interface VirtualizerProps<T> {
      * @defaultValue "div"
      */
     item?: keyof SvelteHTMLElements;
+    /**
+     * A function that provides properties/attributes for item element
+     */
+    itemProps?: ItemProps<T>;
     /**
      * Extra item space in pixels to render before/after the viewport. The minimum value is 0. Lower value will give better performance but you can increase to avoid showing blank items in fast scrolling.
      * @defaultValue 200

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

@@ -1,5 +1,5 @@
-import { type Snippet } from "svelte";
-import { type CacheSnapshot, type ScrollToIndexOpts } from "../core/index.js";
+import { Snippet } from 'svelte';
+import { CacheSnapshot, ScrollToIndexOpts } from '../core/index.js';
 /**
  * Props of {@link WindowVirtualizer}.
  */

package/lib/svelte/index.d.ts

@@ -1,9 +1,9 @@
 /**
  * @module svelte
  */
-export { default as VList } from "./VList.svelte";
-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 { default as VList } from './VList.svelte';
+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';

package/lib/svelte/index.js

@@ -1,4 +1,4 @@
-export { default as VList } from './VList.svelte';
-export { default as Virtualizer } from './Virtualizer.svelte';
-export { default as WindowVirtualizer } from './WindowVirtualizer.svelte';
-//# sourceMappingURL=index.js.map
+import VList from "./VList.svelte";
+import Virtualizer from "./Virtualizer.svelte";
+import WindowVirtualizer from "./WindowVirtualizer.svelte";
+export { VList, Virtualizer, WindowVirtualizer };

package/lib/svelte/types.d.ts

@@ -1,2 +1,2 @@
-import type { HTMLAttributes, AriaAttributes } from "svelte/elements";
+import { HTMLAttributes, AriaAttributes } from 'svelte/elements';
 export type ViewportComponentAttributes = Pick<HTMLAttributes<HTMLElement>, "class" | "style" | "id" | "role" | "tabindex"> & AriaAttributes;

package/lib/svelte/utils.d.ts

@@ -1,2 +1,9 @@
 export declare const styleToString: (obj: Record<string, string | undefined>) => string;
 export declare const defaultGetKey: (_data: unknown, i: number) => string;
+/**
+ * A function that provides properties/attributes for item element
+ */
+export type ItemProps<T = unknown> = (payload: {
+    item: T;
+    index: number;
+}) => ItemAttrs | undefined;

package/lib/svelte/utils.js

@@ -1,13 +1,13 @@
-const styleToString = (obj) => {
-    return Object.keys(obj).reduce((acc, k) => {
-        const value = obj[k];
-        if (value == null) {
-            return acc;
-        }
-        return acc + `${k}:${value};`;
-    }, "");
+//#region src/svelte/utils.ts
+var styleToString = (obj) => {
+	return Object.keys(obj).reduce((acc, k) => {
+		const value = obj[k];
+		if (value == null) return acc;
+		return acc + `${k}:${value};`;
+	}, "");
 };
-const defaultGetKey = (_data, i) => "_" + i;
-
+var defaultGetKey = (_data, i) => "_" + i;
+//#endregion
 export { defaultGetKey, styleToString };
-//# sourceMappingURL=utils.js.map
+
+//# sourceMappingURL=utils.js.map

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","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,EAAE,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"}

package/lib/vue/VList.d.ts

@@ -1,6 +1,5 @@
-/** @jsxImportSource vue */
-import { type VNode, type PublicProps } from "vue";
-import { VirtualizerProps, type VirtualizerHandle } from "./Virtualizer.js";
+import { VNode, PublicProps } from 'vue';
+import { VirtualizerProps, VirtualizerHandle } from './Virtualizer.js';
 /**
  * Methods of {@link VList}.
  */

package/lib/vue/Virtualizer.d.ts

@@ -1,7 +1,6 @@
-/** @jsxImportSource vue */
-import { type VNode, type PublicProps, type NativeElements } from "vue";
-import { type ScrollToIndexOpts, type CacheSnapshot } from "../core/index.js";
-import { type ItemProps } from "./utils.js";
+import { VNode, PublicProps, NativeElements } from 'vue';
+import { ScrollToIndexOpts, CacheSnapshot } from '../core/index.js';
+import { ItemProps } from './utils.js';
 /**
  * Props of {@link Virtualizer}.
  */

package/lib/vue/WindowVirtualizer.d.ts

@@ -1,6 +1,5 @@
-/** @jsxImportSource vue */
-import { type VNode, type NativeElements, type PublicProps } from "vue";
-import { type ScrollToIndexOpts, type CacheSnapshot } from "../core/index.js";
+import { VNode, NativeElements, PublicProps } from 'vue';
+import { ScrollToIndexOpts, CacheSnapshot } from '../core/index.js';
 /**
  * Props of {@link WindowVirtualizer}.
  */