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

package/dist/vuetify-labs.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.
 */
@@ -12928,17 +12928,31 @@
   // 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,
@@ -12969,7 +12983,7 @@
             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;
             }
@@ -12977,7 +12991,7 @@
         } 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;
@@ -13037,20 +13051,26 @@
       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 = [vue.createVNode("span", {
+        "class": `${name}__unmask`
+      }, [text.slice(start, match[0])]), vue.createVNode("span", {
+        "class": `${name}__mask`
+      }, [text.slice(match[0], match[1])])];
+      if (i === matches.length - 1) {
+        result.push(vue.createVNode("span", {
+          "class": `${name}__unmask`
+        }, [text.slice(match[1])]));
+      }
+      return vue.createVNode(vue.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 ? vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
-      "class": "v-autocomplete__unmask"
-    }, [text.substr(0, matches)]), vue.createVNode("span", {
-      "class": "v-autocomplete__mask"
-    }, [text.substr(matches, length)]), vue.createVNode("span", {
-      "class": "v-autocomplete__unmask"
-    }, [text.substr(matches + length)])]) : text;
-  }
   const makeVAutocompleteProps = propsFactory({
     autoSelectFirst: {
       type: [Boolean, String]
@@ -13422,7 +13442,7 @@
                       }, 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);
                     }
                   });
                 }
@@ -16915,17 +16935,6 @@
 
   // 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 ? vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
-      "class": "v-combobox__unmask"
-    }, [text.substr(0, matches)]), vue.createVNode("span", {
-      "class": "v-combobox__mask"
-    }, [text.substr(matches, length)]), vue.createVNode("span", {
-      "class": "v-combobox__unmask"
-    }, [text.substr(matches + length)])]) : text;
-  }
   const makeVComboboxProps = propsFactory({
     autoSelectFirst: {
       type: [Boolean, String]
@@ -17339,7 +17348,7 @@
                       }, 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);
                     }
                   });
                 }
@@ -31152,7 +31161,7 @@
       };
     });
   }
-  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
@@ -31405,7 +31414,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.7.15-dev.2025-03-06";
+  const version = "3.7.15-dev.2025-03-07";
 
   /* eslint-disable local-rules/sort-imports */