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

package/dist/vuetify-labs.d.ts

@@ -58818,7 +58818,7 @@ declare const VStepper: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         items: readonly StepperItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -58838,6 +58838,7 @@ declare const VStepper: {
         height?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         border?: string | number | boolean | undefined;
         position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         modelValue?: any;
@@ -58850,6 +58851,9 @@ declare const VStepper: {
         location?: Anchor | undefined;
         max?: number | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -58904,7 +58908,7 @@ declare const VStepper: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         items: readonly StepperItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -58924,6 +58928,7 @@ declare const VStepper: {
         height?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         border?: string | number | boolean | undefined;
         position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         modelValue?: any;
@@ -58936,6 +58941,9 @@ declare const VStepper: {
         location?: Anchor | undefined;
         max?: number | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -58985,7 +58993,7 @@ declare const VStepper: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         modelValue: any;
         rounded: string | number | boolean;
         items: readonly StepperItem[];
@@ -59050,7 +59058,7 @@ declare const VStepper: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         items: readonly StepperItem[];
         mandatory: NonNullable<boolean | "force">;
         multiple: boolean;
@@ -59070,6 +59078,7 @@ declare const VStepper: {
         height?: string | number | undefined;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         border?: string | number | boolean | undefined;
         position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
         modelValue?: any;
@@ -59082,6 +59091,9 @@ declare const VStepper: {
         location?: Anchor | undefined;
         max?: number | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -59134,7 +59146,7 @@ declare const VStepper: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         modelValue: any;
         rounded: string | number | boolean;
         items: readonly StepperItem[];
@@ -59159,7 +59171,7 @@ declare const VStepper: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     items: readonly StepperItem[];
     mandatory: NonNullable<boolean | "force">;
     multiple: boolean;
@@ -59179,6 +59191,7 @@ declare const VStepper: {
     height?: string | number | undefined;
     theme?: string | undefined;
     color?: string | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     border?: string | number | boolean | undefined;
     position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
     modelValue?: any;
@@ -59191,6 +59204,9 @@ declare const VStepper: {
     location?: Anchor | undefined;
     max?: number | undefined;
     bgColor?: string | undefined;
+    completeIcon?: string | undefined;
+    editIcon?: string | undefined;
+    errorIcon?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {
         [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -59245,7 +59261,7 @@ declare const VStepper: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     modelValue: any;
     rounded: string | number | boolean;
     items: readonly StepperItem[];
@@ -59354,9 +59370,17 @@ declare const VStepper: {
         default: string;
     };
     disabled: BooleanConstructor;
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
+    completeIcon: StringConstructor;
+    editIcon: StringConstructor;
     editable: BooleanConstructor;
+    errorIcon: StringConstructor;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;
@@ -59370,7 +59394,6 @@ declare const VStepper: {
         type: StringConstructor;
         default: string;
     };
-    mobile: BooleanConstructor;
     nonLinear: BooleanConstructor;
     flat: BooleanConstructor;
 }, vue.ExtractPropTypes<{
@@ -59429,9 +59452,17 @@ declare const VStepper: {
         default: string;
     };
     disabled: BooleanConstructor;
+    mobile: {
+        type: PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
     bgColor: StringConstructor;
+    completeIcon: StringConstructor;
+    editIcon: StringConstructor;
     editable: BooleanConstructor;
+    errorIcon: StringConstructor;
     hideActions: BooleanConstructor;
     items: {
         type: PropType<readonly StepperItem[]>;
@@ -59445,7 +59476,6 @@ declare const VStepper: {
         type: StringConstructor;
         default: string;
     };
-    mobile: BooleanConstructor;
     nonLinear: BooleanConstructor;
     flat: BooleanConstructor;
 }>>;
@@ -77298,7 +77328,7 @@ declare const VStepperVertical: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         readonly: boolean;
         variant: NonNullable<"default" | "inset" | "accordion" | "popout">;
         items: readonly StepperItem[];
@@ -77327,12 +77357,16 @@ declare const VStepperVertical: {
         value?: any;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         elevation?: string | number | undefined;
         max?: number | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -77386,7 +77420,7 @@ declare const VStepperVertical: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         readonly: boolean;
         variant: NonNullable<"default" | "inset" | "accordion" | "popout">;
         items: readonly StepperItem[];
@@ -77415,12 +77449,16 @@ declare const VStepperVertical: {
         value?: any;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         elevation?: string | number | undefined;
         max?: number | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -77472,7 +77510,7 @@ declare const VStepperVertical: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         readonly: boolean;
         modelValue: any;
         rounded: string | number | boolean;
@@ -77541,7 +77579,7 @@ declare const VStepperVertical: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         readonly: boolean;
         variant: NonNullable<"default" | "inset" | "accordion" | "popout">;
         items: readonly StepperItem[];
@@ -77570,12 +77608,16 @@ declare const VStepperVertical: {
         value?: any;
         theme?: string | undefined;
         color?: string | undefined;
+        mobileBreakpoint?: number | DisplayBreakpoint | undefined;
         modelValue?: any;
         rounded?: string | number | boolean | undefined;
         elevation?: string | number | undefined;
         max?: number | undefined;
         selectedClass?: string | undefined;
         bgColor?: string | undefined;
+        completeIcon?: string | undefined;
+        editIcon?: string | undefined;
+        errorIcon?: string | undefined;
     } & {
         $children?: vue.VNodeChild | {
             [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -77627,7 +77669,7 @@ declare const VStepperVertical: {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        mobile: boolean;
+        mobile: boolean | null;
         readonly: boolean;
         modelValue: any;
         rounded: string | number | boolean;
@@ -77660,7 +77702,7 @@ declare const VStepperVertical: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     readonly: boolean;
     variant: NonNullable<"default" | "inset" | "accordion" | "popout">;
     items: readonly StepperItem[];
@@ -77689,12 +77731,16 @@ declare const VStepperVertical: {
     value?: any;
     theme?: string | undefined;
     color?: string | undefined;
+    mobileBreakpoint?: number | DisplayBreakpoint | undefined;
     modelValue?: any;
     rounded?: string | number | boolean | undefined;
     elevation?: string | number | undefined;
     max?: number | undefined;
     selectedClass?: string | undefined;
     bgColor?: string | undefined;
+    completeIcon?: string | undefined;
+    editIcon?: string | undefined;
+    errorIcon?: string | undefined;
 } & {
     $children?: vue.VNodeChild | {
         [x: `header-item.${string}`]: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -77748,7 +77794,7 @@ declare const VStepperVertical: {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    mobile: boolean;
+    mobile: boolean | null;
     readonly: boolean;
     modelValue: any;
     rounded: string | number | boolean;
@@ -77869,8 +77915,16 @@ declare const VStepperVertical: {
     };
     hideActions: BooleanConstructor;
     focusable: BooleanConstructor;
+    mobile: {
+        type: vue.PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
+    completeIcon: StringConstructor;
+    editIcon: StringConstructor;
     editable: BooleanConstructor;
+    errorIcon: StringConstructor;
     items: {
         type: vue.PropType<readonly StepperItem[]>;
         default: () => never[];
@@ -77883,7 +77937,6 @@ declare const VStepperVertical: {
         type: StringConstructor;
         default: string;
     };
-    mobile: BooleanConstructor;
     nonLinear: BooleanConstructor;
     prevText: {
         type: StringConstructor;
@@ -77957,8 +78010,16 @@ declare const VStepperVertical: {
     };
     hideActions: BooleanConstructor;
     focusable: BooleanConstructor;
+    mobile: {
+        type: vue.PropType<boolean | null>;
+        default: boolean;
+    };
+    mobileBreakpoint: vue.PropType<number | DisplayBreakpoint>;
     altLabels: BooleanConstructor;
+    completeIcon: StringConstructor;
+    editIcon: StringConstructor;
     editable: BooleanConstructor;
+    errorIcon: StringConstructor;
     items: {
         type: vue.PropType<readonly StepperItem[]>;
         default: () => never[];
@@ -77971,7 +78032,6 @@ declare const VStepperVertical: {
         type: StringConstructor;
         default: string;
     };
-    mobile: BooleanConstructor;
     nonLinear: BooleanConstructor;
     prevText: {
         type: StringConstructor;

package/dist/vuetify-labs.esm.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.
 */
@@ -9110,7 +9110,7 @@ const VDivider = genericComponent()({
     const dividerStyles = 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);
@@ -26040,7 +26040,10 @@ const VStepperWindowItem = genericComponent()({
 const makeStepperProps = propsFactory({
   altLabels: Boolean,
   bgColor: String,
+  completeIcon: String,
+  editIcon: String,
   editable: Boolean,
+  errorIcon: String,
   hideActions: Boolean,
   items: {
     type: Array,
@@ -26054,9 +26057,9 @@ const makeStepperProps = propsFactory({
     type: String,
     default: 'value'
   },
-  mobile: Boolean,
   nonLinear: Boolean,
-  flat: Boolean
+  flat: Boolean,
+  ...makeDisplayProps()
 }, 'Stepper');
 const makeVStepperProps = propsFactory({
   ...makeStepperProps(),
@@ -26084,6 +26087,13 @@ const VStepper = genericComponent()({
       selected
     } = useGroup(props, VStepperSymbol);
     const {
+      displayClasses,
+      mobile
+    } = useDisplay(props);
+    const {
+      completeIcon,
+      editIcon,
+      errorIcon,
       color,
       editable,
       prevText,
@@ -26110,6 +26120,9 @@ const VStepper = genericComponent()({
     provideDefaults({
       VStepperItem: {
         editable,
+        errorIcon,
+        completeIcon,
+        editIcon,
         prevText,
         nextText
       },
@@ -26131,8 +26144,8 @@ const VStepper = genericComponent()({
           '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 && createVNode(VStepperHeader, {
@@ -27975,15 +27988,20 @@ const VNumberInput = genericComponent()({
     const model = useProxiedModel(props, 'modelValue');
     const stepDecimals = computed(() => getDecimals(props.step));
     const modelDecimals = computed(() => model.value != null ? getDecimals(model.value) : 0);
+    const form = useForm();
+    const controlsDisabled = computed(() => props.disabled || props.readonly || form?.isReadonly.value);
     const canIncrease = computed(() => {
+      if (controlsDisabled.value) return false;
       if (model.value == null) return true;
       return model.value + props.step <= props.max;
     });
     const canDecrease = computed(() => {
+      if (controlsDisabled.value) return false;
       if (model.value == null) return true;
       return model.value - props.step >= props.min;
     });
     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);
       }
@@ -27999,6 +28017,7 @@ const VNumberInput = genericComponent()({
     }));
     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;
@@ -30129,7 +30148,7 @@ function createVuetify$1() {
     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
@@ -30382,7 +30401,7 @@ var index = /*#__PURE__*/Object.freeze({
 
 /* 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 */