vuetify 3.8.4 → 3.8.6

package/dist/vuetify.cjs

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.4
+* Vuetify v3.8.6
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -435,7 +435,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();
       }
@@ -1773,7 +1773,8 @@
     treeviewCollapse: 'mdi-menu-down',
     treeviewExpand: 'mdi-menu-right',
     eyeDropper: 'mdi-eyedropper',
-    upload: 'mdi-cloud-upload'
+    upload: 'mdi-cloud-upload',
+    color: 'mdi-palette'
   };
   const mdi = {
     // Not using mergeProps here, functional components merge props by default (?)
@@ -7038,13 +7039,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,
@@ -7067,7 +7073,6 @@
     },
     rules: {
       type: Array,
-      // type: Array as PropType<readonly (ValidationRule | ValidationAlias)[]>,
       default: () => []
     },
     modelValue: null,
@@ -7081,7 +7086,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));
@@ -7121,28 +7126,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,
@@ -7198,7 +7181,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;
         }
@@ -13110,11 +13093,13 @@
         keyboardLookupLastTime = now;
         const item = items.value.find(item => item.title.toLowerCase().startsWith(keyboardLookupPrefix));
         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);
+          }
         }
       }
 
@@ -13784,11 +13769,6 @@
           menu.value = true;
         }
       });
-      vue.watch(model, value => {
-        if (!props.multiple && !hasSelectionSlot.value) {
-          search.value = value[0]?.title ?? '';
-        }
-      });
       useRender(() => {
         const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
         const isDirty = model.value.length > 0;
@@ -29242,7 +29222,7 @@
       };
     });
   }
-  const version$1 = "3.8.4";
+  const version$1 = "3.8.6";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -29267,7 +29247,7 @@
       ...options
     });
   };
-  const version = "3.8.4";
+  const version = "3.8.6";
   createVuetify.version = version;
 
   exports.blueprints = index;