@vuetify/nightly 3.3.9-master.2023-07-20 → 3.3.9-master.2023-07-22

package/CHANGELOG.md

@@ -1,13 +1,16 @@
-# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.9-master.2023-07-20...v) (2023-07-20)
+# [](https://github.com/vuetifyjs/vuetify/compare/v3.3.9-master.2023-07-22...v) (2023-07-22)
 
 
 
-## [3.3.9-master.2023-07-20](https://github.com/vuetifyjs/vuetify/compare/v3.3.9...v3.3.9-master.2023-07-20) (2023-07-20)
+## [3.3.9-master.2023-07-22](https://github.com/vuetifyjs/vuetify/compare/v3.3.9...v3.3.9-master.2023-07-22) (2023-07-22)
 
 
 ### Bug Fixes
 
+* **useDefaults:** return generic argument ([0722960](https://github.com/vuetifyjs/vuetify/commit/0722960fa1a1c2a8ff2ecae0f1f5d64fd46a64af))
 * **VNavigationDrawer:** correctly remove scroll listener on unmount ([dfc257f](https://github.com/vuetifyjs/vuetify/commit/dfc257f3b48fb9bf1d2955c810781d823f54f0b0))
+* **VSelect:** support browser autofill ([e99f6fd](https://github.com/vuetifyjs/vuetify/commit/e99f6fd25ccc19970f63805f8d0cdda96d036255)), closes [#5936](https://github.com/vuetifyjs/vuetify/issues/5936)
+* **VTextarea:** don't hide auto-grow scrollbar ([0a03a43](https://github.com/vuetifyjs/vuetify/commit/0a03a4377b004ad797be536d43203dd3034bbc03))
 
 
 

package/dist/json/web-types.json

@@ -2,7 +2,7 @@
   "$schema": "http://json.schemastore.org/web-types",
   "framework": "vue",
   "name": "vuetify",
-  "version": "3.3.9-master.2023-07-20",
+  "version": "3.3.9-master.2023-07-22",
   "contributions": {
     "html": {
       "types-syntax": "typescript",

package/dist/vuetify-labs.css

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.9-master.2023-07-20
+* Vuetify v3.3.9-master.2023-07-22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -17069,6 +17069,77 @@ html.overflow-y-hidden {
 .v-avatar .v-img {
   height: 100%;
   width: 100%;
+}.v-badge {
+  display: inline-block;
+  line-height: 1;
+}
+
+.v-badge__badge {
+  align-items: center;
+  display: inline-flex;
+  border-radius: 10px;
+  font-size: 0.75rem;
+  font-weight: 500;
+  height: 1.25rem;
+  justify-content: center;
+  min-width: 20px;
+  padding: 4px 6px;
+  pointer-events: auto;
+  position: absolute;
+  text-align: center;
+  text-indent: 0;
+  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
+  white-space: nowrap;
+  background: rgb(var(--v-theme-surface-variant));
+  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
+}
+.v-badge--bordered .v-badge__badge::after {
+  border-radius: inherit;
+  border-style: solid;
+  border-width: 2px;
+  bottom: 0;
+  color: rgb(var(--v-theme-background));
+  content: "";
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transform: scale(1.2);
+}
+.v-badge--dot .v-badge__badge {
+  border-radius: 4.5px;
+  height: 9px;
+  min-width: 0;
+  padding: 0;
+  width: 9px;
+}
+.v-badge--dot .v-badge__badge::after {
+  border-width: 1.5px;
+}
+.v-badge--inline .v-badge__badge {
+  position: relative;
+  vertical-align: middle;
+}
+.v-badge__badge .v-icon {
+  color: inherit;
+  font-size: 0.75rem;
+  margin: 0 -2px;
+}
+.v-badge__badge img,
+.v-badge__badge .v-img {
+  height: 100%;
+  width: 100%;
+}
+
+.v-badge__wrapper {
+  display: flex;
+  position: relative;
+}
+.v-badge--inline .v-badge__wrapper {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+  margin: 0 4px;
 }.v-banner {
   display: grid;
   flex: 1 1;
@@ -17225,77 +17296,6 @@ html.overflow-y-hidden {
 }
 .v-banner--two-line .v-banner-text, .v-banner--three-line .v-banner-text {
   align-self: flex-start;
-}.v-badge {
-  display: inline-block;
-  line-height: 1;
-}
-
-.v-badge__badge {
-  align-items: center;
-  display: inline-flex;
-  border-radius: 10px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  height: 1.25rem;
-  justify-content: center;
-  min-width: 20px;
-  padding: 4px 6px;
-  pointer-events: auto;
-  position: absolute;
-  text-align: center;
-  text-indent: 0;
-  transition: 0.225s cubic-bezier(0.4, 0, 0.2, 1);
-  white-space: nowrap;
-  background: rgb(var(--v-theme-surface-variant));
-  color: rgba(var(--v-theme-on-surface-variant), var(--v-high-emphasis-opacity));
-}
-.v-badge--bordered .v-badge__badge::after {
-  border-radius: inherit;
-  border-style: solid;
-  border-width: 2px;
-  bottom: 0;
-  color: rgb(var(--v-theme-background));
-  content: "";
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transform: scale(1.2);
-}
-.v-badge--dot .v-badge__badge {
-  border-radius: 4.5px;
-  height: 9px;
-  min-width: 0;
-  padding: 0;
-  width: 9px;
-}
-.v-badge--dot .v-badge__badge::after {
-  border-width: 1.5px;
-}
-.v-badge--inline .v-badge__badge {
-  position: relative;
-  vertical-align: middle;
-}
-.v-badge__badge .v-icon {
-  color: inherit;
-  font-size: 0.75rem;
-  margin: 0 -2px;
-}
-.v-badge__badge img,
-.v-badge__badge .v-img {
-  height: 100%;
-  width: 100%;
-}
-
-.v-badge__wrapper {
-  display: flex;
-  position: relative;
-}
-.v-badge--inline .v-badge__wrapper {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
-  margin: 0 4px;
 }.v-bottom-navigation {
   display: flex;
   max-width: 100%;
@@ -21978,6 +21978,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;
@@ -22385,44 +22386,6 @@ html.v-overlay-scroll-blocked {
 }
 .v-switch.v-switch--inset .v-selection-control__wrapper {
   width: auto;
-}.v-system-bar {
-  align-items: center;
-  display: flex;
-  flex: 1 1 auto;
-  height: 24px;
-  justify-content: flex-end;
-  max-width: 100%;
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-  position: relative;
-  text-align: end;
-  width: 100%;
-  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
-  background: rgba(var(--v-theme-on-surface-variant));
-  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
-  font-size: 0.75rem;
-  font-weight: 400;
-  letter-spacing: 0.0333333333em;
-  line-height: 1.25rem;
-  text-transform: none;
-}
-.v-system-bar .v-icon {
-  opacity: var(--v-medium-emphasis-opacity);
-}
-.v-system-bar--absolute {
-  position: absolute;
-}
-.v-system-bar--fixed {
-  position: fixed;
-}
-.v-system-bar--rounded {
-  border-radius: 0;
-}
-.v-system-bar--window {
-  height: 32px;
-}
-.v-system-bar:not(.v-system-bar--absolute) {
-  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
 }.v-tabs {
   display: flex;
   height: var(--v-tabs-height);
@@ -22489,6 +22452,44 @@ html.v-overlay-scroll-blocked {
   .v-tabs.v-slide-group--is-overflowing.v-slide-group--horizontal:not(.v-slide-group--has-affixes) .v-tab:last-child {
     margin-inline-end: 52px;
   }
+}.v-system-bar {
+  align-items: center;
+  display: flex;
+  flex: 1 1 auto;
+  height: 24px;
+  justify-content: flex-end;
+  max-width: 100%;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  position: relative;
+  text-align: end;
+  width: 100%;
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
+  background: rgba(var(--v-theme-on-surface-variant));
+  color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
+  font-size: 0.75rem;
+  font-weight: 400;
+  letter-spacing: 0.0333333333em;
+  line-height: 1.25rem;
+  text-transform: none;
+}
+.v-system-bar .v-icon {
+  opacity: var(--v-medium-emphasis-opacity);
+}
+.v-system-bar--absolute {
+  position: absolute;
+}
+.v-system-bar--fixed {
+  position: fixed;
+}
+.v-system-bar--rounded {
+  border-radius: 0;
+}
+.v-system-bar--window {
+  height: 32px;
+}
+.v-system-bar:not(.v-system-bar--absolute) {
+  padding-inline-end: calc(var(--v-scrollbar-offset) + 8px);
 }.v-tab.v-tab {
   --v-btn-height: var(--v-tabs-height);
   min-width: 90px;
@@ -22665,9 +22666,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;
 }

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-20
+* Vuetify v3.3.9-master.2023-07-22
 * 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,
@@ -23663,7 +23694,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.9-master.2023-07-20";
+const version$1 = "3.3.9-master.2023-07-22";
 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-20";
+const version = "3.3.9-master.2023-07-22";
 
 /* eslint-disable local-rules/sort-imports */