vuetify 3.3.21 → 3.3.22

package/dist/vuetify-labs.d.ts

@@ -74961,6 +74961,7 @@ declare const VStepperItem: {
         default: () => never[];
     };
 }>>;
+type VStepperItem = InstanceType<typeof VStepperItem>;
 
 type StepperItem = string | Record<string, any>;
 type VStepperSlot = {
@@ -75017,6 +75018,8 @@ declare const VStepper: {
                 title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
+                prev?: (() => vue.VNodeChild) | undefined;
+                next?: (() => vue.VNodeChild) | undefined;
             };
             elevation?: string | number | undefined;
             ref?: vue.VNodeRef | undefined;
@@ -75035,6 +75038,8 @@ declare const VStepper: {
                 title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+                prev?: false | (() => vue.VNodeChild) | undefined;
+                next?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -75081,6 +75086,8 @@ declare const VStepper: {
             "v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
             "v-slot:header"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
             "v-slot:actions"?: false | ((arg: VStepperSlot) => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:icon"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:header-item"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         };
@@ -75121,6 +75128,12 @@ declare const VStepper: {
             item?: ((arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
+            prev?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            next?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
         }>;
         $root: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
@@ -75174,6 +75187,8 @@ declare const VStepper: {
                 title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
+                prev?: (() => vue.VNodeChild) | undefined;
+                next?: (() => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
                 [x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75186,6 +75201,8 @@ declare const VStepper: {
                 title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
                 item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+                prev?: false | (() => vue.VNodeChild) | undefined;
+                next?: false | (() => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
             [x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75198,6 +75215,8 @@ declare const VStepper: {
             "v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             "v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
         }, {
@@ -75256,6 +75275,12 @@ declare const VStepper: {
             item: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
+            prev: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            next: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
         }>>> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -75324,6 +75349,8 @@ declare const VStepper: {
             title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
+            prev?: (() => vue.VNodeChild) | undefined;
+            next?: (() => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
             [x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75336,6 +75363,8 @@ declare const VStepper: {
             title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
             item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+            prev?: false | (() => vue.VNodeChild) | undefined;
+            next?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
         [x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75348,6 +75377,8 @@ declare const VStepper: {
         "v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         "v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+        "v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -75405,6 +75436,8 @@ declare const VStepper: {
         title?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         subtitle?: ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         item?: ((arg: StepperItem) => vue.VNodeChild) | undefined;
+        prev?: (() => vue.VNodeChild) | undefined;
+        next?: (() => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
         [x: `header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75417,6 +75450,8 @@ declare const VStepper: {
         title?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         subtitle?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
         item?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+        prev?: false | (() => vue.VNodeChild) | undefined;
+        next?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
     [x: `v-slot:header-item.${string}`]: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
@@ -75429,6 +75464,8 @@ declare const VStepper: {
     "v-slot:title"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:subtitle"?: false | ((arg: StepperItemSlot) => vue.VNodeChild) | undefined;
     "v-slot:item"?: false | ((arg: StepperItem) => vue.VNodeChild) | undefined;
+    "v-slot:prev"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:next"?: false | (() => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((v: unknown) => any) | undefined;
 }, {
@@ -75487,6 +75524,12 @@ declare const VStepper: {
     item: (arg: StepperItem) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
+    prev: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    next: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
     prevText: {
         type: StringConstructor;
@@ -75636,6 +75679,7 @@ declare const VStepper: {
     nonLinear: BooleanConstructor;
     flat: BooleanConstructor;
 }>>;
+type VStepper = InstanceType<typeof VStepper>;
 
 declare const VStepperActions: {
     new (...args: any[]): {
@@ -75649,15 +75693,32 @@ declare const VStepperActions: {
             color?: string | undefined;
             style?: unknown;
             class?: unknown;
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: {} | vue.VNodeChild | {
+                prev?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
             };
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                prev?: false | ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: false | ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -75697,6 +75758,16 @@ declare const VStepperActions: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            "v-slot:next"?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
             "onClick:prev"?: (() => any) | undefined;
             "onClick:next"?: (() => any) | undefined;
         };
@@ -75707,7 +75778,18 @@ declare const VStepperActions: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: (() => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prev?: ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[]) | undefined;
+            next?: ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -75722,14 +75804,41 @@ declare const VStepperActions: {
         } & {
             color?: string | undefined;
         } & {
-            $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-                default?: (() => vue.VNodeChild) | undefined;
+            $children?: {} | vue.VNodeChild | {
+                prev?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
             };
             'v-slots'?: {
-                default?: false | (() => vue.VNodeChild) | undefined;
+                prev?: false | ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
+                next?: false | ((arg: {
+                    props: {
+                        onClick: () => void;
+                    };
+                }) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+            "v-slot:prev"?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
+            "v-slot:next"?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
         } & {
             "onClick:prev"?: (() => any) | undefined;
             "onClick:next"?: (() => any) | undefined;
@@ -75741,7 +75850,18 @@ declare const VStepperActions: {
             prevText: string;
             nextText: string;
         }, {}, string, vue.SlotsType<Partial<{
-            default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prev: (arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+                [key: string]: any;
+            }>[];
+            next: (arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -75771,14 +75891,41 @@ declare const VStepperActions: {
     } & {
         color?: string | undefined;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-            default?: (() => vue.VNodeChild) | undefined;
+        $children?: {} | vue.VNodeChild | {
+            prev?: ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
+            next?: ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
         };
         'v-slots'?: {
-            default?: false | (() => vue.VNodeChild) | undefined;
+            prev?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
+            next?: false | ((arg: {
+                props: {
+                    onClick: () => void;
+                };
+            }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+        "v-slot:prev"?: false | ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
+        "v-slot:next"?: false | ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
     } & {
         "onClick:prev"?: (() => any) | undefined;
         "onClick:next"?: (() => any) | undefined;
@@ -75793,14 +75940,41 @@ declare const VStepperActions: {
 } & {
     color?: string | undefined;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
-        default?: (() => vue.VNodeChild) | undefined;
+    $children?: {} | vue.VNodeChild | {
+        prev?: ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
+        next?: ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
     };
     'v-slots'?: {
-        default?: false | (() => vue.VNodeChild) | undefined;
+        prev?: false | ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
+        next?: false | ((arg: {
+            props: {
+                onClick: () => void;
+            };
+        }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prev"?: false | ((arg: {
+        props: {
+            onClick: () => void;
+        };
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:next"?: false | ((arg: {
+        props: {
+            onClick: () => void;
+        };
+    }) => vue.VNodeChild) | undefined;
 } & {
     "onClick:prev"?: (() => any) | undefined;
     "onClick:next"?: (() => any) | undefined;
@@ -75812,7 +75986,18 @@ declare const VStepperActions: {
     prevText: string;
     nextText: string;
 }, {}, string, vue.SlotsType<Partial<{
-    default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    prev: (arg: {
+        props: {
+            onClick: () => void;
+        };
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+        [key: string]: any;
+    }>[];
+    next: (arg: {
+        props: {
+            onClick: () => void;
+        };
+    }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{
@@ -75844,6 +76029,7 @@ declare const VStepperActions: {
         default: string;
     };
 }>>;
+type VStepperActions = InstanceType<typeof VStepperActions>;
 
 declare const VStepperHeader: {
     new (...args: any[]): {

package/dist/vuetify-labs.esm.js

@@ -1,5 +1,5 @@
 /*!
-* Vuetify v3.3.21
+* Vuetify v3.3.22
 * Forged by John Leider
 * Released under the MIT License.
 */
@@ -233,6 +233,10 @@ function only(obj, include) {
 const onRE = /^on[^a-z]/;
 const isOn = key => onRE.test(key);
 const bubblingEvents = ['onAfterscriptexecute', 'onAnimationcancel', 'onAnimationend', 'onAnimationiteration', 'onAnimationstart', 'onAuxclick', 'onBeforeinput', 'onBeforescriptexecute', 'onChange', 'onClick', 'onCompositionend', 'onCompositionstart', 'onCompositionupdate', 'onContextmenu', 'onCopy', 'onCut', 'onDblclick', 'onFocusin', 'onFocusout', 'onFullscreenchange', 'onFullscreenerror', 'onGesturechange', 'onGestureend', 'onGesturestart', 'onGotpointercapture', 'onInput', 'onKeydown', 'onKeypress', 'onKeyup', 'onLostpointercapture', 'onMousedown', 'onMousemove', 'onMouseout', 'onMouseover', 'onMouseup', 'onMousewheel', 'onPaste', 'onPointercancel', 'onPointerdown', 'onPointerenter', 'onPointerleave', 'onPointermove', 'onPointerout', 'onPointerover', 'onPointerup', 'onReset', 'onSelect', 'onSubmit', 'onTouchcancel', 'onTouchend', 'onTouchmove', 'onTouchstart', 'onTransitioncancel', 'onTransitionend', 'onTransitionrun', 'onTransitionstart', 'onWheel'];
+const compositionIgnoreKeys = ['ArrowUp', 'ArrowDown', 'ArrowRight', 'ArrowLeft', 'Enter', 'Escape', 'Tab', ' '];
+function isComposingIgnoreKey(e) {
+  return e.isComposing && compositionIgnoreKeys.includes(e.key);
+}
 
 /**
  * Filter attributes that should be applied to
@@ -14998,7 +15002,7 @@ const VCombobox = genericComponent()({
       menu.value = !menu.value;
     }
     function onKeydown(e) {
-      if (props.readonly || form?.isReadonly.value) return;
+      if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
       const length = model.value.length;
       if (selectionIndex.value > -1 || ['Enter', 'ArrowDown', 'ArrowUp'].includes(e.key)) {
@@ -23947,20 +23951,40 @@ const VStepperActions = genericComponent()({
       emit('click:next');
     }
     useRender(() => {
+      const prevSlotProps = {
+        onClick: onClickPrev
+      };
+      const nextSlotProps = {
+        onClick: onClickNext
+      };
       return createVNode("div", {
         "class": "v-stepper-actions"
-      }, [createVNode(VBtn, {
-        "disabled": ['prev', true].includes(props.disabled),
-        "text": t(props.prevText),
-        "variant": "text",
-        "onClick": onClickPrev
-      }, null), createVNode(VBtn, {
-        "disabled": ['next', true].includes(props.disabled),
-        "color": props.color,
-        "text": t(props.nextText),
-        "variant": "tonal",
-        "onClick": onClickNext
-      }, null)]);
+      }, [createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            disabled: ['prev', true].includes(props.disabled),
+            text: t(props.prevText),
+            variant: 'text'
+          }
+        }
+      }, {
+        default: () => [slots.prev?.({
+          props: prevSlotProps
+        }) ?? createVNode(VBtn, prevSlotProps, null)]
+      }), createVNode(VDefaultsProvider, {
+        "defaults": {
+          VBtn: {
+            color: props.color,
+            disabled: ['next', true].includes(props.disabled),
+            text: t(props.nextText),
+            variant: 'tonal'
+          }
+        }
+      }, {
+        default: () => [slots.next?.({
+          props: nextSlotProps
+        }) ?? createVNode(VBtn, nextSlotProps, null)]
+      })]);
     });
     return {};
   }
@@ -24179,7 +24203,6 @@ const VStepper = genericComponent()({
     let {
       slots
     } = _ref;
-    // TODO: fix typing
     const {
       items: _items,
       next,
@@ -24265,7 +24288,7 @@ const VStepper = genericComponent()({
           "key": "stepper-actions",
           "onClick:prev": prev,
           "onClick:next": next
-        }, null))]
+        }, slots))]
       });
     });
     return {
@@ -24653,7 +24676,7 @@ function createVuetify$1() {
     date
   };
 }
-const version$1 = "3.3.21";
+const version$1 = "3.3.22";
 createVuetify$1.version = version$1;
 
 // Vue's inject() can only be used in setup
@@ -24667,7 +24690,7 @@ function inject(key) {
 
 /* eslint-disable local-rules/sort-imports */
 
-const version = "3.3.21";
+const version = "3.3.22";
 
 /* eslint-disable local-rules/sort-imports */