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

package/dist/vuetify.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.
 */
@@ -12001,7 +12001,7 @@
         return props.error || props.disabled ? undefined : isActive.value && isFocused.value ? props.color : props.baseColor;
       });
       const iconColor = vue.computed(() => {
-        if (!props.iconColor) return undefined;
+        if (!props.iconColor || props.glow && !isFocused.value) return undefined;
         return props.iconColor === true ? color.value : props.iconColor;
       });
       const {
@@ -12199,7 +12199,8 @@
         })])]);
       });
       return {
-        controlRef
+        controlRef,
+        fieldIconColor: iconColor
       };
     }
   });
@@ -12549,7 +12550,12 @@
     }
     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);
@@ -12937,14 +12943,6 @@
       const vTextFieldRef = vue.ref();
       const vMenuRef = vue.ref();
       const vVirtualScrollRef = vue.ref();
-      const _menu = useProxiedModel(props, 'menu');
-      const menu = vue.computed({
-        get: () => _menu.value,
-        set: v => {
-          if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-          _menu.value = v;
-        }
-      });
       const {
         items,
         transformIn,
@@ -12960,7 +12958,6 @@
       const form = useForm(props);
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const isFocused = vue.shallowRef(false);
-      const label = vue.computed(() => menu.value ? props.closeText : props.openText);
       let keyboardLookupPrefix = '';
       let keyboardLookupLastTime;
       const displayItems = vue.computed(() => {
@@ -12970,6 +12967,16 @@
         return items.value;
       });
       const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+      const _menu = useProxiedModel(props, 'menu');
+      const menu = vue.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 = vue.computed(() => menu.value ? props.closeText : props.openText);
       const computedMenuProps = vue.computed(() => {
         return {
           ...props.menuProps,
@@ -13265,6 +13272,7 @@
             }
             return vue.createVNode(vue.Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? vue.createVNode(VIcon, {
               "class": "v-select__menu-icon",
+              "color": vTextFieldRef.value?.fieldIconColor,
               "icon": props.menuIcon
             }, null) : undefined]);
           }
@@ -13468,17 +13476,8 @@
       const listHasFocus = vue.shallowRef(false);
       const vMenuRef = vue.ref();
       const vVirtualScrollRef = vue.ref();
-      const _menu = useProxiedModel(props, 'menu');
-      const menu = vue.computed({
-        get: () => _menu.value,
-        set: v => {
-          if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-          _menu.value = v;
-        }
-      });
       const selectionIndex = vue.shallowRef(-1);
       const color = vue.computed(() => vTextFieldRef.value?.color);
-      const label = vue.computed(() => menu.value ? props.closeText : props.openText);
       const {
         items,
         transformIn,
@@ -13515,6 +13514,16 @@
         return selectFirst && displayItems.value.length > 0 && !isPristine.value && !listHasFocus.value;
       });
       const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+      const _menu = useProxiedModel(props, 'menu');
+      const menu = vue.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 = vue.computed(() => menu.value ? props.closeText : props.openText);
       const listRef = vue.ref();
       const listEvents = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
@@ -13671,12 +13680,7 @@
         } 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;
         }
       });
@@ -13764,12 +13768,12 @@
                 "items": displayItems.value,
                 "itemKey": "value"
               }, {
-                default: _ref4 => {
+                default: _ref3 => {
                   let {
                     item,
                     index,
                     itemRef
-                  } = _ref4;
+                  } = _ref3;
                   const itemProps = vue.mergeProps(item.props, {
                     ref: itemRef,
                     key: item.value,
@@ -13783,10 +13787,10 @@
                   }) ?? vue.createVNode(VListItem, vue.mergeProps(itemProps, {
                     "role": "option"
                   }), {
-                    prepend: _ref5 => {
+                    prepend: _ref4 => {
                       let {
                         isSelected
-                      } = _ref5;
+                      } = _ref4;
                       return vue.createVNode(vue.Fragment, null, [props.multiple && !props.hideSelected ? vue.createVNode(VCheckboxBtn, {
                         "key": item.value,
                         "modelValue": isSelected,
@@ -13869,6 +13873,7 @@
             }
             return vue.createVNode(vue.Fragment, null, [slots['append-inner']?.(...args), props.menuIcon ? vue.createVNode(VIcon, {
               "class": "v-autocomplete__menu-icon",
+              "color": vTextFieldRef.value?.fieldIconColor,
               "icon": props.menuIcon,
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
@@ -16655,7 +16660,7 @@
       const abortController = new AbortController();
       vue.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({
@@ -16677,10 +16682,11 @@
         "class": "v-color-picker-preview__eye-dropper",
         "key": "eyeDropper"
       }, [vue.createVNode(VBtn, {
-        "onClick": openEyeDropper,
+        "density": "comfortable",
+        "disabled": props.disabled,
         "icon": "$eyeDropper",
         "variant": "plain",
-        "density": "comfortable"
+        "onClick": openEyeDropper
       }, null)]), vue.createVNode("div", {
         "class": "v-color-picker-preview__dot"
       }, [vue.createVNode("div", {
@@ -18237,18 +18243,9 @@
       const listHasFocus = vue.shallowRef(false);
       const vMenuRef = vue.ref();
       const vVirtualScrollRef = vue.ref();
-      const _menu = useProxiedModel(props, 'menu');
-      const menu = vue.computed({
-        get: () => _menu.value,
-        set: v => {
-          if (_menu.value && !v && vMenuRef.value?.ΨopenChildren.size) return;
-          _menu.value = v;
-        }
-      });
       const selectionIndex = vue.shallowRef(-1);
       let cleared = false;
       const color = vue.computed(() => vTextFieldRef.value?.color);
-      const label = vue.computed(() => menu.value ? props.closeText : props.openText);
       const {
         items,
         transformIn,
@@ -18292,6 +18289,27 @@
       const counterValue = vue.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 = vue.computed(() => {
+        if (props.hideSelected) {
+          return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
+        }
+        return filteredItems.value;
+      });
+      const menuDisabled = vue.computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
+      const _menu = useProxiedModel(props, 'menu');
+      const menu = vue.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 = vue.computed(() => menu.value ? props.closeText : props.openText);
       vue.watch(_search, value => {
         if (cleared) {
           // wait for clear to finish, VTextField sets _search to null
@@ -18307,22 +18325,11 @@
           _search.value = value[0]?.title ?? '';
         }
       });
-      const {
-        filteredItems,
-        getMatches
-      } = useFilter(props, items, () => isPristine.value ? '' : search.value);
-      const displayItems = vue.computed(() => {
-        if (props.hideSelected) {
-          return filteredItems.value.filter(filteredItem => !model.value.some(s => s.value === filteredItem.value));
-        }
-        return filteredItems.value;
-      });
       const selectedValues = vue.computed(() => model.value.map(selection => selection.value));
       const highlightFirst = vue.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 = vue.computed(() => props.hideNoData && !displayItems.value.length || form.isReadonly.value || form.isDisabled.value);
       const listRef = vue.ref();
       const listEvents = useScrolling(listRef, vTextFieldRef);
       function onClear(e) {
@@ -18673,6 +18680,7 @@
             }
             return vue.createVNode(vue.Fragment, null, [slots['append-inner']?.(...args), (!props.hideNoData || props.items.length) && props.menuIcon ? vue.createVNode(VIcon, {
               "class": "v-combobox__menu-icon",
+              "color": vTextFieldRef.value?.fieldIconColor,
               "icon": props.menuIcon,
               "onMousedown": onMousedownMenuIcon,
               "onClick": noop,
@@ -23065,7 +23073,9 @@
             VBtn: {
               class: 'v-empty-state__action-btn',
               color: props.color ?? 'surface-variant',
-              text: props.actionText
+              href: props.href,
+              text: props.actionText,
+              to: props.to
             }
           }
         }, {
@@ -29212,7 +29222,7 @@
       };
     });
   }
-  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
@@ -29237,7 +29247,7 @@
       ...options
     });
   };
-  const version = "3.8.0-beta.0-dev.2025-03-31";
+  const version = "3.8.0-dev.2025-04-03";
   createVuetify.version = version;
 
   exports.blueprints = index;