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

package/dist/vuetify.css

@@ -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.
 */
@@ -21272,6 +21272,7 @@ html.v-overlay-scroll-blocked {
   width: 100%;
   transition: none;
   pointer-events: none;
+  caret-color: transparent;
 }
 .v-select .v-field--dirty .v-select__selection {
   margin-inline-end: 2px;
@@ -21959,9 +21960,6 @@ html.v-overlay-scroll-blocked {
   min-height: 0 !important;
   pointer-events: none;
 }
-.v-textarea--auto-grow .v-field__input {
-  overflow: hidden;
-}
 .v-textarea--no-resize .v-field__input {
   resize: none;
 }
@@ -22064,7 +22062,10 @@ html.v-overlay-scroll-blocked {
   padding-top: calc(var(--v-field-padding-top--plain-underlined) + var(--v-input-padding-top));
 }
 
-/* endregion */.v-timeline .v-timeline-divider__dot {
+/* endregion */.v-theme-provider {
+  background: rgb(var(--v-theme-background));
+  color: rgb(var(--v-theme-on-background));
+}.v-timeline .v-timeline-divider__dot {
   background: rgb(var(--v-theme-on-surface-variant));
 }
 .v-timeline .v-timeline-divider__inner-dot {
@@ -22643,9 +22644,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-toolbar-items > .v-btn {
   border-radius: 0;
-}.v-theme-provider {
-  background: rgb(var(--v-theme-background));
-  color: rgb(var(--v-theme-on-background));
 }.v-tooltip > .v-overlay__content {
   background: rgba(var(--v-theme-surface-variant), 0.7);
   color: rgb(var(--v-theme-on-surface-variant));

package/dist/vuetify.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.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.
 */
@@ -9714,6 +9714,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;
@@ -10804,7 +10818,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();
       }
@@ -10868,6 +10882,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']);
@@ -10878,9 +10902,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,
@@ -10893,7 +10915,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,
@@ -11315,6 +11337,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;
@@ -11394,6 +11424,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,
@@ -16383,7 +16414,7 @@ function useSticky(_ref) {
     });
   });
   onBeforeUnmount(() => {
-    document.removeEventListener('scroll', onScroll);
+    window.removeEventListener('scroll', onScroll);
   });
   let lastScrollTop = 0;
   function onScroll() {
@@ -20179,7 +20210,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
@@ -20204,7 +20235,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.3.9-master.2023-07-19";
+const version = "3.3.9-master.2023-07-21";
 createVuetify.version = version;
 
 export { components, createVuetify, directives, useDefaults, useDisplay, useLayout, useLocale, useRtl, useTheme, version };