vuetify 3.11.0 → 3.11.2

package/lib/components/VTabs/VTabs.css

@@ -62,7 +62,6 @@
   --v-tabs-inset-padding: 4px;
   background: rgba(var(--v-theme-on-surface), 0.06);
   box-shadow: inset 0 0 0 2px rgba(var(--v-border-color), var(--v-border-opacity));
-  max-width: max-content;
   border-radius: calc(var(--v-tabs-inset-radius) + var(--v-tabs-inset-padding));
 }
 .v-tabs--inset .v-tab {
@@ -79,6 +78,12 @@
 .v-tabs--inset .v-tab:focus-visible:after {
   opacity: 0;
 }
+.v-tabs--inset:not(.v-tabs--fixed-tabs, .v-tabs--grow) {
+  max-width: max-content;
+}
+.v-tabs--inset.v-tabs--fixed-tabs .v-slide-group__content {
+  padding-inline: var(--v-tabs-inset-padding);
+}
 .v-tabs--inset .v-tab__slider {
   inset: 0;
   border-radius: var(--v-tabs-inset-radius);
@@ -92,12 +97,6 @@
 .v-tabs--inset.v-tabs--horizontal .v-tab__slider {
   height: auto;
 }
-.v-tabs--inset.v-tabs--vertical .v-tab__slider {
-  height: calc(100% - 2 * var(--v-slider-padding));
-}
-.v-tabs--inset .v-slide-group__content {
-  padding-inline: var(--v-slider-padding);
-}
 .v-tabs--inset .v-btn__overlay {
   display: none;
 }

package/lib/components/VTabs/VTabs.js

@@ -86,6 +86,7 @@ export const VTabs = genericComponent()({
         direction: toRef(props, 'direction'),
         stacked: toRef(props, 'stacked'),
         fixed: toRef(props, 'fixedTabs'),
+        inset: toRef(props, 'inset'),
         sliderColor: toRef(props, 'sliderColor'),
         sliderTransition: toRef(props, 'sliderTransition'),
         sliderTransitionDuration: toRef(props, 'sliderTransitionDuration'),

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","inset","insetPadding","insetRadius","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  inset: Boolean,\n  insetPadding: [String, Number],\n  insetRadius: [String, Number],\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--inset': props.inset,\n                'v-tabs--stacked': props.stacked,\n              },\n              densityClasses.value,\n              backgroundColorClasses.value,\n              props.class,\n            ]}\n            style={[\n              {\n                '--v-tabs-height': convertToUnit(props.height),\n                '--v-tabs-inset-padding': props.inset ? convertToUnit(props.insetPadding) : undefined,\n                '--v-tabs-inset-radius': props.inset ? convertToUnit(props.insetRadius) : undefined,\n              },\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","inset","insetPadding","insetRadius","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  inset: Boolean,\n  insetPadding: [String, Number],\n  insetRadius: [String, Number],\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        inset: toRef(props, 'inset'),\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--inset': props.inset,\n                'v-tabs--stacked': props.stacked,\n              },\n              densityClasses.value,\n              backgroundColorClasses.value,\n              props.class,\n            ]}\n            style={[\n              {\n                '--v-tabs-height': convertToUnit(props.height),\n                '--v-tabs-inset-padding': props.inset ? convertToUnit(props.insetPadding) : undefined,\n                '--v-tabs-inset-radius': props.inset ? convertToUnit(props.insetRadius) : undefined,\n              },\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/VTabs/VTabs.sass

@@ -53,7 +53,6 @@
 
     background: rgba(var(--v-theme-on-surface), 0.06)
     box-shadow: inset 0 0 0 2px rgba(var(--v-border-color), var(--v-border-opacity))
-    max-width: max-content
     border-radius: calc(var(--v-tabs-inset-radius) + var(--v-tabs-inset-padding))
 
     .v-tab
@@ -70,6 +69,12 @@
         &:after
           opacity: 0
 
+    &:not(.v-tabs--fixed-tabs, .v-tabs--grow)
+      max-width: max-content
+
+    &.v-tabs--fixed-tabs .v-slide-group__content
+      padding-inline: var(--v-tabs-inset-padding)
+
     .v-tab__slider
       inset: 0
       border-radius: var(--v-tabs-inset-radius)
@@ -83,12 +88,6 @@
     &.v-tabs--horizontal .v-tab__slider
       height: auto
 
-    &.v-tabs--vertical .v-tab__slider
-      height: calc(100% - 2 * var(--v-slider-padding))
-
-    .v-slide-group__content
-      padding-inline: var(--v-slider-padding)
-
     .v-btn__overlay
       display: none
 

package/lib/components/VTextField/VTextField.js

@@ -1,4 +1,4 @@
-import { mergeProps as _mergeProps, createElementVNode as _createElementVNode, withDirectives as _withDirectives, Fragment as _Fragment, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
+import { mergeProps as _mergeProps, createElementVNode as _createElementVNode, Fragment as _Fragment, normalizeClass as _normalizeClass, createVNode as _createVNode } from "vue";
 // Styles
 import "./VTextField.css";
 
@@ -12,7 +12,7 @@ import { useFocus } from "../../composables/focus.js";
 import { forwardRefs } from "../../composables/forwardRefs.js";
 import { useProxiedModel } from "../../composables/proxiedModel.js"; // Directives
 import vIntersect from "../../directives/intersect/index.js"; // Utilities
-import { cloneVNode, computed, nextTick, ref } from 'vue';
+import { cloneVNode, computed, nextTick, ref, withDirectives } from 'vue';
 import { callEvent, filterInputAttrs, genericComponent, omit, propsFactory, useRender } from "../../util/index.js"; // Types
 const activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month'];
 export const makeVTextFieldProps = propsFactory({
@@ -183,7 +183,7 @@ export const VTextField = genericComponent()({
                 },
                 controlRef
               } = _ref3;
-              const inputNode = _withDirectives(_createElementVNode("input", _mergeProps({
+              const inputNode = _createElementVNode("input", _mergeProps({
                 "ref": val => inputRef.value = controlRef.value = val,
                 "value": model.value,
                 "onInput": onInput,
@@ -198,21 +198,19 @@ export const VTextField = genericComponent()({
                 "type": props.type,
                 "onFocus": focus,
                 "onBlur": blur
-              }, slotProps, inputAttrs), null), [[vIntersect, {
-                handler: onIntersect
-              }, null, {
-                once: true
-              }]]);
+              }, slotProps, inputAttrs), null);
               return _createElementVNode(_Fragment, null, [props.prefix && _createElementVNode("span", {
                 "class": "v-text-field__prefix"
               }, [_createElementVNode("span", {
                 "class": "v-text-field__prefix__text"
-              }, [props.prefix])]), slots.default ? _createElementVNode("div", {
+              }, [props.prefix])]), withDirectives(slots.default ? _createElementVNode("div", {
                 "class": _normalizeClass(fieldClass),
                 "data-no-activator": ""
               }, [slots.default(), inputNode]) : cloneVNode(inputNode, {
                 class: fieldClass
-              }), props.suffix && _createElementVNode("span", {
+              }), [[vIntersect, onIntersect, null, {
+                once: true
+              }]]), props.suffix && _createElementVNode("span", {
                 "class": "v-text-field__suffix"
               }, [_createElementVNode("span", {
                 "class": "v-text-field__suffix__text"

package/lib/components/VTextField/VTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"VTextField.js","names":["VCounter","makeVFieldProps","VField","makeVInputProps","VInput","makeAutocompleteProps","useAutocomplete","useAutofocus","useFocus","forwardRefs","useProxiedModel","vIntersect","cloneVNode","computed","nextTick","ref","callEvent","filterInputAttrs","genericComponent","omit","propsFactory","useRender","activeTypes","makeVTextFieldProps","autofocus","Boolean","counter","Number","String","counterValue","Function","prefix","placeholder","persistentPlaceholder","persistentCounter","suffix","role","type","default","modelModifiers","Object","VTextField","name","directives","inheritAttrs","props","emits","e","focused","val","setup","_ref","attrs","emit","slots","model","isFocused","focus","blur","onIntersect","value","toString","length","max","maxlength","undefined","isPlainOrUnderlined","includes","variant","vInputRef","vFieldRef","inputRef","autocomplete","isActive","active","onFocus","isSuppressing","update","document","activeElement","onControlMousedown","target","preventDefault","onControlClick","onClear","reset","stopPropagation","onInput","el","trim","start","selectionStart","end","selectionEnd","offset","trimStart","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","filterProps","fieldProps","_createVNode","_mergeProps","$event","class","style","_ref2","id","isDisabled","isDirty","isReadonly","isValid","dirty","_ref3","fieldClass","slotProps","controlRef","inputNode","_withDirectives","_createElementVNode","fieldName","fieldAutocomplete","handler","once","_Fragment","_normalizeClass","disabled"],"sources":["../../../src/components/VTextField/VTextField.tsx"],"sourcesContent":["// Styles\nimport './VTextField.sass'\n\n// Components\nimport { VCounter } from '@/components/VCounter/VCounter'\nimport { makeVFieldProps, VField } from '@/components/VField/VField'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\n\n// Composables\nimport { makeAutocompleteProps, useAutocomplete } from '@/composables/autocomplete'\nimport { useAutofocus } from '@/composables/autofocus'\nimport { useFocus } from '@/composables/focus'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport vIntersect from '@/directives/intersect'\n\n// Utilities\nimport { cloneVNode, computed, nextTick, ref } from 'vue'\nimport { callEvent, filterInputAttrs, genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VCounterSlot } from '@/components/VCounter/VCounter'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nconst activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month']\n\nexport const makeVTextFieldProps = propsFactory({\n  autofocus: Boolean,\n  counter: [Boolean, Number, String],\n  counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n  prefix: String,\n  placeholder: String,\n  persistentPlaceholder: Boolean,\n  persistentCounter: Boolean,\n  suffix: String,\n  role: String,\n  type: {\n    type: String,\n    default: 'text',\n  },\n  modelModifiers: Object as PropType<Record<string, boolean>>,\n\n  ...makeAutocompleteProps(),\n  ...makeVInputProps(),\n  ...makeVFieldProps(),\n}, 'VTextField')\n\nexport type VTextFieldSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {\n  default: never\n  counter: VCounterSlot\n}\n\nexport const VTextField = genericComponent<VTextFieldSlots>()({\n  name: 'VTextField',\n\n  directives: { vIntersect },\n\n  inheritAttrs: false,\n\n  props: makeVTextFieldProps(),\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'mousedown:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n    const { onIntersect } = useAutofocus(props)\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : (model.value ?? '').toString().length\n    })\n    const max = computed(() => {\n      if (attrs.maxlength) return attrs.maxlength as unknown as undefined\n\n      if (\n        !props.counter ||\n        (typeof props.counter !== 'number' &&\n        typeof props.counter !== 'string')\n      ) return undefined\n\n      return props.counter\n    })\n\n    const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant))\n\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VField>()\n    const inputRef = ref<HTMLInputElement>()\n    const autocomplete = useAutocomplete(props)\n    const isActive = computed(() => (\n      activeTypes.includes(props.type) ||\n      props.persistentPlaceholder ||\n      isFocused.value ||\n      props.active\n    ))\n    function onFocus () {\n      if (autocomplete.isSuppressing.value) {\n        autocomplete.update()\n      }\n\n      if (!isFocused.value) focus()\n\n      nextTick(() => {\n        if (inputRef.value !== document.activeElement) {\n          inputRef.value?.focus()\n        }\n      })\n    }\n    function onControlMousedown (e: MouseEvent) {\n      emit('mousedown:control', e)\n\n      if (e.target === inputRef.value) return\n\n      onFocus()\n      e.preventDefault()\n    }\n    function onControlClick (e: MouseEvent) {\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent, reset: () => void) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        reset()\n\n        callEvent(props['onClick:clear'], e)\n      })\n    }\n    function onInput (e: Event) {\n      const el = e.target as HTMLInputElement\n\n      if (!(\n        props.modelModifiers?.trim &&\n        ['text', 'search', 'password', 'tel', 'url'].includes(props.type)\n      )) {\n        model.value = el.value\n        return\n      }\n\n      const value = el.value\n      const start = el.selectionStart\n      const end = el.selectionEnd\n\n      model.value = value\n\n      nextTick(() => {\n        let offset = 0\n        if (value.trimStart().length === el.value.length) {\n          // #22307 - Whitespace has been removed from the\n          // start, offset the caret position to compensate\n          offset = value.length - el.value.length\n        }\n        if (start != null) el.selectionStart = start - offset\n        if (end != null) el.selectionEnd = end - offset\n      })\n    }\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || (props.counter !== false && props.counter != null))\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const { modelValue: _, ...inputProps } = VInput.filterProps(props)\n      const fieldProps = VField.filterProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class={[\n            'v-text-field',\n            {\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\n              'v-input--plain-underlined': isPlainOrUnderlined.value,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          { ...rootAttrs }\n          { ...inputProps }\n          centerAffix={ !isPlainOrUnderlined.value }\n          focused={ isFocused.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n              hasDetails,\n              reset,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                onMousedown={ onControlMousedown }\n                onClick={ onControlClick }\n                onClick:clear={ (e: MouseEvent) => onClear(e, reset) }\n                role={ props.role }\n                { ...omit(fieldProps, ['onClick:clear']) }\n                id={ id.value }\n                active={ isActive.value || isDirty.value }\n                dirty={ isDirty.value || props.dirty }\n                disabled={ isDisabled.value }\n                focused={ isFocused.value }\n                details={ hasDetails.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                    controlRef,\n                  }) => {\n                    const inputNode = (\n                      <input\n                        ref={ val => inputRef.value = controlRef.value = val as HTMLInputElement }\n                        value={ model.value }\n                        onInput={ onInput }\n                        v-intersect={[{\n                          handler: onIntersect,\n                        }, null, ['once']]}\n                        autofocus={ props.autofocus }\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        name={ autocomplete.fieldName.value }\n                        autocomplete={ autocomplete.fieldAutocomplete.value }\n                        placeholder={ props.placeholder }\n                        size={ 1 }\n                        role={ props.role }\n                        type={ props.type }\n                        onFocus={ focus }\n                        onBlur={ blur }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n                    )\n\n                    return (\n                      <>\n                        { props.prefix && (\n                          <span class=\"v-text-field__prefix\">\n                            <span class=\"v-text-field__prefix__text\">\n                              { props.prefix }\n                            </span>\n                          </span>\n                        )}\n\n                        { slots.default ? (\n                          <div\n                            class={ fieldClass }\n                            data-no-activator=\"\"\n                          >\n                            { slots.default() }\n                            { inputNode }\n                          </div>\n                        ) : cloneVNode(inputNode, { class: fieldClass })}\n\n                        { props.suffix && (\n                          <span class=\"v-text-field__suffix\">\n                            <span class=\"v-text-field__suffix__text\">\n                              { props.suffix }\n                            </span>\n                          </span>\n                        )}\n                      </>\n                    )\n                  },\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ props.persistentCounter || isFocused.value }\n                      value={ counterValue.value }\n                      max={ max.value }\n                      disabled={ props.disabled }\n                      v-slots:default={ slots.counter }\n                    />\n                  </>\n                )}\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, inputRef)\n  },\n})\n\nexport type VTextField = InstanceType<typeof VTextField>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VTextField.js","names":["VCounter","makeVFieldProps","VField","makeVInputProps","VInput","makeAutocompleteProps","useAutocomplete","useAutofocus","useFocus","forwardRefs","useProxiedModel","vIntersect","cloneVNode","computed","nextTick","ref","withDirectives","callEvent","filterInputAttrs","genericComponent","omit","propsFactory","useRender","activeTypes","makeVTextFieldProps","autofocus","Boolean","counter","Number","String","counterValue","Function","prefix","placeholder","persistentPlaceholder","persistentCounter","suffix","role","type","default","modelModifiers","Object","VTextField","name","directives","inheritAttrs","props","emits","e","focused","val","setup","_ref","attrs","emit","slots","model","isFocused","focus","blur","onIntersect","value","toString","length","max","maxlength","undefined","isPlainOrUnderlined","includes","variant","vInputRef","vFieldRef","inputRef","autocomplete","isActive","active","onFocus","isSuppressing","update","document","activeElement","onControlMousedown","target","preventDefault","onControlClick","onClear","reset","stopPropagation","onInput","el","trim","start","selectionStart","end","selectionEnd","offset","trimStart","hasCounter","hasDetails","details","rootAttrs","inputAttrs","modelValue","_","inputProps","filterProps","fieldProps","_createVNode","_mergeProps","$event","class","style","_ref2","id","isDisabled","isDirty","isReadonly","isValid","dirty","_ref3","fieldClass","slotProps","controlRef","inputNode","_createElementVNode","fieldName","fieldAutocomplete","_Fragment","_normalizeClass","once","disabled"],"sources":["../../../src/components/VTextField/VTextField.tsx"],"sourcesContent":["// Styles\nimport './VTextField.sass'\n\n// Components\nimport { VCounter } from '@/components/VCounter/VCounter'\nimport { makeVFieldProps, VField } from '@/components/VField/VField'\nimport { makeVInputProps, VInput } from '@/components/VInput/VInput'\n\n// Composables\nimport { makeAutocompleteProps, useAutocomplete } from '@/composables/autocomplete'\nimport { useAutofocus } from '@/composables/autofocus'\nimport { useFocus } from '@/composables/focus'\nimport { forwardRefs } from '@/composables/forwardRefs'\nimport { useProxiedModel } from '@/composables/proxiedModel'\n\n// Directives\nimport vIntersect from '@/directives/intersect'\n\n// Utilities\nimport { cloneVNode, computed, nextTick, ref, withDirectives } from 'vue'\nimport { callEvent, filterInputAttrs, genericComponent, omit, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { VCounterSlot } from '@/components/VCounter/VCounter'\nimport type { VFieldSlots } from '@/components/VField/VField'\nimport type { VInputSlots } from '@/components/VInput/VInput'\n\nconst activeTypes = ['color', 'file', 'time', 'date', 'datetime-local', 'week', 'month']\n\nexport const makeVTextFieldProps = propsFactory({\n  autofocus: Boolean,\n  counter: [Boolean, Number, String],\n  counterValue: [Number, Function] as PropType<number | ((value: any) => number)>,\n  prefix: String,\n  placeholder: String,\n  persistentPlaceholder: Boolean,\n  persistentCounter: Boolean,\n  suffix: String,\n  role: String,\n  type: {\n    type: String,\n    default: 'text',\n  },\n  modelModifiers: Object as PropType<Record<string, boolean>>,\n\n  ...makeAutocompleteProps(),\n  ...makeVInputProps(),\n  ...makeVFieldProps(),\n}, 'VTextField')\n\nexport type VTextFieldSlots = Omit<VInputSlots & VFieldSlots, 'default'> & {\n  default: never\n  counter: VCounterSlot\n}\n\nexport const VTextField = genericComponent<VTextFieldSlots>()({\n  name: 'VTextField',\n\n  directives: { vIntersect },\n\n  inheritAttrs: false,\n\n  props: makeVTextFieldProps(),\n\n  emits: {\n    'click:control': (e: MouseEvent) => true,\n    'mousedown:control': (e: MouseEvent) => true,\n    'update:focused': (focused: boolean) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const model = useProxiedModel(props, 'modelValue')\n    const { isFocused, focus, blur } = useFocus(props)\n    const { onIntersect } = useAutofocus(props)\n    const counterValue = computed(() => {\n      return typeof props.counterValue === 'function' ? props.counterValue(model.value)\n        : typeof props.counterValue === 'number' ? props.counterValue\n        : (model.value ?? '').toString().length\n    })\n    const max = computed(() => {\n      if (attrs.maxlength) return attrs.maxlength as unknown as undefined\n\n      if (\n        !props.counter ||\n        (typeof props.counter !== 'number' &&\n        typeof props.counter !== 'string')\n      ) return undefined\n\n      return props.counter\n    })\n\n    const isPlainOrUnderlined = computed(() => ['plain', 'underlined'].includes(props.variant))\n\n    const vInputRef = ref<VInput>()\n    const vFieldRef = ref<VField>()\n    const inputRef = ref<HTMLInputElement>()\n    const autocomplete = useAutocomplete(props)\n    const isActive = computed(() => (\n      activeTypes.includes(props.type) ||\n      props.persistentPlaceholder ||\n      isFocused.value ||\n      props.active\n    ))\n    function onFocus () {\n      if (autocomplete.isSuppressing.value) {\n        autocomplete.update()\n      }\n\n      if (!isFocused.value) focus()\n\n      nextTick(() => {\n        if (inputRef.value !== document.activeElement) {\n          inputRef.value?.focus()\n        }\n      })\n    }\n    function onControlMousedown (e: MouseEvent) {\n      emit('mousedown:control', e)\n\n      if (e.target === inputRef.value) return\n\n      onFocus()\n      e.preventDefault()\n    }\n    function onControlClick (e: MouseEvent) {\n      emit('click:control', e)\n    }\n    function onClear (e: MouseEvent, reset: () => void) {\n      e.stopPropagation()\n\n      onFocus()\n\n      nextTick(() => {\n        reset()\n\n        callEvent(props['onClick:clear'], e)\n      })\n    }\n    function onInput (e: Event) {\n      const el = e.target as HTMLInputElement\n\n      if (!(\n        props.modelModifiers?.trim &&\n        ['text', 'search', 'password', 'tel', 'url'].includes(props.type)\n      )) {\n        model.value = el.value\n        return\n      }\n\n      const value = el.value\n      const start = el.selectionStart\n      const end = el.selectionEnd\n\n      model.value = value\n\n      nextTick(() => {\n        let offset = 0\n        if (value.trimStart().length === el.value.length) {\n          // #22307 - Whitespace has been removed from the\n          // start, offset the caret position to compensate\n          offset = value.length - el.value.length\n        }\n        if (start != null) el.selectionStart = start - offset\n        if (end != null) el.selectionEnd = end - offset\n      })\n    }\n\n    useRender(() => {\n      const hasCounter = !!(slots.counter || (props.counter !== false && props.counter != null))\n      const hasDetails = !!(hasCounter || slots.details)\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n      const { modelValue: _, ...inputProps } = VInput.filterProps(props)\n      const fieldProps = VField.filterProps(props)\n\n      return (\n        <VInput\n          ref={ vInputRef }\n          v-model={ model.value }\n          class={[\n            'v-text-field',\n            {\n              'v-text-field--prefixed': props.prefix,\n              'v-text-field--suffixed': props.suffix,\n              'v-input--plain-underlined': isPlainOrUnderlined.value,\n            },\n            props.class,\n          ]}\n          style={ props.style }\n          { ...rootAttrs }\n          { ...inputProps }\n          centerAffix={ !isPlainOrUnderlined.value }\n          focused={ isFocused.value }\n        >\n          {{\n            ...slots,\n            default: ({\n              id,\n              isDisabled,\n              isDirty,\n              isReadonly,\n              isValid,\n              hasDetails,\n              reset,\n            }) => (\n              <VField\n                ref={ vFieldRef }\n                onMousedown={ onControlMousedown }\n                onClick={ onControlClick }\n                onClick:clear={ (e: MouseEvent) => onClear(e, reset) }\n                role={ props.role }\n                { ...omit(fieldProps, ['onClick:clear']) }\n                id={ id.value }\n                active={ isActive.value || isDirty.value }\n                dirty={ isDirty.value || props.dirty }\n                disabled={ isDisabled.value }\n                focused={ isFocused.value }\n                details={ hasDetails.value }\n                error={ isValid.value === false }\n              >\n                {{\n                  ...slots,\n                  default: ({\n                    props: { class: fieldClass, ...slotProps },\n                    controlRef,\n                  }) => {\n                    const inputNode = (\n                      <input\n                        ref={ val => inputRef.value = controlRef.value = val as HTMLInputElement }\n                        value={ model.value }\n                        onInput={ onInput }\n                        autofocus={ props.autofocus }\n                        readonly={ isReadonly.value }\n                        disabled={ isDisabled.value }\n                        name={ autocomplete.fieldName.value }\n                        autocomplete={ autocomplete.fieldAutocomplete.value }\n                        placeholder={ props.placeholder }\n                        size={ 1 }\n                        role={ props.role }\n                        type={ props.type }\n                        onFocus={ focus }\n                        onBlur={ blur }\n                        { ...slotProps }\n                        { ...inputAttrs }\n                      />\n                    )\n\n                    return (\n                      <>\n                        { props.prefix && (\n                          <span class=\"v-text-field__prefix\">\n                            <span class=\"v-text-field__prefix__text\">\n                              { props.prefix }\n                            </span>\n                          </span>\n                        )}\n\n                        { withDirectives(\n                          slots.default ? (\n                            <div\n                              class={ fieldClass }\n                              data-no-activator=\"\"\n                            >\n                              { slots.default() }\n                              { inputNode }\n                            </div>\n                          ) : cloneVNode(inputNode, { class: fieldClass }),\n                          [[vIntersect, onIntersect, null, { once: true }]],\n                        )}\n\n                        { props.suffix && (\n                          <span class=\"v-text-field__suffix\">\n                            <span class=\"v-text-field__suffix__text\">\n                              { props.suffix }\n                            </span>\n                          </span>\n                        )}\n                      </>\n                    )\n                  },\n                }}\n              </VField>\n            ),\n            details: hasDetails ? slotProps => (\n              <>\n                { slots.details?.(slotProps) }\n\n                { hasCounter && (\n                  <>\n                    <span />\n\n                    <VCounter\n                      active={ props.persistentCounter || isFocused.value }\n                      value={ counterValue.value }\n                      max={ max.value }\n                      disabled={ props.disabled }\n                      v-slots:default={ slots.counter }\n                    />\n                  </>\n                )}\n              </>\n            ) : undefined,\n          }}\n        </VInput>\n      )\n    })\n\n    return forwardRefs({}, vInputRef, vFieldRef, inputRef)\n  },\n})\n\nexport type VTextField = InstanceType<typeof VTextField>\n"],"mappings":"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","ignoreList":[]}

package/lib/composables/autofocus.js

@@ -1,7 +1,9 @@
 export function useAutofocus(props) {
   function onIntersect(isIntersecting, entries) {
     if (!props.autofocus || !isIntersecting) return;
-    entries[0].target?.focus?.();
+    const el = entries[0].target;
+    const target = el.matches('input,textarea') ? el : el.querySelector('input,textarea');
+    target?.focus();
   }
   return {
     onIntersect

package/lib/composables/autofocus.js.map

@@ -1 +1 @@
-{"version":3,"file":"autofocus.js","names":["useAutofocus","props","onIntersect","isIntersecting","entries","autofocus","target","focus"],"sources":["../../src/composables/autofocus.ts"],"sourcesContent":["interface AutofocusProps {\n  autofocus: boolean\n}\n\nexport function useAutofocus (props: AutofocusProps) {\n  function onIntersect (\n    isIntersecting: boolean,\n    entries: IntersectionObserverEntry[]\n  ) {\n    if (!props.autofocus || !isIntersecting) return\n\n    (entries[0].target as HTMLInputElement)?.focus?.()\n  }\n\n  return {\n    onIntersect,\n  }\n}\n"],"mappings":"AAIA,OAAO,SAASA,YAAYA,CAAEC,KAAqB,EAAE;EACnD,SAASC,WAAWA,CAClBC,cAAuB,EACvBC,OAAoC,EACpC;IACA,IAAI,CAACH,KAAK,CAACI,SAAS,IAAI,CAACF,cAAc,EAAE;IAExCC,OAAO,CAAC,CAAC,CAAC,CAACE,MAAM,EAAuBC,KAAK,GAAG,CAAC;EACpD;EAEA,OAAO;IACLL;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"file":"autofocus.js","names":["useAutofocus","props","onIntersect","isIntersecting","entries","autofocus","el","target","matches","querySelector","focus"],"sources":["../../src/composables/autofocus.ts"],"sourcesContent":["interface AutofocusProps {\n  autofocus: boolean\n}\n\nexport function useAutofocus (props: AutofocusProps) {\n  function onIntersect (\n    isIntersecting: boolean,\n    entries: IntersectionObserverEntry[]\n  ) {\n    if (!props.autofocus || !isIntersecting) return\n\n    const el = entries[0].target\n    const target = (el.matches('input,textarea') ? el : el.querySelector('input,textarea')) as HTMLElement | null\n    target?.focus()\n  }\n\n  return {\n    onIntersect,\n  }\n}\n"],"mappings":"AAIA,OAAO,SAASA,YAAYA,CAAEC,KAAqB,EAAE;EACnD,SAASC,WAAWA,CAClBC,cAAuB,EACvBC,OAAoC,EACpC;IACA,IAAI,CAACH,KAAK,CAACI,SAAS,IAAI,CAACF,cAAc,EAAE;IAEzC,MAAMG,EAAE,GAAGF,OAAO,CAAC,CAAC,CAAC,CAACG,MAAM;IAC5B,MAAMA,MAAM,GAAID,EAAE,CAACE,OAAO,CAAC,gBAAgB,CAAC,GAAGF,EAAE,GAAGA,EAAE,CAACG,aAAa,CAAC,gBAAgB,CAAwB;IAC7GF,MAAM,EAAEG,KAAK,CAAC,CAAC;EACjB;EAEA,OAAO;IACLR;EACF,CAAC;AACH","ignoreList":[]}

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.11.0";
+export const version = "3.11.2";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2778,42 +2778,42 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
+    VApp: typeof import('vuetify/components')['VApp']
+    VBadge: typeof import('vuetify/components')['VBadge']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VAppBar: typeof import('vuetify/components')['VAppBar']
     VAppBarNavIcon: typeof import('vuetify/components')['VAppBarNavIcon']
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAvatar: typeof import('vuetify/components')['VAvatar']
-    VApp: typeof import('vuetify/components')['VApp']
-    VAlert: typeof import('vuetify/components')['VAlert']
-    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
-    VBadge: typeof import('vuetify/components')['VBadge']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VBanner: typeof import('vuetify/components')['VBanner']
     VBannerActions: typeof import('vuetify/components')['VBannerActions']
     VBannerText: typeof import('vuetify/components')['VBannerText']
-    VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VAlert: typeof import('vuetify/components')['VAlert']
+    VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBtn: typeof import('vuetify/components')['VBtn']
     VCalendar: typeof import('vuetify/components')['VCalendar']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VCode: typeof import('vuetify/components')['VCode']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VCode: typeof import('vuetify/components')['VCode']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
     VChip: typeof import('vuetify/components')['VChip']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
     VColorPicker: typeof import('vuetify/components')['VColorPicker']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
     VCounter: typeof import('vuetify/components')['VCounter']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
@@ -2821,6 +2821,13 @@ declare module 'vue' {
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VDivider: typeof import('vuetify/components')['VDivider']
+    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
+    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
+    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
+    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2828,31 +2835,21 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
-    VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
-    VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
-    VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VFab: typeof import('vuetify/components')['VFab']
-    VDivider: typeof import('vuetify/components')['VDivider']
+    VFooter: typeof import('vuetify/components')['VFooter']
+    VFileInput: typeof import('vuetify/components')['VFileInput']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
-    VFileInput: typeof import('vuetify/components')['VFileInput']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VHotkey: typeof import('vuetify/components')['VHotkey']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VInput: typeof import('vuetify/components')['VInput']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VImg: typeof import('vuetify/components')['VImg']
+    VHotkey: typeof import('vuetify/components')['VHotkey']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
-    VImg: typeof import('vuetify/components')['VImg']
-    VLabel: typeof import('vuetify/components')['VLabel']
-    VKbd: typeof import('vuetify/components')['VKbd']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2862,56 +2859,59 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
-    VMain: typeof import('vuetify/components')['VMain']
+    VInput: typeof import('vuetify/components')['VInput']
+    VLabel: typeof import('vuetify/components')['VLabel']
+    VKbd: typeof import('vuetify/components')['VKbd']
     VMenu: typeof import('vuetify/components')['VMenu']
+    VMain: typeof import('vuetify/components')['VMain']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
     VNumberInput: typeof import('vuetify/components')['VNumberInput']
-    VPagination: typeof import('vuetify/components')['VPagination']
-    VMessages: typeof import('vuetify/components')['VMessages']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VOverlay: typeof import('vuetify/components')['VOverlay']
-    VRating: typeof import('vuetify/components')['VRating']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
-    VSelect: typeof import('vuetify/components')['VSelect']
+    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
+    VRating: typeof import('vuetify/components')['VRating']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
     VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSlider: typeof import('vuetify/components')['VSlider']
     VSnackbar: typeof import('vuetify/components')['VSnackbar']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTab: typeof import('vuetify/components')['VTab']
-    VTabs: typeof import('vuetify/components')['VTabs']
-    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
-    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
+    VSlider: typeof import('vuetify/components')['VSlider']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSelect: typeof import('vuetify/components')['VSelect']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VTab: typeof import('vuetify/components')['VTab']
+    VTabs: typeof import('vuetify/components')['VTabs']
+    VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
+    VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
     VTable: typeof import('vuetify/components')['VTable']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VTimePicker: typeof import('vuetify/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
-    VToolbar: typeof import('vuetify/components')['VToolbar']
-    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
-    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTextarea: typeof import('vuetify/components')['VTextarea']
-    VTextField: typeof import('vuetify/components')['VTextField']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
     VTimeline: typeof import('vuetify/components')['VTimeline']
     VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VWindow: typeof import('vuetify/components')['VWindow']
-    VWindowItem: typeof import('vuetify/components')['VWindowItem']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VToolbar: typeof import('vuetify/components')['VToolbar']
+    VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
+    VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
+    VTimePicker: typeof import('vuetify/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VWindow: typeof import('vuetify/components')['VWindow']
+    VWindowItem: typeof import('vuetify/components')['VWindowItem']
     VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
@@ -2921,21 +2921,20 @@ declare module 'vue' {
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
     VHover: typeof import('vuetify/components')['VHover']
-    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
     VLazy: typeof import('vuetify/components')['VLazy']
+    VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VParallax: typeof import('vuetify/components')['VParallax']
     VRadio: typeof import('vuetify/components')['VRadio']
-    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VResponsive: typeof import('vuetify/components')['VResponsive']
-    VSparkline: typeof import('vuetify/components')['VSparkline']
+    VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
+    VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VValidation: typeof import('vuetify/components')['VValidation']
-    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2952,24 +2951,25 @@ declare module 'vue' {
     VExpandTransition: typeof import('vuetify/components')['VExpandTransition']
     VExpandXTransition: typeof import('vuetify/components')['VExpandXTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
+    VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
     VColorInput: typeof import('vuetify/labs/components')['VColorInput']
-    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
-    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
-    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
-    VPie: typeof import('vuetify/labs/components')['VPie']
-    VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
-    VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VPicker: typeof import('vuetify/labs/components')['VPicker']
     VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VVideo: typeof import('vuetify/labs/components')['VVideo']
     VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
     VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
+    VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
+    VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
+    VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
-    VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
+    VPie: typeof import('vuetify/labs/components')['VPie']
+    VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
+    VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
+    VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
+    VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/lib/framework.js

@@ -110,7 +110,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.11.0";
+export const version = "3.11.2";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup