@spectrum-web-components/menu 0.16.13 → 0.16.14
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/custom-elements.json +65 -59
- package/package.json +5 -5
- package/src/MenuDivider.d.ts +8 -3
- package/src/MenuDivider.dev.js +9 -4
- package/src/MenuDivider.dev.js.map +2 -2
- package/src/MenuDivider.js +1 -1
- package/src/MenuDivider.js.map +3 -3
- package/stories/menu-divider.stories.js +32 -0
- package/stories/menu-divider.stories.js.map +7 -0
- package/test/menu-divider.test-vrt.js +5 -0
- package/test/menu-divider.test-vrt.js.map +7 -0
package/custom-elements.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"modules": [
|
|
5
5
|
{
|
|
6
6
|
"kind": "javascript-module",
|
|
7
|
-
"path": "sp-menu-divider.
|
|
7
|
+
"path": "sp-menu-divider.ts",
|
|
8
8
|
"declarations": [],
|
|
9
9
|
"exports": [
|
|
10
10
|
{
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
{
|
|
21
21
|
"kind": "javascript-module",
|
|
22
|
-
"path": "sp-menu-group.
|
|
22
|
+
"path": "sp-menu-group.ts",
|
|
23
23
|
"declarations": [],
|
|
24
24
|
"exports": [
|
|
25
25
|
{
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
"kind": "javascript-module",
|
|
37
|
-
"path": "sp-menu-item.
|
|
37
|
+
"path": "sp-menu-item.ts",
|
|
38
38
|
"declarations": [],
|
|
39
39
|
"exports": [
|
|
40
40
|
{
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
},
|
|
50
50
|
{
|
|
51
51
|
"kind": "javascript-module",
|
|
52
|
-
"path": "sp-menu.
|
|
52
|
+
"path": "sp-menu.ts",
|
|
53
53
|
"declarations": [],
|
|
54
54
|
"exports": [
|
|
55
55
|
{
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
},
|
|
65
65
|
{
|
|
66
66
|
"kind": "javascript-module",
|
|
67
|
-
"path": "src/Menu.
|
|
67
|
+
"path": "src/Menu.ts",
|
|
68
68
|
"declarations": [
|
|
69
69
|
{
|
|
70
70
|
"kind": "class",
|
|
@@ -666,20 +666,26 @@
|
|
|
666
666
|
"name": "Menu",
|
|
667
667
|
"declaration": {
|
|
668
668
|
"name": "Menu",
|
|
669
|
-
"module": "src/Menu.
|
|
669
|
+
"module": "src/Menu.ts"
|
|
670
670
|
}
|
|
671
671
|
}
|
|
672
672
|
]
|
|
673
673
|
},
|
|
674
674
|
{
|
|
675
675
|
"kind": "javascript-module",
|
|
676
|
-
"path": "src/MenuDivider.
|
|
676
|
+
"path": "src/MenuDivider.ts",
|
|
677
677
|
"declarations": [
|
|
678
678
|
{
|
|
679
679
|
"kind": "class",
|
|
680
680
|
"description": "",
|
|
681
681
|
"name": "MenuDivider",
|
|
682
682
|
"members": [],
|
|
683
|
+
"mixins": [
|
|
684
|
+
{
|
|
685
|
+
"name": "SizedMixin",
|
|
686
|
+
"package": "@spectrum-web-components/base"
|
|
687
|
+
}
|
|
688
|
+
],
|
|
683
689
|
"superclass": {
|
|
684
690
|
"name": "SpectrumElement",
|
|
685
691
|
"package": "@spectrum-web-components/base"
|
|
@@ -694,14 +700,14 @@
|
|
|
694
700
|
"name": "MenuDivider",
|
|
695
701
|
"declaration": {
|
|
696
702
|
"name": "MenuDivider",
|
|
697
|
-
"module": "src/MenuDivider.
|
|
703
|
+
"module": "src/MenuDivider.ts"
|
|
698
704
|
}
|
|
699
705
|
}
|
|
700
706
|
]
|
|
701
707
|
},
|
|
702
708
|
{
|
|
703
709
|
"kind": "javascript-module",
|
|
704
|
-
"path": "src/MenuGroup.
|
|
710
|
+
"path": "src/MenuGroup.ts",
|
|
705
711
|
"declarations": [
|
|
706
712
|
{
|
|
707
713
|
"kind": "class",
|
|
@@ -762,7 +768,7 @@
|
|
|
762
768
|
"privacy": "protected",
|
|
763
769
|
"inheritedFrom": {
|
|
764
770
|
"name": "Menu",
|
|
765
|
-
"module": "src/Menu.
|
|
771
|
+
"module": "src/Menu.ts"
|
|
766
772
|
}
|
|
767
773
|
},
|
|
768
774
|
{
|
|
@@ -785,7 +791,7 @@
|
|
|
785
791
|
"default": "false",
|
|
786
792
|
"inheritedFrom": {
|
|
787
793
|
"name": "Menu",
|
|
788
|
-
"module": "src/Menu.
|
|
794
|
+
"module": "src/Menu.ts"
|
|
789
795
|
}
|
|
790
796
|
},
|
|
791
797
|
{
|
|
@@ -800,7 +806,7 @@
|
|
|
800
806
|
"reflects": true,
|
|
801
807
|
"inheritedFrom": {
|
|
802
808
|
"name": "Menu",
|
|
803
|
-
"module": "src/Menu.
|
|
809
|
+
"module": "src/Menu.ts"
|
|
804
810
|
}
|
|
805
811
|
},
|
|
806
812
|
{
|
|
@@ -814,7 +820,7 @@
|
|
|
814
820
|
"reflects": true,
|
|
815
821
|
"inheritedFrom": {
|
|
816
822
|
"name": "Menu",
|
|
817
|
-
"module": "src/Menu.
|
|
823
|
+
"module": "src/Menu.ts"
|
|
818
824
|
}
|
|
819
825
|
},
|
|
820
826
|
{
|
|
@@ -828,7 +834,7 @@
|
|
|
828
834
|
"attribute": "value",
|
|
829
835
|
"inheritedFrom": {
|
|
830
836
|
"name": "Menu",
|
|
831
|
-
"module": "src/Menu.
|
|
837
|
+
"module": "src/Menu.ts"
|
|
832
838
|
}
|
|
833
839
|
},
|
|
834
840
|
{
|
|
@@ -842,7 +848,7 @@
|
|
|
842
848
|
"attribute": "value-separator",
|
|
843
849
|
"inheritedFrom": {
|
|
844
850
|
"name": "Menu",
|
|
845
|
-
"module": "src/Menu.
|
|
851
|
+
"module": "src/Menu.ts"
|
|
846
852
|
}
|
|
847
853
|
},
|
|
848
854
|
{
|
|
@@ -852,7 +858,7 @@
|
|
|
852
858
|
"default": "[]",
|
|
853
859
|
"inheritedFrom": {
|
|
854
860
|
"name": "Menu",
|
|
855
|
-
"module": "src/Menu.
|
|
861
|
+
"module": "src/Menu.ts"
|
|
856
862
|
}
|
|
857
863
|
},
|
|
858
864
|
{
|
|
@@ -862,7 +868,7 @@
|
|
|
862
868
|
"default": "[]",
|
|
863
869
|
"inheritedFrom": {
|
|
864
870
|
"name": "Menu",
|
|
865
|
-
"module": "src/Menu.
|
|
871
|
+
"module": "src/Menu.ts"
|
|
866
872
|
}
|
|
867
873
|
},
|
|
868
874
|
{
|
|
@@ -874,7 +880,7 @@
|
|
|
874
880
|
"privacy": "public",
|
|
875
881
|
"inheritedFrom": {
|
|
876
882
|
"name": "Menu",
|
|
877
|
-
"module": "src/Menu.
|
|
883
|
+
"module": "src/Menu.ts"
|
|
878
884
|
}
|
|
879
885
|
},
|
|
880
886
|
{
|
|
@@ -884,7 +890,7 @@
|
|
|
884
890
|
"default": "new Set<MenuItem>()",
|
|
885
891
|
"inheritedFrom": {
|
|
886
892
|
"name": "Menu",
|
|
887
|
-
"module": "src/Menu.
|
|
893
|
+
"module": "src/Menu.ts"
|
|
888
894
|
}
|
|
889
895
|
},
|
|
890
896
|
{
|
|
@@ -897,7 +903,7 @@
|
|
|
897
903
|
"default": "0",
|
|
898
904
|
"inheritedFrom": {
|
|
899
905
|
"name": "Menu",
|
|
900
|
-
"module": "src/Menu.
|
|
906
|
+
"module": "src/Menu.ts"
|
|
901
907
|
}
|
|
902
908
|
},
|
|
903
909
|
{
|
|
@@ -910,7 +916,7 @@
|
|
|
910
916
|
"default": "0",
|
|
911
917
|
"inheritedFrom": {
|
|
912
918
|
"name": "Menu",
|
|
913
|
-
"module": "src/Menu.
|
|
919
|
+
"module": "src/Menu.ts"
|
|
914
920
|
}
|
|
915
921
|
},
|
|
916
922
|
{
|
|
@@ -920,7 +926,7 @@
|
|
|
920
926
|
"default": "new Map()",
|
|
921
927
|
"inheritedFrom": {
|
|
922
928
|
"name": "Menu",
|
|
923
|
-
"module": "src/Menu.
|
|
929
|
+
"module": "src/Menu.ts"
|
|
924
930
|
}
|
|
925
931
|
},
|
|
926
932
|
{
|
|
@@ -932,7 +938,7 @@
|
|
|
932
938
|
"privacy": "public",
|
|
933
939
|
"inheritedFrom": {
|
|
934
940
|
"name": "Menu",
|
|
935
|
-
"module": "src/Menu.
|
|
941
|
+
"module": "src/Menu.ts"
|
|
936
942
|
}
|
|
937
943
|
},
|
|
938
944
|
{
|
|
@@ -944,7 +950,7 @@
|
|
|
944
950
|
"privacy": "private",
|
|
945
951
|
"inheritedFrom": {
|
|
946
952
|
"name": "Menu",
|
|
947
|
-
"module": "src/Menu.
|
|
953
|
+
"module": "src/Menu.ts"
|
|
948
954
|
}
|
|
949
955
|
},
|
|
950
956
|
{
|
|
@@ -958,7 +964,7 @@
|
|
|
958
964
|
},
|
|
959
965
|
"inheritedFrom": {
|
|
960
966
|
"name": "Menu",
|
|
961
|
-
"module": "src/Menu.
|
|
967
|
+
"module": "src/Menu.ts"
|
|
962
968
|
}
|
|
963
969
|
},
|
|
964
970
|
{
|
|
@@ -971,7 +977,7 @@
|
|
|
971
977
|
"description": "Hide this getter from web-component-analyzer until\nhttps://github.com/runem/web-component-analyzer/issues/131\nhas been addressed.",
|
|
972
978
|
"inheritedFrom": {
|
|
973
979
|
"name": "Menu",
|
|
974
|
-
"module": "src/Menu.
|
|
980
|
+
"module": "src/Menu.ts"
|
|
975
981
|
}
|
|
976
982
|
},
|
|
977
983
|
{
|
|
@@ -983,7 +989,7 @@
|
|
|
983
989
|
"privacy": "private",
|
|
984
990
|
"inheritedFrom": {
|
|
985
991
|
"name": "Menu",
|
|
986
|
-
"module": "src/Menu.
|
|
992
|
+
"module": "src/Menu.ts"
|
|
987
993
|
}
|
|
988
994
|
},
|
|
989
995
|
{
|
|
@@ -995,7 +1001,7 @@
|
|
|
995
1001
|
"privacy": "private",
|
|
996
1002
|
"inheritedFrom": {
|
|
997
1003
|
"name": "Menu",
|
|
998
|
-
"module": "src/Menu.
|
|
1004
|
+
"module": "src/Menu.ts"
|
|
999
1005
|
}
|
|
1000
1006
|
},
|
|
1001
1007
|
{
|
|
@@ -1018,7 +1024,7 @@
|
|
|
1018
1024
|
"description": "When a descendant `<sp-menu-item>` element is added or updated it will dispatch\nthis event to announce its presence in the DOM. During the capture phase the first\nMenu based element that the event encounters will manage the focus state of the\ndispatching `<sp-menu-item>` element.",
|
|
1019
1025
|
"inheritedFrom": {
|
|
1020
1026
|
"name": "Menu",
|
|
1021
|
-
"module": "src/Menu.
|
|
1027
|
+
"module": "src/Menu.ts"
|
|
1022
1028
|
}
|
|
1023
1029
|
},
|
|
1024
1030
|
{
|
|
@@ -1041,7 +1047,7 @@
|
|
|
1041
1047
|
"description": "When a descendant `<sp-menu-item>` element is added or updated it will dispatch\nthis event to announce its presence in the DOM. During the bubble phase the first\nMenu based element that the event encounters that does not inherit selection will\nmanage the selection state of the dispatching `<sp-menu-item>` element.",
|
|
1042
1048
|
"inheritedFrom": {
|
|
1043
1049
|
"name": "Menu",
|
|
1044
|
-
"module": "src/Menu.
|
|
1050
|
+
"module": "src/Menu.ts"
|
|
1045
1051
|
}
|
|
1046
1052
|
},
|
|
1047
1053
|
{
|
|
@@ -1063,7 +1069,7 @@
|
|
|
1063
1069
|
],
|
|
1064
1070
|
"inheritedFrom": {
|
|
1065
1071
|
"name": "Menu",
|
|
1066
|
-
"module": "src/Menu.
|
|
1072
|
+
"module": "src/Menu.ts"
|
|
1067
1073
|
}
|
|
1068
1074
|
},
|
|
1069
1075
|
{
|
|
@@ -1085,7 +1091,7 @@
|
|
|
1085
1091
|
],
|
|
1086
1092
|
"inheritedFrom": {
|
|
1087
1093
|
"name": "Menu",
|
|
1088
|
-
"module": "src/Menu.
|
|
1094
|
+
"module": "src/Menu.ts"
|
|
1089
1095
|
}
|
|
1090
1096
|
},
|
|
1091
1097
|
{
|
|
@@ -1108,7 +1114,7 @@
|
|
|
1108
1114
|
],
|
|
1109
1115
|
"inheritedFrom": {
|
|
1110
1116
|
"name": "Menu",
|
|
1111
|
-
"module": "src/Menu.
|
|
1117
|
+
"module": "src/Menu.ts"
|
|
1112
1118
|
}
|
|
1113
1119
|
},
|
|
1114
1120
|
{
|
|
@@ -1130,7 +1136,7 @@
|
|
|
1130
1136
|
],
|
|
1131
1137
|
"inheritedFrom": {
|
|
1132
1138
|
"name": "Menu",
|
|
1133
|
-
"module": "src/Menu.
|
|
1139
|
+
"module": "src/Menu.ts"
|
|
1134
1140
|
}
|
|
1135
1141
|
},
|
|
1136
1142
|
{
|
|
@@ -1152,7 +1158,7 @@
|
|
|
1152
1158
|
],
|
|
1153
1159
|
"inheritedFrom": {
|
|
1154
1160
|
"name": "Menu",
|
|
1155
|
-
"module": "src/Menu.
|
|
1161
|
+
"module": "src/Menu.ts"
|
|
1156
1162
|
}
|
|
1157
1163
|
},
|
|
1158
1164
|
{
|
|
@@ -1166,7 +1172,7 @@
|
|
|
1166
1172
|
},
|
|
1167
1173
|
"inheritedFrom": {
|
|
1168
1174
|
"name": "Menu",
|
|
1169
|
-
"module": "src/Menu.
|
|
1175
|
+
"module": "src/Menu.ts"
|
|
1170
1176
|
}
|
|
1171
1177
|
},
|
|
1172
1178
|
{
|
|
@@ -1188,7 +1194,7 @@
|
|
|
1188
1194
|
],
|
|
1189
1195
|
"inheritedFrom": {
|
|
1190
1196
|
"name": "Menu",
|
|
1191
|
-
"module": "src/Menu.
|
|
1197
|
+
"module": "src/Menu.ts"
|
|
1192
1198
|
}
|
|
1193
1199
|
},
|
|
1194
1200
|
{
|
|
@@ -1202,7 +1208,7 @@
|
|
|
1202
1208
|
},
|
|
1203
1209
|
"inheritedFrom": {
|
|
1204
1210
|
"name": "Menu",
|
|
1205
|
-
"module": "src/Menu.
|
|
1211
|
+
"module": "src/Menu.ts"
|
|
1206
1212
|
}
|
|
1207
1213
|
},
|
|
1208
1214
|
{
|
|
@@ -1224,7 +1230,7 @@
|
|
|
1224
1230
|
],
|
|
1225
1231
|
"inheritedFrom": {
|
|
1226
1232
|
"name": "Menu",
|
|
1227
|
-
"module": "src/Menu.
|
|
1233
|
+
"module": "src/Menu.ts"
|
|
1228
1234
|
}
|
|
1229
1235
|
},
|
|
1230
1236
|
{
|
|
@@ -1246,7 +1252,7 @@
|
|
|
1246
1252
|
],
|
|
1247
1253
|
"inheritedFrom": {
|
|
1248
1254
|
"name": "Menu",
|
|
1249
|
-
"module": "src/Menu.
|
|
1255
|
+
"module": "src/Menu.ts"
|
|
1250
1256
|
}
|
|
1251
1257
|
},
|
|
1252
1258
|
{
|
|
@@ -1268,7 +1274,7 @@
|
|
|
1268
1274
|
],
|
|
1269
1275
|
"inheritedFrom": {
|
|
1270
1276
|
"name": "Menu",
|
|
1271
|
-
"module": "src/Menu.
|
|
1277
|
+
"module": "src/Menu.ts"
|
|
1272
1278
|
}
|
|
1273
1279
|
},
|
|
1274
1280
|
{
|
|
@@ -1290,7 +1296,7 @@
|
|
|
1290
1296
|
],
|
|
1291
1297
|
"inheritedFrom": {
|
|
1292
1298
|
"name": "Menu",
|
|
1293
|
-
"module": "src/Menu.
|
|
1299
|
+
"module": "src/Menu.ts"
|
|
1294
1300
|
}
|
|
1295
1301
|
},
|
|
1296
1302
|
{
|
|
@@ -1312,7 +1318,7 @@
|
|
|
1312
1318
|
],
|
|
1313
1319
|
"inheritedFrom": {
|
|
1314
1320
|
"name": "Menu",
|
|
1315
|
-
"module": "src/Menu.
|
|
1321
|
+
"module": "src/Menu.ts"
|
|
1316
1322
|
}
|
|
1317
1323
|
},
|
|
1318
1324
|
{
|
|
@@ -1326,7 +1332,7 @@
|
|
|
1326
1332
|
},
|
|
1327
1333
|
"inheritedFrom": {
|
|
1328
1334
|
"name": "Menu",
|
|
1329
|
-
"module": "src/Menu.
|
|
1335
|
+
"module": "src/Menu.ts"
|
|
1330
1336
|
}
|
|
1331
1337
|
},
|
|
1332
1338
|
{
|
|
@@ -1340,7 +1346,7 @@
|
|
|
1340
1346
|
},
|
|
1341
1347
|
"inheritedFrom": {
|
|
1342
1348
|
"name": "Menu",
|
|
1343
|
-
"module": "src/Menu.
|
|
1349
|
+
"module": "src/Menu.ts"
|
|
1344
1350
|
}
|
|
1345
1351
|
},
|
|
1346
1352
|
{
|
|
@@ -1353,7 +1359,7 @@
|
|
|
1353
1359
|
"default": "false",
|
|
1354
1360
|
"inheritedFrom": {
|
|
1355
1361
|
"name": "Menu",
|
|
1356
|
-
"module": "src/Menu.
|
|
1362
|
+
"module": "src/Menu.ts"
|
|
1357
1363
|
}
|
|
1358
1364
|
},
|
|
1359
1365
|
{
|
|
@@ -1367,7 +1373,7 @@
|
|
|
1367
1373
|
},
|
|
1368
1374
|
"inheritedFrom": {
|
|
1369
1375
|
"name": "Menu",
|
|
1370
|
-
"module": "src/Menu.
|
|
1376
|
+
"module": "src/Menu.ts"
|
|
1371
1377
|
}
|
|
1372
1378
|
},
|
|
1373
1379
|
{
|
|
@@ -1381,7 +1387,7 @@
|
|
|
1381
1387
|
},
|
|
1382
1388
|
"inheritedFrom": {
|
|
1383
1389
|
"name": "Menu",
|
|
1384
|
-
"module": "src/Menu.
|
|
1390
|
+
"module": "src/Menu.ts"
|
|
1385
1391
|
}
|
|
1386
1392
|
},
|
|
1387
1393
|
{
|
|
@@ -1403,7 +1409,7 @@
|
|
|
1403
1409
|
],
|
|
1404
1410
|
"inheritedFrom": {
|
|
1405
1411
|
"name": "Menu",
|
|
1406
|
-
"module": "src/Menu.
|
|
1412
|
+
"module": "src/Menu.ts"
|
|
1407
1413
|
}
|
|
1408
1414
|
},
|
|
1409
1415
|
{
|
|
@@ -1416,7 +1422,7 @@
|
|
|
1416
1422
|
"default": "false",
|
|
1417
1423
|
"inheritedFrom": {
|
|
1418
1424
|
"name": "Menu",
|
|
1419
|
-
"module": "src/Menu.
|
|
1425
|
+
"module": "src/Menu.ts"
|
|
1420
1426
|
}
|
|
1421
1427
|
},
|
|
1422
1428
|
{
|
|
@@ -1430,7 +1436,7 @@
|
|
|
1430
1436
|
},
|
|
1431
1437
|
"inheritedFrom": {
|
|
1432
1438
|
"name": "Menu",
|
|
1433
|
-
"module": "src/Menu.
|
|
1439
|
+
"module": "src/Menu.ts"
|
|
1434
1440
|
}
|
|
1435
1441
|
},
|
|
1436
1442
|
{
|
|
@@ -1442,7 +1448,7 @@
|
|
|
1442
1448
|
"privacy": "protected",
|
|
1443
1449
|
"inheritedFrom": {
|
|
1444
1450
|
"name": "Menu",
|
|
1445
|
-
"module": "src/Menu.
|
|
1451
|
+
"module": "src/Menu.ts"
|
|
1446
1452
|
}
|
|
1447
1453
|
},
|
|
1448
1454
|
{
|
|
@@ -1451,7 +1457,7 @@
|
|
|
1451
1457
|
"privacy": "protected",
|
|
1452
1458
|
"inheritedFrom": {
|
|
1453
1459
|
"name": "Menu",
|
|
1454
|
-
"module": "src/Menu.
|
|
1460
|
+
"module": "src/Menu.ts"
|
|
1455
1461
|
}
|
|
1456
1462
|
},
|
|
1457
1463
|
{
|
|
@@ -1465,7 +1471,7 @@
|
|
|
1465
1471
|
},
|
|
1466
1472
|
"inheritedFrom": {
|
|
1467
1473
|
"name": "Menu",
|
|
1468
|
-
"module": "src/Menu.
|
|
1474
|
+
"module": "src/Menu.ts"
|
|
1469
1475
|
}
|
|
1470
1476
|
}
|
|
1471
1477
|
],
|
|
@@ -1556,14 +1562,14 @@
|
|
|
1556
1562
|
"name": "MenuGroup",
|
|
1557
1563
|
"declaration": {
|
|
1558
1564
|
"name": "MenuGroup",
|
|
1559
|
-
"module": "src/MenuGroup.
|
|
1565
|
+
"module": "src/MenuGroup.ts"
|
|
1560
1566
|
}
|
|
1561
1567
|
}
|
|
1562
1568
|
]
|
|
1563
1569
|
},
|
|
1564
1570
|
{
|
|
1565
1571
|
"kind": "javascript-module",
|
|
1566
|
-
"path": "src/MenuItem.
|
|
1572
|
+
"path": "src/MenuItem.ts",
|
|
1567
1573
|
"declarations": [
|
|
1568
1574
|
{
|
|
1569
1575
|
"kind": "class",
|
|
@@ -2160,7 +2166,7 @@
|
|
|
2160
2166
|
"name": "MenuItemRemovedEvent",
|
|
2161
2167
|
"declaration": {
|
|
2162
2168
|
"name": "MenuItemRemovedEvent",
|
|
2163
|
-
"module": "src/MenuItem.
|
|
2169
|
+
"module": "src/MenuItem.ts"
|
|
2164
2170
|
}
|
|
2165
2171
|
},
|
|
2166
2172
|
{
|
|
@@ -2168,7 +2174,7 @@
|
|
|
2168
2174
|
"name": "MenuItemAddedOrUpdatedEvent",
|
|
2169
2175
|
"declaration": {
|
|
2170
2176
|
"name": "MenuItemAddedOrUpdatedEvent",
|
|
2171
|
-
"module": "src/MenuItem.
|
|
2177
|
+
"module": "src/MenuItem.ts"
|
|
2172
2178
|
}
|
|
2173
2179
|
},
|
|
2174
2180
|
{
|
|
@@ -2176,7 +2182,7 @@
|
|
|
2176
2182
|
"name": "MenuItem",
|
|
2177
2183
|
"declaration": {
|
|
2178
2184
|
"name": "MenuItem",
|
|
2179
|
-
"module": "src/MenuItem.
|
|
2185
|
+
"module": "src/MenuItem.ts"
|
|
2180
2186
|
}
|
|
2181
2187
|
}
|
|
2182
2188
|
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/menu",
|
|
3
|
-
"version": "0.16.
|
|
3
|
+
"version": "0.16.14",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -85,12 +85,12 @@
|
|
|
85
85
|
],
|
|
86
86
|
"dependencies": {
|
|
87
87
|
"@lit-labs/observers": "^1.0.1",
|
|
88
|
-
"@spectrum-web-components/action-button": "^0.10.
|
|
88
|
+
"@spectrum-web-components/action-button": "^0.10.13",
|
|
89
89
|
"@spectrum-web-components/base": "^0.7.4",
|
|
90
90
|
"@spectrum-web-components/divider": "^0.6.6",
|
|
91
91
|
"@spectrum-web-components/icon": "^0.12.8",
|
|
92
|
-
"@spectrum-web-components/icons-ui": "^0.9.
|
|
93
|
-
"@spectrum-web-components/overlay": "^0.19.
|
|
92
|
+
"@spectrum-web-components/icons-ui": "^0.9.9",
|
|
93
|
+
"@spectrum-web-components/overlay": "^0.19.2",
|
|
94
94
|
"@spectrum-web-components/shared": "^0.15.5"
|
|
95
95
|
},
|
|
96
96
|
"devDependencies": {
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"./sp-*.js",
|
|
103
103
|
"./**/*.dev.js"
|
|
104
104
|
],
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "5e11d828243bb3ff572c25b33a8d58844a89f524"
|
|
106
106
|
}
|
package/src/MenuDivider.d.ts
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
-
import { CSSResultArray, SpectrumElement } from '@spectrum-web-components/base';
|
|
1
|
+
import { CSSResultArray, PropertyValues, SpectrumElement } from '@spectrum-web-components/base';
|
|
2
|
+
declare const MenuDivider_base: typeof SpectrumElement & {
|
|
3
|
+
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
|
|
4
|
+
prototype: import("@spectrum-web-components/base").SizedElementInterface;
|
|
5
|
+
};
|
|
2
6
|
/**
|
|
3
7
|
* @element sp-menu-divider
|
|
4
8
|
*/
|
|
5
|
-
export declare class MenuDivider extends
|
|
9
|
+
export declare class MenuDivider extends MenuDivider_base {
|
|
6
10
|
static get styles(): CSSResultArray;
|
|
7
|
-
protected firstUpdated(): void;
|
|
11
|
+
protected firstUpdated(changed: PropertyValues<this>): void;
|
|
8
12
|
}
|
|
13
|
+
export {};
|
package/src/MenuDivider.dev.js
CHANGED
|
@@ -1,14 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
import {
|
|
2
|
+
import {
|
|
3
|
+
SizedMixin,
|
|
4
|
+
SpectrumElement
|
|
5
|
+
} from "@spectrum-web-components/base";
|
|
3
6
|
import menuDividerStyles from "./menu-divider.css.js";
|
|
4
7
|
import dividerStyles from "@spectrum-web-components/divider/src/divider.css.js";
|
|
5
|
-
export class MenuDivider extends SpectrumElement {
|
|
8
|
+
export class MenuDivider extends SizedMixin(SpectrumElement, {
|
|
9
|
+
validSizes: ["s", "m", "l"]
|
|
10
|
+
}) {
|
|
6
11
|
static get styles() {
|
|
7
12
|
return [dividerStyles, menuDividerStyles];
|
|
8
13
|
}
|
|
9
|
-
firstUpdated() {
|
|
14
|
+
firstUpdated(changed) {
|
|
15
|
+
super.firstUpdated(changed);
|
|
10
16
|
this.setAttribute("role", "separator");
|
|
11
|
-
this.setAttribute("size", "m");
|
|
12
17
|
}
|
|
13
18
|
}
|
|
14
19
|
//# sourceMappingURL=MenuDivider.dev.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["MenuDivider.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {
|
|
5
|
-
"mappings": ";AAYA,
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n} from '@spectrum-web-components/base';\n\nimport menuDividerStyles from './menu-divider.css.js';\nimport dividerStyles from '@spectrum-web-components/divider/src/divider.css.js';\n\n/**\n * @element sp-menu-divider\n */\nexport class MenuDivider extends SizedMixin(SpectrumElement, {\n validSizes: ['s', 'm', 'l'],\n}) {\n public static override get styles(): CSSResultArray {\n return [dividerStyles, menuDividerStyles];\n }\n\n protected override firstUpdated(changed: PropertyValues<this>): void {\n super.firstUpdated(changed);\n this.setAttribute('role', 'separator');\n }\n}\n"],
|
|
5
|
+
"mappings": ";AAYA;AAAA,EAGI;AAAA,EACA;AAAA,OACG;AAEP,OAAO,uBAAuB;AAC9B,OAAO,mBAAmB;AAKnB,aAAM,oBAAoB,WAAW,iBAAiB;AAAA,EACzD,YAAY,CAAC,KAAK,KAAK,GAAG;AAC9B,CAAC,EAAE;AAAA,EACC,WAA2B,SAAyB;AAChD,WAAO,CAAC,eAAe,iBAAiB;AAAA,EAC5C;AAAA,EAEmB,aAAa,SAAqC;AACjE,UAAM,aAAa,OAAO;AAC1B,SAAK,aAAa,QAAQ,WAAW;AAAA,EACzC;AACJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/MenuDivider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";import{SpectrumElement as
|
|
1
|
+
"use strict";import{SizedMixin as r,SpectrumElement as t}from"@spectrum-web-components/base";import i from"./menu-divider.css.js";import s from"@spectrum-web-components/divider/src/divider.css.js";export class MenuDivider extends r(t,{validSizes:["s","m","l"]}){static get styles(){return[s,i]}firstUpdated(e){super.firstUpdated(e),this.setAttribute("role","separator")}}
|
|
2
2
|
//# sourceMappingURL=MenuDivider.js.map
|
package/src/MenuDivider.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["MenuDivider.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {
|
|
5
|
-
"mappings": "aAYA,
|
|
6
|
-
"names": ["SpectrumElement", "menuDividerStyles", "dividerStyles"]
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n CSSResultArray,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n} from '@spectrum-web-components/base';\n\nimport menuDividerStyles from './menu-divider.css.js';\nimport dividerStyles from '@spectrum-web-components/divider/src/divider.css.js';\n\n/**\n * @element sp-menu-divider\n */\nexport class MenuDivider extends SizedMixin(SpectrumElement, {\n validSizes: ['s', 'm', 'l'],\n}) {\n public static override get styles(): CSSResultArray {\n return [dividerStyles, menuDividerStyles];\n }\n\n protected override firstUpdated(changed: PropertyValues<this>): void {\n super.firstUpdated(changed);\n this.setAttribute('role', 'separator');\n }\n}\n"],
|
|
5
|
+
"mappings": "aAYA,OAGI,cAAAA,EACA,mBAAAC,MACG,gCAEP,OAAOC,MAAuB,wBAC9B,OAAOC,MAAmB,sDAKnB,aAAM,oBAAoBH,EAAWC,EAAiB,CACzD,WAAY,CAAC,IAAK,IAAK,GAAG,CAC9B,CAAC,CAAE,CACC,WAA2B,QAAyB,CAChD,MAAO,CAACE,EAAeD,CAAiB,CAC5C,CAEmB,aAAaE,EAAqC,CACjE,MAAM,aAAaA,CAAO,EAC1B,KAAK,aAAa,OAAQ,WAAW,CACzC,CACJ",
|
|
6
|
+
"names": ["SizedMixin", "SpectrumElement", "menuDividerStyles", "dividerStyles", "changed"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import "@spectrum-web-components/menu/sp-menu.js";
|
|
4
|
+
import "@spectrum-web-components/menu/sp-menu-divider.js";
|
|
5
|
+
import "@spectrum-web-components/menu/sp-menu-item.js";
|
|
6
|
+
import "@spectrum-web-components/popover/sp-popover.js";
|
|
7
|
+
export default {
|
|
8
|
+
component: "sp-menu-divider",
|
|
9
|
+
title: "Menu Divider"
|
|
10
|
+
};
|
|
11
|
+
const Template = (size) => {
|
|
12
|
+
return html`
|
|
13
|
+
<sp-popover open>
|
|
14
|
+
<sp-menu>
|
|
15
|
+
<sp-menu-item>Deselect</sp-menu-item>
|
|
16
|
+
<sp-menu-item>Select Inverse</sp-menu-item>
|
|
17
|
+
<sp-menu-item>Feather...</sp-menu-item>
|
|
18
|
+
<sp-menu-divider size=${size}></sp-menu-divider>
|
|
19
|
+
<sp-menu-item>Select and Mask...</sp-menu-item>
|
|
20
|
+
<sp-menu-item>Make Work Path</sp-menu-item>
|
|
21
|
+
<sp-menu-divider size=${size}></sp-menu-divider>
|
|
22
|
+
<sp-menu-item>Save Selection</sp-menu-item>
|
|
23
|
+
<sp-menu-divider size=${size}></sp-menu-divider>
|
|
24
|
+
<sp-menu-item>Create group</sp-menu-item>
|
|
25
|
+
</sp-menu>
|
|
26
|
+
</sp-popover>
|
|
27
|
+
`;
|
|
28
|
+
};
|
|
29
|
+
export const sizeS = () => Template("s");
|
|
30
|
+
export const sizeM = () => Template("m");
|
|
31
|
+
export const sizeL = () => Template("l");
|
|
32
|
+
//# sourceMappingURL=menu-divider.stories.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["menu-divider.stories.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/ import { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/menu/sp-menu.js';\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/popover/sp-popover.js';\n\nexport default {\n component: 'sp-menu-divider',\n title: 'Menu Divider',\n};\n\nconst Template = (size: string): TemplateResult => {\n return html`\n <sp-popover open>\n <sp-menu>\n <sp-menu-item>Deselect</sp-menu-item>\n <sp-menu-item>Select Inverse</sp-menu-item>\n <sp-menu-item>Feather...</sp-menu-item>\n <sp-menu-divider size=${size}></sp-menu-divider>\n <sp-menu-item>Select and Mask...</sp-menu-item>\n <sp-menu-item>Make Work Path</sp-menu-item>\n <sp-menu-divider size=${size}></sp-menu-divider>\n <sp-menu-item>Save Selection</sp-menu-item>\n <sp-menu-divider size=${size}></sp-menu-divider>\n <sp-menu-item>Create group</sp-menu-item>\n </sp-menu>\n </sp-popover>\n `;\n};\n\nexport const sizeS = (): TemplateResult => Template('s');\n\nexport const sizeM = (): TemplateResult => Template('m');\n\nexport const sizeL = (): TemplateResult => Template('l');\n"],
|
|
5
|
+
"mappings": ";AAUG,SAAS,YAA4B;AAExC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEP,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEA,MAAM,WAAW,CAAC,SAAiC;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wCAM6B;AAAA;AAAA;AAAA,wCAGA;AAAA;AAAA,wCAEA;AAAA;AAAA;AAAA;AAAA;AAKxC;AAEO,aAAM,QAAQ,MAAsB,SAAS,GAAG;AAEhD,aAAM,QAAQ,MAAsB,SAAS,GAAG;AAEhD,aAAM,QAAQ,MAAsB,SAAS,GAAG;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["menu-divider.test-vrt.ts"],
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/menu-divider.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('MenuDividerStories', stories as unknown as TestsType);\n"],
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,sBAAsB,OAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|