vuetify 3.9.6 → 3.9.7

package/dist/vuetify.d.ts

@@ -6688,7 +6688,7 @@ declare const VListItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
@@ -6824,7 +6824,7 @@ declare const VListItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     }, {}, {}, {}, {
         replace: boolean;
@@ -6949,7 +6949,7 @@ declare const VListItem: {
         openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
         getPath: (id: unknown) => unknown[];
     };
-    id: vue.ComputedRef<{}>;
+    id: vue.ComputedRef<{} | null>;
     link: UseLink;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     click: (e: MouseEvent | KeyboardEvent) => true;
@@ -90898,7 +90898,7 @@ declare const VTreeviewItem: {
                 openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
                 getPath: (id: unknown) => unknown[];
             };
-            id: vue.ComputedRef<{}>;
+            id: vue.ComputedRef<{} | null>;
             link: UseLink;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             click: (e: MouseEvent | KeyboardEvent) => true;
@@ -91067,7 +91067,7 @@ declare const VTreeviewItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     }> & {} & vue.ComponentCustomProperties & {}, "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "value" | "class" | "theme" | "to" | "lines" | "onClick" | "onClickOnce" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "activeColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "activeClass" | "appendAvatar" | "prependAvatar" | ("replace" | "link" | "variant" | "exact" | "active" | "nav" | "style" | "title" | "disabled" | "tag" | "density" | "rounded" | "tile" | "slim" | "ripple" | "subtitle") | "v-slot:subtitle">, `$${any}`> & {
         _allExposed: {
@@ -91099,7 +91099,7 @@ declare const VTreeviewItem: {
                 openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
                 getPath: (id: unknown) => unknown[];
             };
-            id: vue.ComputedRef<{}>;
+            id: vue.ComputedRef<{} | null>;
             link: UseLink;
         } | {};
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -91419,7 +91419,7 @@ declare const VTreeviewItem: {
                 openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
                 getPath: (id: unknown) => unknown[];
             };
-            id: vue.ComputedRef<{}>;
+            id: vue.ComputedRef<{} | null>;
             link: UseLink;
         }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             click: (e: MouseEvent | KeyboardEvent) => true;
@@ -91588,7 +91588,7 @@ declare const VTreeviewItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     }> & {} & vue.ComponentCustomProperties & {}, "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "value" | "class" | "theme" | "to" | "lines" | "onClick" | "onClickOnce" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "activeColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "activeClass" | "appendAvatar" | "prependAvatar" | ("replace" | "link" | "variant" | "exact" | "active" | "nav" | "style" | "title" | "disabled" | "tag" | "density" | "rounded" | "tile" | "slim" | "ripple" | "subtitle") | "v-slot:subtitle">, `$${any}`> & {
         _allExposed: {
@@ -91620,7 +91620,7 @@ declare const VTreeviewItem: {
                 openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
                 getPath: (id: unknown) => unknown[];
             };
-            id: vue.ComputedRef<{}>;
+            id: vue.ComputedRef<{} | null>;
             link: UseLink;
         } | {};
     }, {}, {}, {}, {
@@ -91929,7 +91929,7 @@ declare const VTreeviewItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         click: (e: MouseEvent | KeyboardEvent) => true;
@@ -92098,7 +92098,7 @@ declare const VTreeviewItem: {
         openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
         getPath: (id: unknown) => unknown[];
     };
-    id: vue.ComputedRef<{}>;
+    id: vue.ComputedRef<{} | null>;
     link: UseLink;
 }> & {} & vue.ComponentCustomProperties & {}, "height" | "width" | "border" | "color" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "value" | "class" | "theme" | "to" | "lines" | "onClick" | "onClickOnce" | "$children" | "href" | "elevation" | "v-slots" | "v-slot:default" | keyof vue.VNodeProps | "baseColor" | "activeColor" | "prependIcon" | "appendIcon" | "v-slot:prepend" | "v-slot:append" | "v-slot:title" | "activeClass" | "appendAvatar" | "prependAvatar" | ("replace" | "link" | "variant" | "exact" | "active" | "nav" | "style" | "title" | "disabled" | "tag" | "density" | "rounded" | "tile" | "slim" | "ripple" | "subtitle") | "v-slot:subtitle">, `$${any}`> & {
     _allExposed: {
@@ -92130,7 +92130,7 @@ declare const VTreeviewItem: {
             openOnSelect: (id: unknown, value: boolean, event?: Event) => void;
             getPath: (id: unknown) => unknown[];
         };
-        id: vue.ComputedRef<{}>;
+        id: vue.ComputedRef<{} | null>;
         link: UseLink;
     } | {};
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
@@ -95363,44 +95363,40 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VApp: VApp
+    VAvatar: VAvatar
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAvatar: VAvatar
     VBadge: VBadge
-    VAutocomplete: VAutocomplete
-    VBanner: VBanner
-    VBannerActions: VBannerActions
-    VBannerText: VBannerText
+    VBtn: VBtn
     VBottomNavigation: VBottomNavigation
-    VBottomSheet: VBottomSheet
+    VAutocomplete: VAutocomplete
+    VBtnGroup: VBtnGroup
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
-    VCarousel: VCarousel
-    VCarouselItem: VCarouselItem
-    VBtnGroup: VBtnGroup
+    VBanner: VBanner
+    VBannerActions: VBannerActions
+    VBannerText: VBannerText
     VBtnToggle: VBtnToggle
-    VBtn: VBtn
     VCheckbox: VCheckbox
     VCheckboxBtn: VCheckboxBtn
+    VCard: VCard
+    VCardActions: VCardActions
+    VCardItem: VCardItem
+    VCardSubtitle: VCardSubtitle
+    VCardText: VCardText
+    VCardTitle: VCardTitle
     VChip: VChip
     VChipGroup: VChipGroup
-    VCode: VCode
-    VCombobox: VCombobox
-    VDataTable: VDataTable
-    VDataTableHeaders: VDataTableHeaders
-    VDataTableFooter: VDataTableFooter
-    VDataTableRows: VDataTableRows
-    VDataTableRow: VDataTableRow
-    VDataTableVirtual: VDataTableVirtual
-    VDataTableServer: VDataTableServer
-    VCounter: VCounter
     VColorPicker: VColorPicker
-    VDialog: VDialog
+    VCode: VCode
+    VCarousel: VCarousel
+    VCarouselItem: VCarouselItem
+    VBottomSheet: VBottomSheet
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -95408,28 +95404,32 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VDivider: VDivider
+    VDialog: VDialog
+    VCounter: VCounter
+    VFab: VFab
+    VFileInput: VFileInput
     VEmptyState: VEmptyState
     VExpansionPanels: VExpansionPanels
     VExpansionPanel: VExpansionPanel
     VExpansionPanelText: VExpansionPanelText
     VExpansionPanelTitle: VExpansionPanelTitle
-    VFab: VFab
     VField: VField
     VFieldLabel: VFieldLabel
-    VFileInput: VFileInput
     VFooter: VFooter
+    VImg: VImg
+    VInput: VInput
+    VInfiniteScroll: VInfiniteScroll
+    VKbd: VKbd
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
-    VInfiniteScroll: VInfiniteScroll
-    VInput: VInput
-    VImg: VImg
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
-    VLabel: VLabel
-    VKbd: VKbd
+    VMain: VMain
+    VMessages: VMessages
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -95439,37 +95439,40 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
+    VNavigationDrawer: VNavigationDrawer
     VMenu: VMenu
-    VMessages: VMessages
     VNumberInput: VNumberInput
-    VOverlay: VOverlay
     VOtpInput: VOtpInput
-    VNavigationDrawer: VNavigationDrawer
-    VPagination: VPagination
-    VProgressCircular: VProgressCircular
+    VOverlay: VOverlay
     VProgressLinear: VProgressLinear
+    VPagination: VPagination
     VRadioGroup: VRadioGroup
     VRating: VRating
-    VSelect: VSelect
-    VSelectionControl: VSelectionControl
-    VSlider: VSlider
     VSelectionControlGroup: VSelectionControlGroup
+    VSelect: VSelect
     VSlideGroup: VSlideGroup
     VSlideGroupItem: VSlideGroupItem
-    VSheet: VSheet
+    VSlider: VSlider
     VSkeletonLoader: VSkeletonLoader
+    VProgressCircular: VProgressCircular
+    VSelectionControl: VSelectionControl
+    VSheet: VSheet
+    VSnackbar: VSnackbar
+    VSwitch: VSwitch
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSwitch: VSwitch
-    VSnackbar: VSnackbar
-    VSystemBar: VSystemBar
     VTable: VTable
-    VTextarea: VTextarea
+    VTab: VTab
+    VTabs: VTabs
+    VTabsWindow: VTabsWindow
+    VTabsWindowItem: VTabsWindowItem
+    VSystemBar: VSystemBar
+    VTimeline: VTimeline
+    VTimelineItem: VTimelineItem
     VTextField: VTextField
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
@@ -95477,43 +95480,37 @@ declare module 'vue' {
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTimeline: VTimeline
-    VTimelineItem: VTimelineItem
-    VWindow: VWindow
-    VWindowItem: VWindowItem
-    VTooltip: VTooltip
+    VTextarea: VTextarea
     VTreeview: VTreeview
     VTreeviewItem: VTreeviewItem
     VTreeviewGroup: VTreeviewGroup
+    VTooltip: VTooltip
+    VWindow: VWindow
+    VWindowItem: VWindowItem
+    VCombobox: VCombobox
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
     VForm: VForm
+    VContainer: VContainer
+    VCol: VCol
+    VRow: VRow
+    VSpacer: VSpacer
     VHover: VHover
     VLayout: VLayout
     VLayoutItem: VLayoutItem
-    VLocaleProvider: VLocaleProvider
     VLazy: VLazy
+    VLocaleProvider: VLocaleProvider
     VNoSsr: VNoSsr
-    VParallax: VParallax
     VRangeSlider: VRangeSlider
-    VRadio: VRadio
     VResponsive: VResponsive
+    VRadio: VRadio
     VSnackbarQueue: VSnackbarQueue
     VSparkline: VSparkline
-    VThemeProvider: VThemeProvider
     VSpeedDial: VSpeedDial
+    VThemeProvider: VThemeProvider
+    VValidation: VValidation
     VVirtualScroll: VVirtualScroll
-    VCard: VCard
-    VCardActions: VCardActions
-    VCardItem: VCardItem
-    VCardSubtitle: VCardSubtitle
-    VCardText: VCardText
-    VCardTitle: VCardTitle
-    VContainer: VContainer
-    VCol: VCol
-    VRow: VRow
-    VSpacer: VSpacer
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -95530,11 +95527,14 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
-    VValidation: VValidation
-    VTab: VTab
-    VTabs: VTabs
-    VTabsWindow: VTabsWindow
-    VTabsWindowItem: VTabsWindowItem
+    VDataTable: VDataTable
+    VDataTableHeaders: VDataTableHeaders
+    VDataTableFooter: VDataTableFooter
+    VDataTableRows: VDataTableRows
+    VDataTableRow: VDataTableRow
+    VDataTableVirtual: VDataTableVirtual
+    VDataTableServer: VDataTableServer
+    VParallax: VParallax
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
@@ -95542,24 +95542,24 @@ declare module 'vue' {
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
     VColorInput: VColorInput
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VIconBtn: VIconBtn
+    VHotkey: VHotkey
     VPie: VPie
     VPieSegment: VPieSegment
     VPieTooltip: VPieTooltip
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VHotkey: VHotkey
-    VStepperVertical: VStepperVertical
-    VStepperVerticalItem: VStepperVerticalItem
-    VStepperVerticalActions: VStepperVerticalActions
-    VVideo: VVideo
-    VVideoControls: VVideoControls
-    VVideoVolume: VVideoVolume
     VDateInput: VDateInput
     VMaskInput: VMaskInput
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
     VPullToRefresh: VPullToRefresh
+    VVideo: VVideo
+    VVideoControls: VVideoControls
+    VVideoVolume: VVideoVolume
+    VStepperVertical: VStepperVertical
+    VStepperVerticalItem: VStepperVerticalItem
+    VStepperVerticalActions: VStepperVerticalActions
   }
   export interface GlobalDirectives {
     vClickOutside: typeof import('vuetify/directives')['ClickOutside']

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.9.6
+* Vuetify v3.9.7
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -3965,14 +3965,14 @@ function useRounded(props) {
     const rounded = isRef(props) ? props.value : props.rounded;
     const tile = isRef(props) ? props.value : props.tile;
     const classes = [];
-    if (rounded === true || rounded === '') {
+    if (tile || rounded === false) {
+      classes.push('rounded-0');
+    } else if (rounded === true || rounded === '') {
       classes.push(`${name}--rounded`);
     } else if (typeof rounded === 'string' || rounded === 0) {
       for (const value of String(rounded).split(' ')) {
         classes.push(`rounded-${value}`);
       }
-    } else if (tile || rounded === false) {
-      classes.push('rounded-0');
     }
     return classes;
   });
@@ -5604,7 +5604,6 @@ const VProgressLinear = genericComponent()({
     const normalizedValue = computed(() => clamp(parseFloat(progress.value) / max.value * 100, 0, 100));
     const isReversed = computed(() => isRtl.value !== props.reverse);
     const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition');
-    const isForcedColorsModeActive = IN_BROWSER && window.matchMedia?.('(forced-colors: active)').matches;
     function handleClick(e) {
       if (!intersectionRef.value) return;
       const {
@@ -5653,13 +5652,13 @@ const VProgressLinear = genericComponent()({
           '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1))
         }
       }, null), createElementVNode("div", {
-        "class": normalizeClass(['v-progress-linear__background', !isForcedColorsModeActive ? backgroundColorClasses.value : undefined]),
+        "class": normalizeClass(['v-progress-linear__background', backgroundColorClasses.value]),
         "style": normalizeStyle([backgroundColorStyles.value, {
           opacity: parseFloat(props.bgOpacity),
           width: props.stream ? 0 : undefined
         }])
       }, null), createElementVNode("div", {
-        "class": normalizeClass(['v-progress-linear__buffer', !isForcedColorsModeActive ? bufferColorClasses.value : undefined]),
+        "class": normalizeClass(['v-progress-linear__buffer', bufferColorClasses.value]),
         "style": normalizeStyle([bufferColorStyles.value, {
           opacity: parseFloat(props.bufferOpacity),
           width: convertToUnit(normalizedBuffer.value, '%')
@@ -5668,7 +5667,7 @@ const VProgressLinear = genericComponent()({
         "name": transition.value
       }, {
         default: () => [!props.indeterminate ? createElementVNode("div", {
-          "class": normalizeClass(['v-progress-linear__determinate', !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+          "class": normalizeClass(['v-progress-linear__determinate', barColorClasses.value]),
           "style": normalizeStyle([barColorStyles.value, {
             width: convertToUnit(normalizedValue.value, '%')
           }])
@@ -5676,7 +5675,7 @@ const VProgressLinear = genericComponent()({
           "class": "v-progress-linear__indeterminate"
         }, [['long', 'short'].map(bar => createElementVNode("div", {
           "key": bar,
-          "class": normalizeClass(['v-progress-linear__indeterminate', bar, !isForcedColorsModeActive ? barColorClasses.value : undefined]),
+          "class": normalizeClass(['v-progress-linear__indeterminate', bar, barColorClasses.value]),
           "style": normalizeStyle(barColorStyles.value)
         }, null))])]
       }), slots.default && createElementVNode("div", {
@@ -8448,6 +8447,7 @@ const VSlideGroup = genericComponent()({
       select: group.select,
       isSelected: group.isSelected
     }));
+    const hasOverflowOrScroll = computed(() => isOverflowing.value || Math.abs(scrollOffset.value) > 0);
     const hasAffixes = computed(() => {
       switch (props.showArrows) {
         // Always show arrows on desktop & mobile
@@ -8461,17 +8461,17 @@ const VSlideGroup = genericComponent()({
         // Show arrows on mobile when overflowing.
         // This matches the default 2.2 behavior
         case true:
-          return isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+          return hasOverflowOrScroll.value;
 
         // Always show on mobile
         case 'mobile':
-          return mobile.value || isOverflowing.value || Math.abs(scrollOffset.value) > 0;
+          return mobile.value || hasOverflowOrScroll.value;
 
         // https://material.io/components/tabs#scrollable-tabs
         // Always show arrows when
         // overflowed on desktop
         default:
-          return !mobile.value && (isOverflowing.value || Math.abs(scrollOffset.value) > 0);
+          return !mobile.value && hasOverflowOrScroll.value;
       }
     });
     const hasPrev = computed(() => {
@@ -8479,7 +8479,7 @@ const VSlideGroup = genericComponent()({
       return Math.abs(scrollOffset.value) > 1;
     });
     const hasNext = computed(() => {
-      if (!containerRef.value) return false;
+      if (!containerRef.value || !hasOverflowOrScroll.value) return false;
       const scrollSize = getScrollSize(isHorizontal.value, containerRef.el);
       const clientSize = getClientSize(isHorizontal.value, containerRef.el);
       const scrollSizeMax = scrollSize - clientSize;
@@ -9476,7 +9476,7 @@ const useNested = props => {
   function getPath(id) {
     const path = [];
     let parent = toRaw(id);
-    while (parent != null) {
+    while (parent !== undefined) {
       path.unshift(parent);
       parent = parents.value.get(parent);
     }
@@ -9622,7 +9622,10 @@ const useNested = props => {
 const useNestedItem = (id, isDisabled, isGroup) => {
   const parent = inject$1(VNestedSymbol, emptyNested);
   const uidSymbol = Symbol('nested item');
-  const computedId = computed(() => toRaw(toValue(id)) ?? uidSymbol);
+  const computedId = computed(() => {
+    const idValue = toRaw(toValue(id));
+    return idValue !== undefined ? idValue : uidSymbol;
+  });
   const item = {
     ...parent,
     id: computedId,
@@ -13833,11 +13836,13 @@ function filterItems(items, query, options) {
     const defaultMatches = {};
     let match = -1;
     if ((query || customFiltersLength > 0) && !options?.noFilter) {
+      let hasOnlyCustomFilters = false;
       if (typeof item === 'object') {
         if (item.type === 'divider' || item.type === 'subheader') {
           continue;
         }
         const filterKeys = keys || Object.keys(transformed);
+        hasOnlyCustomFilters = filterKeys.length === customFiltersLength;
         for (const key of filterKeys) {
           const value = getPropertyFromItem(transformed, key);
           const keyFilter = options?.customKeyFilter?.[key];
@@ -13858,7 +13863,7 @@ function filterItems(items, query, options) {
       const customMatchesLength = Object.keys(customMatches).length;
       if (!defaultMatchesLength && !customMatchesLength) continue;
       if (options?.filterMode === 'union' && customMatchesLength !== customFiltersLength && !defaultMatchesLength) continue;
-      if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength)) continue;
+      if (options?.filterMode === 'intersection' && (customMatchesLength !== customFiltersLength || !defaultMatchesLength && customFiltersLength > 0 && !hasOnlyCustomFilters)) continue;
     }
     array.push({
       index: i,
@@ -15532,7 +15537,7 @@ function mounted$3(el, binding) {
   };
   const uid = binding.instance?.$.uid; // TODO: use custom uid generator
 
-  if (!target || !uid) return;
+  if (!target || uid === undefined) return;
   const handlers = createHandlers(binding.value);
   target._touchHandlers = target._touchHandlers ?? Object.create(null);
   target._touchHandlers[uid] = handlers;
@@ -15543,7 +15548,7 @@ function mounted$3(el, binding) {
 function unmounted$3(el, binding) {
   const target = binding.value?.parent ? el.parentElement : el;
   const uid = binding.instance?.$.uid;
-  if (!target?._touchHandlers || !uid) return;
+  if (!target?._touchHandlers || uid === undefined) return;
   const handlers = target._touchHandlers[uid];
   keys(handlers).forEach(eventName => {
     target.removeEventListener(eventName, handlers[eventName]);
@@ -26671,7 +26676,7 @@ const VOtpInput = genericComponent()({
       const finalIndex = clipboardText.length - 1 === -1 ? index : clipboardText.length - 1;
       if (isValidNumber(clipboardText)) return;
       model.value = clipboardText.split('');
-      inputRef.value?.[finalIndex].focus();
+      focusIndex.value = finalIndex;
     }
     function reset() {
       model.value = [];
@@ -26701,7 +26706,6 @@ const VOtpInput = genericComponent()({
     });
     watch(model, val => {
       if (val.length === length.value) {
-        focusIndex.value = length.value - 1;
         emit('finish', val.join(''));
       }
     }, {
@@ -31570,7 +31574,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.9.6";
+const version$1 = "3.9.7";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31595,7 +31599,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.9.6";
+const version = "3.9.7";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useHotkey, useLayout, useLocale, useRtl, useTheme, version };