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.
- package/dist/json/attributes.json +419 -7
- package/dist/json/importMap-labs.json +20 -8
- package/dist/json/importMap.json +150 -150
- package/dist/json/tags.json +118 -0
- package/dist/json/web-types.json +1315 -8
- package/dist/vuetify-labs.css +1437 -1420
- package/dist/vuetify-labs.d.ts +3021 -692
- package/dist/vuetify-labs.esm.js +790 -230
- package/dist/vuetify-labs.esm.js.map +1 -1
- package/dist/vuetify-labs.js +790 -230
- package/dist/vuetify-labs.min.css +2 -2
- package/dist/vuetify.css +592 -591
- package/dist/vuetify.d.ts +569 -68
- package/dist/vuetify.esm.js +220 -20
- package/dist/vuetify.esm.js.map +1 -1
- package/dist/vuetify.js +220 -20
- package/dist/vuetify.js.map +1 -1
- package/dist/vuetify.min.css +2 -2
- package/dist/vuetify.min.js +486 -466
- package/dist/vuetify.min.js.map +1 -1
- package/lib/components/VAutocomplete/VAutocomplete.mjs +5 -3
- package/lib/components/VAutocomplete/VAutocomplete.mjs.map +1 -1
- package/lib/components/VAutocomplete/index.d.mts +138 -6
- package/lib/components/VColorPicker/VColorPickerPreview.css +1 -0
- package/lib/components/VColorPicker/VColorPickerPreview.sass +1 -0
- package/lib/components/VColorPicker/_variables.scss +1 -0
- package/lib/components/VCombobox/VCombobox.mjs +5 -3
- package/lib/components/VCombobox/VCombobox.mjs.map +1 -1
- package/lib/components/VCombobox/index.d.mts +138 -6
- package/lib/components/VDatePicker/VDatePickerControls.mjs +1 -0
- package/lib/components/VDatePicker/VDatePickerControls.mjs.map +1 -1
- package/lib/components/VList/VList.mjs +8 -2
- package/lib/components/VList/VList.mjs.map +1 -1
- package/lib/components/VList/VListGroup.mjs +3 -1
- package/lib/components/VList/VListGroup.mjs.map +1 -1
- package/lib/components/VList/VListItem.mjs +17 -4
- package/lib/components/VList/VListItem.mjs.map +1 -1
- package/lib/components/VList/index.d.mts +108 -6
- package/lib/components/VSelect/VSelect.mjs +5 -3
- package/lib/components/VSelect/VSelect.mjs.map +1 -1
- package/lib/components/VSelect/index.d.mts +138 -6
- package/lib/components/index.d.mts +522 -24
- package/lib/composables/nested/activeStrategies.mjs +121 -0
- package/lib/composables/nested/activeStrategies.mjs.map +1 -0
- package/lib/composables/nested/nested.mjs +50 -1
- package/lib/composables/nested/nested.mjs.map +1 -1
- package/lib/composables/nested/selectStrategies.mjs +4 -2
- package/lib/composables/nested/selectStrategies.mjs.map +1 -1
- package/lib/entry-bundler.mjs +1 -1
- package/lib/framework.mjs +1 -1
- package/lib/iconsets/fa.mjs +2 -0
- package/lib/iconsets/fa.mjs.map +1 -1
- package/lib/iconsets/fa4.mjs +2 -0
- package/lib/iconsets/fa4.mjs.map +1 -1
- package/lib/iconsets/md.mjs +2 -0
- package/lib/iconsets/md.mjs.map +1 -1
- package/lib/iconsets/mdi-svg.mjs +2 -0
- package/lib/iconsets/mdi-svg.mjs.map +1 -1
- package/lib/iconsets/mdi.mjs +2 -0
- package/lib/iconsets/mdi.mjs.map +1 -1
- package/lib/index.d.mts +47 -44
- package/lib/labs/VTreeview/VTreeview.mjs +154 -0
- package/lib/labs/VTreeview/VTreeview.mjs.map +1 -0
- package/lib/labs/VTreeview/VTreeviewChildren.mjs +98 -0
- package/lib/labs/VTreeview/VTreeviewChildren.mjs.map +1 -0
- package/lib/labs/VTreeview/VTreeviewGroup.mjs +48 -0
- package/lib/labs/VTreeview/VTreeviewGroup.mjs.map +1 -0
- package/lib/labs/VTreeview/VTreeviewItem.css +17 -0
- package/lib/labs/VTreeview/VTreeviewItem.mjs +86 -0
- package/lib/labs/VTreeview/VTreeviewItem.mjs.map +1 -0
- package/lib/labs/VTreeview/VTreeviewItem.sass +19 -0
- package/lib/labs/VTreeview/index.d.mts +1975 -0
- package/lib/labs/VTreeview/index.mjs +4 -0
- package/lib/labs/VTreeview/index.mjs.map +1 -0
- package/lib/labs/VTreeview/shared.mjs +4 -0
- package/lib/labs/VTreeview/shared.mjs.map +1 -0
- package/lib/labs/VTreeview/variables.scss +8 -0
- package/lib/labs/components.d.mts +3708 -1773
- package/lib/labs/components.mjs +3 -2
- package/lib/labs/components.mjs.map +1 -1
- 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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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>;
|
|
@@ -338,9 +338,11 @@ export const VCombobox = genericComponent()({
|
|
|
338
338
|
});
|
|
339
339
|
}
|
|
340
340
|
});
|
|
341
|
-
watch(() => props.items,
|
|
342
|
-
if (
|
|
343
|
-
|
|
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']);
|