@vuetify/nightly 3.8.7-dev.2025-05-27 → 3.8.7-dev.2025-05-30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/CHANGELOG.md +8 -3
  2. package/dist/json/attributes.json +1893 -1885
  3. package/dist/json/importMap-labs.json +34 -34
  4. package/dist/json/importMap.json +140 -140
  5. package/dist/json/tags.json +2 -0
  6. package/dist/json/web-types.json +3286 -3266
  7. package/dist/vuetify-labs.cjs +36 -15
  8. package/dist/vuetify-labs.css +5222 -5222
  9. package/dist/vuetify-labs.d.ts +401 -213
  10. package/dist/vuetify-labs.esm.js +36 -15
  11. package/dist/vuetify-labs.esm.js.map +1 -1
  12. package/dist/vuetify-labs.js +36 -15
  13. package/dist/vuetify-labs.min.css +2 -2
  14. package/dist/vuetify.cjs +36 -15
  15. package/dist/vuetify.cjs.map +1 -1
  16. package/dist/vuetify.css +5419 -5419
  17. package/dist/vuetify.d.ts +345 -189
  18. package/dist/vuetify.esm.js +36 -15
  19. package/dist/vuetify.esm.js.map +1 -1
  20. package/dist/vuetify.js +36 -15
  21. package/dist/vuetify.js.map +1 -1
  22. package/dist/vuetify.min.css +2 -2
  23. package/dist/vuetify.min.js +24 -19
  24. package/dist/vuetify.min.js.map +1 -1
  25. package/lib/components/VAppBar/VAppBarNavIcon.d.ts +20 -10
  26. package/lib/components/VAutocomplete/VAutocomplete.d.ts +21 -7
  27. package/lib/components/VAutocomplete/VAutocomplete.js +2 -1
  28. package/lib/components/VAutocomplete/VAutocomplete.js.map +1 -1
  29. package/lib/components/VBtn/VBtn.d.ts +20 -10
  30. package/lib/components/VCard/VCard.d.ts +20 -10
  31. package/lib/components/VCheckbox/VCheckbox.d.ts +20 -10
  32. package/lib/components/VCheckbox/VCheckboxBtn.d.ts +20 -10
  33. package/lib/components/VChip/VChip.d.ts +20 -10
  34. package/lib/components/VCombobox/VCombobox.d.ts +21 -7
  35. package/lib/components/VCombobox/VCombobox.js +2 -1
  36. package/lib/components/VCombobox/VCombobox.js.map +1 -1
  37. package/lib/components/VExpansionPanel/VExpansionPanel.d.ts +20 -10
  38. package/lib/components/VExpansionPanel/VExpansionPanelTitle.d.ts +20 -10
  39. package/lib/components/VExpansionPanel/VExpansionPanels.d.ts +20 -10
  40. package/lib/components/VFab/VFab.d.ts +20 -10
  41. package/lib/components/VList/VList.d.ts +13 -0
  42. package/lib/components/VList/VList.js +4 -1
  43. package/lib/components/VList/VList.js.map +1 -1
  44. package/lib/components/VList/VListItem.d.ts +23 -10
  45. package/lib/components/VList/VListItem.js +7 -3
  46. package/lib/components/VList/VListItem.js.map +1 -1
  47. package/lib/components/VList/list.d.ts +9 -2
  48. package/lib/components/VList/list.js +7 -0
  49. package/lib/components/VList/list.js.map +1 -1
  50. package/lib/components/VRadio/VRadio.d.ts +20 -10
  51. package/lib/components/VRadioGroup/VRadioGroup.d.ts +20 -10
  52. package/lib/components/VSelect/VSelect.d.ts +33 -11
  53. package/lib/components/VSelectionControl/VSelectionControl.d.ts +20 -10
  54. package/lib/components/VSelectionControlGroup/VSelectionControlGroup.d.ts +28 -14
  55. package/lib/components/VSlider/VSliderThumb.d.ts +20 -10
  56. package/lib/components/VStepper/VStepperItem.d.ts +28 -14
  57. package/lib/components/VSwitch/VSwitch.d.ts +20 -10
  58. package/lib/components/VTabs/VTab.d.ts +56 -28
  59. package/lib/directives/ripple/index.d.ts +2 -1
  60. package/lib/directives/ripple/index.js +12 -7
  61. package/lib/directives/ripple/index.js.map +1 -1
  62. package/lib/entry-bundler.js +1 -1
  63. package/lib/framework.d.ts +53 -53
  64. package/lib/framework.js +1 -1
  65. package/lib/labs/VFileUpload/VFileUploadItem.d.ts +20 -10
  66. package/lib/labs/VStepperVertical/VStepperVertical.d.ts +20 -10
  67. package/lib/labs/VStepperVertical/VStepperVerticalItem.d.ts +20 -10
  68. package/lib/labs/VTreeview/VTreeview.d.ts +13 -0
  69. package/lib/labs/VTreeview/VTreeviewItem.d.ts +20 -10
  70. package/package.json +1 -1
package/lib/components/VCard/VCard.d.ts CHANGED
@@ -240,14 +240,18 @@ export declare const makeVCardProps: <Defaults extends {
240
240
  default: boolean;
241
241
  }, "type" | "default"> & {
242
242
  type: PropType<unknown extends Defaults["ripple"] ? boolean | {
243
- class: string;
243
+ class?: string;
244
+ keys?: number[];
244
245
  } | undefined : boolean | {
245
- class: string;
246
+ class?: string;
247
+ keys?: number[];
246
248
  } | Defaults["ripple"] | undefined>;
247
249
  default: unknown extends Defaults["ripple"] ? boolean | {
248
- class: string;
250
+ class?: string;
251
+ keys?: number[];
249
252
  } | undefined : NonNullable<boolean | {
250
- class: string;
253
+ class?: string;
254
+ keys?: number[];
251
255
  } | undefined> | Defaults["ripple"];
252
256
  };
253
257
  subtitle: unknown extends Defaults["subtitle"] ? {
@@ -301,7 +305,8 @@ export declare const VCard: {
301
305
  density: import("../../composables/density.js").Density;
302
306
  tile: boolean;
303
307
  ripple: boolean | {
304
- class: string;
308
+ class?: string;
309
+ keys?: number[];
305
310
  } | undefined;
306
311
  hover: boolean;
307
312
  } & {
@@ -382,7 +387,8 @@ export declare const VCard: {
382
387
  rounded: string | number | boolean;
383
388
  tile: boolean;
384
389
  ripple: boolean | {
385
- class: string;
390
+ class?: string;
391
+ keys?: number[];
386
392
  } | undefined;
387
393
  subtitle: string | number | boolean;
388
394
  hover: boolean;
@@ -415,7 +421,8 @@ export declare const VCard: {
415
421
  density: import("../../composables/density.js").Density;
416
422
  tile: boolean;
417
423
  ripple: boolean | {
418
- class: string;
424
+ class?: string;
425
+ keys?: number[];
419
426
  } | undefined;
420
427
  hover: boolean;
421
428
  } & {
@@ -496,7 +503,8 @@ export declare const VCard: {
496
503
  rounded: string | number | boolean;
497
504
  tile: boolean;
498
505
  ripple: boolean | {
499
- class: string;
506
+ class?: string;
507
+ keys?: number[];
500
508
  } | undefined;
501
509
  subtitle: string | number | boolean;
502
510
  hover: boolean;
@@ -515,7 +523,8 @@ export declare const VCard: {
515
523
  density: import("../../composables/density.js").Density;
516
524
  tile: boolean;
517
525
  ripple: boolean | {
518
- class: string;
526
+ class?: string;
527
+ keys?: number[];
519
528
  } | undefined;
520
529
  hover: boolean;
521
530
  } & {
@@ -596,7 +605,8 @@ export declare const VCard: {
596
605
  rounded: string | number | boolean;
597
606
  tile: boolean;
598
607
  ripple: boolean | {
599
- class: string;
608
+ class?: string;
609
+ keys?: number[];
600
610
  } | undefined;
601
611
  subtitle: string | number | boolean;
602
612
  hover: boolean;
package/lib/components/VCheckbox/VCheckbox.d.ts CHANGED
@@ -170,14 +170,18 @@ export declare const makeVCheckboxProps: <Defaults extends {
170
170
  default: boolean;
171
171
  }, "type" | "default"> & {
172
172
  type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
173
- class: string;
173
+ class?: string;
174
+ keys?: number[];
174
175
  } | undefined : boolean | {
175
- class: string;
176
+ class?: string;
177
+ keys?: number[];
176
178
  } | Defaults["ripple"] | undefined>;
177
179
  default: unknown extends Defaults["ripple"] ? boolean | {
178
- class: string;
180
+ class?: string;
181
+ keys?: number[];
179
182
  } | undefined : NonNullable<boolean | {
180
- class: string;
183
+ class?: string;
184
+ keys?: number[];
181
185
  } | undefined> | Defaults["ripple"];
182
186
  };
183
187
  defaultsTarget: unknown extends Defaults["defaultsTarget"] ? StringConstructor : {
@@ -370,7 +374,8 @@ export declare const VCheckbox: {
370
374
  valueComparator: typeof import("../../util/index.js").deepEqual;
371
375
  density: import("../../composables/density.js").Density;
372
376
  ripple: boolean | {
373
- class: string;
377
+ class?: string;
378
+ keys?: number[];
374
379
  } | undefined;
375
380
  falseIcon: import("../../composables/icons.js").IconValue;
376
381
  trueIcon: import("../../composables/icons.js").IconValue;
@@ -426,7 +431,8 @@ export declare const VCheckbox: {
426
431
  valueComparator: typeof import("../../util/index.js").deepEqual;
427
432
  density: import("../../composables/density.js").Density;
428
433
  ripple: boolean | {
429
- class: string;
434
+ class?: string;
435
+ keys?: number[];
430
436
  } | undefined;
431
437
  falseIcon: import("../../composables/icons.js").IconValue;
432
438
  trueIcon: import("../../composables/icons.js").IconValue;
@@ -472,7 +478,8 @@ export declare const VCheckbox: {
472
478
  valueComparator: typeof import("../../util/index.js").deepEqual;
473
479
  density: import("../../composables/density.js").Density;
474
480
  ripple: boolean | {
475
- class: string;
481
+ class?: string;
482
+ keys?: number[];
476
483
  } | undefined;
477
484
  falseIcon: import("../../composables/icons.js").IconValue;
478
485
  trueIcon: import("../../composables/icons.js").IconValue;
@@ -525,7 +532,8 @@ export declare const VCheckbox: {
525
532
  valueComparator: typeof import("../../util/index.js").deepEqual;
526
533
  density: import("../../composables/density.js").Density;
527
534
  ripple: boolean | {
528
- class: string;
535
+ class?: string;
536
+ keys?: number[];
529
537
  } | undefined;
530
538
  falseIcon: import("../../composables/icons.js").IconValue;
531
539
  trueIcon: import("../../composables/icons.js").IconValue;
@@ -554,7 +562,8 @@ export declare const VCheckbox: {
554
562
  valueComparator: typeof import("../../util/index.js").deepEqual;
555
563
  density: import("../../composables/density.js").Density;
556
564
  ripple: boolean | {
557
- class: string;
565
+ class?: string;
566
+ keys?: number[];
558
567
  } | undefined;
559
568
  falseIcon: import("../../composables/icons.js").IconValue;
560
569
  trueIcon: import("../../composables/icons.js").IconValue;
@@ -610,7 +619,8 @@ export declare const VCheckbox: {
610
619
  valueComparator: typeof import("../../util/index.js").deepEqual;
611
620
  density: import("../../composables/density.js").Density;
612
621
  ripple: boolean | {
613
- class: string;
622
+ class?: string;
623
+ keys?: number[];
614
624
  } | undefined;
615
625
  falseIcon: import("../../composables/icons.js").IconValue;
616
626
  trueIcon: import("../../composables/icons.js").IconValue;
package/lib/components/VCheckbox/VCheckboxBtn.d.ts CHANGED
@@ -117,14 +117,18 @@ export declare const makeVCheckboxBtnProps: <Defaults extends {
117
117
  default: boolean;
118
118
  }, "type" | "default"> & {
119
119
  type: import("vue").PropType<unknown extends Defaults["ripple"] ? boolean | {
120
- class: string;
120
+ class?: string;
121
+ keys?: number[];
121
122
  } | undefined : boolean | {
122
- class: string;
123
+ class?: string;
124
+ keys?: number[];
123
125
  } | Defaults["ripple"] | undefined>;
124
126
  default: unknown extends Defaults["ripple"] ? boolean | {
125
- class: string;
127
+ class?: string;
128
+ keys?: number[];
126
129
  } | undefined : NonNullable<boolean | {
127
- class: string;
130
+ class?: string;
131
+ keys?: number[];
128
132
  } | undefined> | Defaults["ripple"];
129
133
  };
130
134
  multiple: unknown extends Defaults["multiple"] ? {
@@ -216,7 +220,8 @@ export declare const VCheckboxBtn: {
216
220
  valueComparator: typeof import("../../util/index.js").deepEqual;
217
221
  density: import("../../composables/density.js").Density;
218
222
  ripple: boolean | {
219
- class: string;
223
+ class?: string;
224
+ keys?: number[];
220
225
  } | undefined;
221
226
  falseIcon: IconValue;
222
227
  trueIcon: IconValue;
@@ -250,7 +255,8 @@ export declare const VCheckboxBtn: {
250
255
  valueComparator: typeof import("../../util/index.js").deepEqual;
251
256
  density: import("../../composables/density.js").Density;
252
257
  ripple: boolean | {
253
- class: string;
258
+ class?: string;
259
+ keys?: number[];
254
260
  } | undefined;
255
261
  falseIcon: IconValue;
256
262
  trueIcon: IconValue;
@@ -283,7 +289,8 @@ export declare const VCheckboxBtn: {
283
289
  valueComparator: typeof import("../../util/index.js").deepEqual;
284
290
  density: import("../../composables/density.js").Density;
285
291
  ripple: boolean | {
286
- class: string;
292
+ class?: string;
293
+ keys?: number[];
287
294
  } | undefined;
288
295
  falseIcon: IconValue;
289
296
  trueIcon: IconValue;
@@ -314,7 +321,8 @@ export declare const VCheckboxBtn: {
314
321
  valueComparator: typeof import("../../util/index.js").deepEqual;
315
322
  density: import("../../composables/density.js").Density;
316
323
  ripple: boolean | {
317
- class: string;
324
+ class?: string;
325
+ keys?: number[];
318
326
  } | undefined;
319
327
  falseIcon: IconValue;
320
328
  trueIcon: IconValue;
@@ -334,7 +342,8 @@ export declare const VCheckboxBtn: {
334
342
  valueComparator: typeof import("../../util/index.js").deepEqual;
335
343
  density: import("../../composables/density.js").Density;
336
344
  ripple: boolean | {
337
- class: string;
345
+ class?: string;
346
+ keys?: number[];
338
347
  } | undefined;
339
348
  falseIcon: IconValue;
340
349
  trueIcon: IconValue;
@@ -368,7 +377,8 @@ export declare const VCheckboxBtn: {
368
377
  valueComparator: typeof import("../../util/index.js").deepEqual;
369
378
  density: import("../../composables/density.js").Density;
370
379
  ripple: boolean | {
371
- class: string;
380
+ class?: string;
381
+ keys?: number[];
372
382
  } | undefined;
373
383
  falseIcon: IconValue;
374
384
  trueIcon: IconValue;
package/lib/components/VChip/VChip.d.ts CHANGED
@@ -283,14 +283,18 @@ export declare const makeVChipProps: <Defaults extends {
283
283
  default: boolean;
284
284
  }, "type" | "default"> & {
285
285
  type: PropType<unknown extends Defaults["ripple"] ? boolean | {
286
- class: string;
286
+ class?: string;
287
+ keys?: number[];
287
288
  } | undefined : boolean | {
288
- class: string;
289
+ class?: string;
290
+ keys?: number[];
289
291
  } | Defaults["ripple"] | undefined>;
290
292
  default: unknown extends Defaults["ripple"] ? boolean | {
291
- class: string;
293
+ class?: string;
294
+ keys?: number[];
292
295
  } | undefined : NonNullable<boolean | {
293
- class: string;
296
+ class?: string;
297
+ keys?: number[];
294
298
  } | undefined> | Defaults["ripple"];
295
299
  };
296
300
  text: unknown extends Defaults["text"] ? {
@@ -338,7 +342,8 @@ export declare const VChip: {
338
342
  density: import("../../composables/density.js").Density;
339
343
  tile: boolean;
340
344
  ripple: boolean | {
341
- class: string;
345
+ class?: string;
346
+ keys?: number[];
342
347
  } | undefined;
343
348
  closable: boolean;
344
349
  closeIcon: IconValue;
@@ -450,7 +455,8 @@ export declare const VChip: {
450
455
  rounded: string | number | boolean;
451
456
  tile: boolean;
452
457
  ripple: boolean | {
453
- class: string;
458
+ class?: string;
459
+ keys?: number[];
454
460
  } | undefined;
455
461
  closable: boolean;
456
462
  closeIcon: IconValue;
@@ -493,7 +499,8 @@ export declare const VChip: {
493
499
  density: import("../../composables/density.js").Density;
494
500
  tile: boolean;
495
501
  ripple: boolean | {
496
- class: string;
502
+ class?: string;
503
+ keys?: number[];
497
504
  } | undefined;
498
505
  closable: boolean;
499
506
  closeIcon: IconValue;
@@ -598,7 +605,8 @@ export declare const VChip: {
598
605
  rounded: string | number | boolean;
599
606
  tile: boolean;
600
607
  ripple: boolean | {
601
- class: string;
608
+ class?: string;
609
+ keys?: number[];
602
610
  } | undefined;
603
611
  closable: boolean;
604
612
  closeIcon: IconValue;
@@ -624,7 +632,8 @@ export declare const VChip: {
624
632
  density: import("../../composables/density.js").Density;
625
633
  tile: boolean;
626
634
  ripple: boolean | {
627
- class: string;
635
+ class?: string;
636
+ keys?: number[];
628
637
  } | undefined;
629
638
  closable: boolean;
630
639
  closeIcon: IconValue;
@@ -736,7 +745,8 @@ export declare const VChip: {
736
745
  rounded: string | number | boolean;
737
746
  tile: boolean;
738
747
  ripple: boolean | {
739
- class: string;
748
+ class?: string;
749
+ keys?: number[];
740
750
  } | undefined;
741
751
  closable: boolean;
742
752
  closeIcon: IconValue;
package/lib/components/VCombobox/VCombobox.d.ts CHANGED
@@ -617,6 +617,7 @@ export declare const makeVComboboxProps: <Defaults extends {
617
617
  rounded: string | number | boolean;
618
618
  tile: boolean;
619
619
  slim: boolean;
620
+ filterable: boolean;
620
621
  activatable: boolean;
621
622
  selectable: boolean;
622
623
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -634,6 +635,7 @@ export declare const makeVComboboxProps: <Defaults extends {
634
635
  density: import("../../composables/density.js").Density;
635
636
  tile: boolean;
636
637
  slim: boolean;
638
+ filterable: boolean;
637
639
  activatable: boolean;
638
640
  selectable: boolean;
639
641
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -665,7 +667,7 @@ export declare const makeVComboboxProps: <Defaults extends {
665
667
  value: boolean;
666
668
  path: unknown[];
667
669
  }) => any) | undefined;
668
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
670
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
669
671
  items?: readonly any[] | undefined;
670
672
  itemTitle?: SelectItemKey<any>;
671
673
  itemValue?: SelectItemKey<any>;
@@ -780,6 +782,7 @@ export declare const makeVComboboxProps: <Defaults extends {
780
782
  rounded: string | number | boolean;
781
783
  tile: boolean;
782
784
  slim: boolean;
785
+ filterable: boolean;
783
786
  activatable: boolean;
784
787
  selectable: boolean;
785
788
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -797,6 +800,7 @@ export declare const makeVComboboxProps: <Defaults extends {
797
800
  density: import("../../composables/density.js").Density;
798
801
  tile: boolean;
799
802
  slim: boolean;
803
+ filterable: boolean;
800
804
  activatable: boolean;
801
805
  selectable: boolean;
802
806
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -828,7 +832,7 @@ export declare const makeVComboboxProps: <Defaults extends {
828
832
  value: boolean;
829
833
  path: unknown[];
830
834
  }) => any) | undefined;
831
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
835
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
832
836
  items?: readonly any[] | undefined;
833
837
  itemTitle?: SelectItemKey<any>;
834
838
  itemValue?: SelectItemKey<any>;
@@ -944,6 +948,7 @@ export declare const makeVComboboxProps: <Defaults extends {
944
948
  rounded: string | number | boolean;
945
949
  tile: boolean;
946
950
  slim: boolean;
951
+ filterable: boolean;
947
952
  activatable: boolean;
948
953
  selectable: boolean;
949
954
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -961,6 +966,7 @@ export declare const makeVComboboxProps: <Defaults extends {
961
966
  density: import("../../composables/density.js").Density;
962
967
  tile: boolean;
963
968
  slim: boolean;
969
+ filterable: boolean;
964
970
  activatable: boolean;
965
971
  selectable: boolean;
966
972
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -992,7 +998,7 @@ export declare const makeVComboboxProps: <Defaults extends {
992
998
  value: boolean;
993
999
  path: unknown[];
994
1000
  }) => any) | undefined;
995
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
1001
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
996
1002
  items?: readonly any[] | undefined;
997
1003
  itemTitle?: SelectItemKey<any>;
998
1004
  itemValue?: SelectItemKey<any>;
@@ -1107,6 +1113,7 @@ export declare const makeVComboboxProps: <Defaults extends {
1107
1113
  rounded: string | number | boolean;
1108
1114
  tile: boolean;
1109
1115
  slim: boolean;
1116
+ filterable: boolean;
1110
1117
  activatable: boolean;
1111
1118
  selectable: boolean;
1112
1119
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -1124,6 +1131,7 @@ export declare const makeVComboboxProps: <Defaults extends {
1124
1131
  density: import("../../composables/density.js").Density;
1125
1132
  tile: boolean;
1126
1133
  slim: boolean;
1134
+ filterable: boolean;
1127
1135
  activatable: boolean;
1128
1136
  selectable: boolean;
1129
1137
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -1155,7 +1163,7 @@ export declare const makeVComboboxProps: <Defaults extends {
1155
1163
  value: boolean;
1156
1164
  path: unknown[];
1157
1165
  }) => any) | undefined;
1158
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
1166
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
1159
1167
  items?: readonly any[] | undefined;
1160
1168
  itemTitle?: SelectItemKey<any>;
1161
1169
  itemValue?: SelectItemKey<any>;
@@ -2300,6 +2308,7 @@ export declare const VCombobox: {
2300
2308
  rounded: string | number | boolean;
2301
2309
  tile: boolean;
2302
2310
  slim: boolean;
2311
+ filterable: boolean;
2303
2312
  activatable: boolean;
2304
2313
  selectable: boolean;
2305
2314
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -2317,6 +2326,7 @@ export declare const VCombobox: {
2317
2326
  density: import("../../composables/density.js").Density;
2318
2327
  tile: boolean;
2319
2328
  slim: boolean;
2329
+ filterable: boolean;
2320
2330
  activatable: boolean;
2321
2331
  selectable: boolean;
2322
2332
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -2348,7 +2358,7 @@ export declare const VCombobox: {
2348
2358
  value: boolean;
2349
2359
  path: unknown[];
2350
2360
  }) => any) | undefined;
2351
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
2361
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
2352
2362
  items?: readonly any[] | undefined;
2353
2363
  itemTitle?: SelectItemKey<any>;
2354
2364
  itemValue?: SelectItemKey<any>;
@@ -4824,6 +4834,7 @@ export declare const VCombobox: {
4824
4834
  rounded: string | number | boolean;
4825
4835
  tile: boolean;
4826
4836
  slim: boolean;
4837
+ filterable: boolean;
4827
4838
  activatable: boolean;
4828
4839
  selectable: boolean;
4829
4840
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -4841,6 +4852,7 @@ export declare const VCombobox: {
4841
4852
  density: import("../../composables/density.js").Density;
4842
4853
  tile: boolean;
4843
4854
  slim: boolean;
4855
+ filterable: boolean;
4844
4856
  activatable: boolean;
4845
4857
  selectable: boolean;
4846
4858
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -4872,7 +4884,7 @@ export declare const VCombobox: {
4872
4884
  value: boolean;
4873
4885
  path: unknown[];
4874
4886
  }) => any) | undefined;
4875
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
4887
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
4876
4888
  items?: readonly any[] | undefined;
4877
4889
  itemTitle?: SelectItemKey<any>;
4878
4890
  itemValue?: SelectItemKey<any>;
@@ -7300,6 +7312,7 @@ export declare const VCombobox: {
7300
7312
  rounded: string | number | boolean;
7301
7313
  tile: boolean;
7302
7314
  slim: boolean;
7315
+ filterable: boolean;
7303
7316
  activatable: boolean;
7304
7317
  selectable: boolean;
7305
7318
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -7317,6 +7330,7 @@ export declare const VCombobox: {
7317
7330
  density: import("../../composables/density.js").Density;
7318
7331
  tile: boolean;
7319
7332
  slim: boolean;
7333
+ filterable: boolean;
7320
7334
  activatable: boolean;
7321
7335
  selectable: boolean;
7322
7336
  openStrategy: import("../../composables/nested/nested.js").OpenStrategyProp;
@@ -7348,7 +7362,7 @@ export declare const VCombobox: {
7348
7362
  value: boolean;
7349
7363
  path: unknown[];
7350
7364
  }) => any) | undefined;
7351
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
7365
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "nav" | "style" | "disabled" | "tag" | "lines" | "mandatory" | "returnObject" | "selectStrategy" | "density" | "rounded" | "tile" | "slim" | "filterable" | "activatable" | "selectable" | "openStrategy" | "itemType"> & {
7352
7366
  items?: readonly any[] | undefined;
7353
7367
  itemTitle?: SelectItemKey<any>;
7354
7368
  itemValue?: SelectItemKey<any>;
package/lib/components/VCombobox/VCombobox.js CHANGED
@@ -181,7 +181,7 @@ export const VCombobox = genericComponent()({
181
181
  menu.value = !menu.value;
182
182
  }
183
183
  function onListKeydown(e) {
184
- if (e.key !== ' ' && checkPrintable(e)) {
184
+ if (checkPrintable(e) || e.key === 'Backspace') {
185
185
  vTextFieldRef.value?.focus();
186
186
  }
187
187
  }
@@ -386,6 +386,7 @@ export const VCombobox = genericComponent()({
386
386
  }, props.menuProps), {
387
387
  default: () => [hasList && _createVNode(VList, _mergeProps({
388
388
  "ref": listRef,
389
+ "filterable": true,
389
390
  "selected": selectedValues.value,
390
391
  "selectStrategy": props.multiple ? 'independent' : 'single-independent',
391
392
  "onMousedown": e => e.preventDefault(),