@vuetify/nightly 3.3.9-master.2023-07-19 → 3.3.9-master.2023-07-21

package/dist/vuetify-labs.d.ts

@@ -219,7 +219,8 @@ type DefaultsInstance = undefined | {
     global?: Record<string, unknown>;
 };
 type DefaultsOptions = Partial<DefaultsInstance>;
-declare function useDefaults(props?: Record<string, any>, name?: string): Record<string, any>;
+declare function useDefaults<T extends Record<string, any>>(props: T, name?: string): T;
+declare function useDefaults(props?: undefined, name?: string): Record<string, any>;
 
 type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
 declare const IconValue: PropType<IconValue>;

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.9-master.2023-07-19
+* Vuetify v3.3.9-master.2023-07-21
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9721,6 +9721,20 @@ function forwardRefs(target) {
       }
       return false;
     },
+    set(target, key, value) {
+      if (Reflect.has(target, key)) {
+        return Reflect.set(target, key, value);
+      }
+
+      // Skip internal properties
+      if (typeof key === 'symbol' || key.startsWith('__')) return false;
+      for (const ref of refs) {
+        if (ref.value && Reflect.has(ref.value, key)) {
+          return Reflect.set(ref.value, key, value);
+        }
+      }
+      return false;
+    },
     getOwnPropertyDescriptor(target, key) {
       const descriptor = Reflect.getOwnPropertyDescriptor(target, key);
       if (descriptor) return descriptor;
@@ -10811,7 +10825,7 @@ const VSelect = genericComponent()({
       menu.value = !menu.value;
     }
     function onKeydown(e) {
-      if (props.readonly || form?.isReadonly.value) return;
+      if (!e.key || props.readonly || form?.isReadonly.value) return;
       if (['Enter', ' ', 'ArrowDown', 'ArrowUp', 'Home', 'End'].includes(e.key)) {
         e.preventDefault();
       }
@@ -10875,6 +10889,16 @@ const VSelect = genericComponent()({
     function onFocusin(e) {
       isFocused.value = true;
     }
+    function onModelUpdate(v) {
+      if (v == null) model.value = [];else if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+        const item = items.value.find(item => item.title === v);
+        if (item) {
+          select(item);
+        }
+      } else if (vTextFieldRef.value) {
+        vTextFieldRef.value.value = '';
+      }
+    }
     useRender(() => {
       const hasChips = !!(props.chips || slots.chip);
       const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);
@@ -10885,9 +10909,7 @@ const VSelect = genericComponent()({
         "ref": vTextFieldRef
       }, textFieldProps, {
         "modelValue": model.value.map(v => v.props.value).join(', '),
-        "onUpdate:modelValue": v => {
-          if (v == null) model.value = [];
-        },
+        "onUpdate:modelValue": onModelUpdate,
         "focused": isFocused.value,
         "onUpdate:focused": $event => isFocused.value = $event,
         "validationValue": model.externalValue,
@@ -10900,7 +10922,7 @@ const VSelect = genericComponent()({
           'v-select--selection-slot': !!slots.selection
         }, props.class],
         "style": props.style,
-        "readonly": true,
+        "inputmode": "none",
         "placeholder": placeholder,
         "onClick:clear": onClear,
         "onMousedown:control": onMousedownControl,
@@ -11322,6 +11344,14 @@ const VAutocomplete = genericComponent()({
     function onInput(e) {
       search.value = e.target.value;
     }
+    function onChange(e) {
+      if (vTextFieldRef.value?.matches(':autofill') || vTextFieldRef.value?.matches(':-webkit-autofill')) {
+        const item = items.value.find(item => item.title === e.target.value);
+        if (item) {
+          select(item);
+        }
+      }
+    }
     function onAfterLeave() {
       if (isFocused.value) {
         isPristine.value = true;
@@ -11401,6 +11431,7 @@ const VAutocomplete = genericComponent()({
         "validationValue": model.externalValue,
         "dirty": isDirty,
         "onInput": onInput,
+        "onChange": onChange,
         "class": ['v-autocomplete', `v-autocomplete--${props.multiple ? 'multiple' : 'single'}`, {
           'v-autocomplete--active-menu': menu.value,
           'v-autocomplete--chips': !!props.chips,
@@ -16390,7 +16421,7 @@ function useSticky(_ref) {
     });
   });
   onBeforeUnmount(() => {
-    document.removeEventListener('scroll', onScroll);
+    window.removeEventListener('scroll', onScroll);
   });
   let lastScrollTop = 0;
   function onScroll() {
@@ -23663,7 +23694,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.9-master.2023-07-19";
+const version$1 = "3.3.9-master.2023-07-21";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -23677,7 +23708,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.9-master.2023-07-19";
+const version = "3.3.9-master.2023-07-21";
 
 /* eslint-disable local-rules/sort-imports */