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

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

@@ -0,0 +1,154 @@
+import * as vue from 'vue';
+import { Prop, JSXComponent, PropType } from 'vue';
+
+declare type TimelineDirection = 'vertical' | 'horizontal';
+declare type TimelineSide = 'start' | 'end' | undefined;
+declare type TimelineAlign = 'center' | 'start';
+declare type TimelineTruncateLine = 'start' | 'end' | 'both' | undefined;
+declare const VTimeline: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    align: Prop<TimelineAlign, TimelineAlign>;
+    direction: Prop<TimelineDirection, TimelineDirection>;
+    justify: {
+        type: StringConstructor;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: Prop<TimelineSide, TimelineSide>;
+    lineInset: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    lineThickness: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    lineColor: StringConstructor;
+    truncateLine: Prop<TimelineTruncateLine, TimelineTruncateLine>;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    align: Prop<TimelineAlign, TimelineAlign>;
+    direction: Prop<TimelineDirection, TimelineDirection>;
+    justify: {
+        type: StringConstructor;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    side: Prop<TimelineSide, TimelineSide>;
+    lineInset: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    lineThickness: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    lineColor: StringConstructor;
+    truncateLine: Prop<TimelineTruncateLine, TimelineTruncateLine>;
+}>>, {
+    tag: string;
+    justify: string;
+    density: "default" | "compact" | "comfortable" | null;
+    lineInset: string | number;
+    lineThickness: string | number;
+}>;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VTimelineItem: vue.DefineComponent<{
+    height: (StringConstructor | NumberConstructor)[];
+    maxHeight: (StringConstructor | NumberConstructor)[];
+    maxWidth: (StringConstructor | NumberConstructor)[];
+    minHeight: (StringConstructor | NumberConstructor)[];
+    minWidth: (StringConstructor | NumberConstructor)[];
+    width: (StringConstructor | NumberConstructor)[];
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    density: PropType<"default" | "compact">;
+    dotColor: StringConstructor;
+    fillDot: BooleanConstructor;
+    hideDot: BooleanConstructor;
+    hideOpposite: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: PropType<IconValue>;
+    iconColor: StringConstructor;
+    lineInset: (StringConstructor | NumberConstructor)[];
+}, {}, 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)[];
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    density: PropType<"default" | "compact">;
+    dotColor: StringConstructor;
+    fillDot: BooleanConstructor;
+    hideDot: BooleanConstructor;
+    hideOpposite: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    icon: PropType<IconValue>;
+    iconColor: StringConstructor;
+    lineInset: (StringConstructor | NumberConstructor)[];
+}>>, {
+    size: string | number;
+    tag: string;
+    rounded: string | number | boolean;
+    fillDot: boolean;
+    hideDot: boolean;
+    hideOpposite: boolean;
+}>;
+
+export { VTimeline, VTimelineItem };

package/lib/components/VToolbar/VToolbar.css

@@ -6,7 +6,6 @@
   justify-content: space-between;
   max-width: 100%;
   overflow: hidden;
-  padding-inline-end: var(--v-scrollbar-offset);
   position: relative;
   transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   transition-property: height, width, transform, max-width, left, right, top, bottom;

package/lib/components/VToolbar/VToolbar.sass

@@ -10,7 +10,6 @@
   justify-content: space-between
   max-width: 100%
   overflow: hidden
-  padding-inline-end: var(--v-scrollbar-offset)
   position: relative
   transition: $toolbar-transition
   transition-property: height, width, transform, max-width, left, right, top, bottom

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

@@ -0,0 +1,414 @@
+import * as vue from 'vue';
+import { VNodeChild, ExtractPropTypes, PropType } 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 const VToolbar: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            flat: boolean;
+            absolute: boolean;
+            height: string | number;
+            tag: string;
+            collapse: boolean;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "prominent" | "comfortable" | null;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+        }> & Omit<Readonly<ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            absolute: BooleanConstructor;
+            collapse: BooleanConstructor;
+            color: StringConstructor;
+            density: {
+                type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            extended: BooleanConstructor;
+            extensionHeight: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            flat: BooleanConstructor;
+            floating: BooleanConstructor;
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            image: StringConstructor;
+            title: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [];
+            image: [];
+            prepend: [];
+            append: [];
+            title: [];
+            extension: [];
+        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "height" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            theme: StringConstructor;
+            tag: Omit<{
+                type: StringConstructor;
+                default: string;
+            }, "type" | "default"> & {
+                type: PropType<string>;
+                default: string;
+            };
+            rounded: {
+                type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+                default: undefined;
+            };
+            elevation: {
+                type: (StringConstructor | NumberConstructor)[];
+                validator(v: any): boolean;
+            };
+            border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            absolute: BooleanConstructor;
+            collapse: BooleanConstructor;
+            color: StringConstructor;
+            density: {
+                type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
+                default: string;
+                validator: (v: any) => boolean;
+            };
+            extended: BooleanConstructor;
+            extensionHeight: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            flat: BooleanConstructor;
+            floating: BooleanConstructor;
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+                default: number;
+            };
+            image: StringConstructor;
+            title: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [];
+            image: [];
+            prepend: [];
+            append: [];
+            title: [];
+            extension: [];
+        }>>>>, {
+            contentHeight: vue.ComputedRef<number>;
+            extensionHeight: vue.ComputedRef<number>;
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            flat: boolean;
+            absolute: boolean;
+            height: string | number;
+            tag: string;
+            collapse: boolean;
+            rounded: string | number | boolean;
+            density: "default" | "compact" | "prominent" | "comfortable" | null;
+            extended: boolean;
+            extensionHeight: string | number;
+            floating: boolean;
+        }> & {
+            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<ExtractPropTypes<{
+        theme: StringConstructor;
+        tag: Omit<{
+            type: StringConstructor;
+            default: string;
+        }, "type" | "default"> & {
+            type: PropType<string>;
+            default: string;
+        };
+        rounded: {
+            type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+            default: undefined;
+        };
+        elevation: {
+            type: (StringConstructor | NumberConstructor)[];
+            validator(v: any): boolean;
+        };
+        border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        absolute: BooleanConstructor;
+        collapse: BooleanConstructor;
+        color: StringConstructor;
+        density: {
+            type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
+            default: string;
+            validator: (v: any) => boolean;
+        };
+        extended: BooleanConstructor;
+        extensionHeight: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        flat: BooleanConstructor;
+        floating: BooleanConstructor;
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+            default: number;
+        };
+        image: StringConstructor;
+        title: StringConstructor;
+    } & SlotsToProps<MakeSlots<{
+        default: [];
+        image: [];
+        prepend: [];
+        append: [];
+        title: [];
+        extension: [];
+    }>>>> & vue.ShallowUnwrapRef<{
+        contentHeight: vue.ComputedRef<number>;
+        extensionHeight: vue.ComputedRef<number>;
+    }> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    elevation: {
+        type: (StringConstructor | NumberConstructor)[];
+        validator(v: any): boolean;
+    };
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    absolute: BooleanConstructor;
+    collapse: BooleanConstructor;
+    color: StringConstructor;
+    density: {
+        type: PropType<"default" | "compact" | "prominent" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    extended: BooleanConstructor;
+    extensionHeight: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    flat: BooleanConstructor;
+    floating: BooleanConstructor;
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    image: StringConstructor;
+    title: StringConstructor;
+} & SlotsToProps<MakeSlots<{
+    default: [];
+    image: [];
+    prepend: [];
+    append: [];
+    title: [];
+    extension: [];
+}>>>>, {
+    contentHeight: vue.ComputedRef<number>;
+    extensionHeight: vue.ComputedRef<number>;
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    flat: boolean;
+    absolute: boolean;
+    height: string | number;
+    tag: string;
+    collapse: boolean;
+    rounded: string | number | boolean;
+    density: "default" | "compact" | "prominent" | "comfortable" | null;
+    extended: boolean;
+    extensionHeight: string | number;
+    floating: boolean;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: MakeSlots<{
+        default: [];
+        image: [];
+        prepend: [];
+        append: [];
+        title: [];
+        extension: [];
+    }>;
+});
+declare type VToolbar = InstanceType<typeof VToolbar>;
+
+declare const VToolbarTitle: {
+    new (...args: any[]): {
+        $: vue.ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            tag: string;
+        }> & Omit<Readonly<vue.ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            text: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [];
+            text: [];
+        }>>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        $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: string, ...args: any[]) => void;
+        $el: any;
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+            tag: {
+                type: StringConstructor;
+                default: string;
+            };
+            text: StringConstructor;
+        } & SlotsToProps<MakeSlots<{
+            default: [];
+            text: [];
+        }>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            tag: 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<{
+        tag: {
+            type: StringConstructor;
+            default: string;
+        };
+        text: StringConstructor;
+    } & SlotsToProps<MakeSlots<{
+        default: [];
+        text: [];
+    }>>>> & vue.ShallowUnwrapRef<{}> & {} & vue.ComponentCustomProperties;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: StringConstructor;
+} & SlotsToProps<MakeSlots<{
+    default: [];
+    text: [];
+}>>>>, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    tag: string;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $slots: MakeSlots<{
+        default: [];
+        text: [];
+    }>;
+});
+declare type VToolbarTitle = InstanceType<typeof VToolbarTitle>;
+
+declare const VToolbarItems: vue.DefineComponent<{
+    color: StringConstructor;
+    variant: Omit<{
+        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        default: string;
+        validator: (v: any) => boolean;
+    }, "type" | "default"> & {
+        type: vue.PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<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<string>;
+        default: string;
+    };
+}>>, {
+    variant: string;
+}>;
+declare type VToolbarItems = InstanceType<typeof VToolbarItems>;
+
+export { VToolbar, VToolbarItems, VToolbarTitle };

package/lib/components/VTooltip/VTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VTooltip.mjs","names":["VOverlay","makeTransitionProps","useProxiedModel","useScopeId","forwardRefs","computed","ref","genericComponent","getUid","useRender","VTooltip","name","inheritAttrs","props","id","String","modelValue","Boolean","text","location","type","default","origin","transition","emits","value","setup","attrs","slots","isActive","scopeId","uid","overlay","split","length","activator","args"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, getUid, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { PropType } from 'vue'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<new () => {\n  $slots: OverlaySlots\n}>()({\n  name: 'VTooltip',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n    modelValue: Boolean,\n    text: String,\n\n    location: {\n      type: String as PropType<StrategyProps['location']>,\n      default: 'end',\n    },\n    origin: {\n      type: String as PropType<StrategyProps['origin']>,\n      default: 'auto',\n    },\n\n    ...makeTransitionProps({\n      transition: false,\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const overlay = ref<VOverlay>()\n\n    const location = computed(() => {\n      return props.location.split(' ').length > 1\n        ? props.location\n        : props.location + ' center' as StrategyProps['location']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.location.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    useRender(() => (\n      <VOverlay\n        v-model={ isActive.value }\n        ref={ overlay }\n        class={[\n          'v-tooltip',\n        ]}\n        id={ id.value }\n        transition={ transition.value }\n        absolute\n        locationStrategy=\"connected\"\n        scrollStrategy=\"reposition\"\n        location={ location.value }\n        origin={ origin.value }\n        min-width={ 0 }\n        offset={ 10 }\n        scrim={ false }\n        persistent\n        open-on-click={ false }\n        open-on-hover\n        close-on-back={ false }\n        role=\"tooltip\"\n        eager\n        activatorProps={{\n          'aria-describedby': id.value,\n        }}\n        { ...scopeId }\n        { ...attrs }\n      >\n        {{\n          activator: slots.activator,\n          default: (...args) => slots.default?.(...args) ?? props.text,\n        }}\n      </VOverlay>\n    ))\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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"}
+{"version":3,"file":"VTooltip.mjs","names":["VOverlay","makeTransitionProps","useProxiedModel","useScopeId","forwardRefs","computed","ref","genericComponent","getUid","useRender","VTooltip","name","inheritAttrs","props","id","String","modelValue","Boolean","text","location","type","default","origin","transition","emits","value","setup","attrs","slots","isActive","scopeId","uid","overlay","split","length","activator","args"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { makeTransitionProps } from '@/composables/transition'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { genericComponent, getUid, useRender } from '@/util'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { PropType } from 'vue'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<new () => {\n  $slots: OverlaySlots\n  $props: VOverlay['$props']\n}>()({\n  name: 'VTooltip',\n\n  inheritAttrs: false,\n\n  props: {\n    id: String,\n    modelValue: Boolean,\n    text: String,\n\n    location: {\n      type: String as PropType<StrategyProps['location']>,\n      default: 'end',\n    },\n    origin: {\n      type: String as PropType<StrategyProps['origin']>,\n      default: 'auto',\n    },\n\n    ...makeTransitionProps({\n      transition: false,\n    } as const),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const isActive = useProxiedModel(props, 'modelValue')\n    const { scopeId } = useScopeId()\n\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const overlay = ref<VOverlay>()\n\n    const location = computed(() => {\n      return props.location.split(' ').length > 1\n        ? props.location\n        : props.location + ' center' as StrategyProps['location']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.location.split(' ').length > 1\n      ) ? props.origin\n        : props.origin + ' center' as StrategyProps['origin']\n    })\n\n    const transition = computed(() => {\n      if (props.transition) return props.transition\n      return isActive.value ? 'scale-transition' : 'fade-transition'\n    })\n\n    useRender(() => (\n      <VOverlay\n        v-model={ isActive.value }\n        ref={ overlay }\n        class={[\n          'v-tooltip',\n        ]}\n        id={ id.value }\n        transition={ transition.value }\n        absolute\n        locationStrategy=\"connected\"\n        scrollStrategy=\"reposition\"\n        location={ location.value }\n        origin={ origin.value }\n        min-width={ 0 }\n        offset={ 10 }\n        scrim={ false }\n        persistent\n        open-on-click={ false }\n        open-on-hover\n        close-on-back={ false }\n        role=\"tooltip\"\n        eager\n        activatorProps={{\n          'aria-describedby': id.value,\n        }}\n        { ...scopeId }\n        { ...attrs }\n      >\n        {{\n          activator: slots.activator,\n          default: (...args) => slots.default?.(...args) ?? props.text,\n        }}\n      </VOverlay>\n    ))\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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"}