@vuetify/nightly 3.2.0-dev-20230214.0 → 3.2.0-dev-20230322.0

package/lib/components/VTooltip/VTooltip.css

@@ -1,4 +1,4 @@
-.v-tooltip .v-overlay__content {
+.v-tooltip > .v-overlay__content {
   background: rgba(var(--v-theme-surface-variant), 0.7);
   color: rgb(var(--v-theme-on-surface-variant));
   border-radius: 4px;
@@ -12,11 +12,11 @@
   pointer-events: none;
   transition-property: opacity, transform;
 }
-.v-tooltip .v-overlay__content[class*=enter-active] {
+.v-tooltip > .v-overlay__content[class*=enter-active] {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
   transition-duration: 150ms;
 }
-.v-tooltip .v-overlay__content[class*=leave-active] {
+.v-tooltip > .v-overlay__content[class*=leave-active] {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
   transition-duration: 75ms;
 }

package/lib/components/VTooltip/VTooltip.mjs

@@ -9,7 +9,7 @@ import { useScopeId } from "../../composables/scopeId.mjs";
 import { forwardRefs } from "../../composables/forwardRefs.mjs"; // Utilities
 import { computed, mergeProps, ref } from 'vue';
 import { genericComponent, getUid, omit, useRender } from "../../util/index.mjs";
-import { filterVOverlayProps, makeVOverlayProps } from "../VOverlay/VOverlay.mjs"; // Types
+import { makeVOverlayProps } from "../VOverlay/VOverlay.mjs"; // Types
 export const VTooltip = genericComponent()({
   name: 'VTooltip',
   props: {
@@ -19,6 +19,7 @@ export const VTooltip = genericComponent()({
       closeOnBack: false,
       location: 'end',
       locationStrategy: 'connected',
+      eager: true,
       minWidth: 0,
       offset: 10,
       openOnClick: false,
@@ -27,7 +28,7 @@ export const VTooltip = genericComponent()({
       scrim: false,
       scrollStrategy: 'reposition',
       transition: false
-    }), ['absolute', 'persistent', 'eager'])
+    }), ['absolute', 'persistent'])
   },
   emits: {
     'update:modelValue': value => true
@@ -57,7 +58,7 @@ export const VTooltip = genericComponent()({
       'aria-describedby': id.value
     }, props.activatorProps));
     useRender(() => {
-      const [overlayProps] = filterVOverlayProps(props);
+      const [overlayProps] = VOverlay.filterProps(props);
       return _createVNode(VOverlay, _mergeProps({
         "ref": overlay,
         "class": ['v-tooltip'],
@@ -71,7 +72,6 @@ export const VTooltip = genericComponent()({
         "origin": origin.value,
         "persistent": true,
         "role": "tooltip",
-        "eager": true,
         "activatorProps": activatorProps.value,
         "_disableGlobalStack": true
       }, scopeId), {

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","filterVOverlayProps","makeVOverlayProps","VTooltip","name","props","id","String","text","closeOnBack","location","locationStrategy","minWidth","offset","openOnClick","openOnHover","origin","scrim","scrollStrategy","transition","emits","value","setup","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","activator","default","args"],"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 { filterVOverlayProps, 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      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      'eager',\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] = filterVOverlayProps(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          eager\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","slots","isActive","scopeId","uid","overlay","split","length","activatorProps","overlayProps","filterProps","activator","default","args"],"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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"}

package/lib/components/VTooltip/VTooltip.sass

@@ -2,7 +2,7 @@
 @use './variables' as *
 
 .v-tooltip
-  .v-overlay__content
+  > .v-overlay__content
     background: $tooltip-background-color
     color: $tooltip-text-color
     border-radius: $tooltip-border-radius