vuetify 3.1.9 → 3.1.11

package/lib/components/VChip/index.d.ts

@@ -1,85 +1,316 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType } from 'vue';
+import { ComponentPropsOptions, ExtractPropTypes, PropType, JSXComponent } 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): [yes: Partial<Pick<T, U>>, no: Omit<T, U>];
+}
+
+type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
 type Density = null | 'default' | 'comfortable' | 'compact';
 
 type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
-type EventProp<T = (...args: any[]) => any> = T | T[];
-declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
-
-declare const VChip: vue.DefineComponent<{
-    replace: boolean;
-    filter: boolean;
-    exact: boolean;
-    label: boolean;
-    draggable: boolean;
-    disabled: boolean;
-    size: string | number;
-    tag: string;
-    density: Density;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    modelValue: boolean;
-    ripple: boolean;
-    closable: boolean;
-    closeIcon: IconValue;
-    closeLabel: string;
-    pill: boolean;
-    filterIcon: string;
-} & {
-    link?: boolean | undefined;
-    border?: string | number | boolean | undefined;
-    color?: string | undefined;
-    value?: any;
-    text?: string | undefined;
-    onClick?: EventProp<(...args: any[]) => any> | undefined;
-    onClickOnce?: EventProp<(...args: any[]) => any> | 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;
-    activeClass?: string | undefined;
-    appendAvatar?: string | undefined;
-    prependAvatar?: string | undefined;
-} & {
-    $children?: {} | vue.VNodeChild | {
-        default?: (() => vue.VNodeChild) | undefined;
-        label?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-    };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        label?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
-    'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
-        label?: false | (() => vue.VNodeChild) | undefined;
-        prepend?: false | (() => vue.VNodeChild) | undefined;
-        append?: false | (() => vue.VNodeChild) | undefined;
-    } | undefined;
-} & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
-}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-    'click:close': (e: MouseEvent) => true;
-    'update:modelValue': (value: boolean) => true;
-    'group:selected': (val: {
-        value: boolean;
-    }) => true;
-    click: (e: MouseEvent | KeyboardEvent) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+declare const VChip: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            replace: boolean;
+            link: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        }> & Omit<{
+            replace: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        } & {
+            link?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            value?: any;
+            text?: string | undefined;
+            onClick?: EventProp<(...args: any[]) => any> | undefined;
+            onClickOnce?: EventProp<(...args: any[]) => any> | 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;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                label?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                label?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                label?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+            "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "replace" | "link" | "filter" | "exact" | "label" | "draggable" | "disabled" | "size" | "tag" | "rounded" | "density" | "variant" | "modelValue" | "ripple" | "closable" | "closeIcon" | "closeLabel" | "pill" | "filterIcon">;
+        $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: "click", e: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: boolean) => void) & ((event: "group:selected", val: {
+            value: boolean;
+        }) => void) & ((event: "click:close", e: MouseEvent) => void);
+        $el: any;
+        $options: vue.ComponentOptionsBase<{
+            replace: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: string;
+        } & {
+            link?: boolean | undefined;
+            border?: string | number | boolean | undefined;
+            color?: string | undefined;
+            value?: any;
+            text?: string | undefined;
+            onClick?: EventProp<(...args: any[]) => any> | undefined;
+            onClickOnce?: EventProp<(...args: any[]) => any> | 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;
+            activeClass?: string | undefined;
+            appendAvatar?: string | undefined;
+            prependAvatar?: string | undefined;
+        } & {
+            $children?: {} | vue.VNodeChild | {
+                default?: (() => vue.VNodeChild) | undefined;
+                label?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+            };
+            $slots?: {
+                default?: (() => vue.VNodeChild) | undefined;
+                label?: (() => vue.VNodeChild) | undefined;
+                prepend?: (() => vue.VNodeChild) | undefined;
+                append?: (() => vue.VNodeChild) | undefined;
+            } | undefined;
+            'v-slots'?: {
+                default?: false | (() => vue.VNodeChild) | undefined;
+                label?: false | (() => vue.VNodeChild) | undefined;
+                prepend?: false | (() => vue.VNodeChild) | undefined;
+                append?: false | (() => vue.VNodeChild) | undefined;
+            } | undefined;
+        } & {
+            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+        } & {
+            onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onGroup:selected"?: ((val: {
+                value: boolean;
+            }) => any) | undefined;
+            "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+        }, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'click:close': (e: MouseEvent) => true;
+            'update:modelValue': (value: boolean) => true;
+            'group:selected': (val: {
+                value: boolean;
+            }) => true;
+            click: (e: MouseEvent | KeyboardEvent) => true;
+        }, string, {
+            replace: boolean;
+            link: boolean;
+            filter: boolean;
+            exact: boolean;
+            label: boolean;
+            draggable: boolean;
+            disabled: boolean;
+            size: string | number;
+            tag: string;
+            rounded: string | number | boolean;
+            density: Density;
+            variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+            modelValue: boolean;
+            ripple: boolean;
+            closable: boolean;
+            closeIcon: IconValue;
+            closeLabel: string;
+            pill: boolean;
+            filterIcon: 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 vue.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;
+    } & {
+        replace: boolean;
+        filter: boolean;
+        exact: boolean;
+        label: boolean;
+        draggable: boolean;
+        disabled: boolean;
+        size: string | number;
+        tag: string;
+        density: Density;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        modelValue: boolean;
+        ripple: boolean;
+        closable: boolean;
+        closeIcon: IconValue;
+        closeLabel: string;
+        pill: boolean;
+        filterIcon: string;
+    } & {
+        link?: boolean | undefined;
+        border?: string | number | boolean | undefined;
+        color?: string | undefined;
+        value?: any;
+        text?: string | undefined;
+        onClick?: EventProp<(...args: any[]) => any> | undefined;
+        onClickOnce?: EventProp<(...args: any[]) => any> | 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;
+        activeClass?: string | undefined;
+        appendAvatar?: string | undefined;
+        prependAvatar?: string | undefined;
+    } & {
+        $children?: {} | vue.VNodeChild | {
+            default?: (() => vue.VNodeChild) | undefined;
+            label?: (() => vue.VNodeChild) | undefined;
+            prepend?: (() => vue.VNodeChild) | undefined;
+            append?: (() => vue.VNodeChild) | undefined;
+        };
+        $slots?: {
+            default?: (() => vue.VNodeChild) | undefined;
+            label?: (() => vue.VNodeChild) | undefined;
+            prepend?: (() => vue.VNodeChild) | undefined;
+            append?: (() => vue.VNodeChild) | undefined;
+        } | undefined;
+        'v-slots'?: {
+            default?: false | (() => vue.VNodeChild) | undefined;
+            label?: false | (() => vue.VNodeChild) | undefined;
+            prepend?: false | (() => vue.VNodeChild) | undefined;
+            append?: false | (() => vue.VNodeChild) | undefined;
+        } | undefined;
+    } & {
+        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:label"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    } & {
+        onClick?: ((e: MouseEvent | KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onGroup:selected"?: ((val: {
+            value: boolean;
+        }) => any) | undefined;
+        "onClick:close"?: ((e: MouseEvent) => any) | undefined;
+    } & vue.ShallowUnwrapRef<() => false | JSX.Element> & {} & vue.ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<{
     replace: boolean;
     filter: boolean;
     exact: boolean;
@@ -147,7 +378,14 @@ declare const VChip: vue.DefineComponent<{
         value: boolean;
     }) => any) | undefined;
     "onClick:close"?: ((e: MouseEvent) => any) | undefined;
-}, {
+}, () => false | JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'click:close': (e: MouseEvent) => true;
+    'update:modelValue': (value: boolean) => true;
+    'group:selected': (val: {
+        value: boolean;
+    }) => true;
+    click: (e: MouseEvent | KeyboardEvent) => true;
+}, string, {
     replace: boolean;
     link: boolean;
     filter: boolean;
@@ -167,7 +405,167 @@ declare const VChip: vue.DefineComponent<{
     closeLabel: string;
     pill: boolean;
     filterIcon: string;
-}>;
+}, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    activeClass: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    closable: BooleanConstructor;
+    closeIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    draggable: BooleanConstructor;
+    filter: BooleanConstructor;
+    filterIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: BooleanConstructor;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    pill: BooleanConstructor;
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClick: vue.PropType<EventProp<(...args: any[]) => any>>;
+    onClickOnce: vue.PropType<EventProp<(...args: any[]) => any>>;
+}, vue.ExtractPropTypes<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
+        default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    };
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    href: StringConstructor;
+    replace: BooleanConstructor;
+    to: vue.PropType<vue_router.RouteLocationRaw>;
+    exact: BooleanConstructor;
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    value: null;
+    disabled: BooleanConstructor;
+    selectedClass: StringConstructor;
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    activeClass: StringConstructor;
+    appendAvatar: StringConstructor;
+    appendIcon: vue.PropType<IconValue>;
+    closable: BooleanConstructor;
+    closeIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    closeLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    draggable: BooleanConstructor;
+    filter: BooleanConstructor;
+    filterIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: BooleanConstructor;
+    link: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    pill: BooleanConstructor;
+    prependAvatar: StringConstructor;
+    prependIcon: vue.PropType<IconValue>;
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    onClick: vue.PropType<EventProp<(...args: any[]) => any>>;
+    onClickOnce: vue.PropType<EventProp<(...args: any[]) => any>>;
+}>>;
 type VChip = InstanceType<typeof VChip>;
 
 export { VChip };