vuetify 3.5.6 → 3.5.8

package/lib/labs/VFab/index.d.mts

@@ -0,0 +1,656 @@
+import * as vue from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, JSXComponent, PropType, ComponentInternalInstance, Ref, ComputedRef } from 'vue';
+// @ts-ignore
+import * as vue_router from 'vue-router';
+
+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): Partial<Pick<T, U>>;
+}
+
+type Density = null | 'default' | 'comfortable' | 'compact';
+
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+interface GroupItem {
+    id: number;
+    value: Ref<unknown>;
+    disabled: Ref<boolean | undefined>;
+}
+interface GroupProvide {
+    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
+    unregister: (id: number) => void;
+    select: (id: number, value: boolean) => void;
+    selected: Ref<Readonly<number[]>>;
+    isSelected: (id: number) => boolean;
+    prev: () => void;
+    next: () => void;
+    selectedClass: Ref<string | undefined>;
+    items: ComputedRef<{
+        id: number;
+        value: unknown;
+        disabled: boolean | undefined;
+    }[]>;
+    disabled: Ref<boolean | undefined>;
+    getItemIndex: (value: unknown) => number;
+}
+
+declare const VFab: {
+    new (...args: any[]): vue.CreateComponentPublicInstance<{
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        offset: boolean;
+        exact: boolean;
+        absolute: boolean;
+        block: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
+        active: boolean;
+        order: string | number;
+        transition: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        style: vue.StyleValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        appear: boolean;
+        app: boolean;
+        tile: boolean;
+        density: Density;
+        extended: boolean;
+        modelValue: boolean;
+        slim: boolean;
+        stacked: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        selectedClass?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        'update:modelValue': (value: boolean) => boolean;
+    }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        offset: boolean;
+        exact: boolean;
+        absolute: boolean;
+        block: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
+        active: boolean;
+        order: string | number;
+        transition: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        style: vue.StyleValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        appear: boolean;
+        app: boolean;
+        tile: boolean;
+        density: Density;
+        extended: boolean;
+        modelValue: boolean;
+        slim: boolean;
+        stacked: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        selectedClass?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        offset: boolean;
+        exact: boolean;
+        absolute: boolean;
+        block: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
+        active: boolean;
+        order: string | number;
+        transition: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        style: vue.StyleValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        appear: boolean;
+        app: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        density: Density;
+        extended: boolean;
+        modelValue: boolean;
+        slim: boolean;
+        stacked: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    }, true, {}, vue.SlotsType<Partial<{
+        default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            [key: string]: any;
+        }>[];
+    }>>, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        offset: boolean;
+        exact: boolean;
+        absolute: boolean;
+        block: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
+        active: boolean;
+        order: string | number;
+        transition: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        style: vue.StyleValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        appear: boolean;
+        app: boolean;
+        tile: boolean;
+        density: Density;
+        extended: boolean;
+        modelValue: boolean;
+        slim: boolean;
+        stacked: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    } & {
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        name?: string | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        maxHeight?: string | number | undefined;
+        maxWidth?: string | number | undefined;
+        minHeight?: string | number | undefined;
+        minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
+        elevation?: string | number | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
+        selectedClass?: string | undefined;
+        prependIcon?: IconValue | undefined;
+        appendIcon?: IconValue | undefined;
+    } & {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+            default?: (() => vue.VNodeChild) | undefined;
+        };
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        symbol: any;
+        replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        offset: boolean;
+        exact: boolean;
+        absolute: boolean;
+        block: boolean;
+        location: "end" | "start" | "left" | "top" | "bottom" | "right";
+        active: boolean;
+        order: string | number;
+        transition: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        style: vue.StyleValue;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        appear: boolean;
+        app: boolean;
+        rounded: string | number | boolean;
+        tile: boolean;
+        density: Density;
+        extended: boolean;
+        modelValue: boolean;
+        slim: boolean;
+        stacked: boolean;
+        ripple: boolean | {
+            class: string;
+        } | undefined;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    offset: boolean;
+    exact: boolean;
+    absolute: boolean;
+    block: boolean;
+    location: "end" | "start" | "left" | "top" | "bottom" | "right";
+    active: boolean;
+    order: string | number;
+    transition: NonNullable<string | boolean | (vue.TransitionProps & {
+        component?: vue.Component | undefined;
+    })>;
+    style: vue.StyleValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    appear: boolean;
+    app: boolean;
+    tile: boolean;
+    density: Density;
+    extended: boolean;
+    modelValue: boolean;
+    slim: boolean;
+    stacked: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
+} & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    name?: string | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
+    class?: any;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    selectedClass?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+} & {
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: boolean) => boolean;
+}, string, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    offset: boolean;
+    exact: boolean;
+    absolute: boolean;
+    block: boolean;
+    location: "end" | "start" | "left" | "top" | "bottom" | "right";
+    active: boolean;
+    order: string | number;
+    transition: NonNullable<string | boolean | (vue.TransitionProps & {
+        component?: vue.Component | undefined;
+    })>;
+    style: vue.StyleValue;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    appear: boolean;
+    app: boolean;
+    rounded: string | number | boolean;
+    tile: boolean;
+    density: Density;
+    extended: boolean;
+    modelValue: boolean;
+    slim: boolean;
+    stacked: boolean;
+    ripple: boolean | {
+        class: string;
+    } | undefined;
+}, {}, string, vue.SlotsType<Partial<{
+    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+}>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>>;
+        default: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    replace: BooleanConstructor;
+    flat: BooleanConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    exact: BooleanConstructor;
+    block: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    active: Omit<{
+        type: BooleanConstructor;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        validator: (v: any) => boolean;
+    };
+    value: null;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    text: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    class: PropType<any>;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    icon: PropType<boolean | IconValue>;
+    href: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    to: PropType<vue_router.RouteLocationRaw>;
+    theme: StringConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    tile: BooleanConstructor;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    selectedClass: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    slim: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
+        default: boolean;
+    };
+    app: BooleanConstructor;
+    appear: BooleanConstructor;
+    extended: BooleanConstructor;
+    location: {
+        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
+        default: string;
+    };
+    offset: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, vue.ExtractPropTypes<{
+    transition: Omit<{
+        type: PropType<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+        default: string;
+        validator: (val: unknown) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>>;
+        default: NonNullable<string | boolean | (vue.TransitionProps & {
+            component?: vue.Component | undefined;
+        })>;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    order: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    absolute: BooleanConstructor;
+    symbol: {
+        type: null;
+        default: vue.InjectionKey<GroupProvide>;
+    };
+    replace: BooleanConstructor;
+    flat: BooleanConstructor;
+    variant: Omit<{
+        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    exact: BooleanConstructor;
+    block: BooleanConstructor;
+    height: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    active: Omit<{
+        type: BooleanConstructor;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    color: StringConstructor;
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    position: {
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        validator: (v: any) => boolean;
+    };
+    value: null;
+    loading: (StringConstructor | BooleanConstructor)[];
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
+    text: StringConstructor;
+    disabled: BooleanConstructor;
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    class: PropType<any>;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    icon: PropType<boolean | IconValue>;
+    href: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    to: PropType<vue_router.RouteLocationRaw>;
+    theme: StringConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    tile: BooleanConstructor;
+    density: {
+        type: PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    selectedClass: StringConstructor;
+    prependIcon: PropType<IconValue>;
+    appendIcon: PropType<IconValue>;
+    slim: BooleanConstructor;
+    stacked: BooleanConstructor;
+    ripple: {
+        type: PropType<boolean | {
+            class: string;
+        } | undefined>;
+        default: boolean;
+    };
+    app: BooleanConstructor;
+    appear: BooleanConstructor;
+    extended: BooleanConstructor;
+    location: {
+        type: PropType<"end" | "start" | "left" | "top" | "bottom" | "right">;
+        default: string;
+    };
+    offset: BooleanConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>;
+type VFab = InstanceType<typeof VFab>;
+
+export { VFab };

package/lib/labs/VFab/index.mjs

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

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

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