@vuetify/nightly 3.0.0-beta.10 → 3.0.0-beta.13

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

@@ -0,0 +1,242 @@
+import * as vue from 'vue';
+import { PropType, JSXComponent } from 'vue';
+
+declare type EventProp<T = (...args: any[]) => any> = T | T[];
+declare const EventProp: PropType<EventProp<(...args: any[]) => any>>;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare type ValidationResult = string | boolean;
+declare type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
+
+declare const VRangeSlider: vue.DefineComponent<{
+    strict: BooleanConstructor;
+    modelValue: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | number>;
+        default: string | number;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    readonly: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    reverse: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    focused: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:focused': (value: boolean) => true;
+    'update:modelValue': (value: [number, number]) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    strict: BooleanConstructor;
+    modelValue: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+    elevation: Omit<{
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    }, "type" | "default"> & {
+        type: PropType<string | number>;
+        default: string | number;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    readonly: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    min: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    step: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    thumbColor: StringConstructor;
+    thumbLabel: {
+        type: PropType<boolean | "always" | undefined>;
+        default: undefined;
+        validator: (v: any) => boolean;
+    };
+    thumbSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    showTicks: {
+        type: PropType<boolean | "always">;
+        default: boolean;
+        validator: (v: any) => boolean;
+    };
+    ticks: {
+        type: PropType<number[] | Record<number, string>>;
+    };
+    tickSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: StringConstructor;
+    trackColor: StringConstructor;
+    trackFillColor: StringConstructor;
+    trackSize: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    direction: {
+        type: PropType<"horizontal" | "vertical">;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    reverse: BooleanConstructor;
+    errorMessages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    maxErrors: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    name: StringConstructor;
+    label: StringConstructor;
+    rules: {
+        type: PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    validationValue: null;
+    density: {
+        type: PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    id: StringConstructor;
+    appendIcon: PropType<IconValue>;
+    prependIcon: PropType<IconValue>;
+    hideDetails: PropType<boolean | "auto">;
+    messages: {
+        type: PropType<string | string[]>;
+        default: () => never[];
+    };
+    'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
+    'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
+    focused: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
+    "onUpdate:focused"?: ((value: boolean) => any) | undefined;
+}, {
+    reverse: boolean;
+    max: string | number;
+    error: boolean;
+    direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    strict: boolean;
+    step: string | number;
+    min: string | number;
+    elevation: string | number;
+    messages: string | string[];
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    modelValue: number[];
+    errorMessages: string | string[];
+    maxErrors: string | number;
+    rules: ValidationRule[];
+    focused: boolean;
+    showTicks: boolean | "always";
+    tickSize: string | number;
+    trackSize: string | number;
+    thumbLabel: boolean | "always" | undefined;
+    thumbSize: string | number;
+}>;
+declare type VRangeSlider = InstanceType<typeof VRangeSlider>;
+
+export { VRangeSlider };

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

@@ -0,0 +1,356 @@
+import * as vue from 'vue';
+import { VNodeChild, JSXComponent, PropType, Prop } from 'vue';
+
+declare type SlotsToProps<T extends Record<string, Slot>> = {
+    $children: () => (T['default'] | VNodeChild | {
+        [K in keyof T]?: T[K];
+    });
+    'v-slots': new () => {
+        [K in keyof T]?: T[K] | false;
+    };
+};
+declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
+declare type MakeSlots<T extends Record<string, any[]>> = {
+    [K in keyof T]?: Slot<T[K]>;
+};
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare type VRatingItemSlot = {
+    value: number;
+    index: number;
+    isFilled: boolean;
+    isHovered: boolean;
+    icon: IconValue;
+    color?: string;
+    props: Record<string, unknown>;
+};
+declare type VRatingItemLabelSlot = {
+    value: number;
+    index: number;
+    label?: string;
+};
+declare const VRating: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            length: string | number;
+            disabled: boolean;
+            size: string | number;
+            readonly: boolean;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            modelValue: number;
+            ripple: boolean;
+            clearable: boolean;
+            hover: boolean;
+            halfIncrements: boolean;
+            itemAriaLabel: string;
+            emptyIcon: IconValue;
+            fullIcon: IconValue;
+            itemLabelPosition: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            density: {
+                type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            name: StringConstructor;
+            itemAriaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            activeColor: StringConstructor;
+            color: StringConstructor;
+            clearable: BooleanConstructor;
+            disabled: BooleanConstructor;
+            emptyIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            fullIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            halfIncrements: BooleanConstructor;
+            hover: BooleanConstructor;
+            length: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            readonly: BooleanConstructor;
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            itemLabels: Prop<string[], string[]>;
+            itemLabelPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            ripple: BooleanConstructor;
+        } & SlotsToProps<MakeSlots<{
+            item: [VRatingItemSlot];
+            'item-label': [VRatingItemLabelSlot];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "length" | "disabled" | "size" | "readonly" | "tag" | "density" | "modelValue" | "ripple" | "clearable" | "hover" | "halfIncrements" | "itemAriaLabel" | "emptyIcon" | "fullIcon" | "itemLabelPosition">;
+        $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, {}>> | null;
+        $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+        $emit: (event: "update:modelValue", value: number) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            size: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: string;
+            };
+            density: {
+                type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            name: StringConstructor;
+            itemAriaLabel: {
+                type: StringConstructor;
+                default: string;
+            };
+            activeColor: StringConstructor;
+            color: StringConstructor;
+            clearable: BooleanConstructor;
+            disabled: BooleanConstructor;
+            emptyIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            fullIcon: {
+                type: vue.PropType<IconValue>;
+                default: string;
+            };
+            halfIncrements: BooleanConstructor;
+            hover: BooleanConstructor;
+            length: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            readonly: BooleanConstructor;
+            modelValue: {
+                type: NumberConstructor;
+                default: number;
+            };
+            itemLabels: Prop<string[], string[]>;
+            itemLabelPosition: {
+                type: StringConstructor;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            ripple: BooleanConstructor;
+        } & SlotsToProps<MakeSlots<{
+            item: [VRatingItemSlot];
+            'item-label': [VRatingItemLabelSlot];
+        }>>>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            'update:modelValue': (value: number) => boolean;
+        }, string, {
+            length: string | number;
+            disabled: boolean;
+            size: string | number;
+            readonly: boolean;
+            tag: string;
+            density: "default" | "compact" | "comfortable" | null;
+            modelValue: number;
+            ripple: boolean;
+            clearable: boolean;
+            hover: boolean;
+            halfIncrements: boolean;
+            itemAriaLabel: string;
+            emptyIcon: IconValue;
+            fullIcon: IconValue;
+            itemLabelPosition: 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, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof vue.nextTick;
+        $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
+    } & Readonly<vue.ExtractPropTypes<{
+        theme: StringConstructor;
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        size: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: string;
+        };
+        density: {
+            type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        name: StringConstructor;
+        itemAriaLabel: {
+            type: StringConstructor;
+            default: string;
+        };
+        activeColor: StringConstructor;
+        color: StringConstructor;
+        clearable: BooleanConstructor;
+        disabled: BooleanConstructor;
+        emptyIcon: {
+            type: vue.PropType<IconValue>;
+            default: string;
+        };
+        fullIcon: {
+            type: vue.PropType<IconValue>;
+            default: string;
+        };
+        halfIncrements: BooleanConstructor;
+        hover: BooleanConstructor;
+        length: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        readonly: BooleanConstructor;
+        modelValue: {
+            type: NumberConstructor;
+            default: number;
+        };
+        itemLabels: Prop<string[], string[]>;
+        itemLabelPosition: {
+            type: StringConstructor;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        ripple: BooleanConstructor;
+    } & SlotsToProps<MakeSlots<{
+        item: [VRatingItemSlot];
+        'item-label': [VRatingItemLabelSlot];
+    }>>>> & {
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    } & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    name: StringConstructor;
+    itemAriaLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    activeColor: StringConstructor;
+    color: StringConstructor;
+    clearable: BooleanConstructor;
+    disabled: BooleanConstructor;
+    emptyIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    fullIcon: {
+        type: vue.PropType<IconValue>;
+        default: string;
+    };
+    halfIncrements: BooleanConstructor;
+    hover: BooleanConstructor;
+    length: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    readonly: BooleanConstructor;
+    modelValue: {
+        type: NumberConstructor;
+        default: number;
+    };
+    itemLabels: Prop<string[], string[]>;
+    itemLabelPosition: {
+        type: StringConstructor;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    ripple: BooleanConstructor;
+} & SlotsToProps<MakeSlots<{
+    item: [VRatingItemSlot];
+    'item-label': [VRatingItemLabelSlot];
+}>>>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => boolean;
+}, string, {
+    length: string | number;
+    disabled: boolean;
+    size: string | number;
+    readonly: boolean;
+    tag: string;
+    density: "default" | "compact" | "comfortable" | null;
+    modelValue: number;
+    ripple: boolean;
+    clearable: boolean;
+    hover: boolean;
+    halfIncrements: boolean;
+    itemAriaLabel: string;
+    emptyIcon: IconValue;
+    fullIcon: IconValue;
+    itemLabelPosition: string;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
+    $slots: MakeSlots<{
+        item: [VRatingItemSlot];
+        'item-label': [VRatingItemLabelSlot];
+    }>;
+});
+declare type VRating = InstanceType<typeof VRating>;
+
+export { VRating };

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

@@ -0,0 +1,23 @@
+import * as vue from 'vue';
+
+declare const VResponsive: vue.DefineComponent<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    aspectRatio: (StringConstructor | NumberConstructor)[];
+    contentClass: StringConstructor;
+}>>, {}>;
+
+export { VResponsive };

package/lib/components/VSelect/VSelect.mjs

@@ -138,7 +138,7 @@ export const VSelect = genericComponent()({
         "onUpdate:modelValue": v => {
           if (v == null) model.value = [];
         },
-        "validationValue": props.modelValue ?? model.value,
+        "validationValue": model.externalValue,
         "dirty": model.value.length > 0,
         "class": ['v-select', {
           'v-select--active-menu': menu.value,