@vuetify/nightly 3.8.5-dev.2025-05-18 → 3.8.5-dev.2025-05-20

package/dist/vuetify.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.8.5-dev.2025-05-18
+* Vuetify v3.8.5-dev.2025-05-20
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -8605,6 +8605,68 @@ const VChip = genericComponent()({
   }
 });
 
+const makeVDividerProps = propsFactory({
+  color: String,
+  inset: Boolean,
+  length: [Number, String],
+  opacity: [Number, String],
+  thickness: [Number, String],
+  vertical: Boolean,
+  ...makeComponentProps(),
+  ...makeThemeProps()
+}, 'VDivider');
+const VDivider = genericComponent()({
+  name: 'VDivider',
+  props: makeVDividerProps(),
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const {
+      themeClasses
+    } = provideTheme(props);
+    const {
+      textColorClasses,
+      textColorStyles
+    } = useTextColor(() => props.color);
+    const dividerStyles = computed(() => {
+      const styles = {};
+      if (props.length) {
+        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
+      }
+      if (props.thickness) {
+        styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
+      }
+      return styles;
+    });
+    useRender(() => {
+      const divider = createVNode("hr", {
+        "class": [{
+          'v-divider': true,
+          'v-divider--inset': props.inset,
+          'v-divider--vertical': props.vertical
+        }, themeClasses.value, textColorClasses.value, props.class],
+        "style": [dividerStyles.value, textColorStyles.value, {
+          '--v-border-opacity': props.opacity
+        }, props.style],
+        "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
+        "role": `${attrs.role || 'separator'}`
+      }, null);
+      if (!slots.default) return divider;
+      return createVNode("div", {
+        "class": ['v-divider__wrapper', {
+          'v-divider__wrapper--vertical': props.vertical,
+          'v-divider__wrapper--inset': props.inset
+        }]
+      }, [divider, createVNode("div", {
+        "class": "v-divider__content"
+      }, [slots.default()]), divider]);
+    });
+    return {};
+  }
+});
+
 // Utilities
 
 // List
@@ -9756,68 +9818,6 @@ const VListSubheader = genericComponent()({
   }
 });
 
-const makeVDividerProps = propsFactory({
-  color: String,
-  inset: Boolean,
-  length: [Number, String],
-  opacity: [Number, String],
-  thickness: [Number, String],
-  vertical: Boolean,
-  ...makeComponentProps(),
-  ...makeThemeProps()
-}, 'VDivider');
-const VDivider = genericComponent()({
-  name: 'VDivider',
-  props: makeVDividerProps(),
-  setup(props, _ref) {
-    let {
-      attrs,
-      slots
-    } = _ref;
-    const {
-      themeClasses
-    } = provideTheme(props);
-    const {
-      textColorClasses,
-      textColorStyles
-    } = useTextColor(() => props.color);
-    const dividerStyles = computed(() => {
-      const styles = {};
-      if (props.length) {
-        styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
-      }
-      if (props.thickness) {
-        styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
-      }
-      return styles;
-    });
-    useRender(() => {
-      const divider = createVNode("hr", {
-        "class": [{
-          'v-divider': true,
-          'v-divider--inset': props.inset,
-          'v-divider--vertical': props.vertical
-        }, themeClasses.value, textColorClasses.value, props.class],
-        "style": [dividerStyles.value, textColorStyles.value, {
-          '--v-border-opacity': props.opacity
-        }, props.style],
-        "aria-orientation": !attrs.role || attrs.role === 'separator' ? props.vertical ? 'vertical' : 'horizontal' : undefined,
-        "role": `${attrs.role || 'separator'}`
-      }, null);
-      if (!slots.default) return divider;
-      return createVNode("div", {
-        "class": ['v-divider__wrapper', {
-          'v-divider__wrapper--vertical': props.vertical,
-          'v-divider__wrapper--inset': props.inset
-        }]
-      }, [divider, createVNode("div", {
-        "class": "v-divider__content"
-      }, [slots.default()]), divider]);
-    });
-    return {};
-  }
-});
-
 // Types
 
 const makeVListChildrenProps = propsFactory({
@@ -13369,6 +13369,22 @@ const VSelect = genericComponent()({
                   key: item.value,
                   onClick: () => select(item, null)
                 });
+                if (item.raw.type === 'divider') {
+                  return slots.divider?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VDivider, mergeProps(item.props, {
+                    "key": `divider-${index}`
+                  }), null);
+                }
+                if (item.raw.type === 'subheader') {
+                  return slots.subheader?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
+                    "key": `subheader-${index}`
+                  }), null);
+                }
                 return slots.item?.({
                   item,
                   index,
@@ -13529,6 +13545,9 @@ function filterItems(items, query, options) {
     let match = -1;
     if ((query || customFiltersLength > 0) && !options?.noFilter) {
       if (typeof item === 'object') {
+        if (['divider', 'subheader'].includes(item.raw?.type)) {
+          continue;
+        }
         const filterKeys = keys || Object.keys(transformed);
         for (const key of filterKeys) {
           const value = getPropertyFromItem(transformed, key);
@@ -13967,6 +13986,22 @@ const VAutocomplete = genericComponent()({
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
+                if (item.raw.type === 'divider') {
+                  return slots.divider?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VDivider, mergeProps(item.props, {
+                    "key": `divider-${index}`
+                  }), null);
+                }
+                if (item.raw.type === 'subheader') {
+                  return slots.subheader?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
+                    "key": `subheader-${index}`
+                  }), null);
+                }
                 return slots.item?.({
                   item,
                   index,
@@ -18694,6 +18729,22 @@ const VCombobox = genericComponent()({
                   active: highlightFirst.value && index === 0 ? true : undefined,
                   onClick: () => select(item, null)
                 });
+                if (item.raw.type === 'divider') {
+                  return slots.divider?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VDivider, mergeProps(item.props, {
+                    "key": `divider-${index}`
+                  }), null);
+                }
+                if (item.raw.type === 'subheader') {
+                  return slots.subheader?.({
+                    props: item.raw,
+                    index
+                  }) ?? createVNode(VListSubheader, mergeProps(item.props, {
+                    "key": `subheader-${index}`
+                  }), null);
+                }
                 return slots.item?.({
                   item,
                   index,
@@ -25116,6 +25167,10 @@ const makeVNumberInputProps = propsFactory({
     type: Number,
     default: 0
   },
+  minFractionDigits: {
+    type: Number,
+    default: null
+  },
   ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
 }, 'VNumberInput');
 const VNumberInput = genericComponent()({
@@ -25146,9 +25201,19 @@ const VNumberInput = genericComponent()({
     } = useFocus(props);
     function correctPrecision(val) {
       let precision = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : props.precision;
-      const fixed = precision == null ? String(val) : val.toFixed(precision);
-      return isFocused.value ? Number(fixed).toString() // trim zeros
-      : fixed;
+      if (precision == null) {
+        return String(val);
+      }
+      let fixed = val.toFixed(precision);
+      if (isFocused.value) {
+        return Number(fixed).toString(); // trim zeros
+      }
+      if ((props.minFractionDigits ?? precision) < precision) {
+        const trimLimit = precision - props.minFractionDigits;
+        const [baseDigits, fractionDigits] = fixed.split('.');
+        fixed = [baseDigits, fractionDigits.replace(new RegExp(`0{1,${trimLimit}}$`), '')].filter(Boolean).join('.');
+      }
+      return fixed;
     }
     const model = useProxiedModel(props, 'modelValue', null, val => val ?? null, val => val == null ? val ?? null : clamp(Number(val), props.min, props.max));
     const _inputText = shallowRef(null);
@@ -25201,6 +25266,7 @@ const VNumberInput = genericComponent()({
       }
     };
     watch(() => props.precision, () => formatInputValue());
+    watch(() => props.minFractionDigits, () => formatInputValue());
     onMounted(() => {
       clampModel();
     });
@@ -25302,7 +25368,7 @@ const VNumberInput = genericComponent()({
         inputText.value = null;
         return;
       }
-      inputText.value = props.precision == null ? String(model.value) : model.value.toFixed(props.precision);
+      inputText.value = correctPrecision(model.value);
     }
     function trimDecimalZeros() {
       if (controlsDisabled.value) return;
@@ -29344,7 +29410,7 @@ function createVuetify$1() {
     };
   });
 }
-const version$1 = "3.8.5-dev.2025-05-18";
+const version$1 = "3.8.5-dev.2025-05-20";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -29369,7 +29435,7 @@ const createVuetify = function () {
     ...options
   });
 };
-const version = "3.8.5-dev.2025-05-18";
+const version = "3.8.5-dev.2025-05-20";
 createVuetify.version = version;
 
 export { index as blueprints, components, createVuetify, directives, useDate, useDefaults, useDisplay, useGoTo, useLayout, useLocale, useRtl, useTheme, version };