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

package/dist/vuetify.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.
 */
@@ -11997,7 +11997,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 {
@@ -12195,7 +12195,8 @@ const VField = genericComponent()({
       })])]);
     });
     return {
-      controlRef
+      controlRef,
+      fieldIconColor: iconColor
     };
   }
 });
@@ -12545,7 +12546,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);
@@ -12933,14 +12939,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,
@@ -12956,7 +12954,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(() => {
@@ -12966,6 +12963,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,
@@ -13261,6 +13268,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]);
         }
@@ -13464,17 +13472,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,
@@ -13511,6 +13510,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) {
@@ -13667,12 +13676,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;
       }
     });
@@ -13760,12 +13764,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,
@@ -13779,10 +13783,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,
@@ -13865,6 +13869,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,
@@ -16651,7 +16656,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({
@@ -16673,10 +16678,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", {
@@ -18233,18 +18239,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,
@@ -18288,6 +18285,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
@@ -18303,22 +18321,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) {
@@ -18669,6 +18676,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,
@@ -23061,7 +23069,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
           }
         }
       }, {
@@ -29208,7 +29218,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
@@ -29233,7 +29243,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.0-beta.0-dev.2025-03-31";
+const version = "3.8.0-dev.2025-04-03";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };