@vuetify/nightly 3.8.0-beta.0-dev.2025-03-31 → 3.8.0-dev.2025-04-03

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-beta.0-dev.2025-03-31
+* Vuetify v3.8.0-dev.2025-04-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -11732,7 +11732,7 @@ const VField = genericComponent()({
       return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
     });
     const iconColor = computed(() => {
-      if (!props.iconColor) return undefined;
+      if (!props.iconColor || props.glow && !isFocused.value) return undefined;
       return props.iconColor === true ? color.value : props.iconColor;
     });
     const {
@@ -11930,7 +11930,8 @@ const VField = genericComponent()({
       })])]);
     });
     return {
-      controlRef
+      controlRef,
+      fieldIconColor: iconColor
     };
   }
 });
@@ -12280,7 +12281,12 @@ function useVirtual(props, items) {
   }
   function calculateOffset(index) {
     index = clamp(index, 0, items.value.length - 1);
-    return offsets[index] || 0;
+    const whole = Math.floor(index);
+    const fraction = index % 1;
+    const next = whole + 1;
+    const wholeOffset = offsets[whole] || 0;
+    const nextOffset = offsets[next] || wholeOffset;
+    return wholeOffset + (nextOffset - wholeOffset) * fraction;
   }
   function calculateIndex(scrollTop) {
     return binaryClosest(offsets, scrollTop);
@@ -12668,14 +12674,6 @@ const VSelect = genericComponent()({
     const vTextFieldRef = ref();
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
-    const _menu = useProxiedModel(props, 'menu');
-    const menu = computed({
-      get: () => _menu.value,
-      set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-        _menu.value = v;
-      }
-    });
     const {
       items,
       transformIn,
@@ -12691,7 +12689,6 @@ const VSelect = genericComponent()({
     const form = useForm(props);
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const isFocused = shallowRef(false);
-    const label = computed(() => menu.value ? props.closeText : props.openText);
     let keyboardLookupPrefix = '';
     let keyboardLookupLastTime;
     const displayItems = computed(() => {
@@ -12701,6 +12698,16 @@ const VSelect = genericComponent()({
       return items.value;
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+    const _menu = useProxiedModel(props, 'menu');
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (v && menuDisabled.value) return;
+        _menu.value = v;
+      }
+    });
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const computedMenuProps = computed(() => {
       return {
         ...props.menuProps,
@@ -12996,6 +13003,7 @@ const VSelect = genericComponent()({
           }
           return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
             "class": "v-select__menu-icon",
+            "color": vTextFieldRef.value?.fieldIconColor,
             "icon": props.menuIcon
           }, null) : undefined]);
         }
@@ -13199,17 +13207,8 @@ const VAutocomplete = genericComponent()({
     const listHasFocus = shallowRef(false);
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
-    const _menu = useProxiedModel(props, 'menu');
-    const menu = computed({
-      get: () => _menu.value,
-      set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-        _menu.value = v;
-      }
-    });
     const selectionIndex = shallowRef(-1);
     const color = computed(() => vTextFieldRef.value?.color);
-    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -13246,6 +13245,16 @@ const VAutocomplete = genericComponent()({
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
     const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+    const _menu = useProxiedModel(props, 'menu');
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (v && menuDisabled.value) return;
+        _menu.value = v;
+      }
+    });
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     const listRef = ref();
     const listEvents = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
@@ -13402,12 +13411,7 @@ const VAutocomplete = genericComponent()({
       } else {
         if (!props.multiple && search.value == null) model.value = [];
         menu.value = false;
-        if (!model.value.some(_ref3 => {
-          let {
-            title
-          } = _ref3;
-          return title === search.value;
-        })) search.value = '';
+        if (props.multiple || hasSelectionSlot.value) search.value = '';
         selectionIndex.value = -1;
       }
     });
@@ -13495,12 +13499,12 @@ const VAutocomplete = genericComponent()({
               "items": displayItems.value,
               "itemKey": "value"
             }, {
-              default: _ref4 => {
+              default: _ref3 => {
                 let {
                   item,
                   index,
                   itemRef
-                } = _ref4;
+                } = _ref3;
                 const itemProps = mergeProps(item.props, {
                   ref: itemRef,
                   key: item.value,
@@ -13514,10 +13518,10 @@ const VAutocomplete = genericComponent()({
                 }) ?? createVNode(VListItem, mergeProps(itemProps, {
                   "role": "option"
                 }), {
-                  prepend: _ref5 => {
+                  prepend: _ref4 => {
                     let {
                       isSelected
-                    } = _ref5;
+                    } = _ref4;
                     return createVNode(Fragment, null, [props.multiple && !props.hideSelected ? createVNode(VCheckboxBtn, {
                       "key": item.value,
                       "modelValue": isSelected,
@@ -13600,6 +13604,7 @@ const VAutocomplete = genericComponent()({
           }
           return createVNode(Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? createVNode(VIcon, {
             "class": "v-autocomplete__menu-icon",
+            "color": vTextFieldRef.value?.fieldIconColor,
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
             "onClick": noop,
@@ -16386,7 +16391,7 @@ const VColorPickerPreview = defineComponent({
     const abortController = new AbortController();
     onUnmounted(() => abortController.abort());
     async function openEyeDropper() {
-      if (!SUPPORTS_EYE_DROPPER) return;
+      if (!SUPPORTS_EYE_DROPPER || props.disabled) return;
       const eyeDropper = new window.EyeDropper();
       try {
         const result = await eyeDropper.open({
@@ -16408,10 +16413,11 @@ const VColorPickerPreview = defineComponent({
       "class": "v-color-picker-preview__eye-dropper",
       "key": "eyeDropper"
     }, [createVNode(VBtn, {
-      "onClick": openEyeDropper,
+      "density": "comfortable",
+      "disabled": props.disabled,
       "icon": "$eyeDropper",
       "variant": "plain",
-      "density": "comfortable"
+      "onClick": openEyeDropper
     }, null)]), createVNode("div", {
       "class": "v-color-picker-preview__dot"
     }, [createVNode("div", {
@@ -17968,18 +17974,9 @@ const VCombobox = genericComponent()({
     const listHasFocus = shallowRef(false);
     const vMenuRef = ref();
     const vVirtualScrollRef = ref();
-    const _menu = useProxiedModel(props, 'menu');
-    const menu = computed({
-      get: () => _menu.value,
-      set: v => {
-        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-        _menu.value = v;
-      }
-    });
     const selectionIndex = shallowRef(-1);
     let cleared = false;
     const color = computed(() => vTextFieldRef.value?.color);
-    const label = computed(() => menu.value ? props.closeText : props.openText);
     const {
       items,
       transformIn,
@@ -18023,6 +18020,27 @@ const VCombobox = genericComponent()({
     const counterValue = computed(() => {
       return typeof props.counterValue === 'function' ? props.counterValue(model.value) : typeof props.counterValue === 'number' ? props.counterValue : props.multiple ? model.value.length : search.value.length;
     });
+    const {
+      filteredItems,
+      getMatches
+    } = useFilter(props, items, () => isPristine.value ? '' : search.value);
+    const displayItems = computed(() => {
+      if (props.hideSelected) {
+        return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
+      }
+      return filteredItems.value;
+    });
+    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+    const _menu = useProxiedModel(props, 'menu');
+    const menu = computed({
+      get: () => _menu.value,
+      set: v => {
+        if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
+        if (v && menuDisabled.value) return;
+        _menu.value = v;
+      }
+    });
+    const label = computed(() => menu.value ? props.closeText : props.openText);
     watch(_search, value => {
       if (cleared) {
         // wait for clear to finish, VTextField sets _search to null
@@ -18038,22 +18056,11 @@ const VCombobox = genericComponent()({
         _search.value = value[0]?.title ?? '';
       }
     });
-    const {
-      filteredItems,
-      getMatches
-    } = useFilter(props, items, () => isPristine.value ? '' : search.value);
-    const displayItems = computed(() => {
-      if (props.hideSelected) {
-        return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
-      }
-      return filteredItems.value;
-    });
     const selectedValues = computed(() => model.value.map(selection => selection.value));
     const highlightFirst = computed(() => {
       const selectFirst = props.autoSelectFirst === true || props.autoSelectFirst === 'exact' && search.value === displayItems.value[0]?.title;
       return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
     });
-    const menuDisabled = computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
     const listRef = ref();
     const listEvents = useScrolling(listRef, vTextFieldRef);
     function onClear(e) {
@@ -18404,6 +18411,7 @@ const VCombobox = genericComponent()({
           }
           return createVNode(Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? createVNode(VIcon, {
             "class": "v-combobox__menu-icon",
+            "color": vTextFieldRef.value?.fieldIconColor,
             "icon": props.menuIcon,
             "onMousedown": onMousedownMenuIcon,
             "onClick": noop,
@@ -22796,7 +22804,9 @@ const VEmptyState = genericComponent()({
           VBtn: {
             class: 'v-empty-state__action-btn',
             color: props.color ?? 'surface-variant',
-            text: props.actionText
+            href: props.href,
+            text: props.actionText,
+            to: props.to
           }
         }
       }, {
@@ -28987,7 +28997,7 @@ const VDateInput = genericComponent()({
     const adapter = useDate();
     const {
       mobile
-    } = useDisplay();
+    } = useDisplay(props);
     const {
       isFocused,
       focus,
@@ -29037,7 +29047,7 @@ const VDateInput = genericComponent()({
         return;
       }
       const target = e.target;
-      model.value = target.value === '' ? null : target.value;
+      model.value = adapter.isValid(target.value) ? target.value : null;
     }
     function onClick(e) {
       e.preventDefault();
@@ -29061,10 +29071,6 @@ const VDateInput = genericComponent()({
       if (value != null) return;
       model.value = null;
     }
-    function onUpdateMenuModel(isMenuOpen) {
-      if (isMenuOpen) return;
-      isEditingInput.value = false;
-    }
     function onBlur() {
       blur();
 
@@ -29097,7 +29103,7 @@ const VDateInput = genericComponent()({
         ...slots,
         default: () => createVNode(Fragment, null, [createVNode(VMenu, {
           "modelValue": menu.value,
-          "onUpdate:modelValue": [$event => menu.value = $event, onUpdateMenuModel],
+          "onUpdate:modelValue": $event => menu.value = $event,
           "activator": "parent",
           "min-width": "0",
           "eager": isFocused.value,
@@ -29130,7 +29136,6 @@ const VDateInput = genericComponent()({
                   }
                 }
                 emit('save', value);
-                vDateInputRef.value?.blur();
                 disabledActions.value = [];
               }
               return createVNode(VDatePicker, mergeProps(datePickerProps, {
@@ -29378,7 +29383,8 @@ const VFileUpload = genericComponent()({
           'v-file-upload--clickable': !hasBrowse,
           'v-file-upload--disabled': props.disabled,
           'v-file-upload--dragging': dragOver.value
-        }, densityClasses.value],
+        }, densityClasses.value, props.class],
+        "style": [props.style],
         "onDragleave": onDragLeave,
         "onDragover": onDragOver,
         "onDrop": onDrop,
@@ -31536,7 +31542,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.0-beta.0-dev.2025-03-31";
+const version$1 = "3.8.0-dev.2025-04-03";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -31821,7 +31827,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.8.0-beta.0-dev.2025-03-31";
+const version = "3.8.0-dev.2025-04-03";
 
 /* eslint-disable local-rules/sort-imports */