vue-virtual-flow 0.0.9 → 0.1.0

package/dist/components/DynamicVirtualScroll.d.ts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         estimatedItemSize?: number;
         height?: number | string;
@@ -40,7 +40,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/ShortMediaFeed.d.cts

@@ -1,9 +1,9 @@
 import { ItemKey, ShortMediaFeedChangeEvent, ShortMediaFeedExpose } from '../types.cjs';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((event: ShortMediaFeedChangeEvent<T>) => any) | undefined;
         readonly onLoadMore?: (() => any) | undefined;
         readonly "onUpdate:activeIndex"?: ((index: number) => any) | undefined;
-        readonly onChange?: ((event: ShortMediaFeedChangeEvent<T>) => any) | undefined;
         readonly onReachStart?: (() => any) | undefined;
         readonly onReachEnd?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onLoadMore" | "onUpdate:activeIndex" | "onReachStart" | "onReachEnd"> & {
@@ -27,7 +27,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         }): unknown;
         empty?(): unknown;
     };
-    emit: ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "change", event: ShortMediaFeedChangeEvent<T>) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
+    emit: ((evt: "change", event: ShortMediaFeedChangeEvent<T>) => void) & ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/ShortMediaFeed.d.ts

@@ -1,9 +1,9 @@
 import { ItemKey, ShortMediaFeedChangeEvent, ShortMediaFeedExpose } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((event: ShortMediaFeedChangeEvent<T>) => any) | undefined;
         readonly onLoadMore?: (() => any) | undefined;
         readonly "onUpdate:activeIndex"?: ((index: number) => any) | undefined;
-        readonly onChange?: ((event: ShortMediaFeedChangeEvent<T>) => any) | undefined;
         readonly onReachStart?: (() => any) | undefined;
         readonly onReachEnd?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onLoadMore" | "onUpdate:activeIndex" | "onReachStart" | "onReachEnd"> & {
@@ -27,7 +27,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         }): unknown;
         empty?(): unknown;
     };
-    emit: ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "change", event: ShortMediaFeedChangeEvent<T>) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
+    emit: ((evt: "change", event: ShortMediaFeedChangeEvent<T>) => void) & ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/VirtualCarousel.d.cts

@@ -1,9 +1,9 @@
 import { ItemKey, ResponsiveBreakpoint, VirtualCarouselChangeEvent, VirtualCarouselExpose } from '../types.cjs';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((event: VirtualCarouselChangeEvent<T>) => any) | undefined;
         readonly onLoadMore?: (() => any) | undefined;
         readonly "onUpdate:activeIndex"?: ((index: number) => any) | undefined;
-        readonly onChange?: ((event: VirtualCarouselChangeEvent<T>) => any) | undefined;
         readonly onReachStart?: (() => any) | undefined;
         readonly onReachEnd?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onLoadMore" | "onUpdate:activeIndex" | "onReachStart" | "onReachEnd"> & {
@@ -23,6 +23,18 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         autoplayDelay?: number;
         autoplayLoop?: boolean;
         pauseOnHover?: boolean;
+        mouseDrag?: boolean;
+        dragThreshold?: number;
+        momentum?: boolean;
+        settleDuration?: number;
+        nativeSnap?: boolean;
+        autoWidth?: boolean;
+        estimatedItemWidth?: number;
+        rtl?: boolean;
+        loop?: boolean;
+        keepAlive?: boolean;
+        maxCachedItems?: number;
+        pinnedIndexes?: readonly number[];
         responsive?: ResponsiveBreakpoint[];
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<VirtualCarouselExpose>): void;
@@ -33,10 +45,11 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             index: number;
             active: boolean;
             visible: boolean;
+            inViewport: boolean;
         }): unknown;
         empty?(): unknown;
     };
-    emit: ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "change", event: VirtualCarouselChangeEvent<T>) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
+    emit: ((evt: "change", event: VirtualCarouselChangeEvent<T>) => void) & ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/VirtualCarousel.d.ts

@@ -1,9 +1,9 @@
 import { ItemKey, ResponsiveBreakpoint, VirtualCarouselChangeEvent, VirtualCarouselExpose } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onChange?: ((event: VirtualCarouselChangeEvent<T>) => any) | undefined;
         readonly onLoadMore?: (() => any) | undefined;
         readonly "onUpdate:activeIndex"?: ((index: number) => any) | undefined;
-        readonly onChange?: ((event: VirtualCarouselChangeEvent<T>) => any) | undefined;
         readonly onReachStart?: (() => any) | undefined;
         readonly onReachEnd?: (() => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onLoadMore" | "onUpdate:activeIndex" | "onReachStart" | "onReachEnd"> & {
@@ -23,6 +23,18 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
         autoplayDelay?: number;
         autoplayLoop?: boolean;
         pauseOnHover?: boolean;
+        mouseDrag?: boolean;
+        dragThreshold?: number;
+        momentum?: boolean;
+        settleDuration?: number;
+        nativeSnap?: boolean;
+        autoWidth?: boolean;
+        estimatedItemWidth?: number;
+        rtl?: boolean;
+        loop?: boolean;
+        keepAlive?: boolean;
+        maxCachedItems?: number;
+        pinnedIndexes?: readonly number[];
         responsive?: ResponsiveBreakpoint[];
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<VirtualCarouselExpose>): void;
@@ -33,10 +45,11 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             index: number;
             active: boolean;
             visible: boolean;
+            inViewport: boolean;
         }): unknown;
         empty?(): unknown;
     };
-    emit: ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "change", event: VirtualCarouselChangeEvent<T>) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
+    emit: ((evt: "change", event: VirtualCarouselChangeEvent<T>) => void) & ((evt: "loadMore") => void) & ((evt: "update:activeIndex", index: number) => void) & ((evt: "reachStart") => void) & ((evt: "reachEnd") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/VirtualScroll.d.cts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.cjs';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         itemSize: number;
         height?: number | string;
@@ -40,7 +40,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/VirtualScroll.d.ts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         itemSize: number;
         height?: number | string;
@@ -40,7 +40,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/WindowDynamicVirtualScroll.d.cts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.cjs';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         estimatedItemSize?: number;
         overscan?: number;
@@ -39,7 +39,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/WindowDynamicVirtualScroll.d.ts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         estimatedItemSize?: number;
         overscan?: number;
@@ -39,7 +39,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/WindowGirdVirtualScroll.d.cts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.cjs';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         itemSize: number;
         columns?: number;
@@ -43,7 +43,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/WindowGirdVirtualScroll.d.ts

@@ -2,9 +2,9 @@ import { ItemKey, ScrollAlignment, VirtualScrollEvent } from '../types.js';
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onScroll?: ((event: VirtualScrollEvent) => any) | undefined;
-        readonly onLoadMore?: (() => any) | undefined;
         readonly onRefresh?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onLoadMore" | "onRefresh"> & {
+        readonly onLoadMore?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll" | "onRefresh" | "onLoadMore"> & {
         items: readonly T[];
         itemSize: number;
         columns?: number;
@@ -43,7 +43,7 @@ declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
             refreshing: boolean;
         }): unknown;
     };
-    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "loadMore") => void) & ((evt: "refresh") => void);
+    emit: ((evt: "scroll", event: VirtualScrollEvent) => void) & ((evt: "refresh") => void) & ((evt: "loadMore") => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/composables/useCarouselAutoplay.d.cts

@@ -0,0 +1,15 @@
+interface CarouselAutoplayOptions {
+    enabled: () => boolean;
+    paused: () => boolean;
+    delay: () => number;
+    count: () => number;
+    atEnd: () => boolean;
+    loop: () => boolean;
+    advance: () => void;
+    rewind: () => void;
+}
+export declare function useCarouselAutoplay(options: CarouselAutoplayOptions): {
+    start: () => void;
+    stop: () => void;
+};
+export {};

package/dist/composables/useCarouselAutoplay.d.ts

@@ -0,0 +1,15 @@
+interface CarouselAutoplayOptions {
+    enabled: () => boolean;
+    paused: () => boolean;
+    delay: () => number;
+    count: () => number;
+    atEnd: () => boolean;
+    loop: () => boolean;
+    advance: () => void;
+    rewind: () => void;
+}
+export declare function useCarouselAutoplay(options: CarouselAutoplayOptions): {
+    start: () => void;
+    stop: () => void;
+};
+export {};

package/dist/composables/useCarouselInteraction.d.cts

@@ -0,0 +1,40 @@
+import { CarouselInteractionPhase } from '../types.cjs';
+interface CarouselInteractionOptions {
+    viewport: () => HTMLElement | undefined;
+    track: () => HTMLElement | undefined;
+    rtl: () => boolean;
+    mouseDrag: () => boolean;
+    nativeSnap: () => boolean;
+    dragThreshold: () => number;
+    momentum: () => boolean;
+    settleDuration: () => number;
+    limits: () => [number, number];
+    step: () => number;
+    indexAt: (position: number) => number;
+    target: (index: number, from: number, direction?: number) => number;
+    canonical: (index: number) => number;
+    onPosition: (position: number) => void;
+    onCommit: (index: number) => void;
+}
+export declare function useCarouselInteraction(options: CarouselInteractionOptions): {
+    phase: import('vue').Ref<CarouselInteractionPhase, CarouselInteractionPhase>;
+    busy: import('vue').ComputedRef<boolean>;
+    dragging: import('vue').ComputedRef<boolean>;
+    transformed: import('vue').Ref<boolean, boolean>;
+    read: () => number;
+    write: (position: number, behavior?: ScrollBehavior) => void;
+    cancel: (preservePosition?: boolean) => number;
+    commit: (index: number, behavior?: ScrollBehavior) => void;
+    navigate: (index: number, behavior?: ScrollBehavior, travelDirection?: number, transform?: boolean) => void;
+    displayedPosition: () => number;
+    handleScroll: (event: Event) => void;
+    handlePointerDown: (event: PointerEvent) => void;
+    handlePointerMove: (event: PointerEvent) => void;
+    handlePointerUp: (event: PointerEvent) => void;
+    handlePointerCancel: (event: PointerEvent) => void;
+    handleLostPointerCapture: (event: PointerEvent) => void;
+    handleClick: (event: MouseEvent) => void;
+    handleWheel: () => void;
+    handleDragStart: (event: DragEvent) => void;
+};
+export {};

package/dist/composables/useCarouselInteraction.d.ts

@@ -0,0 +1,40 @@
+import { CarouselInteractionPhase } from '../types.js';
+interface CarouselInteractionOptions {
+    viewport: () => HTMLElement | undefined;
+    track: () => HTMLElement | undefined;
+    rtl: () => boolean;
+    mouseDrag: () => boolean;
+    nativeSnap: () => boolean;
+    dragThreshold: () => number;
+    momentum: () => boolean;
+    settleDuration: () => number;
+    limits: () => [number, number];
+    step: () => number;
+    indexAt: (position: number) => number;
+    target: (index: number, from: number, direction?: number) => number;
+    canonical: (index: number) => number;
+    onPosition: (position: number) => void;
+    onCommit: (index: number) => void;
+}
+export declare function useCarouselInteraction(options: CarouselInteractionOptions): {
+    phase: import('vue').Ref<CarouselInteractionPhase, CarouselInteractionPhase>;
+    busy: import('vue').ComputedRef<boolean>;
+    dragging: import('vue').ComputedRef<boolean>;
+    transformed: import('vue').Ref<boolean, boolean>;
+    read: () => number;
+    write: (position: number, behavior?: ScrollBehavior) => void;
+    cancel: (preservePosition?: boolean) => number;
+    commit: (index: number, behavior?: ScrollBehavior) => void;
+    navigate: (index: number, behavior?: ScrollBehavior, travelDirection?: number, transform?: boolean) => void;
+    displayedPosition: () => number;
+    handleScroll: (event: Event) => void;
+    handlePointerDown: (event: PointerEvent) => void;
+    handlePointerMove: (event: PointerEvent) => void;
+    handlePointerUp: (event: PointerEvent) => void;
+    handlePointerCancel: (event: PointerEvent) => void;
+    handleLostPointerCapture: (event: PointerEvent) => void;
+    handleClick: (event: MouseEvent) => void;
+    handleWheel: () => void;
+    handleDragStart: (event: DragEvent) => void;
+};
+export {};

package/dist/composables/useScrollActivity.d.cts

@@ -0,0 +1,28 @@
+interface ScrollActivityOptions {
+    delay: () => number;
+    viewport: () => HTMLElement | undefined;
+    hasProgrammaticScroll: () => boolean;
+    onInterrupt: () => void;
+    onStart: () => void;
+    onSettled: () => void;
+    onChange: (isScrolling: boolean) => void;
+}
+/**
+ * Normalizes wheel, touch, keyboard and scrollbar activity into one lifecycle.
+ * The chat layout can defer native scroll corrections until that lifecycle has
+ * settled without mixing input-device bookkeeping into measurement logic.
+ */
+export declare function useScrollActivity(options: ScrollActivityOptions): {
+    isScrolling: import('vue').Ref<boolean, boolean>;
+    setScrolling: (value: boolean) => void;
+    scheduleScrollEnd: () => void;
+    handleScrollEnd: () => void;
+    handleTouchStart: () => void;
+    handleTouchEnd: (event: TouchEvent) => void;
+    handleWheel: () => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    handlePointerDown: (event: PointerEvent) => void;
+    handlePointerUp: () => void;
+    dispose: () => void;
+};
+export {};

package/dist/composables/useScrollActivity.d.ts

@@ -0,0 +1,28 @@
+interface ScrollActivityOptions {
+    delay: () => number;
+    viewport: () => HTMLElement | undefined;
+    hasProgrammaticScroll: () => boolean;
+    onInterrupt: () => void;
+    onStart: () => void;
+    onSettled: () => void;
+    onChange: (isScrolling: boolean) => void;
+}
+/**
+ * Normalizes wheel, touch, keyboard and scrollbar activity into one lifecycle.
+ * The chat layout can defer native scroll corrections until that lifecycle has
+ * settled without mixing input-device bookkeeping into measurement logic.
+ */
+export declare function useScrollActivity(options: ScrollActivityOptions): {
+    isScrolling: import('vue').Ref<boolean, boolean>;
+    setScrolling: (value: boolean) => void;
+    scheduleScrollEnd: () => void;
+    handleScrollEnd: () => void;
+    handleTouchStart: () => void;
+    handleTouchEnd: (event: TouchEvent) => void;
+    handleWheel: () => void;
+    handleKeyDown: (event: KeyboardEvent) => void;
+    handlePointerDown: (event: PointerEvent) => void;
+    handlePointerUp: () => void;
+    dispose: () => void;
+};
+export {};

package/dist/index.d.cts

@@ -22,6 +22,6 @@ declare module 'vue' {
 }
 declare const VirtualList: typeof DynamicVirtualScroll;
 export { ChatVirtualScroll, DynamicVirtualScroll, ShortMediaFeed, SkeletonLoader, VirtualCarousel, VirtualList, VirtualScroll, WindowDynamicVirtualScroll, WindowGirdVirtualScroll, };
-export type { ChatVirtualScrollExpose, ChatVirtualScrollProps, DynamicVirtualScrollProps, ItemKey, ResponsiveBreakpoint, ScrollAlignment, ShortMediaFeedChangeEvent, ShortMediaFeedExpose, ShortMediaFeedProps, SkeletonLoaderProps, VirtualCarouselChangeEvent, VirtualCarouselExpose, VirtualCarouselProps, VirtualListExpose, VirtualListProps, VirtualScrollEvent, VirtualScrollExpose, VirtualScrollProps, WindowDynamicVirtualScrollProps, WindowGirdVirtualScrollProps, } from './types.cjs';
+export type { CarouselInteractionPhase, ChatVirtualScrollExpose, ChatVirtualScrollProps, DynamicVirtualScrollProps, ItemKey, ResponsiveBreakpoint, ScrollAlignment, ShortMediaFeedChangeEvent, ShortMediaFeedExpose, ShortMediaFeedProps, SkeletonLoaderProps, VirtualCarouselChangeEvent, VirtualCarouselExpose, VirtualCarouselProps, VirtualListExpose, VirtualListProps, VirtualScrollEvent, VirtualScrollExpose, VirtualScrollProps, WindowDynamicVirtualScrollProps, WindowGirdVirtualScrollProps, } from './types.cjs';
 export declare const VueVirtualScroll: Plugin;
 export default VueVirtualScroll;

package/dist/index.d.ts

@@ -22,6 +22,6 @@ declare module 'vue' {
 }
 declare const VirtualList: typeof DynamicVirtualScroll;
 export { ChatVirtualScroll, DynamicVirtualScroll, ShortMediaFeed, SkeletonLoader, VirtualCarousel, VirtualList, VirtualScroll, WindowDynamicVirtualScroll, WindowGirdVirtualScroll, };
-export type { ChatVirtualScrollExpose, ChatVirtualScrollProps, DynamicVirtualScrollProps, ItemKey, ResponsiveBreakpoint, ScrollAlignment, ShortMediaFeedChangeEvent, ShortMediaFeedExpose, ShortMediaFeedProps, SkeletonLoaderProps, VirtualCarouselChangeEvent, VirtualCarouselExpose, VirtualCarouselProps, VirtualListExpose, VirtualListProps, VirtualScrollEvent, VirtualScrollExpose, VirtualScrollProps, WindowDynamicVirtualScrollProps, WindowGirdVirtualScrollProps, } from './types.js';
+export type { CarouselInteractionPhase, ChatVirtualScrollExpose, ChatVirtualScrollProps, DynamicVirtualScrollProps, ItemKey, ResponsiveBreakpoint, ScrollAlignment, ShortMediaFeedChangeEvent, ShortMediaFeedExpose, ShortMediaFeedProps, SkeletonLoaderProps, VirtualCarouselChangeEvent, VirtualCarouselExpose, VirtualCarouselProps, VirtualListExpose, VirtualListProps, VirtualScrollEvent, VirtualScrollExpose, VirtualScrollProps, WindowDynamicVirtualScrollProps, WindowGirdVirtualScrollProps, } from './types.js';
 export declare const VueVirtualScroll: Plugin;
 export default VueVirtualScroll;

package/dist/types.d.cts

@@ -70,7 +70,11 @@ export interface WindowGirdVirtualScrollProps<T> {
 }
 export interface ChatVirtualScrollProps<T> {
     items: readonly T[];
+    /** Increment after mutating/reordering the same array instance in place. */
+    itemsVersion?: PropertyKey;
     estimatedItemSize?: number;
+    /** Optional per-message estimate used before the message is measured. */
+    estimateItemSize?: (item: T, index: number) => number;
     height?: number | string;
     overscan?: number;
     /** Render budget including overscan; always keeps the viewport filled. */
@@ -83,6 +87,22 @@ export interface ChatVirtualScrollProps<T> {
     hasOlder?: boolean;
     loadingOlder?: boolean;
     loadOlderThreshold?: number;
+    /** Idle delay used when the browser does not provide a reliable scrollend event. */
+    scrollEndDelay?: number;
+    /** Measure newly mounted messages synchronously before paint. */
+    syncMeasurement?: boolean;
+    /** Message keys that must remain mounted outside the visible range. */
+    pinnedKeys?: readonly PropertyKey[];
+    maxPinnedItems?: number;
+    /** Retain the message containing keyboard focus while it is off-screen. */
+    keepFocusedItem?: boolean;
+    showNewItemsIndicator?: boolean;
+    /** Localizes the built-in new-message control. */
+    newItemsLabel?: (count: number) => string;
+    /** Return true for appended items that should always move the conversation to the bottom. */
+    forceStickToBottom?: (item: T, index: number) => boolean;
+    /** Enable layout/paint containment. Disable when non-teleported overlays may escape. */
+    contain?: boolean;
 }
 export interface ShortMediaFeedProps<T> {
     items: readonly T[];
@@ -116,8 +136,25 @@ export interface VirtualCarouselProps<T> {
     autoplayDelay?: number;
     autoplayLoop?: boolean;
     pauseOnHover?: boolean;
+    mouseDrag?: boolean;
+    dragThreshold?: number;
+    momentum?: boolean;
+    settleDuration?: number;
+    /** Disable native snap for nested snap containers; the motion controller settles instead. */
+    nativeSnap?: boolean;
+    autoWidth?: boolean;
+    estimatedItemWidth?: number;
+    rtl?: boolean;
+    /** Continuous looping; distinct from autoplayLoop's rewind behavior. */
+    loop?: boolean;
+    keepAlive?: boolean;
+    /** Maximum additional off-screen slides retained by keepAlive. */
+    maxCachedItems?: number;
+    /** Slides to retain, capped by maxCachedItems. */
+    pinnedIndexes?: readonly number[];
     responsive?: ResponsiveBreakpoint[];
 }
+export type CarouselInteractionPhase = 'idle' | 'pending' | 'dragging' | 'settling' | 'committing';
 export interface ResponsiveBreakpoint {
     breakpoint: number;
     slidesPerView?: number;
@@ -143,6 +180,15 @@ export interface VirtualScrollExpose {
 }
 export interface ChatVirtualScrollExpose extends VirtualScrollExpose {
     readonly isAtBottom: boolean;
+    readonly isScrolling: boolean;
+    readonly newItemsCount: number;
+    clearNewItems: () => void;
+    /** Reconcile keys and measurements after an in-place items mutation. */
+    refresh: () => void;
+    getScrollPosition: () => number;
+    scrollToKey: (key: PropertyKey, options?: ScrollToOptions & {
+        align?: ScrollAlignment;
+    }) => void;
     scrollToBottom: (behavior?: ScrollBehavior) => void;
 }
 export interface ShortMediaFeedExpose {

package/dist/types.d.ts

@@ -70,7 +70,11 @@ export interface WindowGirdVirtualScrollProps<T> {
 }
 export interface ChatVirtualScrollProps<T> {
     items: readonly T[];
+    /** Increment after mutating/reordering the same array instance in place. */
+    itemsVersion?: PropertyKey;
     estimatedItemSize?: number;
+    /** Optional per-message estimate used before the message is measured. */
+    estimateItemSize?: (item: T, index: number) => number;
     height?: number | string;
     overscan?: number;
     /** Render budget including overscan; always keeps the viewport filled. */
@@ -83,6 +87,22 @@ export interface ChatVirtualScrollProps<T> {
     hasOlder?: boolean;
     loadingOlder?: boolean;
     loadOlderThreshold?: number;
+    /** Idle delay used when the browser does not provide a reliable scrollend event. */
+    scrollEndDelay?: number;
+    /** Measure newly mounted messages synchronously before paint. */
+    syncMeasurement?: boolean;
+    /** Message keys that must remain mounted outside the visible range. */
+    pinnedKeys?: readonly PropertyKey[];
+    maxPinnedItems?: number;
+    /** Retain the message containing keyboard focus while it is off-screen. */
+    keepFocusedItem?: boolean;
+    showNewItemsIndicator?: boolean;
+    /** Localizes the built-in new-message control. */
+    newItemsLabel?: (count: number) => string;
+    /** Return true for appended items that should always move the conversation to the bottom. */
+    forceStickToBottom?: (item: T, index: number) => boolean;
+    /** Enable layout/paint containment. Disable when non-teleported overlays may escape. */
+    contain?: boolean;
 }
 export interface ShortMediaFeedProps<T> {
     items: readonly T[];
@@ -116,8 +136,25 @@ export interface VirtualCarouselProps<T> {
     autoplayDelay?: number;
     autoplayLoop?: boolean;
     pauseOnHover?: boolean;
+    mouseDrag?: boolean;
+    dragThreshold?: number;
+    momentum?: boolean;
+    settleDuration?: number;
+    /** Disable native snap for nested snap containers; the motion controller settles instead. */
+    nativeSnap?: boolean;
+    autoWidth?: boolean;
+    estimatedItemWidth?: number;
+    rtl?: boolean;
+    /** Continuous looping; distinct from autoplayLoop's rewind behavior. */
+    loop?: boolean;
+    keepAlive?: boolean;
+    /** Maximum additional off-screen slides retained by keepAlive. */
+    maxCachedItems?: number;
+    /** Slides to retain, capped by maxCachedItems. */
+    pinnedIndexes?: readonly number[];
     responsive?: ResponsiveBreakpoint[];
 }
+export type CarouselInteractionPhase = 'idle' | 'pending' | 'dragging' | 'settling' | 'committing';
 export interface ResponsiveBreakpoint {
     breakpoint: number;
     slidesPerView?: number;
@@ -143,6 +180,15 @@ export interface VirtualScrollExpose {
 }
 export interface ChatVirtualScrollExpose extends VirtualScrollExpose {
     readonly isAtBottom: boolean;
+    readonly isScrolling: boolean;
+    readonly newItemsCount: number;
+    clearNewItems: () => void;
+    /** Reconcile keys and measurements after an in-place items mutation. */
+    refresh: () => void;
+    getScrollPosition: () => number;
+    scrollToKey: (key: PropertyKey, options?: ScrollToOptions & {
+        align?: ScrollAlignment;
+    }) => void;
     scrollToBottom: (behavior?: ScrollBehavior) => void;
 }
 export interface ShortMediaFeedExpose {