@vuetify/nightly 3.8.0-dev.2025-04-01 → 3.8.0-dev.2025-04-03

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-dev.2025-04-01
+* Vuetify v3.8.0-dev.2025-04-03
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -11736,7 +11736,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 {
@@ -11934,7 +11934,8 @@
         })])]);
       });
       return {
-        controlRef
+        controlRef,
+        fieldIconColor: iconColor
       };
     }
   });
@@ -12284,7 +12285,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);
@@ -12672,14 +12678,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,
@@ -12695,7 +12693,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(() => {
@@ -12705,6 +12702,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,
@@ -13000,6 +13007,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]);
           }
@@ -13203,17 +13211,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,
@@ -13250,6 +13249,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) {
@@ -13599,6 +13608,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,
@@ -17968,18 +17978,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,
@@ -18023,6 +18024,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
@@ -18038,22 +18060,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) {
@@ -18404,6 +18415,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,
@@ -31534,7 +31546,7 @@
       };
     });
   }
-  const version$1 = "3.8.0-dev.2025-04-01";
+  const version$1 = "3.8.0-dev.2025-04-03";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -31819,7 +31831,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.0-dev.2025-04-01";
+  const version = "3.8.0-dev.2025-04-03";
 
   /* eslint-disable local-rules/sort-imports */