@vuetify/nightly 3.10.9-dev.2025-11-05 → 3.10.9-dev.2025-11-06

package/lib/components/VTabs/VTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"VTab.js","names":["makeVBtnProps","VBtn","useTextColor","forwardRefs","computed","ref","VTabsSymbol","animate","genericComponent","omit","propsFactory","standardEasing","useRender","makeVTabProps","fixed","Boolean","sliderColor","String","hideSlider","direction","type","default","selectedClass","variant","VTab","name","props","setup","_ref","slots","attrs","textColorClasses","sliderColorClasses","textColorStyles","sliderColorStyles","rootEl","sliderEl","isHorizontal","isSelected","value","group","updateSlider","_ref2","prevEl","$el","parentElement","querySelector","nextEl","color","getComputedStyle","prevBox","getBoundingClientRect","nextBox","xy","XY","rightBottom","widthHeight","prevPos","nextPos","delta","origin","Math","sign","size","abs","scale","max","initialScale","sigma","backgroundColor","transform","transformOrigin","Array","fill","duration","easing","btnProps","filterProps","_createVNode","_mergeProps","class","style","undefined","_createElementVNode","_Fragment","text","_normalizeClass","_normalizeStyle"],"sources":["../../../src/components/VTabs/VTab.tsx"],"sourcesContent":["// Styles\nimport './VTab.sass'\n\n// Components\nimport { makeVBtnProps, VBtn } from '@/components/VBtn/VBtn'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { VTabsSymbol } from './shared'\nimport { animate, genericComponent, omit, propsFactory, standardEasing, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VBtnSlots } from '@/components/VBtn/VBtn'\n\nexport const makeVTabProps = propsFactory({\n  fixed: Boolean,\n\n  sliderColor: String,\n  hideSlider: Boolean,\n\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n  },\n\n  ...omit(makeVBtnProps({\n    selectedClass: 'v-tab--selected',\n    variant: 'text' as const,\n  }), [\n    'active',\n    'block',\n    'flat',\n    'location',\n    'position',\n    'symbol',\n  ]),\n}, 'VTab')\n\nexport const VTab = genericComponent<VBtnSlots>()({\n  name: 'VTab',\n\n  props: makeVTabProps(),\n\n  setup (props, { slots, attrs }) {\n    const { textColorClasses: sliderColorClasses, textColorStyles: sliderColorStyles } = useTextColor(() => props.sliderColor)\n\n    const rootEl = ref<VBtn>()\n    const sliderEl = ref<HTMLElement>()\n\n    const isHorizontal = computed(() => props.direction === 'horizontal')\n    const isSelected = computed(() => rootEl.value?.group?.isSelected.value ?? false)\n\n    function updateSlider ({ value }: { value: boolean }) {\n      if (value) {\n        const prevEl: HTMLElement | undefined = rootEl.value?.$el.parentElement?.querySelector('.v-tab--selected .v-tab__slider')\n        const nextEl = sliderEl.value\n\n        if (!prevEl || !nextEl) return\n\n        const color = getComputedStyle(prevEl).color\n\n        const prevBox = prevEl.getBoundingClientRect()\n        const nextBox = nextEl.getBoundingClientRect()\n\n        const xy = isHorizontal.value ? 'x' : 'y'\n        const XY = isHorizontal.value ? 'X' : 'Y'\n        const rightBottom = isHorizontal.value ? 'right' : 'bottom'\n        const widthHeight = isHorizontal.value ? 'width' : 'height'\n\n        const prevPos = prevBox[xy]\n        const nextPos = nextBox[xy]\n        const delta = prevPos > nextPos\n          ? prevBox[rightBottom] - nextBox[rightBottom]\n          : prevBox[xy] - nextBox[xy]\n        const origin =\n          Math.sign(delta) > 0 ? (isHorizontal.value ? 'right' : 'bottom')\n          : Math.sign(delta) < 0 ? (isHorizontal.value ? 'left' : 'top')\n          : 'center'\n        const size = Math.abs(delta) + (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight])\n        const scale = size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) || 0\n        const initialScale = prevBox[widthHeight] / nextBox[widthHeight] || 0\n\n        const sigma = 1.5\n        animate(nextEl, {\n          backgroundColor: [color, 'currentcolor'],\n          transform: [\n            `translate${XY}(${delta}px) scale${XY}(${initialScale})`,\n            `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,\n            'none',\n          ],\n          transformOrigin: Array(3).fill(origin),\n        }, {\n          duration: 225,\n          easing: standardEasing,\n        })\n      }\n    }\n\n    useRender(() => {\n      const btnProps = VBtn.filterProps(props)\n\n      return (\n        <VBtn\n          symbol={ VTabsSymbol }\n          ref={ rootEl }\n          class={[\n            'v-tab',\n            props.class,\n          ]}\n          style={ props.style }\n          tabindex={ isSelected.value ? 0 : -1 }\n          role=\"tab\"\n          aria-selected={ String(isSelected.value) }\n          active={ false }\n          { ...btnProps }\n          { ...attrs }\n          block={ props.fixed }\n          maxWidth={ props.fixed ? 300 : undefined }\n          onGroup:selected={ updateSlider }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                { slots.default?.() ?? props.text }\n\n                { !props.hideSlider && (\n                  <div\n                    ref={ sliderEl }\n                    class={[\n                      'v-tab__slider',\n                      sliderColorClasses.value,\n                    ]}\n                    style={ sliderColorStyles.value }\n                  />\n                )}\n              </>\n            ),\n          }}\n        </VBtn>\n      )\n    })\n\n    return forwardRefs({}, rootEl)\n  },\n})\n\nexport type VTab = InstanceType<typeof VTab>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTab.js","names":["makeVBtnProps","VBtn","useTextColor","forwardRefs","computed","ref","VTabsSymbol","animate","genericComponent","omit","propsFactory","standardEasing","useRender","makeVTabProps","fixed","Boolean","sliderColor","String","sliderTransition","sliderTransitionDuration","Number","hideSlider","direction","type","default","selectedClass","variant","VTab","name","props","setup","_ref","slots","attrs","textColorClasses","sliderColorClasses","textColorStyles","sliderColorStyles","rootEl","sliderEl","isHorizontal","isSelected","value","group","fade","nextEl","prevEl","opacity","grow","transform","shift","prevBox","getBoundingClientRect","nextBox","xy","XY","rightBottom","widthHeight","prevPos","nextPos","delta","origin","Math","sign","size","abs","scale","max","initialScale","sigma","transformOrigin","Array","fill","updateSlider","_ref2","$el","parentElement","querySelector","color","getComputedStyle","keyframes","duration","backgroundColor","easing","btnProps","filterProps","_createVNode","_mergeProps","class","style","undefined","_createElementVNode","_Fragment","text","_normalizeClass","_normalizeStyle"],"sources":["../../../src/components/VTabs/VTab.tsx"],"sourcesContent":["// Styles\nimport './VTab.sass'\n\n// Components\nimport { makeVBtnProps, VBtn } from '@/components/VBtn/VBtn'\n\n// Composables\nimport { useTextColor } from '@/composables/color'\nimport { forwardRefs } from '@/composables/forwardRefs'\n\n// Utilities\nimport { computed, ref } from 'vue'\nimport { VTabsSymbol } from './shared'\nimport { animate, genericComponent, omit, propsFactory, standardEasing, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VBtnSlots } from '@/components/VBtn/VBtn'\n\nexport const makeVTabProps = propsFactory({\n  fixed: Boolean,\n\n  sliderColor: String,\n  sliderTransition: String as PropType<'shift' | 'grow' | 'fade'>,\n  sliderTransitionDuration: [String, Number],\n  hideSlider: Boolean,\n\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n  },\n\n  ...omit(makeVBtnProps({\n    selectedClass: 'v-tab--selected',\n    variant: 'text' as const,\n  }), [\n    'active',\n    'block',\n    'flat',\n    'location',\n    'position',\n    'symbol',\n  ]),\n}, 'VTab')\n\nexport const VTab = genericComponent<VBtnSlots>()({\n  name: 'VTab',\n\n  props: makeVTabProps(),\n\n  setup (props, { slots, attrs }) {\n    const { textColorClasses: sliderColorClasses, textColorStyles: sliderColorStyles } = useTextColor(() => props.sliderColor)\n\n    const rootEl = ref<VBtn>()\n    const sliderEl = ref<HTMLElement>()\n\n    const isHorizontal = computed(() => props.direction === 'horizontal')\n    const isSelected = computed(() => rootEl.value?.group?.isSelected.value ?? false)\n\n    function fade (nextEl: HTMLElement, prevEl: HTMLElement) {\n      return { opacity: [0, 1] }\n    }\n\n    function grow (nextEl: HTMLElement, prevEl: HTMLElement) {\n      return props.direction === 'vertical'\n        ? { transform: ['scaleY(0)', 'scaleY(1)'] }\n        : { transform: ['scaleX(0)', 'scaleX(1)'] }\n    }\n\n    function shift (nextEl: HTMLElement, prevEl: HTMLElement) {\n      const prevBox = prevEl.getBoundingClientRect()\n      const nextBox = nextEl.getBoundingClientRect()\n\n      const xy = isHorizontal.value ? 'x' : 'y'\n      const XY = isHorizontal.value ? 'X' : 'Y'\n      const rightBottom = isHorizontal.value ? 'right' : 'bottom'\n      const widthHeight = isHorizontal.value ? 'width' : 'height'\n\n      const prevPos = prevBox[xy]\n      const nextPos = nextBox[xy]\n      const delta = prevPos > nextPos\n        ? prevBox[rightBottom] - nextBox[rightBottom]\n        : prevBox[xy] - nextBox[xy]\n      const origin =\n        Math.sign(delta) > 0 ? (isHorizontal.value ? 'right' : 'bottom')\n        : Math.sign(delta) < 0 ? (isHorizontal.value ? 'left' : 'top')\n        : 'center'\n      const size = Math.abs(delta) + (Math.sign(delta) < 0 ? prevBox[widthHeight] : nextBox[widthHeight])\n      const scale = size / Math.max(prevBox[widthHeight], nextBox[widthHeight]) || 0\n      const initialScale = prevBox[widthHeight] / nextBox[widthHeight] || 0\n      const sigma = 1.5\n\n      return {\n        transform: [\n          `translate${XY}(${delta}px) scale${XY}(${initialScale})`,\n          `translate${XY}(${delta / sigma}px) scale${XY}(${(scale - 1) / sigma + 1})`,\n          'none',\n        ],\n        transformOrigin: Array(3).fill(origin),\n      }\n    }\n\n    function updateSlider ({ value }: { value: boolean }) {\n      if (value) {\n        const prevEl: HTMLElement | undefined = rootEl.value?.$el.parentElement?.querySelector('.v-tab--selected .v-tab__slider')\n        const nextEl = sliderEl.value\n\n        if (!prevEl || !nextEl) return\n\n        const color = getComputedStyle(prevEl).color\n\n        const keyframes = { fade, grow, shift }[props.sliderTransition ?? 'shift'] ?? shift\n        const duration = Number(props.sliderTransitionDuration) ||\n          ({ fade: 400, grow: 350, shift: 225 }[props.sliderTransition ?? 'shift'] ?? 225)\n\n        animate(nextEl, {\n          backgroundColor: [color, 'currentcolor'],\n          ...keyframes(nextEl, prevEl),\n        }, {\n          duration,\n          easing: standardEasing,\n        })\n      }\n    }\n\n    useRender(() => {\n      const btnProps = VBtn.filterProps(props)\n\n      return (\n        <VBtn\n          symbol={ VTabsSymbol }\n          ref={ rootEl }\n          class={[\n            'v-tab',\n            props.class,\n          ]}\n          style={ props.style }\n          tabindex={ isSelected.value ? 0 : -1 }\n          role=\"tab\"\n          aria-selected={ String(isSelected.value) }\n          active={ false }\n          { ...btnProps }\n          { ...attrs }\n          block={ props.fixed }\n          maxWidth={ props.fixed ? 300 : undefined }\n          onGroup:selected={ updateSlider }\n        >\n          {{\n            ...slots,\n            default: () => (\n              <>\n                { slots.default?.() ?? props.text }\n\n                { !props.hideSlider && (\n                  <div\n                    ref={ sliderEl }\n                    class={[\n                      'v-tab__slider',\n                      sliderColorClasses.value,\n                    ]}\n                    style={ sliderColorStyles.value }\n                  />\n                )}\n              </>\n            ),\n          }}\n        </VBtn>\n      )\n    })\n\n    return forwardRefs({}, rootEl)\n  },\n})\n\nexport type VTab = InstanceType<typeof VTab>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VTabs/VTabs.d.ts

@@ -40,6 +40,8 @@ export declare const makeVTabsProps: <Defaults extends {
     nextIcon?: unknown;
     prevIcon?: unknown;
     showArrows?: unknown;
+    sliderTransition?: unknown;
+    sliderTransitionDuration?: unknown;
     alignTabs?: unknown;
     color?: unknown;
     fixedTabs?: unknown;
@@ -227,6 +229,14 @@ export declare const makeVTabsProps: <Defaults extends {
         type: PropType<unknown extends Defaults["showArrows"] ? string | boolean : string | boolean | Defaults["showArrows"]>;
         default: unknown extends Defaults["showArrows"] ? string | boolean : Defaults["showArrows"] | NonNullable<string | boolean>;
     };
+    sliderTransition: unknown extends Defaults["sliderTransition"] ? PropType<"fade" | "grow" | "shift"> : {
+        type: PropType<unknown extends Defaults["sliderTransition"] ? "fade" | "grow" | "shift" : "fade" | "grow" | "shift" | Defaults["sliderTransition"]>;
+        default: unknown extends Defaults["sliderTransition"] ? "fade" | "grow" | "shift" : Defaults["sliderTransition"] | NonNullable<"fade" | "grow" | "shift">;
+    };
+    sliderTransitionDuration: unknown extends Defaults["sliderTransitionDuration"] ? (NumberConstructor | StringConstructor)[] : {
+        type: PropType<unknown extends Defaults["sliderTransitionDuration"] ? string | number : string | number | Defaults["sliderTransitionDuration"]>;
+        default: unknown extends Defaults["sliderTransitionDuration"] ? string | number : Defaults["sliderTransitionDuration"] | NonNullable<string | number>;
+    };
     alignTabs: unknown extends Defaults["alignTabs"] ? {
         type: PropType<"center" | "end" | "start" | "title">;
         default: string;
@@ -315,6 +325,8 @@ export declare const VTabs: {
         spaced?: "both" | "end" | "start" | undefined;
         contentClass?: any;
         showArrows?: string | boolean | undefined;
+        sliderTransition?: "fade" | "grow" | "shift" | undefined;
+        sliderTransitionDuration?: string | number | undefined;
         color?: string | undefined;
         bgColor?: string | undefined;
         height?: string | number | undefined;
@@ -405,6 +417,8 @@ export declare const VTabs: {
         spaced?: "both" | "end" | "start" | undefined;
         contentClass?: any;
         showArrows?: string | boolean | undefined;
+        sliderTransition?: "fade" | "grow" | "shift" | undefined;
+        sliderTransitionDuration?: string | number | undefined;
         color?: string | undefined;
         bgColor?: string | undefined;
         height?: string | number | undefined;
@@ -465,6 +479,8 @@ export declare const VTabs: {
     spaced?: "both" | "end" | "start" | undefined;
     contentClass?: any;
     showArrows?: string | boolean | undefined;
+    sliderTransition?: "fade" | "grow" | "shift" | undefined;
+    sliderTransitionDuration?: string | number | undefined;
     color?: string | undefined;
     bgColor?: string | undefined;
     height?: string | number | undefined;
@@ -592,6 +608,8 @@ export declare const VTabs: {
         type: (BooleanConstructor | StringConstructor)[];
         validator: (v: any) => boolean;
     };
+    sliderTransition: PropType<"fade" | "grow" | "shift">;
+    sliderTransitionDuration: (NumberConstructor | StringConstructor)[];
     alignTabs: {
         type: PropType<"center" | "end" | "start" | "title">;
         default: string;
@@ -679,6 +697,8 @@ export declare const VTabs: {
         type: (BooleanConstructor | StringConstructor)[];
         validator: (v: any) => boolean;
     };
+    sliderTransition: PropType<"fade" | "grow" | "shift">;
+    sliderTransitionDuration: (NumberConstructor | StringConstructor)[];
     alignTabs: {
         type: PropType<"center" | "end" | "start" | "title">;
         default: string;

package/lib/components/VTabs/VTabs.js

@@ -46,7 +46,7 @@ export const makeVTabsProps = propsFactory({
   },
   hideSlider: Boolean,
   sliderColor: String,
-  ...pick(makeVTabProps(), ['spaced']),
+  ...pick(makeVTabProps(), ['spaced', 'sliderTransition', 'sliderTransitionDuration']),
   ...makeVSlideGroupProps({
     mandatory: 'force',
     selectedClass: 'v-tab-item--selected'
@@ -79,12 +79,14 @@ export const VTabs = genericComponent()({
     } = useScopeId();
     provideDefaults({
       VTab: {
-        color: toRef(() => props.color),
-        direction: toRef(() => props.direction),
-        stacked: toRef(() => props.stacked),
-        fixed: toRef(() => props.fixedTabs),
-        sliderColor: toRef(() => props.sliderColor),
-        hideSlider: toRef(() => props.hideSlider)
+        color: toRef(props, 'color'),
+        direction: toRef(props, 'direction'),
+        stacked: toRef(props, 'stacked'),
+        fixed: toRef(props, 'fixedTabs'),
+        sliderColor: toRef(props, 'sliderColor'),
+        sliderTransition: toRef(props, 'sliderTransition'),
+        sliderTransitionDuration: toRef(props, 'sliderTransitionDuration'),
+        hideSlider: toRef(props, 'hideSlider')
       }
     });
     useRender(() => {

package/lib/components/VTabs/VTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VTabs.js","names":["makeVTabProps","VTab","VTabsWindow","VTabsWindowItem","makeVSlideGroupProps","VSlideGroup","useBackgroundColor","provideDefaults","makeDensityProps","useDensity","useProxiedModel","useScopeId","makeTagProps","computed","toRef","VTabsSymbol","convertToUnit","genericComponent","isObject","pick","propsFactory","useRender","parseItems","items","map","item","text","value","makeVTabsProps","alignTabs","type","String","default","color","fixedTabs","Boolean","Array","stacked","bgColor","grow","height","Number","undefined","hideSlider","sliderColor","mandatory","selectedClass","VTabs","name","props","emits","v","setup","_ref","attrs","slots","model","densityClasses","backgroundColorClasses","backgroundColorStyles","scopeId","direction","fixed","slideGroupProps","filterProps","hasWindow","window","length","_createElementVNode","_Fragment","_createVNode","_mergeProps","$event","class","style","tab","spaced","prev","next"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { makeVTabProps, VTab } from './VTab'\nimport { VTabsWindow } from './VTabsWindow'\nimport { VTabsWindowItem } from './VTabsWindowItem'\nimport { makeVSlideGroupProps, VSlideGroup } from '@/components/VSlideGroup/VSlideGroup'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { VTabsSymbol } from './shared'\nimport { convertToUnit, genericComponent, isObject, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport type TabItem = string | number | Record<string, any>\n\nexport type VTabsSlot<T> = {\n  item: T\n}\n\nexport type VTabsSlots<T> = {\n  default: never\n  tab: VTabsSlot<T>\n  item: VTabsSlot<T>\n  window: never\n  prev: never\n  next: never\n} & {\n  [key: `tab.${string}`]: VTabsSlot<T>\n  [key: `item.${string}`]: VTabsSlot<T>\n}\n\nfunction parseItems (items: readonly TabItem[] | undefined) {\n  if (!items) return []\n\n  return items.map(item => {\n    if (!isObject(item)) return { text: item, value: item }\n\n    return item\n  })\n}\n\nexport const makeVTabsProps = propsFactory({\n  alignTabs: {\n    type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n    default: 'start',\n  },\n  color: String,\n  fixedTabs: Boolean,\n  items: {\n    type: Array as PropType<readonly TabItem[]>,\n    default: () => ([]),\n  },\n  stacked: Boolean,\n  bgColor: String,\n  grow: Boolean,\n  height: {\n    type: [Number, String],\n    default: undefined,\n  },\n  hideSlider: Boolean,\n  sliderColor: String,\n\n  ...pick(makeVTabProps(), ['spaced']),\n  ...makeVSlideGroupProps({\n    mandatory: 'force' as const,\n    selectedClass: 'v-tab-item--selected',\n  }),\n  ...makeDensityProps(),\n  ...makeTagProps(),\n}, 'VTabs')\n\nexport const VTabs = genericComponent<new <T = TabItem>(\n  props: {\n    items?: T[]\n  },\n  slots: VTabsSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VTabs',\n\n  props: makeVTabsProps(),\n\n  emits: {\n    'update:modelValue': (v: unknown) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const items = computed(() => parseItems(props.items))\n    const { densityClasses } = useDensity(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor)\n    const { scopeId } = useScopeId()\n\n    provideDefaults({\n      VTab: {\n        color: toRef(() => props.color),\n        direction: toRef(() => props.direction),\n        stacked: toRef(() => props.stacked),\n        fixed: toRef(() => props.fixedTabs),\n        sliderColor: toRef(() => props.sliderColor),\n        hideSlider: toRef(() => props.hideSlider),\n      },\n    })\n\n    useRender(() => {\n      const slideGroupProps = VSlideGroup.filterProps(props)\n      const hasWindow = !!(slots.window || props.items.length > 0)\n\n      return (\n        <>\n          <VSlideGroup\n            { ...slideGroupProps }\n            v-model={ model.value }\n            class={[\n              'v-tabs',\n              `v-tabs--${props.direction}`,\n              `v-tabs--align-tabs-${props.alignTabs}`,\n              {\n                'v-tabs--fixed-tabs': props.fixedTabs,\n                'v-tabs--grow': props.grow,\n                'v-tabs--stacked': props.stacked,\n              },\n              densityClasses.value,\n              backgroundColorClasses.value,\n              props.class,\n            ]}\n            style={[\n              { '--v-tabs-height': convertToUnit(props.height) },\n              backgroundColorStyles.value,\n              props.style,\n            ]}\n            role=\"tablist\"\n            symbol={ VTabsSymbol }\n            { ...scopeId }\n            { ...attrs }\n          >\n            {{\n              default: slots.default ?? (() => items.value.map(item => (\n                slots.tab?.({ item }) ?? (\n                  <VTab\n                    { ...item }\n                    key={ item.text }\n                    value={ item.value }\n                    spaced={ props.spaced }\n                    v-slots={{\n                      default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({ item }) : undefined,\n                    }}\n                  />\n                )\n              ))),\n              prev: slots.prev,\n              next: slots.next,\n            }}\n          </VSlideGroup>\n\n          { hasWindow && (\n            <VTabsWindow\n              v-model={ model.value }\n              key=\"tabs-window\"\n              { ...scopeId }\n            >\n              { items.value.map(item => slots.item?.({ item }) ?? (\n                <VTabsWindowItem\n                  value={ item.value }\n                  v-slots={{\n                    default: () => slots[`item.${item.value}`]?.({ item }),\n                  }}\n                />\n              ))}\n\n              { slots.window?.() }\n            </VTabsWindow>\n          )}\n        </>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTabs.js","names":["makeVTabProps","VTab","VTabsWindow","VTabsWindowItem","makeVSlideGroupProps","VSlideGroup","useBackgroundColor","provideDefaults","makeDensityProps","useDensity","useProxiedModel","useScopeId","makeTagProps","computed","toRef","VTabsSymbol","convertToUnit","genericComponent","isObject","pick","propsFactory","useRender","parseItems","items","map","item","text","value","makeVTabsProps","alignTabs","type","String","default","color","fixedTabs","Boolean","Array","stacked","bgColor","grow","height","Number","undefined","hideSlider","sliderColor","mandatory","selectedClass","VTabs","name","props","emits","v","setup","_ref","attrs","slots","model","densityClasses","backgroundColorClasses","backgroundColorStyles","scopeId","direction","fixed","sliderTransition","sliderTransitionDuration","slideGroupProps","filterProps","hasWindow","window","length","_createElementVNode","_Fragment","_createVNode","_mergeProps","$event","class","style","tab","spaced","prev","next"],"sources":["../../../src/components/VTabs/VTabs.tsx"],"sourcesContent":["// Styles\nimport './VTabs.sass'\n\n// Components\nimport { makeVTabProps, VTab } from './VTab'\nimport { VTabsWindow } from './VTabsWindow'\nimport { VTabsWindowItem } from './VTabsWindowItem'\nimport { makeVSlideGroupProps, VSlideGroup } from '@/components/VSlideGroup/VSlideGroup'\n\n// Composables\nimport { useBackgroundColor } from '@/composables/color'\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useScopeId } from '@/composables/scopeId'\nimport { makeTagProps } from '@/composables/tag'\n\n// Utilities\nimport { computed, toRef } from 'vue'\nimport { VTabsSymbol } from './shared'\nimport { convertToUnit, genericComponent, isObject, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { GenericProps } from '@/util'\n\nexport type TabItem = string | number | Record<string, any>\n\nexport type VTabsSlot<T> = {\n  item: T\n}\n\nexport type VTabsSlots<T> = {\n  default: never\n  tab: VTabsSlot<T>\n  item: VTabsSlot<T>\n  window: never\n  prev: never\n  next: never\n} & {\n  [key: `tab.${string}`]: VTabsSlot<T>\n  [key: `item.${string}`]: VTabsSlot<T>\n}\n\nfunction parseItems (items: readonly TabItem[] | undefined) {\n  if (!items) return []\n\n  return items.map(item => {\n    if (!isObject(item)) return { text: item, value: item }\n\n    return item\n  })\n}\n\nexport const makeVTabsProps = propsFactory({\n  alignTabs: {\n    type: String as PropType<'start' | 'title' | 'center' | 'end'>,\n    default: 'start',\n  },\n  color: String,\n  fixedTabs: Boolean,\n  items: {\n    type: Array as PropType<readonly TabItem[]>,\n    default: () => ([]),\n  },\n  stacked: Boolean,\n  bgColor: String,\n  grow: Boolean,\n  height: {\n    type: [Number, String],\n    default: undefined,\n  },\n  hideSlider: Boolean,\n  sliderColor: String,\n\n  ...pick(makeVTabProps(), ['spaced', 'sliderTransition', 'sliderTransitionDuration']),\n  ...makeVSlideGroupProps({\n    mandatory: 'force' as const,\n    selectedClass: 'v-tab-item--selected',\n  }),\n  ...makeDensityProps(),\n  ...makeTagProps(),\n}, 'VTabs')\n\nexport const VTabs = genericComponent<new <T = TabItem>(\n  props: {\n    items?: T[]\n  },\n  slots: VTabsSlots<T>\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VTabs',\n\n  props: makeVTabsProps(),\n\n  emits: {\n    'update:modelValue': (v: unknown) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const items = computed(() => parseItems(props.items))\n    const { densityClasses } = useDensity(props)\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(() => props.bgColor)\n    const { scopeId } = useScopeId()\n\n    provideDefaults({\n      VTab: {\n        color: toRef(props, 'color'),\n        direction: toRef(props, 'direction'),\n        stacked: toRef(props, 'stacked'),\n        fixed: toRef(props, 'fixedTabs'),\n        sliderColor: toRef(props, 'sliderColor'),\n        sliderTransition: toRef(props, 'sliderTransition'),\n        sliderTransitionDuration: toRef(props, 'sliderTransitionDuration'),\n        hideSlider: toRef(props, 'hideSlider'),\n      },\n    })\n\n    useRender(() => {\n      const slideGroupProps = VSlideGroup.filterProps(props)\n      const hasWindow = !!(slots.window || props.items.length > 0)\n\n      return (\n        <>\n          <VSlideGroup\n            { ...slideGroupProps }\n            v-model={ model.value }\n            class={[\n              'v-tabs',\n              `v-tabs--${props.direction}`,\n              `v-tabs--align-tabs-${props.alignTabs}`,\n              {\n                'v-tabs--fixed-tabs': props.fixedTabs,\n                'v-tabs--grow': props.grow,\n                'v-tabs--stacked': props.stacked,\n              },\n              densityClasses.value,\n              backgroundColorClasses.value,\n              props.class,\n            ]}\n            style={[\n              { '--v-tabs-height': convertToUnit(props.height) },\n              backgroundColorStyles.value,\n              props.style,\n            ]}\n            role=\"tablist\"\n            symbol={ VTabsSymbol }\n            { ...scopeId }\n            { ...attrs }\n          >\n            {{\n              default: slots.default ?? (() => items.value.map(item => (\n                slots.tab?.({ item }) ?? (\n                  <VTab\n                    { ...item }\n                    key={ item.text }\n                    value={ item.value }\n                    spaced={ props.spaced }\n                    v-slots={{\n                      default: slots[`tab.${item.value}`] ? () => slots[`tab.${item.value}`]?.({ item }) : undefined,\n                    }}\n                  />\n                )\n              ))),\n              prev: slots.prev,\n              next: slots.next,\n            }}\n          </VSlideGroup>\n\n          { hasWindow && (\n            <VTabsWindow\n              v-model={ model.value }\n              key=\"tabs-window\"\n              { ...scopeId }\n            >\n              { items.value.map(item => slots.item?.({ item }) ?? (\n                <VTabsWindowItem\n                  value={ item.value }\n                  v-slots={{\n                    default: () => slots[`item.${item.value}`]?.({ item }),\n                  }}\n                />\n              ))}\n\n              { slots.window?.() }\n            </VTabsWindow>\n          )}\n        </>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VTabs = InstanceType<typeof VTabs>\n"],"mappings":"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","ignoreList":[]}

package/lib/components/VTooltip/VTooltip.d.ts

@@ -9,6 +9,7 @@ export declare const makeVTooltipProps: <Defaults extends {
     origin?: unknown;
     offset?: unknown;
     stickToTarget?: unknown;
+    viewportMargin?: unknown;
     scrollStrategy?: unknown;
     height?: unknown;
     maxHeight?: unknown;
@@ -124,6 +125,16 @@ export declare const makeVTooltipProps: <Defaults extends {
         type: import("vue").PropType<unknown extends Defaults["stickToTarget"] ? boolean : boolean | Defaults["stickToTarget"]>;
         default: unknown extends Defaults["stickToTarget"] ? boolean : boolean | Defaults["stickToTarget"];
     };
+    viewportMargin: unknown extends Defaults["viewportMargin"] ? {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    } : Omit<{
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    }, "default" | "type"> & {
+        type: import("vue").PropType<unknown extends Defaults["viewportMargin"] ? string | number : string | number | Defaults["viewportMargin"]>;
+        default: unknown extends Defaults["viewportMargin"] ? string | number : Defaults["viewportMargin"] | NonNullable<string | number>;
+    };
     scrollStrategy: unknown extends Defaults["scrollStrategy"] ? Omit<{
         type: import("vue").PropType<"block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction>;
         default: string;
@@ -369,6 +380,7 @@ export declare const VTooltip: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset: string | number | number[];
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         minWidth: string | number;
         activatorProps: Record<string, any>;
@@ -451,6 +463,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
@@ -501,6 +514,7 @@ export declare const VTooltip: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -548,7 +562,7 @@ export declare const VTooltip: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -580,6 +594,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnHover: boolean;
@@ -680,6 +695,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
@@ -736,6 +752,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
@@ -759,6 +776,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnHover: boolean;
@@ -837,7 +855,7 @@ export declare const VTooltip: {
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         onKeydown?: ((e: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex")> & import("vue").ShallowUnwrapRef<{
+    }, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex")> & import("vue").ShallowUnwrapRef<{
         activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
@@ -847,7 +865,7 @@ export declare const VTooltip: {
         globalTop: Readonly<import("vue").Ref<boolean, boolean>>;
         localTop: Readonly<import("vue").Ref<boolean, boolean>>;
         updateLocation: import("vue").Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-    }> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
+    }> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
         _allExposed: {
             activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -868,6 +886,7 @@ export declare const VTooltip: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset: string | number | number[] | undefined;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         minWidth: string | number;
         activatorProps: Record<string, any>;
@@ -914,6 +933,7 @@ export declare const VTooltip: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset: string | number | number[];
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         minWidth: string | number;
         activatorProps: Record<string, any>;
@@ -996,6 +1016,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
@@ -1046,6 +1067,7 @@ export declare const VTooltip: {
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             offset?: string | number | number[] | undefined;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             height?: string | number | undefined;
             maxHeight?: string | number | undefined;
@@ -1093,7 +1115,7 @@ export declare const VTooltip: {
             "v-slot:default"?: false | ((arg: {
                 isActive: import("vue").Ref<boolean, boolean>;
             }) => import("vue").VNodeChild) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1125,6 +1147,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnHover: boolean;
@@ -1225,6 +1248,7 @@ export declare const VTooltip: {
             location: import("../../util/index.js").Anchor;
             origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
             stickToTarget: boolean;
+            viewportMargin: string | number;
             scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
             activatorProps: Record<string, any>;
             openOnClick: boolean;
@@ -1281,6 +1305,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
@@ -1304,6 +1329,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnHover: boolean;
@@ -1382,7 +1408,7 @@ export declare const VTooltip: {
         "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
         onKeydown?: ((e: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex")> & import("vue").ShallowUnwrapRef<{
+    }, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex")> & import("vue").ShallowUnwrapRef<{
         activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
@@ -1392,7 +1418,7 @@ export declare const VTooltip: {
         globalTop: Readonly<import("vue").Ref<boolean, boolean>>;
         localTop: Readonly<import("vue").Ref<boolean, boolean>>;
         updateLocation: import("vue").Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-    }> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
+    }> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
         _allExposed: {
             activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
             scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1411,6 +1437,7 @@ export declare const VTooltip: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset: string | number | number[] | undefined;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         minWidth: string | number;
         activatorProps: Record<string, any>;
@@ -1441,6 +1468,7 @@ export declare const VTooltip: {
     origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
     offset: string | number | number[];
     stickToTarget: boolean;
+    viewportMargin: string | number;
     scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
     minWidth: string | number;
     activatorProps: Record<string, any>;
@@ -1523,6 +1551,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
@@ -1573,6 +1602,7 @@ export declare const VTooltip: {
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         offset?: string | number | number[] | undefined;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         height?: string | number | undefined;
         maxHeight?: string | number | undefined;
@@ -1620,7 +1650,7 @@ export declare const VTooltip: {
         "v-slot:default"?: false | ((arg: {
             isActive: import("vue").Ref<boolean, boolean>;
         }) => import("vue").VNodeChild) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex">;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex">;
     $attrs: {
         [x: string]: unknown;
     };
@@ -1652,6 +1682,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnHover: boolean;
@@ -1752,6 +1783,7 @@ export declare const VTooltip: {
         location: import("../../util/index.js").Anchor;
         origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
         stickToTarget: boolean;
+        viewportMargin: string | number;
         scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
         activatorProps: Record<string, any>;
         openOnClick: boolean;
@@ -1808,6 +1840,7 @@ export declare const VTooltip: {
     location: import("../../util/index.js").Anchor;
     origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
     stickToTarget: boolean;
+    viewportMargin: string | number;
     scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
     activatorProps: Record<string, any>;
     openOnClick: boolean;
@@ -1831,6 +1864,7 @@ export declare const VTooltip: {
     location: import("../../util/index.js").Anchor;
     origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
     stickToTarget: boolean;
+    viewportMargin: string | number;
     scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
     activatorProps: Record<string, any>;
     openOnHover: boolean;
@@ -1909,7 +1943,7 @@ export declare const VTooltip: {
     "onClick:outside"?: ((e: MouseEvent) => any) | undefined;
     onKeydown?: ((e: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex")> & import("vue").ShallowUnwrapRef<{
+}, "activatorEl" | "animateClick" | "contentEl" | "globalTop" | "localTop" | "rootEl" | "scrimEl" | "target" | "updateLocation" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex")> & import("vue").ShallowUnwrapRef<{
     activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     target: import("vue").ComputedRef<HTMLElement | [x: number, y: number] | undefined>;
@@ -1919,7 +1953,7 @@ export declare const VTooltip: {
     globalTop: Readonly<import("vue").Ref<boolean, boolean>>;
     localTop: Readonly<import("vue").Ref<boolean, boolean>>;
     updateLocation: import("vue").Ref<((e: Event) => void) | undefined, ((e: Event) => void) | undefined>;
-}> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
+}> & {} & import("vue").ComponentCustomProperties & {}, "$children" | "activator" | "attach" | "class" | "closeDelay" | "contentClass" | "contentProps" | "height" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "offset" | "onAfterEnter" | "onAfterLeave" | "onClick:outside" | "onKeydown" | "onUpdate:modelValue" | "opacity" | "openDelay" | "target" | "theme" | "transition" | "v-slot:activator" | "v-slot:default" | "v-slots" | "width" | ("_disableGlobalStack" | "absolute" | "activatorProps" | "closeOnBack" | "closeOnContentClick" | "contained" | "disabled" | "eager" | "location" | "locationStrategy" | "modelValue" | "noClickAnimation" | "openOnClick" | "openOnFocus" | "openOnHover" | "origin" | "persistent" | "scrim" | "scrollStrategy" | "stickToTarget" | "style" | "viewportMargin" | "zIndex") | keyof import("vue").VNodeProps>, `$${any}`> & {
     _allExposed: {
         activatorEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
         scrimEl: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -1940,6 +1974,7 @@ export declare const VTooltip: {
     origin: "auto" | "overlap" | import("../../util/index.js").Anchor;
     offset: string | number | number[] | undefined;
     stickToTarget: boolean;
+    viewportMargin: string | number;
     scrollStrategy: "block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction;
     minWidth: string | number;
     activatorProps: Record<string, any>;
@@ -2006,6 +2041,10 @@ export declare const VTooltip: {
         default: NonNullable<string | number | number[] | undefined>;
     };
     stickToTarget: BooleanConstructor;
+    viewportMargin: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     scrollStrategy: Omit<{
         type: import("vue").PropType<"block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction>;
         default: string;
@@ -2122,6 +2161,10 @@ export declare const VTooltip: {
         default: NonNullable<string | number | number[] | undefined>;
     };
     stickToTarget: BooleanConstructor;
+    viewportMargin: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     scrollStrategy: Omit<{
         type: import("vue").PropType<"block" | "close" | "none" | "reposition" | import("../../types.js").ScrollStrategyFunction>;
         default: string;

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.10.9-dev.2025-11-05";
+export const version = "3.10.9-dev.2025-11-06";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";