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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VTooltip/VTooltip.tsx"],"names":["VOverlay","useProxiedModel","makeTransitionProps","computed","genericComponent","getUid","VTooltip","name","inheritAttrs","props","id","String","modelValue","Boolean","text","anchor","type","default","origin","transition","emits","value","setup","attrs","slots","isActive","uid","split","length","activator","args"],"mappings":"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","sourcesContent":["// Styles\nimport './VTooltip.sass'\n\n// Components\nimport { VOverlay } from '@/components/VOverlay'\n\n// Composables\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { makeTransitionProps } from '@/composables/transition'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, getUid } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { OverlaySlots } from '@/components/VOverlay/VOverlay'\nimport type { StrategyProps } from '@/components/VOverlay/positionStrategies'\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    anchor: {\n      type: String as PropType<StrategyProps['anchor']>,\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\n    const uid = getUid()\n    const id = computed(() => props.id || `v-tooltip-${uid}`)\n\n    const anchor = computed(() => {\n      return props.anchor.split(' ').length > 1\n        ? props.anchor\n        : props.anchor + ' center' as StrategyProps['anchor']\n    })\n\n    const origin = computed(() => {\n      return (\n        props.origin === 'auto' ||\n        props.origin === 'overlap' ||\n        props.origin.split(' ').length > 1 ||\n        props.anchor.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    return () => {\n      return (\n        <VOverlay\n          v-model={ isActive.value }\n          class={[\n            'v-tooltip',\n          ]}\n          id={ id.value }\n          transition={ transition.value }\n          absolute\n          positionStrategy=\"connected\"\n          scrollStrategy=\"reposition\"\n          anchor={ anchor.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          role=\"tooltip\"\n          eager\n          activatorProps={{\n            'aria-describedby': id.value,\n          }}\n          { ...attrs }\n        >\n          {{\n            activator: slots.activator,\n            default: (...args) => slots.default?.(...args) ?? props.text,\n          }}\n        </VOverlay>\n      )\n    }\n  },\n})\n\nexport type VTooltip = InstanceType<typeof VTooltip>\n"],"file":"VTooltip.mjs"}
+{"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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"}

package/lib/components/VTooltip/VTooltip.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/settings'
 @use './variables' as *
 

package/lib/components/VTooltip/_variables.scss

@@ -1,5 +1,6 @@
 @use '../../styles/settings';
 
+// VTooltip
 $tooltip-background-color: rgba(var(--v-theme-surface-variant), .7) !default;
 $tooltip-text-color: rgb(var(--v-theme-on-surface-variant)) !default;
 $tooltip-border-radius: settings.$border-radius-root !default;