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

package/dist/vuetify-labs.esm.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.
 */
@@ -508,7 +508,7 @@ function getNextElement(elements, location, condition) {
 }
 function focusChild(el, location) {
   const focusable = focusableChildren(el);
-  if (!location) {
+  if (location == null) {
     if (el === document.activeElement || !el.contains(document.activeElement)) {
       focusable[0]?.focus();
     }
@@ -6757,13 +6757,18 @@ function useForm(props) {
   };
 }
 
+// Utilities
+const RulesSymbol = Symbol.for('vuetify:rules');
+function useRules(fn) {
+  const resolveRules = inject$1(RulesSymbol, null);
+  if (!resolveRules) return toRef(fn);
+  return resolveRules(fn);
+}
+
 // Composables
 
 // Types
 
-// type ValidationRuleParams = [any, string?]
-// type ValidationAlias = string | [string, ...ValidationRuleParams]
-
 const makeValidationProps = propsFactory({
   disabled: {
     type: Boolean,
@@ -6786,7 +6791,6 @@ const makeValidationProps = propsFactory({
   },
   rules: {
     type: Array,
-    // type: Array as PropType<readonly (ValidationRule | ValidationAlias)[]>,
     default: () => []
   },
   modelValue: null,
@@ -6800,7 +6804,7 @@ function useValidation(props) {
   const model = useProxiedModel(props, 'modelValue');
   const validationModel = computed(() => props.validationValue === undefined ? model.value : props.validationValue);
   const form = useForm(props);
-  // const rules = useRules()
+  const rules = useRules(() => props.rules);
   const internalErrorMessages = ref([]);
   const isPristine = shallowRef(true);
   const isDirty = computed(() => !!(wrapInArray(model.value === '' ? null : model.value).length || wrapInArray(validationModel.value === '' ? null : validationModel.value).length));
@@ -6840,28 +6844,6 @@ function useValidation(props) {
   });
   const vm = getCurrentInstance('validation');
   const uid = computed(() => props.name ?? 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
-  //   }
-  // }))
-
   onBeforeMount(() => {
     form.register?.({
       id: uid.value,
@@ -6917,7 +6899,7 @@ function useValidation(props) {
     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;
       }
@@ -12757,6 +12739,7 @@ const VSelect = genericComponent()({
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
     let keyboardLookupPrefix = '';
+    let keyboardLookupIndex = -1;
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
       if (props.hideSelected) {
@@ -12824,16 +12807,49 @@ const VSelect = genericComponent()({
       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);
+        }
       }
     }
 
@@ -31929,7 +31945,7 @@ function createVuetify$1() {
     };
   });
 }
-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
@@ -32227,7 +32243,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */