@vuetify/nightly 4.0.0-dev-20230421.0 → 4.0.0-dev-20230426.0

package/lib/labs/VInfiniteScroll/index.d.ts

@@ -0,0 +1,349 @@
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, nextTick, PropType } from 'vue';
+
+interface FilterPropsOptions<PropsOptions extends Readonly<ComponentPropsOptions>, Props = ExtractPropTypes<PropsOptions>> {
+    filterProps<T extends Partial<Props>, U extends Exclude<keyof Props, Exclude<keyof Props, keyof T>>>(props: T): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
+
+type InfiniteScrollSide = 'start' | 'end' | 'both';
+type InfiniteScrollStatus = 'ok' | 'empty' | 'loading' | 'error';
+type InfiniteScrollSlot = {
+    side: InfiniteScrollSide;
+    props: {
+        onClick: () => (side: InfiniteScrollSide) => void;
+        color: string | undefined;
+    };
+};
+declare const VInfiniteScroll: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        }> & Omit<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            margin?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "direction" | "mode" | "side" | "loadMoreText" | "emptyText">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: vue.Slot | undefined;
+        }>;
+        $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
+        $emit: (event: "load", options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        } & {
+            height?: string | number | undefined;
+            width?: string | number | undefined;
+            color?: string | undefined;
+            margin?: string | number | undefined;
+            maxHeight?: string | number | undefined;
+            maxWidth?: string | number | undefined;
+            minHeight?: string | number | undefined;
+            minWidth?: string | number | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+                'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } & {
+            onLoad?: ((options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => any) | undefined;
+        }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            load: (options: {
+                side: InfiniteScrollSide;
+                done: (status: InfiniteScrollStatus) => void;
+            }) => true;
+        }, string, {
+            direction: "horizontal" | "vertical";
+            mode: "manual" | "intersect";
+            side: InfiniteScrollSide;
+            loadMoreText: string;
+            emptyText: string;
+        }, {}, string> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: vue.DebuggerEvent) => void) | ((e: vue.DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & {
+        direction: "horizontal" | "vertical";
+        mode: "manual" | "intersect";
+        side: InfiniteScrollSide;
+        loadMoreText: string;
+        emptyText: string;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        color?: string | undefined;
+        margin?: string | number | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+            'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } & {
+        onLoad?: ((options: {
+            side: InfiniteScrollSide;
+            done: (status: InfiniteScrollStatus) => void;
+        }) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    direction: "horizontal" | "vertical";
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    color?: string | undefined;
+    margin?: string | number | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    };
+    $slots?: {
+        default?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        loading?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+    'v-slots'?: {
+        default?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        loading?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        error?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        empty?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+        'load-more'?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:loading"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:error"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:empty"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+    "v-slot:load-more"?: false | ((args_0: InfiniteScrollSlot) => vue.VNodeChild) | undefined;
+} & {
+    onLoad?: ((options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => any) | undefined;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    load: (options: {
+        side: InfiniteScrollSide;
+        done: (status: InfiniteScrollStatus) => void;
+    }) => true;
+}, string, {
+    direction: "horizontal" | "vertical";
+    mode: "manual" | "intersect";
+    side: InfiniteScrollSide;
+    loadMoreText: string;
+    emptyText: string;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: {
+        type: PropType<InfiniteScrollSide>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: {
+        type: PropType<InfiniteScrollSide>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    mode: {
+        type: PropType<"manual" | "intersect">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    margin: (StringConstructor | NumberConstructor)[];
+    loadMoreText: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>;
+type VInfiniteScroll = InstanceType<typeof VInfiniteScroll>;
+
+export { VInfiniteScroll };

package/lib/labs/VInfiniteScroll/index.mjs

@@ -0,0 +1,2 @@
+export { VInfiniteScroll } from "./VInfiniteScroll.mjs";
+//# sourceMappingURL=index.mjs.map

package/lib/labs/VInfiniteScroll/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["VInfiniteScroll"],"sources":["../../../src/labs/VInfiniteScroll/index.ts"],"sourcesContent":["export { VInfiniteScroll } from './VInfiniteScroll'\n"],"mappings":"SAASA,eAAe"}