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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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 VCombobox: {
|
|
|
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>;
|
|
@@ -2948,6 +3036,8 @@ declare const VCombobox: {
|
|
|
2948
3036
|
density: Density;
|
|
2949
3037
|
slim: boolean;
|
|
2950
3038
|
valueComparator: typeof deepEqual;
|
|
3039
|
+
activatable: boolean;
|
|
3040
|
+
selectable: boolean;
|
|
2951
3041
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
2952
3042
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
2953
3043
|
lines: false | "one" | "two" | "three";
|
|
@@ -2964,6 +3054,8 @@ declare const VCombobox: {
|
|
|
2964
3054
|
density: Density;
|
|
2965
3055
|
slim: boolean;
|
|
2966
3056
|
valueComparator: typeof deepEqual;
|
|
3057
|
+
activatable: boolean;
|
|
3058
|
+
selectable: boolean;
|
|
2967
3059
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
2968
3060
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
2969
3061
|
lines: false | "one" | "two" | "three";
|
|
@@ -2977,6 +3069,7 @@ declare const VCombobox: {
|
|
|
2977
3069
|
maxWidth?: string | number | undefined;
|
|
2978
3070
|
minHeight?: string | number | undefined;
|
|
2979
3071
|
minWidth?: string | number | undefined;
|
|
3072
|
+
activated?: readonly unknown[] | undefined;
|
|
2980
3073
|
class?: any;
|
|
2981
3074
|
elevation?: string | number | undefined;
|
|
2982
3075
|
theme?: string | undefined;
|
|
@@ -2984,9 +3077,11 @@ declare const VCombobox: {
|
|
|
2984
3077
|
bgColor?: string | undefined;
|
|
2985
3078
|
baseColor?: string | undefined;
|
|
2986
3079
|
activeClass?: string | undefined;
|
|
3080
|
+
activeStrategy?: SelectStrategy | undefined;
|
|
2987
3081
|
activeColor?: string | undefined;
|
|
2988
3082
|
collapseIcon?: string | undefined;
|
|
2989
3083
|
expandIcon?: string | undefined;
|
|
3084
|
+
"onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
|
|
2990
3085
|
"onClick:open"?: ((value: {
|
|
2991
3086
|
id: unknown;
|
|
2992
3087
|
value: boolean;
|
|
@@ -2997,6 +3092,11 @@ declare const VCombobox: {
|
|
|
2997
3092
|
value: boolean;
|
|
2998
3093
|
path: unknown[];
|
|
2999
3094
|
}) => any) | undefined;
|
|
3095
|
+
"onClick:activate"?: ((value: {
|
|
3096
|
+
id: unknown;
|
|
3097
|
+
value: boolean;
|
|
3098
|
+
path: unknown[];
|
|
3099
|
+
}) => any) | undefined;
|
|
3000
3100
|
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
3001
3101
|
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
3002
3102
|
nav: boolean;
|
|
@@ -3008,6 +3108,8 @@ declare const VCombobox: {
|
|
|
3008
3108
|
density: Density;
|
|
3009
3109
|
slim: boolean;
|
|
3010
3110
|
valueComparator: typeof deepEqual;
|
|
3111
|
+
activatable: boolean;
|
|
3112
|
+
selectable: boolean;
|
|
3011
3113
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
3012
3114
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
3013
3115
|
lines: false | "one" | "two" | "three";
|
|
@@ -3022,6 +3124,7 @@ declare const VCombobox: {
|
|
|
3022
3124
|
maxWidth?: string | number | undefined;
|
|
3023
3125
|
minHeight?: string | number | undefined;
|
|
3024
3126
|
minWidth?: string | number | undefined;
|
|
3127
|
+
activated?: readonly unknown[] | undefined;
|
|
3025
3128
|
class?: any;
|
|
3026
3129
|
elevation?: string | number | undefined;
|
|
3027
3130
|
theme?: string | undefined;
|
|
@@ -3029,10 +3132,12 @@ declare const VCombobox: {
|
|
|
3029
3132
|
bgColor?: string | undefined;
|
|
3030
3133
|
baseColor?: string | undefined;
|
|
3031
3134
|
activeClass?: string | undefined;
|
|
3135
|
+
activeStrategy?: SelectStrategy | undefined;
|
|
3032
3136
|
activeColor?: string | undefined;
|
|
3033
3137
|
collapseIcon?: string | undefined;
|
|
3034
3138
|
expandIcon?: string | undefined;
|
|
3035
3139
|
} & {
|
|
3140
|
+
"onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
|
|
3036
3141
|
"onClick:open"?: ((value: {
|
|
3037
3142
|
id: unknown;
|
|
3038
3143
|
value: boolean;
|
|
@@ -3043,7 +3148,12 @@ declare const VCombobox: {
|
|
|
3043
3148
|
value: boolean;
|
|
3044
3149
|
path: unknown[];
|
|
3045
3150
|
}) => any) | undefined;
|
|
3046
|
-
|
|
3151
|
+
"onClick:activate"?: ((value: {
|
|
3152
|
+
id: unknown;
|
|
3153
|
+
value: boolean;
|
|
3154
|
+
path: unknown[];
|
|
3155
|
+
}) => any) | undefined;
|
|
3156
|
+
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
|
|
3047
3157
|
items?: readonly any[] | undefined;
|
|
3048
3158
|
itemTitle?: SelectItemKey<any>;
|
|
3049
3159
|
itemValue?: SelectItemKey<any>;
|
|
@@ -3610,6 +3720,8 @@ declare const VCombobox: {
|
|
|
3610
3720
|
density: Density;
|
|
3611
3721
|
slim: boolean;
|
|
3612
3722
|
valueComparator: typeof deepEqual;
|
|
3723
|
+
activatable: boolean;
|
|
3724
|
+
selectable: boolean;
|
|
3613
3725
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
3614
3726
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
3615
3727
|
lines: false | "one" | "two" | "three";
|
|
@@ -3626,6 +3738,8 @@ declare const VCombobox: {
|
|
|
3626
3738
|
density: Density;
|
|
3627
3739
|
slim: boolean;
|
|
3628
3740
|
valueComparator: typeof deepEqual;
|
|
3741
|
+
activatable: boolean;
|
|
3742
|
+
selectable: boolean;
|
|
3629
3743
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
3630
3744
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
3631
3745
|
lines: false | "one" | "two" | "three";
|
|
@@ -3639,6 +3753,7 @@ declare const VCombobox: {
|
|
|
3639
3753
|
maxWidth?: string | number | undefined;
|
|
3640
3754
|
minHeight?: string | number | undefined;
|
|
3641
3755
|
minWidth?: string | number | undefined;
|
|
3756
|
+
activated?: readonly unknown[] | undefined;
|
|
3642
3757
|
class?: any;
|
|
3643
3758
|
elevation?: string | number | undefined;
|
|
3644
3759
|
theme?: string | undefined;
|
|
@@ -3646,9 +3761,11 @@ declare const VCombobox: {
|
|
|
3646
3761
|
bgColor?: string | undefined;
|
|
3647
3762
|
baseColor?: string | undefined;
|
|
3648
3763
|
activeClass?: string | undefined;
|
|
3764
|
+
activeStrategy?: SelectStrategy | undefined;
|
|
3649
3765
|
activeColor?: string | undefined;
|
|
3650
3766
|
collapseIcon?: string | undefined;
|
|
3651
3767
|
expandIcon?: string | undefined;
|
|
3768
|
+
"onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
|
|
3652
3769
|
"onClick:open"?: ((value: {
|
|
3653
3770
|
id: unknown;
|
|
3654
3771
|
value: boolean;
|
|
@@ -3659,6 +3776,11 @@ declare const VCombobox: {
|
|
|
3659
3776
|
value: boolean;
|
|
3660
3777
|
path: unknown[];
|
|
3661
3778
|
}) => any) | undefined;
|
|
3779
|
+
"onClick:activate"?: ((value: {
|
|
3780
|
+
id: unknown;
|
|
3781
|
+
value: boolean;
|
|
3782
|
+
path: unknown[];
|
|
3783
|
+
}) => any) | undefined;
|
|
3662
3784
|
} & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
|
|
3663
3785
|
variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
|
|
3664
3786
|
nav: boolean;
|
|
@@ -3670,6 +3792,8 @@ declare const VCombobox: {
|
|
|
3670
3792
|
density: Density;
|
|
3671
3793
|
slim: boolean;
|
|
3672
3794
|
valueComparator: typeof deepEqual;
|
|
3795
|
+
activatable: boolean;
|
|
3796
|
+
selectable: boolean;
|
|
3673
3797
|
selectStrategy: NonNullable<SelectStrategy>;
|
|
3674
3798
|
openStrategy: NonNullable<OpenStrategyProp>;
|
|
3675
3799
|
lines: false | "one" | "two" | "three";
|
|
@@ -3684,6 +3808,7 @@ declare const VCombobox: {
|
|
|
3684
3808
|
maxWidth?: string | number | undefined;
|
|
3685
3809
|
minHeight?: string | number | undefined;
|
|
3686
3810
|
minWidth?: string | number | undefined;
|
|
3811
|
+
activated?: readonly unknown[] | undefined;
|
|
3687
3812
|
class?: any;
|
|
3688
3813
|
elevation?: string | number | undefined;
|
|
3689
3814
|
theme?: string | undefined;
|
|
@@ -3691,10 +3816,12 @@ declare const VCombobox: {
|
|
|
3691
3816
|
bgColor?: string | undefined;
|
|
3692
3817
|
baseColor?: string | undefined;
|
|
3693
3818
|
activeClass?: string | undefined;
|
|
3819
|
+
activeStrategy?: SelectStrategy | undefined;
|
|
3694
3820
|
activeColor?: string | undefined;
|
|
3695
3821
|
collapseIcon?: string | undefined;
|
|
3696
3822
|
expandIcon?: string | undefined;
|
|
3697
3823
|
} & {
|
|
3824
|
+
"onUpdate:activated"?: ((value: unknown[]) => any) | undefined;
|
|
3698
3825
|
"onClick:open"?: ((value: {
|
|
3699
3826
|
id: unknown;
|
|
3700
3827
|
value: boolean;
|
|
@@ -3705,7 +3832,12 @@ declare const VCombobox: {
|
|
|
3705
3832
|
value: boolean;
|
|
3706
3833
|
path: unknown[];
|
|
3707
3834
|
}) => any) | undefined;
|
|
3708
|
-
|
|
3835
|
+
"onClick:activate"?: ((value: {
|
|
3836
|
+
id: unknown;
|
|
3837
|
+
value: boolean;
|
|
3838
|
+
path: unknown[];
|
|
3839
|
+
}) => any) | undefined;
|
|
3840
|
+
}, "variant" | "nav" | "style" | "disabled" | "tag" | "mandatory" | "rounded" | "tile" | "density" | "slim" | "valueComparator" | "activatable" | "selectable" | "selectStrategy" | "openStrategy" | "lines" | "returnObject" | "itemType"> & {
|
|
3709
3841
|
items?: readonly any[] | undefined;
|
|
3710
3842
|
itemTitle?: SelectItemKey<any>;
|
|
3711
3843
|
itemValue?: SelectItemKey<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VDatePickerControls.mjs","names":["VBtn","VSpacer","computed","genericComponent","propsFactory","useRender","makeVDatePickerControlsProps","active","type","String","Array","default","undefined","disabled","Boolean","nextIcon","prevIcon","modeIcon","text","viewMode","VDatePickerControls","name","props","emits","click:year","click:month","click:prev","click:next","click:text","setup","_ref","emit","disableMonth","isArray","includes","disableYear","disablePrev","disableNext","onClickPrev","onClickNext","onClickYear","onClickMonth","_createVNode","value"],"sources":["../../../src/components/VDatePicker/VDatePickerControls.tsx"],"sourcesContent":["// Styles\nimport './VDatePickerControls.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VSpacer } from '@/components/VGrid'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVDatePickerControlsProps = propsFactory({\n active: {\n type: [String, Array] as PropType<string | string[]>,\n default: undefined,\n },\n disabled: {\n type: [Boolean, String, Array] as PropType<boolean | string | string[]>,\n default: false,\n },\n nextIcon: {\n type: [String],\n default: '$next',\n },\n prevIcon: {\n type: [String],\n default: '$prev',\n },\n modeIcon: {\n type: [String],\n default: '$subgroup',\n },\n text: String,\n viewMode: {\n type: String as PropType<'month' | 'months' | 'year'>,\n default: 'month',\n },\n}, 'VDatePickerControls')\n\nexport const VDatePickerControls = genericComponent()({\n name: 'VDatePickerControls',\n\n props: makeVDatePickerControlsProps(),\n\n emits: {\n 'click:year': () => true,\n 'click:month': () => true,\n 'click:prev': () => true,\n 'click:next': () => true,\n 'click:text': () => true,\n },\n\n setup (props, { emit }) {\n const disableMonth = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('text')\n : !!props.disabled\n })\n const disableYear = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('mode')\n : !!props.disabled\n })\n const disablePrev = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('prev')\n : !!props.disabled\n })\n const disableNext = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('next')\n : !!props.disabled\n })\n\n function onClickPrev () {\n emit('click:prev')\n }\n\n function onClickNext () {\n emit('click:next')\n }\n\n function onClickYear () {\n emit('click:year')\n }\n\n function onClickMonth () {\n emit('click:month')\n }\n\n useRender(() => {\n return (\n <div\n class={[\n 'v-date-picker-controls',\n ]}\n >\n <VBtn\n class=\"v-date-picker-controls__month-btn\"\n disabled={ disableMonth.value }\n text={ props.text }\n variant=\"text\"\n rounded\n onClick={ onClickMonth }\n ></VBtn>\n\n <VBtn\n key=\"mode-btn\"\n class=\"v-date-picker-controls__mode-btn\"\n disabled={ disableYear.value }\n density=\"comfortable\"\n icon={ props.modeIcon }\n variant=\"text\"\n onClick={ onClickYear }\n />\n\n <VSpacer key=\"mode-spacer\" />\n\n <div\n key=\"month-buttons\"\n class=\"v-date-picker-controls__month\"\n >\n <VBtn\n disabled={ disablePrev.value }\n icon={ props.prevIcon }\n variant=\"text\"\n onClick={ onClickPrev }\n />\n\n <VBtn\n disabled={ disableNext.value }\n icon={ props.nextIcon }\n variant=\"text\"\n onClick={ onClickNext }\n />\n </div>\n </div>\n )\n })\n\n return {}\n },\n})\n\nexport type VDatePickerControls = InstanceType<typeof VDatePickerControls>\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"VDatePickerControls.mjs","names":["VBtn","VSpacer","computed","genericComponent","propsFactory","useRender","makeVDatePickerControlsProps","active","type","String","Array","default","undefined","disabled","Boolean","nextIcon","prevIcon","modeIcon","text","viewMode","VDatePickerControls","name","props","emits","click:year","click:month","click:prev","click:next","click:text","setup","_ref","emit","disableMonth","isArray","includes","disableYear","disablePrev","disableNext","onClickPrev","onClickNext","onClickYear","onClickMonth","_createVNode","value"],"sources":["../../../src/components/VDatePicker/VDatePickerControls.tsx"],"sourcesContent":["// Styles\nimport './VDatePickerControls.sass'\n\n// Components\nimport { VBtn } from '@/components/VBtn'\nimport { VSpacer } from '@/components/VGrid'\n\n// Utilities\nimport { computed } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const makeVDatePickerControlsProps = propsFactory({\n active: {\n type: [String, Array] as PropType<string | string[]>,\n default: undefined,\n },\n disabled: {\n type: [Boolean, String, Array] as PropType<boolean | string | string[]>,\n default: false,\n },\n nextIcon: {\n type: [String],\n default: '$next',\n },\n prevIcon: {\n type: [String],\n default: '$prev',\n },\n modeIcon: {\n type: [String],\n default: '$subgroup',\n },\n text: String,\n viewMode: {\n type: String as PropType<'month' | 'months' | 'year'>,\n default: 'month',\n },\n}, 'VDatePickerControls')\n\nexport const VDatePickerControls = genericComponent()({\n name: 'VDatePickerControls',\n\n props: makeVDatePickerControlsProps(),\n\n emits: {\n 'click:year': () => true,\n 'click:month': () => true,\n 'click:prev': () => true,\n 'click:next': () => true,\n 'click:text': () => true,\n },\n\n setup (props, { emit }) {\n const disableMonth = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('text')\n : !!props.disabled\n })\n const disableYear = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('mode')\n : !!props.disabled\n })\n const disablePrev = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('prev')\n : !!props.disabled\n })\n const disableNext = computed(() => {\n return Array.isArray(props.disabled)\n ? props.disabled.includes('next')\n : !!props.disabled\n })\n\n function onClickPrev () {\n emit('click:prev')\n }\n\n function onClickNext () {\n emit('click:next')\n }\n\n function onClickYear () {\n emit('click:year')\n }\n\n function onClickMonth () {\n emit('click:month')\n }\n\n useRender(() => {\n // TODO: add slot support and scope defaults\n return (\n <div\n class={[\n 'v-date-picker-controls',\n ]}\n >\n <VBtn\n class=\"v-date-picker-controls__month-btn\"\n disabled={ disableMonth.value }\n text={ props.text }\n variant=\"text\"\n rounded\n onClick={ onClickMonth }\n ></VBtn>\n\n <VBtn\n key=\"mode-btn\"\n class=\"v-date-picker-controls__mode-btn\"\n disabled={ disableYear.value }\n density=\"comfortable\"\n icon={ props.modeIcon }\n variant=\"text\"\n onClick={ onClickYear }\n />\n\n <VSpacer key=\"mode-spacer\" />\n\n <div\n key=\"month-buttons\"\n class=\"v-date-picker-controls__month\"\n >\n <VBtn\n disabled={ disablePrev.value }\n icon={ props.prevIcon }\n variant=\"text\"\n onClick={ onClickPrev }\n />\n\n <VBtn\n disabled={ disableNext.value }\n icon={ props.nextIcon }\n variant=\"text\"\n onClick={ onClickNext }\n />\n </div>\n </div>\n )\n })\n\n return {}\n },\n})\n\nexport type VDatePickerControls = InstanceType<typeof VDatePickerControls>\n"],"mappings":"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"}
|
|
@@ -50,7 +50,7 @@ function transformItems(props, items) {
|
|
|
50
50
|
}
|
|
51
51
|
return array;
|
|
52
52
|
}
|
|
53
|
-
function useListItems(props) {
|
|
53
|
+
export function useListItems(props) {
|
|
54
54
|
const items = computed(() => transformItems(props, props.items));
|
|
55
55
|
return {
|
|
56
56
|
items
|
|
@@ -97,8 +97,10 @@ export const VList = genericComponent()({
|
|
|
97
97
|
props: makeVListProps(),
|
|
98
98
|
emits: {
|
|
99
99
|
'update:selected': value => true,
|
|
100
|
+
'update:activated': value => true,
|
|
100
101
|
'update:opened': value => true,
|
|
101
102
|
'click:open': value => true,
|
|
103
|
+
'click:activate': value => true,
|
|
102
104
|
'click:select': value => true
|
|
103
105
|
},
|
|
104
106
|
setup(props, _ref) {
|
|
@@ -131,7 +133,9 @@ export const VList = genericComponent()({
|
|
|
131
133
|
roundedClasses
|
|
132
134
|
} = useRounded(props);
|
|
133
135
|
const {
|
|
136
|
+
children,
|
|
134
137
|
open,
|
|
138
|
+
parents,
|
|
135
139
|
select
|
|
136
140
|
} = useNested(props);
|
|
137
141
|
const lineClasses = computed(() => props.lines ? `v-list--${props.lines}-line` : undefined);
|
|
@@ -221,7 +225,9 @@ export const VList = genericComponent()({
|
|
|
221
225
|
return {
|
|
222
226
|
open,
|
|
223
227
|
select,
|
|
224
|
-
focus
|
|
228
|
+
focus,
|
|
229
|
+
children,
|
|
230
|
+
parents
|
|
225
231
|
};
|
|
226
232
|
}
|
|
227
233
|
});
|