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

package/dist/vuetify-labs.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.
 */
@@ -8331,6 +8331,68 @@
     }
   });
 
+  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 = vue.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 = vue.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 vue.createVNode("div", {
+          "class": ['v-divider__wrapper', {
+            'v-divider__wrapper--vertical': props.vertical,
+            'v-divider__wrapper--inset': props.inset
+          }]
+        }, [divider, vue.createVNode("div", {
+          "class": "v-divider__content"
+        }, [slots.default()]), divider]);
+      });
+      return {};
+    }
+  });
+
   // Utilities
 
   // List
@@ -9482,68 +9544,6 @@
     }
   });
 
-  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 = vue.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 = vue.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 vue.createVNode("div", {
-          "class": ['v-divider__wrapper', {
-            'v-divider__wrapper--vertical': props.vertical,
-            'v-divider__wrapper--inset': props.inset
-          }]
-        }, [divider, vue.createVNode("div", {
-          "class": "v-divider__content"
-        }, [slots.default()]), divider]);
-      });
-      return {};
-    }
-  });
-
   // Types
 
   const makeVListChildrenProps = propsFactory({
@@ -13095,6 +13095,22 @@
                     key: item.value,
                     onClick: () => select(item, null)
                   });
+                  if (item.raw.type === 'divider') {
+                    return slots.divider?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
+                      "key": `divider-${index}`
+                    }), null);
+                  }
+                  if (item.raw.type === 'subheader') {
+                    return slots.subheader?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
+                      "key": `subheader-${index}`
+                    }), null);
+                  }
                   return slots.item?.({
                     item,
                     index,
@@ -13255,6 +13271,9 @@
       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);
@@ -13693,6 +13712,22 @@
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
+                  if (item.raw.type === 'divider') {
+                    return slots.divider?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
+                      "key": `divider-${index}`
+                    }), null);
+                  }
+                  if (item.raw.type === 'subheader') {
+                    return slots.subheader?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
+                      "key": `subheader-${index}`
+                    }), null);
+                  }
                   return slots.item?.({
                     item,
                     index,
@@ -18420,6 +18455,22 @@
                     active: highlightFirst.value && index === 0 ? true : undefined,
                     onClick: () => select(item, null)
                   });
+                  if (item.raw.type === 'divider') {
+                    return slots.divider?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VDivider, vue.mergeProps(item.props, {
+                      "key": `divider-${index}`
+                    }), null);
+                  }
+                  if (item.raw.type === 'subheader') {
+                    return slots.subheader?.({
+                      props: item.raw,
+                      index
+                    }) ?? vue.createVNode(VListSubheader, vue.mergeProps(item.props, {
+                      "key": `subheader-${index}`
+                    }), null);
+                  }
                   return slots.item?.({
                     item,
                     index,
@@ -24842,6 +24893,10 @@
       type: Number,
       default: 0
     },
+    minFractionDigits: {
+      type: Number,
+      default: null
+    },
     ...omit(makeVTextFieldProps(), ['modelValue', 'validationValue'])
   }, 'VNumberInput');
   const VNumberInput = genericComponent()({
@@ -24872,9 +24927,19 @@
       } = 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 = vue.shallowRef(null);
@@ -24927,6 +24992,7 @@
         }
       };
       vue.watch(() => props.precision, () => formatInputValue());
+      vue.watch(() => props.minFractionDigits, () => formatInputValue());
       vue.onMounted(() => {
         clampModel();
       });
@@ -25028,7 +25094,7 @@
           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;
@@ -32038,7 +32104,7 @@
       };
     });
   }
-  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
@@ -32336,7 +32402,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.8.5-dev.2025-05-18";
+  const version = "3.8.5-dev.2025-05-20";
 
   /* eslint-disable local-rules/sort-imports */