@vuetify/nightly 3.8.5-master.2025-05-14 → 3.8.5-pr-21419.3ae3440

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.5-master.2025-05-14
+* Vuetify v3.8.5-pr-21419.3ae3440
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -512,7 +512,7 @@
   }
   function focusChild(el, location) {
     const focusable = focusableChildren(el);
-    if (!location) {
+    if (location == null) {
       if (el === document.activeElement || !el.contains(document.activeElement)) {
         focusable[0]?.focus();
       }
@@ -6761,13 +6761,18 @@
     };
   }
 
+  // Utilities
+  const RulesSymbol = Symbol.for('vuetify:rules');
+  function useRules(fn) {
+    const resolveRules = vue.inject(RulesSymbol, null);
+    if (!resolveRules) return vue.toRef(fn);
+    return resolveRules(fn);
+  }
+
   // Composables
 
   // Types
 
-  // type ValidationRuleParams = [any, string?]
-  // type ValidationAlias = string | [string, ...ValidationRuleParams]
-
   const makeValidationProps = propsFactory({
     disabled: {
       type: Boolean,
@@ -6790,7 +6795,6 @@
     },
     rules: {
       type: Array,
-      // type: Array as PropType<readonly (ValidationRule | ValidationAlias)[]>,
       default: () => []
     },
     modelValue: null,
@@ -6804,7 +6808,7 @@
     const model = useProxiedModel(props, 'modelValue');
     const validationModel = vue.computed(() => props.validationValue === undefined ? model.value : props.validationValue);
     const form = useForm(props);
-    // const rules = useRules()
+    const rules = useRules(() => props.rules);
     const internalErrorMessages = vue.ref([]);
     const isPristine = vue.shallowRef(true);
     const isDirty = vue.computed(() => !!(wrapInArray(model.value === '' ? null : model.value).length || wrapInArray(validationModel.value === '' ? null : validationModel.value).length));
@@ -6844,28 +6848,6 @@
     });
     const vm = getCurrentInstance('validation');
     const uid = vue.computed(() => props.name ?? vue.unref(id));
-
-    // const resolvedRules = computed(() => props.rules.map(rule => {
-    //   let ruleName: string | null = null
-    //   let ruleParams: ValidationRuleParams = [undefined]
-    //   if (Array.isArray(rule)) {
-    //     ruleName = rule[0]
-    //     ruleParams = rule.slice(1) as ValidationRuleParams
-    //   } else if (typeof rule === 'string') {
-    //     ruleName = rule
-    //   }
-
-    //   if (ruleName !== null) {
-    //     if (ruleName.startsWith('$')) {
-    //       ruleName = ruleName.slice(1)
-    //     }
-
-    //     return rules?.[ruleName]?.(...ruleParams)
-    //   } else {
-    //     return rule
-    //   }
-    // }))
-
     vue.onBeforeMount(() => {
       form.register?.({
         id: uid.value,
@@ -6921,7 +6903,7 @@
       let silent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       const results = [];
       isValidating.value = true;
-      for (const rule of props.rules) {
+      for (const rule of rules.value) {
         if (results.length >= Number(props.maxErrors ?? 1)) {
           break;
         }
@@ -12761,6 +12743,7 @@
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
       let keyboardLookupPrefix = '';
+      let keyboardLookupIndex = -1;
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
         if (props.hideSelected) {
@@ -12828,16 +12811,49 @@
         const now = performance.now();
         if (now - keyboardLookupLastTime > KEYBOARD_LOOKUP_THRESHOLD) {
           keyboardLookupPrefix = '';
+          keyboardLookupIndex = -1;
         }
         keyboardLookupPrefix += e.key.toLowerCase();
         keyboardLookupLastTime = now;
-        const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
+        const items = displayItems.value;
+        function findItem() {
+          let result = findItemBase();
+          if (result !== undefined) return result;
+          if (keyboardLookupPrefix.at(-1) === keyboardLookupPrefix.at(-2)) {
+            // No matches but we have a repeated letter, try the next item with that prefix
+            keyboardLookupPrefix = keyboardLookupPrefix.slice(0, -1);
+            result = findItemBase();
+            if (result !== undefined) return result;
+          }
+
+          // Still nothing, wrap around to the top
+          keyboardLookupIndex = -1;
+          result = findItemBase();
+          if (result !== undefined) return result;
+
+          // Still nothing, try just the new letter
+          keyboardLookupPrefix = e.key.toLowerCase();
+          return findItemBase();
+        }
+        function findItemBase() {
+          for (let i = 0; i < items.length; i++) {
+            const _item = items[i];
+            if (i > keyboardLookupIndex && _item.title.toLowerCase().startsWith(keyboardLookupPrefix)) {
+              keyboardLookupIndex = i;
+              return _item;
+            }
+          }
+          return undefined;
+        }
+        const item = findItem();
         if (item !== undefined) {
-          model.value = [item];
+          if (!props.multiple) {
+            model.value = [item];
+          }
           const index = displayItems.value.indexOf(item);
-          IN_BROWSER && window.requestAnimationFrame(() => {
-            index >= 0 && vVirtualScrollRef.value?.scrollToIndex(index);
-          });
+          if (~index && IN_BROWSER) {
+            listRef.value?.focus(index);
+          }
         }
       }
 
@@ -31933,7 +31949,7 @@
       };
     });
   }
-  const version$1 = "3.8.5-master.2025-05-14";
+  const version$1 = "3.8.5-pr-21419.3ae3440";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -32231,7 +32247,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.5-master.2025-05-14";
+  const version = "3.8.5-pr-21419.3ae3440";
 
   /* eslint-disable local-rules/sort-imports */