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

package/lib/components/VToolbar/{index.d.ts → index.d.mts}

@@ -14,6 +14,7 @@ declare const VToolbar: {
             flat: boolean;
             absolute: boolean;
             height: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
@@ -25,6 +26,7 @@ declare const VToolbar: {
             flat: boolean;
             absolute: boolean;
             height: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             density: Density;
@@ -36,11 +38,12 @@ declare const VToolbar: {
             color?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 image?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -48,14 +51,6 @@ declare const VToolbar: {
                 title?: (() => vue.VNodeChild) | undefined;
                 extension?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                extension?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 image?: false | (() => vue.VNodeChild) | undefined;
@@ -71,7 +66,7 @@ declare const VToolbar: {
             "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:title"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:extension"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "height" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "flat" | "absolute" | "height" | "style" | "tag" | "collapse" | "rounded" | "density" | "extended" | "extensionHeight" | "floating">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -89,6 +84,7 @@ declare const VToolbar: {
             flat: boolean;
             absolute: boolean;
             height: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             density: Density;
@@ -100,11 +96,12 @@ declare const VToolbar: {
             color?: string | undefined;
             title?: string | undefined;
             image?: string | undefined;
+            class?: any;
             elevation?: string | number | undefined;
             theme?: string | undefined;
             rounded?: string | number | boolean | undefined;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 image?: (() => vue.VNodeChild) | undefined;
                 prepend?: (() => vue.VNodeChild) | undefined;
@@ -112,14 +109,6 @@ declare const VToolbar: {
                 title?: (() => vue.VNodeChild) | undefined;
                 extension?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                image?: (() => vue.VNodeChild) | undefined;
-                prepend?: (() => vue.VNodeChild) | undefined;
-                append?: (() => vue.VNodeChild) | undefined;
-                title?: (() => vue.VNodeChild) | undefined;
-                extension?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 image?: false | (() => vue.VNodeChild) | undefined;
@@ -142,6 +131,7 @@ declare const VToolbar: {
             flat: boolean;
             absolute: boolean;
             height: string | number;
+            style: vue.StyleValue;
             tag: string;
             collapse: boolean;
             rounded: string | number | boolean;
@@ -173,6 +163,7 @@ declare const VToolbar: {
         flat: boolean;
         absolute: boolean;
         height: string | number;
+        style: vue.StyleValue;
         tag: string;
         collapse: boolean;
         density: Density;
@@ -184,11 +175,12 @@ declare const VToolbar: {
         color?: string | undefined;
         title?: string | undefined;
         image?: string | undefined;
+        class?: any;
         elevation?: string | number | undefined;
         theme?: string | undefined;
         rounded?: string | number | boolean | undefined;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             image?: (() => vue.VNodeChild) | undefined;
             prepend?: (() => vue.VNodeChild) | undefined;
@@ -196,14 +188,6 @@ declare const VToolbar: {
             title?: (() => vue.VNodeChild) | undefined;
             extension?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            image?: (() => vue.VNodeChild) | undefined;
-            prepend?: (() => vue.VNodeChild) | undefined;
-            append?: (() => vue.VNodeChild) | undefined;
-            title?: (() => vue.VNodeChild) | undefined;
-            extension?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             image?: false | (() => vue.VNodeChild) | undefined;
@@ -230,6 +214,7 @@ declare const VToolbar: {
     flat: boolean;
     absolute: boolean;
     height: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
     density: Density;
@@ -241,11 +226,12 @@ declare const VToolbar: {
     color?: string | undefined;
     title?: string | undefined;
     image?: string | undefined;
+    class?: any;
     elevation?: string | number | undefined;
     theme?: string | undefined;
     rounded?: string | number | boolean | undefined;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         image?: (() => vue.VNodeChild) | undefined;
         prepend?: (() => vue.VNodeChild) | undefined;
@@ -253,14 +239,6 @@ declare const VToolbar: {
         title?: (() => vue.VNodeChild) | undefined;
         extension?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        image?: (() => vue.VNodeChild) | undefined;
-        prepend?: (() => vue.VNodeChild) | undefined;
-        append?: (() => vue.VNodeChild) | undefined;
-        title?: (() => vue.VNodeChild) | undefined;
-        extension?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         image?: false | (() => vue.VNodeChild) | undefined;
@@ -283,6 +261,7 @@ declare const VToolbar: {
     flat: boolean;
     absolute: boolean;
     height: string | number;
+    style: vue.StyleValue;
     tag: string;
     collapse: boolean;
     rounded: string | number | boolean;
@@ -307,6 +286,11 @@ declare const VToolbar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     absolute: BooleanConstructor;
     collapse: BooleanConstructor;
@@ -346,6 +330,11 @@ declare const VToolbar: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    class: PropType<any>;
+    style: {
+        type: PropType<vue.StyleValue>;
+        default: null;
+    };
     border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     absolute: BooleanConstructor;
     collapse: BooleanConstructor;
@@ -376,20 +365,19 @@ declare const VToolbarTitle: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             tag: string;
         }> & Omit<{
+            style: vue.StyleValue;
             tag: string;
         } & {
             text?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
@@ -397,7 +385,7 @@ declare const VToolbarTitle: {
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "tag">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "tag">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -412,18 +400,16 @@ declare const VToolbarTitle: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             tag: string;
         } & {
             text?: string | undefined;
+            class?: any;
         } & {
-            $children?: {} | vue.VNodeChild | {
+            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
                 text?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                text?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
                 text?: false | (() => vue.VNodeChild) | undefined;
@@ -432,6 +418,7 @@ declare const VToolbarTitle: {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             tag: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -454,18 +441,16 @@ declare const VToolbarTitle: {
         $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;
     } & {
+        style: vue.StyleValue;
         tag: string;
     } & {
         text?: string | undefined;
+        class?: any;
     } & {
-        $children?: {} | vue.VNodeChild | {
+        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
             text?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            text?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
             text?: false | (() => vue.VNodeChild) | undefined;
@@ -478,18 +463,16 @@ declare const VToolbarTitle: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     tag: string;
 } & {
     text?: string | undefined;
+    class?: any;
 } & {
-    $children?: {} | vue.VNodeChild | {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
         text?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        text?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
         text?: false | (() => vue.VNodeChild) | undefined;
@@ -498,18 +481,29 @@ declare const VToolbarTitle: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:text"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     tag: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
 }, vue.ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
     text: StringConstructor;
 }>>;
 type VToolbarTitle = InstanceType<typeof VToolbarTitle>;
@@ -519,24 +513,24 @@ declare const VToolbarItems: {
         $: vue.ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            style: vue.StyleValue;
             variant: string;
         }> & Omit<{
+            style: vue.StyleValue;
             variant: string;
         } & {
             color?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
-        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "variant">;
+        } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "style" | "variant">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -551,22 +545,22 @@ declare const VToolbarItems: {
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: vue.ComponentOptionsBase<{
+            style: vue.StyleValue;
             variant: string;
         } & {
             color?: string | undefined;
+            class?: any;
         } & {
             $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
                 default?: (() => vue.VNodeChild) | undefined;
             };
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             'v-slots'?: {
                 default?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
         }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+            style: vue.StyleValue;
             variant: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -589,16 +583,15 @@ declare const VToolbarItems: {
         $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;
     } & {
+        style: vue.StyleValue;
         variant: string;
     } & {
         color?: string | undefined;
+        class?: any;
     } & {
         $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
             default?: (() => vue.VNodeChild) | undefined;
         };
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -609,22 +602,22 @@ declare const VToolbarItems: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
+    style: vue.StyleValue;
     variant: string;
 } & {
     color?: string | undefined;
+    class?: any;
 } & {
     $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
         default?: (() => vue.VNodeChild) | undefined;
     };
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
+    style: vue.StyleValue;
     variant: string;
 }, {}, string> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     color: StringConstructor;
@@ -636,6 +629,11 @@ declare const VToolbarItems: {
         type: vue.PropType<string>;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
     variant: Omit<{
@@ -646,6 +644,11 @@ declare const VToolbarItems: {
         type: vue.PropType<string>;
         default: string;
     };
+    class: vue.PropType<any>;
+    style: {
+        type: vue.PropType<vue.StyleValue>;
+        default: null;
+    };
 }>>;
 type VToolbarItems = InstanceType<typeof VToolbarItems>;
 

package/lib/components/VTooltip/VTooltip.mjs

@@ -61,7 +61,8 @@ export const VTooltip = genericComponent()({
       const [overlayProps] = VOverlay.filterProps(props);
       return _createVNode(VOverlay, _mergeProps({
         "ref": overlay,
-        "class": ['v-tooltip'],
+        "class": ['v-tooltip', props.class],
+        "style": props.style,
         "id": id.value
       }, overlayProps, {
         "modelValue": isActive.value,

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

@@ -1 +1 @@
-{"version":3,"file":"VTooltip.mjs","names":["VOverlay","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","ref","genericComponent","getUid","omit","useRender","makeVOverlayProps","VTooltip","name","props","id","String","text","closeOnBack","location","locationStrategy","eager","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","emits","value","setup","_ref","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","filterProps","_createVNode","_mergeProps","$event","activator","default","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, useRender } from '@/util'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<OverlaySlots>()({\n  name: 'VTooltip',\n\n  props: {\n    id: String,\n    text: String,\n\n    ...omit(makeVOverlayProps({\n      closeOnBack: false,\n      location: 'end' as const,\n      locationStrategy: 'connected' as const,\n      eager: true,\n      minWidth: 0,\n      offset: 10,\n      openOnClick: false,\n      openOnHover: true,\n      origin: 'auto' as const,\n      scrim: false,\n      scrollStrategy: 'reposition' as const,\n      transition: false,\n    }), [\n      'absolute',\n      'persistent',\n    ]),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { 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    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-describedby': id.value,\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = VOverlay.filterProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-tooltip',\n          ]}\n          id={ id.value }\n          { ...overlayProps }\n          v-model={ isActive.value }\n          transition={ transition.value }\n          absolute\n          location={ location.value }\n          origin={ origin.value }\n          persistent\n          role=\"tooltip\"\n          activatorProps={ activatorProps.value }\n          _disableGlobalStack\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\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","useProxiedModel","useScopeId","forwardRefs","computed","mergeProps","ref","genericComponent","getUid","omit","useRender","makeVOverlayProps","VTooltip","name","props","id","String","text","closeOnBack","location","locationStrategy","eager","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","emits","value","setup","_ref","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","filterProps","_createVNode","_mergeProps","class","style","$event","activator","default","_len","arguments","args","Array","_key"],"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, mergeProps, ref } from 'vue'\nimport { genericComponent, getUid, omit, useRender } from '@/util'\nimport { makeVOverlayProps } from '@/components/VOverlay/VOverlay'\n\n// Types\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/locationStrategies'\n\nexport const VTooltip = genericComponent<OverlaySlots>()({\n  name: 'VTooltip',\n\n  props: {\n    id: String,\n    text: String,\n\n    ...omit(makeVOverlayProps({\n      closeOnBack: false,\n      location: 'end' as const,\n      locationStrategy: 'connected' as const,\n      eager: true,\n      minWidth: 0,\n      offset: 10,\n      openOnClick: false,\n      openOnHover: true,\n      origin: 'auto' as const,\n      scrim: false,\n      scrollStrategy: 'reposition' as const,\n      transition: false,\n    }), [\n      'absolute',\n      'persistent',\n    ]),\n  },\n\n  emits: {\n    'update:modelValue': (value: boolean) => true,\n  },\n\n  setup (props, { 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    const activatorProps = computed(() =>\n      mergeProps({\n        'aria-describedby': id.value,\n      }, props.activatorProps)\n    )\n\n    useRender(() => {\n      const [overlayProps] = VOverlay.filterProps(props)\n\n      return (\n        <VOverlay\n          ref={ overlay }\n          class={[\n            'v-tooltip',\n            props.class,\n          ]}\n          style={ props.style }\n          id={ id.value }\n          { ...overlayProps }\n          v-model={ isActive.value }\n          transition={ transition.value }\n          absolute\n          location={ location.value }\n          origin={ origin.value }\n          persistent\n          role=\"tooltip\"\n          activatorProps={ activatorProps.value }\n          _disableGlobalStack\n          { ...scopeId }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\n    })\n\n    return forwardRefs({}, overlay)\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"mappings":"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"}