vuetify 3.5.9 → 3.5.10

package/lib/components/VCheckbox/index.d.mts

@@ -102,16 +102,16 @@ declare const VCheckbox: {
         readonly: boolean | null;
         indeterminate: boolean;
         messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         density: Density;
         ripple: boolean;
         falseIcon: NonNullable<IconValue>;
         trueIcon: NonNullable<IconValue>;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -124,6 +124,9 @@ declare const VCheckbox: {
         label?: string | undefined;
         class?: any;
         theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         defaultsTarget?: string | undefined;
@@ -132,9 +135,6 @@ declare const VCheckbox: {
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
-        validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -142,7 +142,7 @@ declare const VCheckbox: {
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
         'update:modelValue': (value: any) => boolean;
         'update:focused': (focused: boolean) => boolean;
-    }, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         error: boolean;
         direction: "horizontal" | "vertical";
         style: vue.StyleValue;
@@ -151,16 +151,16 @@ declare const VCheckbox: {
         readonly: boolean | null;
         indeterminate: boolean;
         messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         density: Density;
         ripple: boolean;
         falseIcon: NonNullable<IconValue>;
         trueIcon: NonNullable<IconValue>;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -173,6 +173,9 @@ declare const VCheckbox: {
         label?: string | undefined;
         class?: any;
         theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         defaultsTarget?: string | undefined;
@@ -181,9 +184,6 @@ declare const VCheckbox: {
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
-        validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -197,16 +197,16 @@ declare const VCheckbox: {
         readonly: boolean | null;
         indeterminate: boolean;
         messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         density: Density;
         ripple: boolean;
         falseIcon: NonNullable<IconValue>;
         trueIcon: NonNullable<IconValue>;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -254,16 +254,16 @@ declare const VCheckbox: {
         readonly: boolean | null;
         indeterminate: boolean;
         messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         density: Density;
         ripple: boolean;
         falseIcon: NonNullable<IconValue>;
         trueIcon: NonNullable<IconValue>;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -276,6 +276,9 @@ declare const VCheckbox: {
         label?: string | undefined;
         class?: any;
         theme?: string | undefined;
+        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+        validationValue?: any;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
         defaultsTarget?: string | undefined;
@@ -284,9 +287,6 @@ declare const VCheckbox: {
         falseValue?: any;
         'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
         'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-        'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-        validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
-        validationValue?: any;
         hint?: string | undefined;
         hideDetails?: boolean | "auto" | undefined;
     } & {
@@ -300,16 +300,16 @@ declare const VCheckbox: {
         readonly: boolean | null;
         indeterminate: boolean;
         messages: string | readonly string[];
+        focused: boolean;
+        errorMessages: string | readonly string[] | null;
+        maxErrors: string | number;
+        rules: readonly ValidationRule[];
         density: Density;
         ripple: boolean;
         falseIcon: NonNullable<IconValue>;
         trueIcon: NonNullable<IconValue>;
         valueComparator: typeof deepEqual;
         indeterminateIcon: IconValue;
-        focused: boolean;
-        errorMessages: string | readonly string[] | null;
-        maxErrors: string | number;
-        rules: readonly ValidationRule[];
         centerAffix: boolean;
         hideSpinButtons: boolean;
         persistentHint: boolean;
@@ -326,16 +326,16 @@ declare const VCheckbox: {
     readonly: boolean | null;
     indeterminate: boolean;
     messages: string | readonly string[];
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
     density: Density;
     ripple: boolean;
     falseIcon: NonNullable<IconValue>;
     trueIcon: NonNullable<IconValue>;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
-    focused: boolean;
-    errorMessages: string | readonly string[] | null;
-    maxErrors: string | number;
-    rules: readonly ValidationRule[];
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
@@ -348,6 +348,9 @@ declare const VCheckbox: {
     label?: string | undefined;
     class?: any;
     theme?: string | undefined;
+    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
+    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
+    validationValue?: any;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
     defaultsTarget?: string | undefined;
@@ -356,9 +359,6 @@ declare const VCheckbox: {
     falseValue?: any;
     'onClick:append'?: ((args_0: MouseEvent) => void) | undefined;
     'onClick:prepend'?: ((args_0: MouseEvent) => void) | undefined;
-    'onUpdate:focused'?: ((args_0: boolean) => void) | undefined;
-    validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
-    validationValue?: any;
     hint?: string | undefined;
     hideDetails?: boolean | "auto" | undefined;
 } & {
@@ -366,7 +366,7 @@ declare const VCheckbox: {
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (value: any) => boolean;
     'update:focused': (focused: boolean) => boolean;
-}, "$children" | "v-slot:default" | "v-slots" | "v-slot:append" | "v-slot:prepend" | "modelValue" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
+}, "$children" | "v-slot:default" | "v-slots" | "modelValue" | "v-slot:append" | "v-slot:prepend" | "update:modelValue" | "v-slot:input" | "v-slot:label" | "v-slot:message" | "v-slot:details">, string, {
     error: boolean;
     direction: "horizontal" | "vertical";
     style: vue.StyleValue;
@@ -375,16 +375,16 @@ declare const VCheckbox: {
     readonly: boolean | null;
     indeterminate: boolean;
     messages: string | readonly string[];
+    focused: boolean;
+    errorMessages: string | readonly string[] | null;
+    maxErrors: string | number;
+    rules: readonly ValidationRule[];
     density: Density;
     ripple: boolean;
     falseIcon: NonNullable<IconValue>;
     trueIcon: NonNullable<IconValue>;
     valueComparator: typeof deepEqual;
     indeterminateIcon: IconValue;
-    focused: boolean;
-    errorMessages: string | readonly string[] | null;
-    maxErrors: string | number;
-    rules: readonly ValidationRule[];
     centerAffix: boolean;
     hideSpinButtons: boolean;
     persistentHint: boolean;
@@ -449,12 +449,12 @@ declare const VCheckbox: {
     class: vue.PropType<any>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
+    modelValue: null;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: null;
     ripple: {
         type: BooleanConstructor;
         default: boolean;
@@ -543,12 +543,12 @@ declare const VCheckbox: {
     class: vue.PropType<any>;
     indeterminate: BooleanConstructor;
     theme: StringConstructor;
+    modelValue: null;
     density: {
         type: vue.PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
-    modelValue: null;
     ripple: {
         type: BooleanConstructor;
         default: boolean;

package/lib/components/VChip/index.d.mts

@@ -24,9 +24,9 @@ declare const VChip: {
         disabled: boolean;
         size: string | number;
         tag: string;
+        modelValue: boolean;
         tile: boolean;
         density: Density;
-        modelValue: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -132,9 +132,9 @@ declare const VChip: {
         disabled: boolean;
         size: string | number;
         tag: string;
+        modelValue: boolean;
         tile: boolean;
         density: Density;
-        modelValue: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -234,10 +234,10 @@ declare const VChip: {
         disabled: boolean;
         size: string | number;
         tag: string;
+        modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        modelValue: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -290,9 +290,9 @@ declare const VChip: {
         disabled: boolean;
         size: string | number;
         tag: string;
+        modelValue: boolean;
         tile: boolean;
         density: Density;
-        modelValue: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -392,10 +392,10 @@ declare const VChip: {
         disabled: boolean;
         size: string | number;
         tag: string;
+        modelValue: boolean;
         rounded: string | number | boolean;
         tile: boolean;
         density: Density;
-        modelValue: boolean;
         ripple: boolean | {
             class: string;
         } | undefined;
@@ -419,9 +419,9 @@ declare const VChip: {
     disabled: boolean;
     size: string | number;
     tag: string;
+    modelValue: boolean;
     tile: boolean;
     density: Density;
-    modelValue: boolean;
     ripple: boolean | {
         class: string;
     } | undefined;
@@ -528,10 +528,10 @@ declare const VChip: {
     disabled: boolean;
     size: string | number;
     tag: string;
+    modelValue: boolean;
     rounded: string | number | boolean;
     tile: boolean;
     density: Density;
-    modelValue: boolean;
     ripple: boolean | {
         class: string;
     } | undefined;

package/lib/components/VCode/index.d.mts

@@ -12,9 +12,9 @@ declare const VCode: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -28,9 +28,9 @@ declare const VCode: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -56,9 +56,9 @@ declare const VCode: {
     } & {
         class?: any;
     } & {
-        $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
-        };
+        } | (() => vue.VNodeChild);
         'v-slots'?: {
             default?: false | (() => vue.VNodeChild) | undefined;
         } | undefined;
@@ -79,9 +79,9 @@ declare const VCode: {
 } & {
     class?: any;
 } & {
-    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+    $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
-    };
+    } | (() => vue.VNodeChild);
     'v-slots'?: {
         default?: false | (() => vue.VNodeChild) | undefined;
     } | undefined;

package/lib/components/VCombobox/VCombobox.mjs

@@ -192,6 +192,7 @@ export const VCombobox = genericComponent()({
       }
       menu.value = !menu.value;
     }
+    // eslint-disable-next-line complexity
     function onKeydown(e) {
       if (isComposingIgnoreKey(e) || props.readonly || form?.isReadonly.value) return;
       const selectionStart = vTextFieldRef.value.selectionStart;
@@ -218,8 +219,8 @@ export const VCombobox = genericComponent()({
         select(transformItem(props, search.value));
         if (hasSelectionSlot.value) _search.value = '';
       }
-      if (!props.multiple) return;
       if (['Backspace', 'Delete'].includes(e.key)) {
+        if (!props.multiple && hasSelectionSlot.value && model.value.length > 0) return select(model.value[0], false);
         if (selectionIndex.value < 0) {
           if (e.key === 'Backspace' && !search.value) {
             selectionIndex.value = length - 1;
@@ -227,10 +228,10 @@ export const VCombobox = genericComponent()({
           return;
         }
         const originalSelectionIndex = selectionIndex.value;
-        const selectedItem = model.value[selectionIndex.value];
-        if (selectedItem && !selectedItem.props.disabled) select(selectedItem, false);
+        select(model.value[selectionIndex.value], false);
         selectionIndex.value = originalSelectionIndex >= length - 1 ? length - 2 : originalSelectionIndex;
       }
+      if (!props.multiple) return;
       if (e.key === 'ArrowLeft') {
         if (selectionIndex.value < 0 && selectionStart > 0) return;
         const prev = selectionIndex.value > -1 ? selectionIndex.value - 1 : length - 1;
@@ -261,7 +262,7 @@ export const VCombobox = genericComponent()({
     /** @param set - null means toggle */
     function select(item) {
       let set = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      if (item.props.disabled) return;
+      if (!item || item.props.disabled) return;
       if (props.multiple) {
         const index = model.value.findIndex(selection => props.valueComparator(selection.value, item.value));
         const add = set == null ? !~index : set;