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

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.0-master.2025-04-01
+* Vuetify v3.8.0-master.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
     };
   }
 });
@@ -12933,14 +12934,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 +12949,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 +12958,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 +13263,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 +13467,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 +13505,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) {
@@ -13860,6 +13864,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,
@@ -18229,18 +18234,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,
@@ -18284,6 +18280,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
@@ -18299,22 +18316,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) {
@@ -18665,6 +18671,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,
@@ -24814,7 +24821,7 @@ const VNavigationDrawer = genericComponent()({
       position: location,
       layoutSize,
       elementSize: width,
-      active: computed(() => isActive.value || isDragging.value),
+      active: readonly(isActive),
       disableTransitions: computed(() => isDragging.value),
       absolute: computed(() =>
       // eslint-disable-next-line @typescript-eslint/no-use-before-define
@@ -29206,7 +29213,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.0-master.2025-04-01";
+const version$1 = "3.8.0-master.2025-04-03";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29231,7 +29238,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.0-master.2025-04-01";
+const version = "3.8.0-master.2025-04-03";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };