@vuetify/nightly 3.7.15-dev.2025-03-06 → 3.7.15-dev.2025-03-07

package/dist/vuetify.d.ts

@@ -3635,12 +3635,15 @@ declare const VField: {
 type VField = InstanceType<typeof VField>;
 
 /**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
+ * - boolean: match without highlight
+ * - number: single match (index), length already known
+ * - []: single match (start, end)
+ * - [][]: multiple matches (start, end), shouldn't overlap
  */
-type FilterMatch = boolean | number | [number, number] | [number, number][];
+type FilterMatchArraySingle = readonly [number, number];
+type FilterMatchArrayMultiple = readonly FilterMatchArraySingle[];
+type FilterMatchArray = FilterMatchArraySingle | FilterMatchArrayMultiple;
+type FilterMatch = boolean | number | FilterMatchArray;
 type FilterFunction = (value: string, query: string, item?: InternalItem) => FilterMatch;
 type FilterKeyFunctions = Record<string, FilterFunction>;
 type FilterKeys = string | string[];
@@ -57888,19 +57891,20 @@ declare module 'vue' {
     VAppBar: VAppBar
     VAppBarNavIcon: VAppBarNavIcon
     VAppBarTitle: VAppBarTitle
-    VAlert: VAlert
-    VAlertTitle: VAlertTitle
-    VAutocomplete: VAutocomplete
     VApp: VApp
-    VBottomNavigation: VBottomNavigation
-    VAvatar: VAvatar
+    VAutocomplete: VAutocomplete
     VBadge: VBadge
+    VAlert: VAlert
+    VAlertTitle: VAlertTitle
     VBottomSheet: VBottomSheet
     VBanner: VBanner
     VBannerActions: VBannerActions
     VBannerText: VBannerText
-    VBtn: VBtn
+    VAvatar: VAvatar
     VBtnToggle: VBtnToggle
+    VBottomNavigation: VBottomNavigation
+    VCheckbox: VCheckbox
+    VCheckboxBtn: VCheckboxBtn
     VBreadcrumbs: VBreadcrumbs
     VBreadcrumbsItem: VBreadcrumbsItem
     VBreadcrumbsDivider: VBreadcrumbsDivider
@@ -57910,15 +57914,21 @@ declare module 'vue' {
     VCardSubtitle: VCardSubtitle
     VCardText: VCardText
     VCardTitle: VCardTitle
+    VBtnGroup: VBtnGroup
+    VBtn: VBtn
+    VColorPicker: VColorPicker
     VChip: VChip
-    VCheckbox: VCheckbox
-    VCheckboxBtn: VCheckboxBtn
     VCarousel: VCarousel
     VCarouselItem: VCarouselItem
-    VBtnGroup: VBtnGroup
-    VCombobox: VCombobox
     VChipGroup: VChipGroup
-    VCode: VCode
+    VCounter: VCounter
+    VDialog: VDialog
+    VDivider: VDivider
+    VCombobox: VCombobox
+    VExpansionPanels: VExpansionPanels
+    VExpansionPanel: VExpansionPanel
+    VExpansionPanelText: VExpansionPanelText
+    VExpansionPanelTitle: VExpansionPanelTitle
     VDataTable: VDataTable
     VDataTableHeaders: VDataTableHeaders
     VDataTableFooter: VDataTableFooter
@@ -57926,10 +57936,6 @@ declare module 'vue' {
     VDataTableRow: VDataTableRow
     VDataTableVirtual: VDataTableVirtual
     VDataTableServer: VDataTableServer
-    VCounter: VCounter
-    VColorPicker: VColorPicker
-    VDialog: VDialog
-    VDivider: VDivider
     VDatePicker: VDatePicker
     VDatePickerControls: VDatePickerControls
     VDatePickerHeader: VDatePickerHeader
@@ -57937,26 +57943,26 @@ declare module 'vue' {
     VDatePickerMonths: VDatePickerMonths
     VDatePickerYears: VDatePickerYears
     VEmptyState: VEmptyState
-    VFab: VFab
-    VExpansionPanels: VExpansionPanels
-    VExpansionPanel: VExpansionPanel
-    VExpansionPanelText: VExpansionPanelText
-    VExpansionPanelTitle: VExpansionPanelTitle
-    VFooter: VFooter
-    VFileInput: VFileInput
     VField: VField
     VFieldLabel: VFieldLabel
-    VInfiniteScroll: VInfiniteScroll
+    VFooter: VFooter
+    VFileInput: VFileInput
+    VFab: VFab
     VIcon: VIcon
     VComponentIcon: VComponentIcon
     VSvgIcon: VSvgIcon
     VLigatureIcon: VLigatureIcon
     VClassIcon: VClassIcon
     VImg: VImg
+    VInfiniteScroll: VInfiniteScroll
+    VLabel: VLabel
     VItemGroup: VItemGroup
     VItem: VItem
+    VMain: VMain
     VKbd: VKbd
     VInput: VInput
+    VMessages: VMessages
+    VMenu: VMenu
     VList: VList
     VListGroup: VListGroup
     VListImg: VListImg
@@ -57966,73 +57972,70 @@ declare module 'vue' {
     VListItemSubtitle: VListItemSubtitle
     VListItemTitle: VListItemTitle
     VListSubheader: VListSubheader
-    VMain: VMain
-    VLabel: VLabel
     VNavigationDrawer: VNavigationDrawer
-    VMenu: VMenu
-    VMessages: VMessages
     VOtpInput: VOtpInput
     VPagination: VPagination
     VOverlay: VOverlay
+    VProgressCircular: VProgressCircular
     VRadioGroup: VRadioGroup
     VProgressLinear: VProgressLinear
+    VSelect: VSelect
+    VCode: VCode
     VRating: VRating
-    VProgressCircular: VProgressCircular
     VSelectionControlGroup: VSelectionControlGroup
-    VSelect: VSelect
-    VSelectionControl: VSelectionControl
-    VSlideGroup: VSlideGroup
-    VSlideGroupItem: VSlideGroupItem
-    VSnackbar: VSnackbar
+    VSheet: VSheet
     VSkeletonLoader: VSkeletonLoader
+    VSelectionControl: VSelectionControl
     VSlider: VSlider
+    VSnackbar: VSnackbar
+    VSystemBar: VSystemBar
     VSwitch: VSwitch
+    VSlideGroup: VSlideGroup
+    VSlideGroupItem: VSlideGroupItem
     VTab: VTab
     VTabs: VTabs
     VTabsWindow: VTabsWindow
     VTabsWindowItem: VTabsWindowItem
+    VTextarea: VTextarea
     VStepper: VStepper
     VStepperActions: VStepperActions
     VStepperHeader: VStepperHeader
     VStepperItem: VStepperItem
     VStepperWindow: VStepperWindow
     VStepperWindowItem: VStepperWindowItem
-    VSystemBar: VSystemBar
-    VTextarea: VTextarea
     VTable: VTable
     VTextField: VTextField
     VTimeline: VTimeline
     VTimelineItem: VTimelineItem
+    VTooltip: VTooltip
     VToolbar: VToolbar
     VToolbarTitle: VToolbarTitle
     VToolbarItems: VToolbarItems
-    VTooltip: VTooltip
     VWindow: VWindow
     VWindowItem: VWindowItem
     VConfirmEdit: VConfirmEdit
     VDataIterator: VDataIterator
     VDefaultsProvider: VDefaultsProvider
-    VForm: VForm
     VContainer: VContainer
     VCol: VCol
     VRow: VRow
     VSpacer: VSpacer
+    VForm: VForm
     VHover: VHover
-    VLazy: VLazy
     VLayout: VLayout
     VLayoutItem: VLayoutItem
+    VLazy: VLazy
     VLocaleProvider: VLocaleProvider
+    VNoSsr: VNoSsr
     VParallax: VParallax
     VRadio: VRadio
     VRangeSlider: VRangeSlider
     VResponsive: VResponsive
-    VNoSsr: VNoSsr
     VSparkline: VSparkline
     VSpeedDial: VSpeedDial
     VThemeProvider: VThemeProvider
-    VVirtualScroll: VVirtualScroll
     VValidation: VValidation
-    VSheet: VSheet
+    VVirtualScroll: VVirtualScroll
     VFabTransition: VFabTransition
     VDialogBottomTransition: VDialogBottomTransition
     VDialogTopTransition: VDialogTopTransition
@@ -58049,26 +58052,26 @@ declare module 'vue' {
     VExpandTransition: VExpandTransition
     VExpandXTransition: VExpandXTransition
     VDialogTransition: VDialogTransition
+    VFileUpload: VFileUpload
+    VFileUploadItem: VFileUploadItem
+    VNumberInput: VNumberInput
     VCalendar: VCalendar
     VCalendarDay: VCalendarDay
     VCalendarHeader: VCalendarHeader
     VCalendarInterval: VCalendarInterval
     VCalendarIntervalEvent: VCalendarIntervalEvent
     VCalendarMonthDay: VCalendarMonthDay
-    VPicker: VPicker
-    VPickerTitle: VPickerTitle
-    VFileUpload: VFileUpload
-    VFileUploadItem: VFileUploadItem
     VStepperVertical: VStepperVertical
     VStepperVerticalItem: VStepperVerticalItem
     VStepperVerticalActions: VStepperVerticalActions
-    VTreeview: VTreeview
-    VTreeviewItem: VTreeviewItem
-    VTreeviewGroup: VTreeviewGroup
-    VNumberInput: VNumberInput
+    VPicker: VPicker
+    VPickerTitle: VPickerTitle
     VTimePicker: VTimePicker
     VTimePickerClock: VTimePickerClock
     VTimePickerControls: VTimePickerControls
+    VTreeview: VTreeview
+    VTreeviewItem: VTreeviewItem
+    VTreeviewGroup: VTreeviewGroup
     VDateInput: VDateInput
     VPullToRefresh: VPullToRefresh
     VSnackbarQueue: VSnackbarQueue

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.7.15-dev.2025-03-06
+* Vuetify v3.7.15-dev.2025-03-07
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -13157,17 +13157,31 @@ const VSelect = genericComponent()({
 // Types
 
 /**
- * - match without highlight
- * - single match (index), length already known
- * - single match (start, end)
- * - multiple matches (start, end), probably shouldn't overlap
+ * - boolean: match without highlight
+ * - number: single match (index), length already known
+ * - []: single match (start, end)
+ * - [][]: multiple matches (start, end), shouldn't overlap
  */
 
 // Composables
 const defaultFilter = (value, query, item) => {
   if (value == null || query == null) return -1;
-  return value.toString().toLocaleLowerCase().indexOf(query.toString().toLocaleLowerCase());
+  value = value.toString().toLocaleLowerCase();
+  query = query.toString().toLocaleLowerCase();
+  const result = [];
+  let idx = value.indexOf(query);
+  while (~idx) {
+    result.push([idx, idx + query.length]);
+    idx = value.indexOf(query, idx + query.length);
+  }
+  return result.length ? result : -1;
 };
+function normaliseMatch(match, query) {
+  if (match == null || typeof match === 'boolean' || match === -1) return;
+  if (typeof match === 'number') return [[match, query.length]];
+  if (Array.isArray(match[0])) return match;
+  return [match];
+}
 const makeFilterProps = propsFactory({
   customFilter: Function,
   customKeyFilter: Object,
@@ -13198,7 +13212,7 @@ function filterItems(items, query, options) {
           const keyFilter = options?.customKeyFilter?.[key];
           match = keyFilter ? keyFilter(value, query, item) : filter(value, query, item);
           if (match !== -1 && match !== false) {
-            if (keyFilter) customMatches[key] = match;else defaultMatches[key] = match;
+            if (keyFilter) customMatches[key] = normaliseMatch(match, query);else defaultMatches[key] = normaliseMatch(match, query);
           } else if (options?.filterMode === 'every') {
             continue loop;
           }
@@ -13206,7 +13220,7 @@ function filterItems(items, query, options) {
       } else {
         match = filter(item, query, item);
         if (match !== -1 && match !== false) {
-          defaultMatches.title = match;
+          defaultMatches.title = normaliseMatch(match, query);
         }
       }
       const defaultMatchesLength = Object.keys(defaultMatches).length;
@@ -13266,20 +13280,26 @@ function useFilter(props, items, query, options) {
     getMatches
   };
 }
+function highlightResult(name, text, matches) {
+  if (matches == null || !matches.length) return text;
+  return matches.map((match, i) => {
+    const start = i === 0 ? 0 : matches[i - 1][1];
+    const result = [createVNode("span", {
+      "class": `${name}__unmask`
+    }, [text.slice(start, match[0])]), createVNode("span", {
+      "class": `${name}__mask`
+    }, [text.slice(match[0], match[1])])];
+    if (i === matches.length - 1) {
+      result.push(createVNode("span", {
+        "class": `${name}__unmask`
+      }, [text.slice(match[1])]));
+    }
+    return createVNode(Fragment, null, [result]);
+  });
+}
 
 // Types
 
-function highlightResult$1(text, matches, length) {
-  if (matches == null) return text;
-  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented');
-  return typeof matches === 'number' && ~matches ? createVNode(Fragment, null, [createVNode("span", {
-    "class": "v-autocomplete__unmask"
-  }, [text.substr(0, matches)]), createVNode("span", {
-    "class": "v-autocomplete__mask"
-  }, [text.substr(matches, length)]), createVNode("span", {
-    "class": "v-autocomplete__unmask"
-  }, [text.substr(matches + length)])]) : text;
-}
 const makeVAutocompleteProps = propsFactory({
   autoSelectFirst: {
     type: [Boolean, String]
@@ -13651,7 +13671,7 @@ const VAutocomplete = genericComponent()({
                     }, null)]);
                   },
                   title: () => {
-                    return isPristine.value ? item.title : highlightResult$1(item.title, getMatches(item)?.title, search.value?.length ?? 0);
+                    return isPristine.value ? item.title : highlightResult('v-autocomplete', item.title, getMatches(item)?.title);
                   }
                 });
               }
@@ -17144,17 +17164,6 @@ const VColorPicker = defineComponent({
 
 // Types
 
-function highlightResult(text, matches, length) {
-  if (matches == null) return text;
-  if (Array.isArray(matches)) throw new Error('Multiple matches is not implemented');
-  return typeof matches === 'number' && ~matches ? createVNode(Fragment, null, [createVNode("span", {
-    "class": "v-combobox__unmask"
-  }, [text.substr(0, matches)]), createVNode("span", {
-    "class": "v-combobox__mask"
-  }, [text.substr(matches, length)]), createVNode("span", {
-    "class": "v-combobox__unmask"
-  }, [text.substr(matches + length)])]) : text;
-}
 const makeVComboboxProps = propsFactory({
   autoSelectFirst: {
     type: [Boolean, String]
@@ -17568,7 +17577,7 @@ const VCombobox = genericComponent()({
                     }, null)]);
                   },
                   title: () => {
-                    return isPristine.value ? item.title : highlightResult(item.title, getMatches(item)?.title, search.value?.length ?? 0);
+                    return isPristine.value ? item.title : highlightResult('v-combobox', item.title, getMatches(item)?.title);
                   }
                 });
               }
@@ -28517,7 +28526,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.7.15-dev.2025-03-06";
+const version$1 = "3.7.15-dev.2025-03-07";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -28542,7 +28551,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.7.15-dev.2025-03-06";
+const version = "3.7.15-dev.2025-03-07";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };