vuetify 3.5.8 → 3.5.9

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 (81) hide show
  1. package/dist/json/attributes.json +419 -7
  2. package/dist/json/importMap-labs.json +20 -8
  3. package/dist/json/importMap.json +150 -150
  4. package/dist/json/tags.json +118 -0
  5. package/dist/json/web-types.json +1315 -8
  6. package/dist/vuetify-labs.css +1437 -1420
  7. package/dist/vuetify-labs.d.ts +3021 -692
  8. package/dist/vuetify-labs.esm.js +790 -230
  9. package/dist/vuetify-labs.esm.js.map +1 -1
  10. package/dist/vuetify-labs.js +790 -230
  11. package/dist/vuetify-labs.min.css +2 -2
  12. package/dist/vuetify.css +592 -591
  13. package/dist/vuetify.d.ts +569 -68
  14. package/dist/vuetify.esm.js +220 -20
  15. package/dist/vuetify.esm.js.map +1 -1
  16. package/dist/vuetify.js +220 -20
  17. package/dist/vuetify.js.map +1 -1
  18. package/dist/vuetify.min.css +2 -2
  19. package/dist/vuetify.min.js +486 -466
  20. package/dist/vuetify.min.js.map +1 -1
  21. package/lib/components/VAutocomplete/VAutocomplete.mjs +5 -3
  22. package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
  23. package/lib/components/VAutocomplete/index.d.mts +138 -6
  24. package/lib/components/VColorPicker/VColorPickerPreview.css +1 -0
  25. package/lib/components/VColorPicker/VColorPickerPreview.sass +1 -0
  26. package/lib/components/VColorPicker/_variables.scss +1 -0
  27. package/lib/components/VCombobox/VCombobox.mjs +5 -3
  28. package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
  29. package/lib/components/VCombobox/index.d.mts +138 -6
  30. package/lib/components/VDatePicker/VDatePickerControls.mjs +1 -0
  31. package/lib/components/VDatePicker/VDatePickerControls.mjs.map +1 -1
  32. package/lib/components/VList/VList.mjs +8 -2
  33. package/lib/components/VList/VList.mjs.map +1 -1
  34. package/lib/components/VList/VListGroup.mjs +3 -1
  35. package/lib/components/VList/VListGroup.mjs.map +1 -1
  36. package/lib/components/VList/VListItem.mjs +17 -4
  37. package/lib/components/VList/VListItem.mjs.map +1 -1
  38. package/lib/components/VList/index.d.mts +108 -6
  39. package/lib/components/VSelect/VSelect.mjs +5 -3
  40. package/lib/components/VSelect/VSelect.mjs.map +1 -1
  41. package/lib/components/VSelect/index.d.mts +138 -6
  42. package/lib/components/index.d.mts +522 -24
  43. package/lib/composables/nested/activeStrategies.mjs +121 -0
  44. package/lib/composables/nested/activeStrategies.mjs.map +1 -0
  45. package/lib/composables/nested/nested.mjs +50 -1
  46. package/lib/composables/nested/nested.mjs.map +1 -1
  47. package/lib/composables/nested/selectStrategies.mjs +4 -2
  48. package/lib/composables/nested/selectStrategies.mjs.map +1 -1
  49. package/lib/entry-bundler.mjs +1 -1
  50. package/lib/framework.mjs +1 -1
  51. package/lib/iconsets/fa.mjs +2 -0
  52. package/lib/iconsets/fa.mjs.map +1 -1
  53. package/lib/iconsets/fa4.mjs +2 -0
  54. package/lib/iconsets/fa4.mjs.map +1 -1
  55. package/lib/iconsets/md.mjs +2 -0
  56. package/lib/iconsets/md.mjs.map +1 -1
  57. package/lib/iconsets/mdi-svg.mjs +2 -0
  58. package/lib/iconsets/mdi-svg.mjs.map +1 -1
  59. package/lib/iconsets/mdi.mjs +2 -0
  60. package/lib/iconsets/mdi.mjs.map +1 -1
  61. package/lib/index.d.mts +47 -44
  62. package/lib/labs/VTreeview/VTreeview.mjs +154 -0
  63. package/lib/labs/VTreeview/VTreeview.mjs.map +1 -0
  64. package/lib/labs/VTreeview/VTreeviewChildren.mjs +98 -0
  65. package/lib/labs/VTreeview/VTreeviewChildren.mjs.map +1 -0
  66. package/lib/labs/VTreeview/VTreeviewGroup.mjs +48 -0
  67. package/lib/labs/VTreeview/VTreeviewGroup.mjs.map +1 -0
  68. package/lib/labs/VTreeview/VTreeviewItem.css +17 -0
  69. package/lib/labs/VTreeview/VTreeviewItem.mjs +86 -0
  70. package/lib/labs/VTreeview/VTreeviewItem.mjs.map +1 -0
  71. package/lib/labs/VTreeview/VTreeviewItem.sass +19 -0
  72. package/lib/labs/VTreeview/index.d.mts +1975 -0
  73. package/lib/labs/VTreeview/index.mjs +4 -0
  74. package/lib/labs/VTreeview/index.mjs.map +1 -0
  75. package/lib/labs/VTreeview/shared.mjs +4 -0
  76. package/lib/labs/VTreeview/shared.mjs.map +1 -0
  77. package/lib/labs/VTreeview/variables.scss +8 -0
  78. package/lib/labs/components.d.mts +3708 -1773
  79. package/lib/labs/components.mjs +3 -2
  80. package/lib/labs/components.mjs.map +1 -1
  81. package/package.json +2 -2
@@ -337,6 +337,8 @@ declare const VAutocomplete: {
337
337
  density: Density;
338
338
  slim: boolean;
339
339
  valueComparator: typeof deepEqual;
340
+ activatable: boolean;
341
+ selectable: boolean;
340
342
  selectStrategy: NonNullable<SelectStrategy>;
341
343
  openStrategy: NonNullable<OpenStrategyProp>;
342
344
  lines: false | "one" | "two" | "three";
@@ -353,6 +355,8 @@ declare const VAutocomplete: {
353
355
  density: Density;
354
356
  slim: boolean;
355
357
  valueComparator: typeof deepEqual;
358
+ activatable: boolean;
359
+ selectable: boolean;
356
360
  selectStrategy: NonNullable<SelectStrategy>;
357
361
  openStrategy: NonNullable<OpenStrategyProp>;
358
362
  lines: false | "one" | "two" | "three";
@@ -366,6 +370,7 @@ declare const VAutocomplete: {
366
370
  maxWidth?: string | number | undefined;
367
371
  minHeight?: string | number | undefined;
368
372
  minWidth?: string | number | undefined;
373
+ activated?: readonly unknown[] | undefined;
369
374
  class?: any;
370
375
  elevation?: string | number | undefined;
371
376
  theme?: string | undefined;
@@ -373,9 +378,11 @@ declare const VAutocomplete: {
373
378
  bgColor?: string | undefined;
374
379
  baseColor?: string | undefined;
375
380
  activeClass?: string | undefined;
381
+ activeStrategy?: SelectStrategy | undefined;
376
382
  activeColor?: string | undefined;
377
383
  collapseIcon?: string | undefined;
378
384
  expandIcon?: string | undefined;
385
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
379
386
  "onClick:open"?: ((value: {
380
387
  id: unknown;
381
388
  value: boolean;
@@ -386,6 +393,11 @@ declare const VAutocomplete: {
386
393
  value: boolean;
387
394
  path: unknown[];
388
395
  }) => any) | undefined;
396
+ "onClick:activate"?: ((value: {
397
+ id: unknown;
398
+ value: boolean;
399
+ path: unknown[];
400
+ }) => any) | undefined;
389
401
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
390
402
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
391
403
  nav: boolean;
@@ -397,6 +409,8 @@ declare const VAutocomplete: {
397
409
  density: Density;
398
410
  slim: boolean;
399
411
  valueComparator: typeof deepEqual;
412
+ activatable: boolean;
413
+ selectable: boolean;
400
414
  selectStrategy: NonNullable<SelectStrategy>;
401
415
  openStrategy: NonNullable<OpenStrategyProp>;
402
416
  lines: false | "one" | "two" | "three";
@@ -411,6 +425,7 @@ declare const VAutocomplete: {
411
425
  maxWidth?: string | number | undefined;
412
426
  minHeight?: string | number | undefined;
413
427
  minWidth?: string | number | undefined;
428
+ activated?: readonly unknown[] | undefined;
414
429
  class?: any;
415
430
  elevation?: string | number | undefined;
416
431
  theme?: string | undefined;
@@ -418,10 +433,12 @@ declare const VAutocomplete: {
418
433
  bgColor?: string | undefined;
419
434
  baseColor?: string | undefined;
420
435
  activeClass?: string | undefined;
436
+ activeStrategy?: SelectStrategy | undefined;
421
437
  activeColor?: string | undefined;
422
438
  collapseIcon?: string | undefined;
423
439
  expandIcon?: string | undefined;
424
440
  } & {
441
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
425
442
  "onClick:open"?: ((value: {
426
443
  id: unknown;
427
444
  value: boolean;
@@ -432,7 +449,12 @@ declare const VAutocomplete: {
432
449
  value: boolean;
433
450
  path: unknown[];
434
451
  }) => any) | undefined;
435
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
452
+ "onClick:activate"?: ((value: {
453
+ id: unknown;
454
+ value: boolean;
455
+ path: unknown[];
456
+ }) => any) | undefined;
457
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
436
458
  items?: readonly any[] | undefined;
437
459
  itemTitle?: SelectItemKey<any>;
438
460
  itemValue?: SelectItemKey<any>;
@@ -886,6 +908,8 @@ declare const VAutocomplete: {
886
908
  density: Density;
887
909
  slim: boolean;
888
910
  valueComparator: typeof deepEqual;
911
+ activatable: boolean;
912
+ selectable: boolean;
889
913
  selectStrategy: NonNullable<SelectStrategy>;
890
914
  openStrategy: NonNullable<OpenStrategyProp>;
891
915
  lines: false | "one" | "two" | "three";
@@ -902,6 +926,8 @@ declare const VAutocomplete: {
902
926
  density: Density;
903
927
  slim: boolean;
904
928
  valueComparator: typeof deepEqual;
929
+ activatable: boolean;
930
+ selectable: boolean;
905
931
  selectStrategy: NonNullable<SelectStrategy>;
906
932
  openStrategy: NonNullable<OpenStrategyProp>;
907
933
  lines: false | "one" | "two" | "three";
@@ -915,6 +941,7 @@ declare const VAutocomplete: {
915
941
  maxWidth?: string | number | undefined;
916
942
  minHeight?: string | number | undefined;
917
943
  minWidth?: string | number | undefined;
944
+ activated?: readonly unknown[] | undefined;
918
945
  class?: any;
919
946
  elevation?: string | number | undefined;
920
947
  theme?: string | undefined;
@@ -922,9 +949,11 @@ declare const VAutocomplete: {
922
949
  bgColor?: string | undefined;
923
950
  baseColor?: string | undefined;
924
951
  activeClass?: string | undefined;
952
+ activeStrategy?: SelectStrategy | undefined;
925
953
  activeColor?: string | undefined;
926
954
  collapseIcon?: string | undefined;
927
955
  expandIcon?: string | undefined;
956
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
928
957
  "onClick:open"?: ((value: {
929
958
  id: unknown;
930
959
  value: boolean;
@@ -935,6 +964,11 @@ declare const VAutocomplete: {
935
964
  value: boolean;
936
965
  path: unknown[];
937
966
  }) => any) | undefined;
967
+ "onClick:activate"?: ((value: {
968
+ id: unknown;
969
+ value: boolean;
970
+ path: unknown[];
971
+ }) => any) | undefined;
938
972
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
939
973
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
940
974
  nav: boolean;
@@ -946,6 +980,8 @@ declare const VAutocomplete: {
946
980
  density: Density;
947
981
  slim: boolean;
948
982
  valueComparator: typeof deepEqual;
983
+ activatable: boolean;
984
+ selectable: boolean;
949
985
  selectStrategy: NonNullable<SelectStrategy>;
950
986
  openStrategy: NonNullable<OpenStrategyProp>;
951
987
  lines: false | "one" | "two" | "three";
@@ -960,6 +996,7 @@ declare const VAutocomplete: {
960
996
  maxWidth?: string | number | undefined;
961
997
  minHeight?: string | number | undefined;
962
998
  minWidth?: string | number | undefined;
999
+ activated?: readonly unknown[] | undefined;
963
1000
  class?: any;
964
1001
  elevation?: string | number | undefined;
965
1002
  theme?: string | undefined;
@@ -967,10 +1004,12 @@ declare const VAutocomplete: {
967
1004
  bgColor?: string | undefined;
968
1005
  baseColor?: string | undefined;
969
1006
  activeClass?: string | undefined;
1007
+ activeStrategy?: SelectStrategy | undefined;
970
1008
  activeColor?: string | undefined;
971
1009
  collapseIcon?: string | undefined;
972
1010
  expandIcon?: string | undefined;
973
1011
  } & {
1012
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
974
1013
  "onClick:open"?: ((value: {
975
1014
  id: unknown;
976
1015
  value: boolean;
@@ -981,7 +1020,12 @@ declare const VAutocomplete: {
981
1020
  value: boolean;
982
1021
  path: unknown[];
983
1022
  }) => any) | undefined;
984
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
1023
+ "onClick:activate"?: ((value: {
1024
+ id: unknown;
1025
+ value: boolean;
1026
+ path: unknown[];
1027
+ }) => any) | undefined;
1028
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
985
1029
  items?: readonly any[] | undefined;
986
1030
  itemTitle?: SelectItemKey<any>;
987
1031
  itemValue?: SelectItemKey<any>;
@@ -1547,6 +1591,8 @@ declare const VAutocomplete: {
1547
1591
  density: Density;
1548
1592
  slim: boolean;
1549
1593
  valueComparator: typeof deepEqual;
1594
+ activatable: boolean;
1595
+ selectable: boolean;
1550
1596
  selectStrategy: NonNullable<SelectStrategy>;
1551
1597
  openStrategy: NonNullable<OpenStrategyProp>;
1552
1598
  lines: false | "one" | "two" | "three";
@@ -1563,6 +1609,8 @@ declare const VAutocomplete: {
1563
1609
  density: Density;
1564
1610
  slim: boolean;
1565
1611
  valueComparator: typeof deepEqual;
1612
+ activatable: boolean;
1613
+ selectable: boolean;
1566
1614
  selectStrategy: NonNullable<SelectStrategy>;
1567
1615
  openStrategy: NonNullable<OpenStrategyProp>;
1568
1616
  lines: false | "one" | "two" | "three";
@@ -1576,6 +1624,7 @@ declare const VAutocomplete: {
1576
1624
  maxWidth?: string | number | undefined;
1577
1625
  minHeight?: string | number | undefined;
1578
1626
  minWidth?: string | number | undefined;
1627
+ activated?: readonly unknown[] | undefined;
1579
1628
  class?: any;
1580
1629
  elevation?: string | number | undefined;
1581
1630
  theme?: string | undefined;
@@ -1583,9 +1632,11 @@ declare const VAutocomplete: {
1583
1632
  bgColor?: string | undefined;
1584
1633
  baseColor?: string | undefined;
1585
1634
  activeClass?: string | undefined;
1635
+ activeStrategy?: SelectStrategy | undefined;
1586
1636
  activeColor?: string | undefined;
1587
1637
  collapseIcon?: string | undefined;
1588
1638
  expandIcon?: string | undefined;
1639
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
1589
1640
  "onClick:open"?: ((value: {
1590
1641
  id: unknown;
1591
1642
  value: boolean;
@@ -1596,6 +1647,11 @@ declare const VAutocomplete: {
1596
1647
  value: boolean;
1597
1648
  path: unknown[];
1598
1649
  }) => any) | undefined;
1650
+ "onClick:activate"?: ((value: {
1651
+ id: unknown;
1652
+ value: boolean;
1653
+ path: unknown[];
1654
+ }) => any) | undefined;
1599
1655
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
1600
1656
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
1601
1657
  nav: boolean;
@@ -1607,6 +1663,8 @@ declare const VAutocomplete: {
1607
1663
  density: Density;
1608
1664
  slim: boolean;
1609
1665
  valueComparator: typeof deepEqual;
1666
+ activatable: boolean;
1667
+ selectable: boolean;
1610
1668
  selectStrategy: NonNullable<SelectStrategy>;
1611
1669
  openStrategy: NonNullable<OpenStrategyProp>;
1612
1670
  lines: false | "one" | "two" | "three";
@@ -1621,6 +1679,7 @@ declare const VAutocomplete: {
1621
1679
  maxWidth?: string | number | undefined;
1622
1680
  minHeight?: string | number | undefined;
1623
1681
  minWidth?: string | number | undefined;
1682
+ activated?: readonly unknown[] | undefined;
1624
1683
  class?: any;
1625
1684
  elevation?: string | number | undefined;
1626
1685
  theme?: string | undefined;
@@ -1628,10 +1687,12 @@ declare const VAutocomplete: {
1628
1687
  bgColor?: string | undefined;
1629
1688
  baseColor?: string | undefined;
1630
1689
  activeClass?: string | undefined;
1690
+ activeStrategy?: SelectStrategy | undefined;
1631
1691
  activeColor?: string | undefined;
1632
1692
  collapseIcon?: string | undefined;
1633
1693
  expandIcon?: string | undefined;
1634
1694
  } & {
1695
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
1635
1696
  "onClick:open"?: ((value: {
1636
1697
  id: unknown;
1637
1698
  value: boolean;
@@ -1642,7 +1703,12 @@ declare const VAutocomplete: {
1642
1703
  value: boolean;
1643
1704
  path: unknown[];
1644
1705
  }) => any) | undefined;
1645
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
1706
+ "onClick:activate"?: ((value: {
1707
+ id: unknown;
1708
+ value: boolean;
1709
+ path: unknown[];
1710
+ }) => any) | undefined;
1711
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
1646
1712
  items?: readonly any[] | undefined;
1647
1713
  itemTitle?: SelectItemKey<any>;
1648
1714
  itemValue?: SelectItemKey<any>;
@@ -2145,6 +2211,8 @@ declare const VAutocomplete: {
2145
2211
  density: Density;
2146
2212
  slim: boolean;
2147
2213
  valueComparator: typeof deepEqual;
2214
+ activatable: boolean;
2215
+ selectable: boolean;
2148
2216
  selectStrategy: NonNullable<SelectStrategy>;
2149
2217
  openStrategy: NonNullable<OpenStrategyProp>;
2150
2218
  lines: false | "one" | "two" | "three";
@@ -2161,6 +2229,8 @@ declare const VAutocomplete: {
2161
2229
  density: Density;
2162
2230
  slim: boolean;
2163
2231
  valueComparator: typeof deepEqual;
2232
+ activatable: boolean;
2233
+ selectable: boolean;
2164
2234
  selectStrategy: NonNullable<SelectStrategy>;
2165
2235
  openStrategy: NonNullable<OpenStrategyProp>;
2166
2236
  lines: false | "one" | "two" | "three";
@@ -2174,6 +2244,7 @@ declare const VAutocomplete: {
2174
2244
  maxWidth?: string | number | undefined;
2175
2245
  minHeight?: string | number | undefined;
2176
2246
  minWidth?: string | number | undefined;
2247
+ activated?: readonly unknown[] | undefined;
2177
2248
  class?: any;
2178
2249
  elevation?: string | number | undefined;
2179
2250
  theme?: string | undefined;
@@ -2181,9 +2252,11 @@ declare const VAutocomplete: {
2181
2252
  bgColor?: string | undefined;
2182
2253
  baseColor?: string | undefined;
2183
2254
  activeClass?: string | undefined;
2255
+ activeStrategy?: SelectStrategy | undefined;
2184
2256
  activeColor?: string | undefined;
2185
2257
  collapseIcon?: string | undefined;
2186
2258
  expandIcon?: string | undefined;
2259
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
2187
2260
  "onClick:open"?: ((value: {
2188
2261
  id: unknown;
2189
2262
  value: boolean;
@@ -2194,6 +2267,11 @@ declare const VAutocomplete: {
2194
2267
  value: boolean;
2195
2268
  path: unknown[];
2196
2269
  }) => any) | undefined;
2270
+ "onClick:activate"?: ((value: {
2271
+ id: unknown;
2272
+ value: boolean;
2273
+ path: unknown[];
2274
+ }) => any) | undefined;
2197
2275
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
2198
2276
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
2199
2277
  nav: boolean;
@@ -2205,6 +2283,8 @@ declare const VAutocomplete: {
2205
2283
  density: Density;
2206
2284
  slim: boolean;
2207
2285
  valueComparator: typeof deepEqual;
2286
+ activatable: boolean;
2287
+ selectable: boolean;
2208
2288
  selectStrategy: NonNullable<SelectStrategy>;
2209
2289
  openStrategy: NonNullable<OpenStrategyProp>;
2210
2290
  lines: false | "one" | "two" | "three";
@@ -2219,6 +2299,7 @@ declare const VAutocomplete: {
2219
2299
  maxWidth?: string | number | undefined;
2220
2300
  minHeight?: string | number | undefined;
2221
2301
  minWidth?: string | number | undefined;
2302
+ activated?: readonly unknown[] | undefined;
2222
2303
  class?: any;
2223
2304
  elevation?: string | number | undefined;
2224
2305
  theme?: string | undefined;
@@ -2226,10 +2307,12 @@ declare const VAutocomplete: {
2226
2307
  bgColor?: string | undefined;
2227
2308
  baseColor?: string | undefined;
2228
2309
  activeClass?: string | undefined;
2310
+ activeStrategy?: SelectStrategy | undefined;
2229
2311
  activeColor?: string | undefined;
2230
2312
  collapseIcon?: string | undefined;
2231
2313
  expandIcon?: string | undefined;
2232
2314
  } & {
2315
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
2233
2316
  "onClick:open"?: ((value: {
2234
2317
  id: unknown;
2235
2318
  value: boolean;
@@ -2240,7 +2323,12 @@ declare const VAutocomplete: {
2240
2323
  value: boolean;
2241
2324
  path: unknown[];
2242
2325
  }) => any) | undefined;
2243
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
2326
+ "onClick:activate"?: ((value: {
2327
+ id: unknown;
2328
+ value: boolean;
2329
+ path: unknown[];
2330
+ }) => any) | undefined;
2331
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
2244
2332
  items?: readonly any[] | undefined;
2245
2333
  itemTitle?: SelectItemKey<any>;
2246
2334
  itemValue?: SelectItemKey<any>;
@@ -2942,6 +3030,8 @@ declare const VAutocomplete: {
2942
3030
  density: Density;
2943
3031
  slim: boolean;
2944
3032
  valueComparator: typeof deepEqual;
3033
+ activatable: boolean;
3034
+ selectable: boolean;
2945
3035
  selectStrategy: NonNullable<SelectStrategy>;
2946
3036
  openStrategy: NonNullable<OpenStrategyProp>;
2947
3037
  lines: false | "one" | "two" | "three";
@@ -2958,6 +3048,8 @@ declare const VAutocomplete: {
2958
3048
  density: Density;
2959
3049
  slim: boolean;
2960
3050
  valueComparator: typeof deepEqual;
3051
+ activatable: boolean;
3052
+ selectable: boolean;
2961
3053
  selectStrategy: NonNullable<SelectStrategy>;
2962
3054
  openStrategy: NonNullable<OpenStrategyProp>;
2963
3055
  lines: false | "one" | "two" | "three";
@@ -2971,6 +3063,7 @@ declare const VAutocomplete: {
2971
3063
  maxWidth?: string | number | undefined;
2972
3064
  minHeight?: string | number | undefined;
2973
3065
  minWidth?: string | number | undefined;
3066
+ activated?: readonly unknown[] | undefined;
2974
3067
  class?: any;
2975
3068
  elevation?: string | number | undefined;
2976
3069
  theme?: string | undefined;
@@ -2978,9 +3071,11 @@ declare const VAutocomplete: {
2978
3071
  bgColor?: string | undefined;
2979
3072
  baseColor?: string | undefined;
2980
3073
  activeClass?: string | undefined;
3074
+ activeStrategy?: SelectStrategy | undefined;
2981
3075
  activeColor?: string | undefined;
2982
3076
  collapseIcon?: string | undefined;
2983
3077
  expandIcon?: string | undefined;
3078
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
2984
3079
  "onClick:open"?: ((value: {
2985
3080
  id: unknown;
2986
3081
  value: boolean;
@@ -2991,6 +3086,11 @@ declare const VAutocomplete: {
2991
3086
  value: boolean;
2992
3087
  path: unknown[];
2993
3088
  }) => any) | undefined;
3089
+ "onClick:activate"?: ((value: {
3090
+ id: unknown;
3091
+ value: boolean;
3092
+ path: unknown[];
3093
+ }) => any) | undefined;
2994
3094
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
2995
3095
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
2996
3096
  nav: boolean;
@@ -3002,6 +3102,8 @@ declare const VAutocomplete: {
3002
3102
  density: Density;
3003
3103
  slim: boolean;
3004
3104
  valueComparator: typeof deepEqual;
3105
+ activatable: boolean;
3106
+ selectable: boolean;
3005
3107
  selectStrategy: NonNullable<SelectStrategy>;
3006
3108
  openStrategy: NonNullable<OpenStrategyProp>;
3007
3109
  lines: false | "one" | "two" | "three";
@@ -3016,6 +3118,7 @@ declare const VAutocomplete: {
3016
3118
  maxWidth?: string | number | undefined;
3017
3119
  minHeight?: string | number | undefined;
3018
3120
  minWidth?: string | number | undefined;
3121
+ activated?: readonly unknown[] | undefined;
3019
3122
  class?: any;
3020
3123
  elevation?: string | number | undefined;
3021
3124
  theme?: string | undefined;
@@ -3023,10 +3126,12 @@ declare const VAutocomplete: {
3023
3126
  bgColor?: string | undefined;
3024
3127
  baseColor?: string | undefined;
3025
3128
  activeClass?: string | undefined;
3129
+ activeStrategy?: SelectStrategy | undefined;
3026
3130
  activeColor?: string | undefined;
3027
3131
  collapseIcon?: string | undefined;
3028
3132
  expandIcon?: string | undefined;
3029
3133
  } & {
3134
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
3030
3135
  "onClick:open"?: ((value: {
3031
3136
  id: unknown;
3032
3137
  value: boolean;
@@ -3037,7 +3142,12 @@ declare const VAutocomplete: {
3037
3142
  value: boolean;
3038
3143
  path: unknown[];
3039
3144
  }) => any) | undefined;
3040
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
3145
+ "onClick:activate"?: ((value: {
3146
+ id: unknown;
3147
+ value: boolean;
3148
+ path: unknown[];
3149
+ }) => any) | undefined;
3150
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
3041
3151
  items?: readonly any[] | undefined;
3042
3152
  itemTitle?: SelectItemKey<any>;
3043
3153
  itemValue?: SelectItemKey<any>;
@@ -3595,6 +3705,8 @@ declare const VAutocomplete: {
3595
3705
  density: Density;
3596
3706
  slim: boolean;
3597
3707
  valueComparator: typeof deepEqual;
3708
+ activatable: boolean;
3709
+ selectable: boolean;
3598
3710
  selectStrategy: NonNullable<SelectStrategy>;
3599
3711
  openStrategy: NonNullable<OpenStrategyProp>;
3600
3712
  lines: false | "one" | "two" | "three";
@@ -3611,6 +3723,8 @@ declare const VAutocomplete: {
3611
3723
  density: Density;
3612
3724
  slim: boolean;
3613
3725
  valueComparator: typeof deepEqual;
3726
+ activatable: boolean;
3727
+ selectable: boolean;
3614
3728
  selectStrategy: NonNullable<SelectStrategy>;
3615
3729
  openStrategy: NonNullable<OpenStrategyProp>;
3616
3730
  lines: false | "one" | "two" | "three";
@@ -3624,6 +3738,7 @@ declare const VAutocomplete: {
3624
3738
  maxWidth?: string | number | undefined;
3625
3739
  minHeight?: string | number | undefined;
3626
3740
  minWidth?: string | number | undefined;
3741
+ activated?: readonly unknown[] | undefined;
3627
3742
  class?: any;
3628
3743
  elevation?: string | number | undefined;
3629
3744
  theme?: string | undefined;
@@ -3631,9 +3746,11 @@ declare const VAutocomplete: {
3631
3746
  bgColor?: string | undefined;
3632
3747
  baseColor?: string | undefined;
3633
3748
  activeClass?: string | undefined;
3749
+ activeStrategy?: SelectStrategy | undefined;
3634
3750
  activeColor?: string | undefined;
3635
3751
  collapseIcon?: string | undefined;
3636
3752
  expandIcon?: string | undefined;
3753
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
3637
3754
  "onClick:open"?: ((value: {
3638
3755
  id: unknown;
3639
3756
  value: boolean;
@@ -3644,6 +3761,11 @@ declare const VAutocomplete: {
3644
3761
  value: boolean;
3645
3762
  path: unknown[];
3646
3763
  }) => any) | undefined;
3764
+ "onClick:activate"?: ((value: {
3765
+ id: unknown;
3766
+ value: boolean;
3767
+ path: unknown[];
3768
+ }) => any) | undefined;
3647
3769
  } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
3648
3770
  variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
3649
3771
  nav: boolean;
@@ -3655,6 +3777,8 @@ declare const VAutocomplete: {
3655
3777
  density: Density;
3656
3778
  slim: boolean;
3657
3779
  valueComparator: typeof deepEqual;
3780
+ activatable: boolean;
3781
+ selectable: boolean;
3658
3782
  selectStrategy: NonNullable<SelectStrategy>;
3659
3783
  openStrategy: NonNullable<OpenStrategyProp>;
3660
3784
  lines: false | "one" | "two" | "three";
@@ -3669,6 +3793,7 @@ declare const VAutocomplete: {
3669
3793
  maxWidth?: string | number | undefined;
3670
3794
  minHeight?: string | number | undefined;
3671
3795
  minWidth?: string | number | undefined;
3796
+ activated?: readonly unknown[] | undefined;
3672
3797
  class?: any;
3673
3798
  elevation?: string | number | undefined;
3674
3799
  theme?: string | undefined;
@@ -3676,10 +3801,12 @@ declare const VAutocomplete: {
3676
3801
  bgColor?: string | undefined;
3677
3802
  baseColor?: string | undefined;
3678
3803
  activeClass?: string | undefined;
3804
+ activeStrategy?: SelectStrategy | undefined;
3679
3805
  activeColor?: string | undefined;
3680
3806
  collapseIcon?: string | undefined;
3681
3807
  expandIcon?: string | undefined;
3682
3808
  } & {
3809
+ "onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
3683
3810
  "onClick:open"?: ((value: {
3684
3811
  id: unknown;
3685
3812
  value: boolean;
@@ -3690,7 +3817,12 @@ declare const VAutocomplete: {
3690
3817
  value: boolean;
3691
3818
  path: unknown[];
3692
3819
  }) => any) | undefined;
3693
- }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
3820
+ "onClick:activate"?: ((value: {
3821
+ id: unknown;
3822
+ value: boolean;
3823
+ path: unknown[];
3824
+ }) => any) | undefined;
3825
+ }, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
3694
3826
  items?: readonly any[] | undefined;
3695
3827
  itemTitle?: SelectItemKey<any>;
3696
3828
  itemValue?: SelectItemKey<any>;
@@ -25,6 +25,7 @@
25
25
  display: flex;
26
26
  flex: 1 0 auto;
27
27
  flex-direction: column;
28
+ padding-inline-end: 16px;
28
29
  }
29
30
 
30
31
  .v-color-picker-preview__dot {
@@ -25,6 +25,7 @@
25
25
  display: flex
26
26
  flex: 1 0 auto
27
27
  flex-direction: column
28
+ padding-inline-end: $color-picker-preview-sliders-padding
28
29
 
29
30
  .v-color-picker-preview__dot
30
31
  position: relative
@@ -27,3 +27,4 @@ $color-picker-canvas-dot-size: 15px !default;
27
27
  $color-picker-preview-dot-size: 30px !default;
28
28
  $color-picker-preview-dot-margin: 24px !default;
29
29
  $color-picker-preview-dropper-margin: 12px !default;
30
+ $color-picker-preview-sliders-padding: 16px !default;
@@ -338,9 +338,11 @@ export const VCombobox = genericComponent()({
338
338
  });
339
339
  }
340
340
  });
341
- watch(() => props.items, val => {
342
- if (!isFocused.value || !val.length || menu.value) return;
343
- menu.value = true;
341
+ watch(() => props.items, (newVal, oldVal) => {
342
+ if (menu.value) return;
343
+ if (isFocused.value && !oldVal.length && newVal.length) {
344
+ menu.value = true;
345
+ }
344
346
  });
345
347
  useRender(() => {
346
348
  const hasList = !!(!props.hideNoData || displayItems.value.length || slots['prepend-item'] || slots['append-item'] || slots['no-data']);