@vuetify/nightly 3.6.7-master.2024-05-27 → 3.6.7-master.2024-05-29

package/dist/vuetify-labs.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.6.7-master.2024-05-27
+* Vuetify v3.6.7-master.2024-05-29
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -9114,7 +9114,7 @@
       const dividerStyles = vue.computed(() => {
         const styles = {};
         if (props.length) {
-          styles[props.vertical ? 'maxHeight' : 'maxWidth'] = convertToUnit(props.length);
+          styles[props.vertical ? 'height' : 'width'] = convertToUnit(props.length);
         }
         if (props.thickness) {
           styles[props.vertical ? 'borderRightWidth' : 'borderTopWidth'] = convertToUnit(props.thickness);
@@ -26044,7 +26044,10 @@
   const makeStepperProps = propsFactory({
     altLabels: Boolean,
     bgColor: String,
+    completeIcon: String,
+    editIcon: String,
     editable: Boolean,
+    errorIcon: String,
     hideActions: Boolean,
     items: {
       type: Array,
@@ -26058,9 +26061,9 @@
       type: String,
       default: 'value'
     },
-    mobile: Boolean,
     nonLinear: Boolean,
-    flat: Boolean
+    flat: Boolean,
+    ...makeDisplayProps()
   }, 'Stepper');
   const makeVStepperProps = propsFactory({
     ...makeStepperProps(),
@@ -26088,6 +26091,13 @@
         selected
       } = useGroup(props, VStepperSymbol);
       const {
+        displayClasses,
+        mobile
+      } = useDisplay(props);
+      const {
+        completeIcon,
+        editIcon,
+        errorIcon,
         color,
         editable,
         prevText,
@@ -26114,6 +26124,9 @@
       provideDefaults({
         VStepperItem: {
           editable,
+          errorIcon,
+          completeIcon,
+          editIcon,
           prevText,
           nextText
         },
@@ -26135,8 +26148,8 @@
             'v-stepper--alt-labels': props.altLabels,
             'v-stepper--flat': props.flat,
             'v-stepper--non-linear': props.nonLinear,
-            'v-stepper--mobile': props.mobile
-          }, props.class],
+            'v-stepper--mobile': mobile.value
+          }, displayClasses.value, props.class],
           "style": props.style
         }), {
           default: () => [hasHeader && vue.createVNode(VStepperHeader, {
@@ -27979,15 +27992,20 @@
       const model = useProxiedModel(props, 'modelValue');
       const stepDecimals = vue.computed(() => getDecimals(props.step));
       const modelDecimals = vue.computed(() => model.value != null ? getDecimals(model.value) : 0);
+      const form = useForm();
+      const controlsDisabled = vue.computed(() => props.disabled || props.readonly || form?.isReadonly.value);
       const canIncrease = vue.computed(() => {
+        if (controlsDisabled.value) return false;
         if (model.value == null) return true;
         return model.value + props.step <= props.max;
       });
       const canDecrease = vue.computed(() => {
+        if (controlsDisabled.value) return false;
         if (model.value == null) return true;
         return model.value - props.step >= props.min;
       });
       vue.watchEffect(() => {
+        if (controlsDisabled.value) return;
         if (model.value != null && (model.value < props.min || model.value > props.max)) {
           model.value = clamp(model.value, props.min, props.max);
         }
@@ -28003,6 +28021,7 @@
       }));
       function toggleUpDown() {
         let increment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+        if (controlsDisabled.value) return;
         if (model.value == null) {
           model.value = 0;
           return;
@@ -30133,7 +30152,7 @@
       goTo
     };
   }
-  const version$1 = "3.6.7-master.2024-05-27";
+  const version$1 = "3.6.7-master.2024-05-29";
   createVuetify$1.version = version$1;
 
   // Vue's inject() can only be used in setup
@@ -30386,7 +30405,7 @@
 
   /* eslint-disable local-rules/sort-imports */
 
-  const version = "3.6.7-master.2024-05-27";
+  const version = "3.6.7-master.2024-05-29";
 
   /* eslint-disable local-rules/sort-imports */