@spectrum-web-components/menu 0.35.0 → 0.35.1-rc.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/custom-elements.json +492 -233
  2. package/package.json +9 -9
  3. package/src/Menu.d.ts +16 -6
  4. package/src/Menu.dev.js +162 -61
  5. package/src/Menu.dev.js.map +2 -2
  6. package/src/Menu.js +7 -3
  7. package/src/Menu.js.map +3 -3
  8. package/src/MenuGroup.d.ts +0 -2
  9. package/src/MenuGroup.dev.js +6 -10
  10. package/src/MenuGroup.dev.js.map +2 -2
  11. package/src/MenuGroup.js +3 -5
  12. package/src/MenuGroup.js.map +3 -3
  13. package/src/MenuItem.d.ts +26 -23
  14. package/src/MenuItem.dev.js +140 -185
  15. package/src/MenuItem.dev.js.map +3 -3
  16. package/src/MenuItem.js +35 -15
  17. package/src/MenuItem.js.map +3 -3
  18. package/src/menu-item.css.dev.js +1 -1
  19. package/src/menu-item.css.dev.js.map +1 -1
  20. package/src/menu-item.css.js +1 -1
  21. package/src/menu-item.css.js.map +1 -1
  22. package/src/menu.css.dev.js +1 -1
  23. package/src/menu.css.dev.js.map +1 -1
  24. package/src/menu.css.js +1 -1
  25. package/src/menu.css.js.map +1 -1
  26. package/stories/submenu.stories.js +107 -104
  27. package/stories/submenu.stories.js.map +3 -3
  28. package/test/menu-group.test.js +14 -1
  29. package/test/menu-group.test.js.map +2 -2
  30. package/test/menu-selects.test.js +3 -1
  31. package/test/menu-selects.test.js.map +2 -2
  32. package/test/menu.test.js +7 -0
  33. package/test/menu.test.js.map +2 -2
  34. package/test/submenu.test.js +206 -84
  35. package/test/submenu.test.js.map +2 -2
package/custom-elements.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "sp-menu-divider.js",
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.js",
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.js",
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.js",
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.js",
67
+ "path": "src/Menu.ts",
68
68
  "declarations": [
69
69
  {
70
70
  "kind": "class",
@@ -83,8 +83,8 @@
83
83
  "type": {
84
84
  "text": "boolean"
85
85
  },
86
- "privacy": "public",
87
- "default": "false"
86
+ "privacy": "private",
87
+ "readonly": true
88
88
  },
89
89
  {
90
90
  "kind": "field",
@@ -267,7 +267,7 @@
267
267
  }
268
268
  }
269
269
  ],
270
- "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."
270
+ "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."
271
271
  },
272
272
  {
273
273
  "kind": "method",
@@ -286,7 +286,7 @@
286
286
  }
287
287
  }
288
288
  ],
289
- "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."
289
+ "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."
290
290
  },
291
291
  {
292
292
  "kind": "method",
@@ -317,9 +317,9 @@
317
317
  },
318
318
  "parameters": [
319
319
  {
320
- "name": "event",
320
+ "name": "item",
321
321
  "type": {
322
- "text": "MenuItemRemovedEvent"
322
+ "text": "MenuItem"
323
323
  }
324
324
  }
325
325
  ]
@@ -345,7 +345,7 @@
345
345
  },
346
346
  {
347
347
  "kind": "method",
348
- "name": "onClick",
348
+ "name": "handleClick",
349
349
  "privacy": "private",
350
350
  "return": {
351
351
  "type": {
@@ -417,6 +417,58 @@
417
417
  }
418
418
  }
419
419
  },
420
+ {
421
+ "kind": "field",
422
+ "name": "descendentOverlays",
423
+ "privacy": "private",
424
+ "default": "new Map<Overlay, Overlay>()"
425
+ },
426
+ {
427
+ "kind": "method",
428
+ "name": "handleDescendentOverlayOpened",
429
+ "privacy": "protected",
430
+ "return": {
431
+ "type": {
432
+ "text": "void"
433
+ }
434
+ },
435
+ "parameters": [
436
+ {
437
+ "name": "event",
438
+ "type": {
439
+ "text": "Event"
440
+ }
441
+ }
442
+ ]
443
+ },
444
+ {
445
+ "kind": "method",
446
+ "name": "handleDescendentOverlayClosed",
447
+ "privacy": "protected",
448
+ "return": {
449
+ "type": {
450
+ "text": "void"
451
+ }
452
+ },
453
+ "parameters": [
454
+ {
455
+ "name": "event",
456
+ "type": {
457
+ "text": "Event"
458
+ }
459
+ }
460
+ ]
461
+ },
462
+ {
463
+ "kind": "field",
464
+ "name": "handleSubmenuClosed",
465
+ "privacy": "public"
466
+ },
467
+ {
468
+ "kind": "field",
469
+ "name": "handleSubmenuOpened",
470
+ "privacy": "public"
471
+ },
420
472
  {
421
473
  "kind": "method",
422
474
  "name": "selectOrToggleItem",
@@ -464,9 +516,9 @@
464
516
  },
465
517
  "parameters": [
466
518
  {
467
- "name": "code",
519
+ "name": "event",
468
520
  "type": {
469
- "text": "string"
521
+ "text": "KeyboardEvent"
470
522
  }
471
523
  }
472
524
  ]
@@ -517,6 +569,15 @@
517
569
  }
518
570
  }
519
571
  },
572
+ {
573
+ "kind": "field",
574
+ "name": "_hasUpdatedSelectedItemIndex",
575
+ "type": {
576
+ "text": "boolean"
577
+ },
578
+ "privacy": "private",
579
+ "default": "false"
580
+ },
520
581
  {
521
582
  "kind": "method",
522
583
  "name": "updateSelectedItemIndex",
@@ -546,6 +607,16 @@
546
607
  }
547
608
  }
548
609
  },
610
+ {
611
+ "kind": "method",
612
+ "name": "updateCache",
613
+ "privacy": "private",
614
+ "return": {
615
+ "type": {
616
+ "text": "Promise<void>"
617
+ }
618
+ }
619
+ },
549
620
  {
550
621
  "kind": "method",
551
622
  "name": "updateItemFocus",
@@ -556,6 +627,16 @@
556
627
  }
557
628
  }
558
629
  },
630
+ {
631
+ "kind": "method",
632
+ "name": "closeDescendentOverlays",
633
+ "privacy": "public",
634
+ "return": {
635
+ "type": {
636
+ "text": "void"
637
+ }
638
+ }
639
+ },
559
640
  {
560
641
  "kind": "method",
561
642
  "name": "forwardFocusVisibleToItem",
@@ -575,13 +656,32 @@
575
656
  ]
576
657
  },
577
658
  {
578
- "kind": "field",
579
- "name": "_notFirstUpdated",
580
- "type": {
581
- "text": "boolean"
582
- },
659
+ "kind": "method",
660
+ "name": "handleSlotchange",
583
661
  "privacy": "private",
584
- "default": "false"
662
+ "return": {
663
+ "type": {
664
+ "text": "void"
665
+ }
666
+ },
667
+ "parameters": [
668
+ {
669
+ "name": "{\n target,\n }",
670
+ "type": {
671
+ "text": "Event & { target: HTMLSlotElement }"
672
+ }
673
+ }
674
+ ]
675
+ },
676
+ {
677
+ "kind": "method",
678
+ "name": "renderMenuItemSlot",
679
+ "privacy": "protected",
680
+ "return": {
681
+ "type": {
682
+ "text": "TemplateResult"
683
+ }
684
+ }
585
685
  },
586
686
  {
587
687
  "kind": "method",
@@ -606,6 +706,11 @@
606
706
  "name": "cacheUpdated",
607
707
  "privacy": "protected"
608
708
  },
709
+ {
710
+ "kind": "field",
711
+ "name": "resolveCacheUpdated",
712
+ "privacy": "protected"
713
+ },
609
714
  {
610
715
  "kind": "method",
611
716
  "name": "getUpdateComplete",
@@ -688,14 +793,14 @@
688
793
  "name": "Menu",
689
794
  "declaration": {
690
795
  "name": "Menu",
691
- "module": "src/Menu.js"
796
+ "module": "src/Menu.ts"
692
797
  }
693
798
  }
694
799
  ]
695
800
  },
696
801
  {
697
802
  "kind": "javascript-module",
698
- "path": "src/MenuDivider.js",
803
+ "path": "src/MenuDivider.ts",
699
804
  "declarations": [
700
805
  {
701
806
  "kind": "class",
@@ -722,14 +827,14 @@
722
827
  "name": "MenuDivider",
723
828
  "declaration": {
724
829
  "name": "MenuDivider",
725
- "module": "src/MenuDivider.js"
830
+ "module": "src/MenuDivider.ts"
726
831
  }
727
832
  }
728
833
  ]
729
834
  },
730
835
  {
731
836
  "kind": "javascript-module",
732
- "path": "src/MenuGroup.js",
837
+ "path": "src/MenuGroup.ts",
733
838
  "declarations": [
734
839
  {
735
840
  "kind": "class",
@@ -746,16 +851,6 @@
746
851
  }
747
852
  ],
748
853
  "members": [
749
- {
750
- "kind": "field",
751
- "name": "instances",
752
- "type": {
753
- "text": "number"
754
- },
755
- "privacy": "private",
756
- "static": true,
757
- "default": "1"
758
- },
759
854
  {
760
855
  "kind": "field",
761
856
  "name": "headerId",
@@ -763,7 +858,7 @@
763
858
  "text": "string"
764
859
  },
765
860
  "privacy": "private",
766
- "default": "`sp-menu-group-label-${MenuGroup.instances}`"
861
+ "default": "''"
767
862
  },
768
863
  {
769
864
  "kind": "field",
@@ -791,7 +886,7 @@
791
886
  "readonly": true,
792
887
  "inheritedFrom": {
793
888
  "name": "Menu",
794
- "module": "src/Menu.js"
889
+ "module": "src/Menu.ts"
795
890
  }
796
891
  },
797
892
  {
@@ -810,11 +905,11 @@
810
905
  "type": {
811
906
  "text": "boolean"
812
907
  },
813
- "privacy": "public",
814
- "default": "false",
908
+ "privacy": "private",
909
+ "readonly": true,
815
910
  "inheritedFrom": {
816
911
  "name": "Menu",
817
- "module": "src/Menu.js"
912
+ "module": "src/Menu.ts"
818
913
  }
819
914
  },
820
915
  {
@@ -829,7 +924,7 @@
829
924
  "reflects": true,
830
925
  "inheritedFrom": {
831
926
  "name": "Menu",
832
- "module": "src/Menu.js"
927
+ "module": "src/Menu.ts"
833
928
  }
834
929
  },
835
930
  {
@@ -844,7 +939,7 @@
844
939
  "reflects": true,
845
940
  "inheritedFrom": {
846
941
  "name": "Menu",
847
- "module": "src/Menu.js"
942
+ "module": "src/Menu.ts"
848
943
  }
849
944
  },
850
945
  {
@@ -858,7 +953,7 @@
858
953
  "reflects": true,
859
954
  "inheritedFrom": {
860
955
  "name": "Menu",
861
- "module": "src/Menu.js"
956
+ "module": "src/Menu.ts"
862
957
  }
863
958
  },
864
959
  {
@@ -872,7 +967,7 @@
872
967
  "attribute": "value",
873
968
  "inheritedFrom": {
874
969
  "name": "Menu",
875
- "module": "src/Menu.js"
970
+ "module": "src/Menu.ts"
876
971
  }
877
972
  },
878
973
  {
@@ -886,7 +981,7 @@
886
981
  "attribute": "value-separator",
887
982
  "inheritedFrom": {
888
983
  "name": "Menu",
889
- "module": "src/Menu.js"
984
+ "module": "src/Menu.ts"
890
985
  }
891
986
  },
892
987
  {
@@ -896,7 +991,7 @@
896
991
  "default": "[]",
897
992
  "inheritedFrom": {
898
993
  "name": "Menu",
899
- "module": "src/Menu.js"
994
+ "module": "src/Menu.ts"
900
995
  }
901
996
  },
902
997
  {
@@ -906,7 +1001,7 @@
906
1001
  "default": "[]",
907
1002
  "inheritedFrom": {
908
1003
  "name": "Menu",
909
- "module": "src/Menu.js"
1004
+ "module": "src/Menu.ts"
910
1005
  }
911
1006
  },
912
1007
  {
@@ -918,7 +1013,7 @@
918
1013
  "privacy": "public",
919
1014
  "inheritedFrom": {
920
1015
  "name": "Menu",
921
- "module": "src/Menu.js"
1016
+ "module": "src/Menu.ts"
922
1017
  }
923
1018
  },
924
1019
  {
@@ -928,7 +1023,7 @@
928
1023
  "default": "new Set<MenuItem>()",
929
1024
  "inheritedFrom": {
930
1025
  "name": "Menu",
931
- "module": "src/Menu.js"
1026
+ "module": "src/Menu.ts"
932
1027
  }
933
1028
  },
934
1029
  {
@@ -941,7 +1036,7 @@
941
1036
  "default": "0",
942
1037
  "inheritedFrom": {
943
1038
  "name": "Menu",
944
- "module": "src/Menu.js"
1039
+ "module": "src/Menu.ts"
945
1040
  }
946
1041
  },
947
1042
  {
@@ -954,7 +1049,7 @@
954
1049
  "default": "0",
955
1050
  "inheritedFrom": {
956
1051
  "name": "Menu",
957
- "module": "src/Menu.js"
1052
+ "module": "src/Menu.ts"
958
1053
  }
959
1054
  },
960
1055
  {
@@ -964,7 +1059,7 @@
964
1059
  "default": "new Map()",
965
1060
  "inheritedFrom": {
966
1061
  "name": "Menu",
967
- "module": "src/Menu.js"
1062
+ "module": "src/Menu.ts"
968
1063
  }
969
1064
  },
970
1065
  {
@@ -977,7 +1072,7 @@
977
1072
  "readonly": true,
978
1073
  "inheritedFrom": {
979
1074
  "name": "Menu",
980
- "module": "src/Menu.js"
1075
+ "module": "src/Menu.ts"
981
1076
  }
982
1077
  },
983
1078
  {
@@ -989,7 +1084,7 @@
989
1084
  "privacy": "private",
990
1085
  "inheritedFrom": {
991
1086
  "name": "Menu",
992
- "module": "src/Menu.js"
1087
+ "module": "src/Menu.ts"
993
1088
  }
994
1089
  },
995
1090
  {
@@ -1003,7 +1098,7 @@
1003
1098
  },
1004
1099
  "inheritedFrom": {
1005
1100
  "name": "Menu",
1006
- "module": "src/Menu.js"
1101
+ "module": "src/Menu.ts"
1007
1102
  }
1008
1103
  },
1009
1104
  {
@@ -1017,7 +1112,7 @@
1017
1112
  "readonly": true,
1018
1113
  "inheritedFrom": {
1019
1114
  "name": "Menu",
1020
- "module": "src/Menu.js"
1115
+ "module": "src/Menu.ts"
1021
1116
  }
1022
1117
  },
1023
1118
  {
@@ -1029,7 +1124,7 @@
1029
1124
  "privacy": "private",
1030
1125
  "inheritedFrom": {
1031
1126
  "name": "Menu",
1032
- "module": "src/Menu.js"
1127
+ "module": "src/Menu.ts"
1033
1128
  }
1034
1129
  },
1035
1130
  {
@@ -1041,7 +1136,7 @@
1041
1136
  "privacy": "private",
1042
1137
  "inheritedFrom": {
1043
1138
  "name": "Menu",
1044
- "module": "src/Menu.js"
1139
+ "module": "src/Menu.ts"
1045
1140
  }
1046
1141
  },
1047
1142
  {
@@ -1061,10 +1156,10 @@
1061
1156
  }
1062
1157
  }
1063
1158
  ],
1064
- "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.",
1159
+ "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.",
1065
1160
  "inheritedFrom": {
1066
1161
  "name": "Menu",
1067
- "module": "src/Menu.js"
1162
+ "module": "src/Menu.ts"
1068
1163
  }
1069
1164
  },
1070
1165
  {
@@ -1084,10 +1179,10 @@
1084
1179
  }
1085
1180
  }
1086
1181
  ],
1087
- "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.",
1182
+ "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.",
1088
1183
  "inheritedFrom": {
1089
1184
  "name": "Menu",
1090
- "module": "src/Menu.js"
1185
+ "module": "src/Menu.ts"
1091
1186
  }
1092
1187
  },
1093
1188
  {
@@ -1109,7 +1204,7 @@
1109
1204
  ],
1110
1205
  "inheritedFrom": {
1111
1206
  "name": "Menu",
1112
- "module": "src/Menu.js"
1207
+ "module": "src/Menu.ts"
1113
1208
  }
1114
1209
  },
1115
1210
  {
@@ -1123,15 +1218,15 @@
1123
1218
  },
1124
1219
  "parameters": [
1125
1220
  {
1126
- "name": "event",
1221
+ "name": "item",
1127
1222
  "type": {
1128
- "text": "MenuItemRemovedEvent"
1223
+ "text": "MenuItem"
1129
1224
  }
1130
1225
  }
1131
1226
  ],
1132
1227
  "inheritedFrom": {
1133
1228
  "name": "Menu",
1134
- "module": "src/Menu.js"
1229
+ "module": "src/Menu.ts"
1135
1230
  }
1136
1231
  },
1137
1232
  {
@@ -1154,12 +1249,12 @@
1154
1249
  ],
1155
1250
  "inheritedFrom": {
1156
1251
  "name": "Menu",
1157
- "module": "src/Menu.js"
1252
+ "module": "src/Menu.ts"
1158
1253
  }
1159
1254
  },
1160
1255
  {
1161
1256
  "kind": "method",
1162
- "name": "onClick",
1257
+ "name": "handleClick",
1163
1258
  "privacy": "private",
1164
1259
  "return": {
1165
1260
  "type": {
@@ -1176,7 +1271,7 @@
1176
1271
  ],
1177
1272
  "inheritedFrom": {
1178
1273
  "name": "Menu",
1179
- "module": "src/Menu.js"
1274
+ "module": "src/Menu.ts"
1180
1275
  }
1181
1276
  },
1182
1277
  {
@@ -1198,7 +1293,7 @@
1198
1293
  ],
1199
1294
  "inheritedFrom": {
1200
1295
  "name": "Menu",
1201
- "module": "src/Menu.js"
1296
+ "module": "src/Menu.ts"
1202
1297
  }
1203
1298
  },
1204
1299
  {
@@ -1212,7 +1307,7 @@
1212
1307
  },
1213
1308
  "inheritedFrom": {
1214
1309
  "name": "Menu",
1215
- "module": "src/Menu.js"
1310
+ "module": "src/Menu.ts"
1216
1311
  }
1217
1312
  },
1218
1313
  {
@@ -1234,7 +1329,7 @@
1234
1329
  ],
1235
1330
  "inheritedFrom": {
1236
1331
  "name": "Menu",
1237
- "module": "src/Menu.js"
1332
+ "module": "src/Menu.ts"
1238
1333
  }
1239
1334
  },
1240
1335
  {
@@ -1248,7 +1343,79 @@
1248
1343
  },
1249
1344
  "inheritedFrom": {
1250
1345
  "name": "Menu",
1251
- "module": "src/Menu.js"
1346
+ "module": "src/Menu.ts"
1347
+ }
1348
+ },
1349
+ {
1350
+ "kind": "field",
1351
+ "name": "descendentOverlays",
1352
+ "privacy": "private",
1353
+ "default": "new Map<Overlay, Overlay>()",
1354
+ "inheritedFrom": {
1355
+ "name": "Menu",
1356
+ "module": "src/Menu.ts"
1357
+ }
1358
+ },
1359
+ {
1360
+ "kind": "method",
1361
+ "name": "handleDescendentOverlayOpened",
1362
+ "privacy": "protected",
1363
+ "return": {
1364
+ "type": {
1365
+ "text": "void"
1366
+ }
1367
+ },
1368
+ "parameters": [
1369
+ {
1370
+ "name": "event",
1371
+ "type": {
1372
+ "text": "Event"
1373
+ }
1374
+ }
1375
+ ],
1376
+ "inheritedFrom": {
1377
+ "name": "Menu",
1378
+ "module": "src/Menu.ts"
1379
+ }
1380
+ },
1381
+ {
1382
+ "kind": "method",
1383
+ "name": "handleDescendentOverlayClosed",
1384
+ "privacy": "protected",
1385
+ "return": {
1386
+ "type": {
1387
+ "text": "void"
1388
+ }
1389
+ },
1390
+ "parameters": [
1391
+ {
1392
+ "name": "event",
1393
+ "type": {
1394
+ "text": "Event"
1395
+ }
1396
+ }
1397
+ ],
1398
+ "inheritedFrom": {
1399
+ "name": "Menu",
1400
+ "module": "src/Menu.ts"
1401
+ }
1402
+ },
1403
+ {
1404
+ "kind": "field",
1405
+ "name": "handleSubmenuClosed",
1406
+ "privacy": "public",
1407
+ "inheritedFrom": {
1408
+ "name": "Menu",
1409
+ "module": "src/Menu.ts"
1410
+ }
1411
+ },
1412
+ {
1413
+ "kind": "field",
1414
+ "name": "handleSubmenuOpened",
1415
+ "privacy": "public",
1416
+ "inheritedFrom": {
1417
+ "name": "Menu",
1418
+ "module": "src/Menu.ts"
1252
1419
  }
1253
1420
  },
1254
1421
  {
@@ -1270,7 +1437,7 @@
1270
1437
  ],
1271
1438
  "inheritedFrom": {
1272
1439
  "name": "Menu",
1273
- "module": "src/Menu.js"
1440
+ "module": "src/Menu.ts"
1274
1441
  }
1275
1442
  },
1276
1443
  {
@@ -1292,7 +1459,7 @@
1292
1459
  ],
1293
1460
  "inheritedFrom": {
1294
1461
  "name": "Menu",
1295
- "module": "src/Menu.js"
1462
+ "module": "src/Menu.ts"
1296
1463
  }
1297
1464
  },
1298
1465
  {
@@ -1306,15 +1473,15 @@
1306
1473
  },
1307
1474
  "parameters": [
1308
1475
  {
1309
- "name": "code",
1476
+ "name": "event",
1310
1477
  "type": {
1311
- "text": "string"
1478
+ "text": "KeyboardEvent"
1312
1479
  }
1313
1480
  }
1314
1481
  ],
1315
1482
  "inheritedFrom": {
1316
1483
  "name": "Menu",
1317
- "module": "src/Menu.js"
1484
+ "module": "src/Menu.ts"
1318
1485
  }
1319
1486
  },
1320
1487
  {
@@ -1336,7 +1503,7 @@
1336
1503
  ],
1337
1504
  "inheritedFrom": {
1338
1505
  "name": "Menu",
1339
- "module": "src/Menu.js"
1506
+ "module": "src/Menu.ts"
1340
1507
  }
1341
1508
  },
1342
1509
  {
@@ -1358,7 +1525,7 @@
1358
1525
  ],
1359
1526
  "inheritedFrom": {
1360
1527
  "name": "Menu",
1361
- "module": "src/Menu.js"
1528
+ "module": "src/Menu.ts"
1362
1529
  }
1363
1530
  },
1364
1531
  {
@@ -1372,7 +1539,20 @@
1372
1539
  },
1373
1540
  "inheritedFrom": {
1374
1541
  "name": "Menu",
1375
- "module": "src/Menu.js"
1542
+ "module": "src/Menu.ts"
1543
+ }
1544
+ },
1545
+ {
1546
+ "kind": "field",
1547
+ "name": "_hasUpdatedSelectedItemIndex",
1548
+ "type": {
1549
+ "text": "boolean"
1550
+ },
1551
+ "privacy": "private",
1552
+ "default": "false",
1553
+ "inheritedFrom": {
1554
+ "name": "Menu",
1555
+ "module": "src/Menu.ts"
1376
1556
  }
1377
1557
  },
1378
1558
  {
@@ -1386,7 +1566,7 @@
1386
1566
  },
1387
1567
  "inheritedFrom": {
1388
1568
  "name": "Menu",
1389
- "module": "src/Menu.js"
1569
+ "module": "src/Menu.ts"
1390
1570
  }
1391
1571
  },
1392
1572
  {
@@ -1399,7 +1579,7 @@
1399
1579
  "default": "false",
1400
1580
  "inheritedFrom": {
1401
1581
  "name": "Menu",
1402
- "module": "src/Menu.js"
1582
+ "module": "src/Menu.ts"
1403
1583
  }
1404
1584
  },
1405
1585
  {
@@ -1413,35 +1593,63 @@
1413
1593
  },
1414
1594
  "inheritedFrom": {
1415
1595
  "name": "Menu",
1416
- "module": "src/Menu.js"
1596
+ "module": "src/Menu.ts"
1417
1597
  }
1418
1598
  },
1419
1599
  {
1420
1600
  "kind": "method",
1421
- "name": "updateItemFocus",
1601
+ "name": "updateCache",
1422
1602
  "privacy": "private",
1423
1603
  "return": {
1424
1604
  "type": {
1425
- "text": "void"
1605
+ "text": "Promise<void>"
1426
1606
  }
1427
1607
  },
1428
1608
  "inheritedFrom": {
1429
1609
  "name": "Menu",
1430
- "module": "src/Menu.js"
1610
+ "module": "src/Menu.ts"
1431
1611
  }
1432
1612
  },
1433
1613
  {
1434
1614
  "kind": "method",
1435
- "name": "forwardFocusVisibleToItem",
1615
+ "name": "updateItemFocus",
1436
1616
  "privacy": "private",
1437
1617
  "return": {
1438
1618
  "type": {
1439
1619
  "text": "void"
1440
1620
  }
1441
1621
  },
1442
- "parameters": [
1443
- {
1444
- "name": "item",
1622
+ "inheritedFrom": {
1623
+ "name": "Menu",
1624
+ "module": "src/Menu.ts"
1625
+ }
1626
+ },
1627
+ {
1628
+ "kind": "method",
1629
+ "name": "closeDescendentOverlays",
1630
+ "privacy": "public",
1631
+ "return": {
1632
+ "type": {
1633
+ "text": "void"
1634
+ }
1635
+ },
1636
+ "inheritedFrom": {
1637
+ "name": "Menu",
1638
+ "module": "src/Menu.ts"
1639
+ }
1640
+ },
1641
+ {
1642
+ "kind": "method",
1643
+ "name": "forwardFocusVisibleToItem",
1644
+ "privacy": "private",
1645
+ "return": {
1646
+ "type": {
1647
+ "text": "void"
1648
+ }
1649
+ },
1650
+ "parameters": [
1651
+ {
1652
+ "name": "item",
1445
1653
  "type": {
1446
1654
  "text": "MenuItem"
1447
1655
  }
@@ -1449,20 +1657,43 @@
1449
1657
  ],
1450
1658
  "inheritedFrom": {
1451
1659
  "name": "Menu",
1452
- "module": "src/Menu.js"
1660
+ "module": "src/Menu.ts"
1453
1661
  }
1454
1662
  },
1455
1663
  {
1456
- "kind": "field",
1457
- "name": "_notFirstUpdated",
1458
- "type": {
1459
- "text": "boolean"
1460
- },
1664
+ "kind": "method",
1665
+ "name": "handleSlotchange",
1461
1666
  "privacy": "private",
1462
- "default": "false",
1667
+ "return": {
1668
+ "type": {
1669
+ "text": "void"
1670
+ }
1671
+ },
1672
+ "parameters": [
1673
+ {
1674
+ "name": "{\n target,\n }",
1675
+ "type": {
1676
+ "text": "Event & { target: HTMLSlotElement }"
1677
+ }
1678
+ }
1679
+ ],
1463
1680
  "inheritedFrom": {
1464
1681
  "name": "Menu",
1465
- "module": "src/Menu.js"
1682
+ "module": "src/Menu.ts"
1683
+ }
1684
+ },
1685
+ {
1686
+ "kind": "method",
1687
+ "name": "renderMenuItemSlot",
1688
+ "privacy": "protected",
1689
+ "return": {
1690
+ "type": {
1691
+ "text": "TemplateResult"
1692
+ }
1693
+ },
1694
+ "inheritedFrom": {
1695
+ "name": "Menu",
1696
+ "module": "src/Menu.ts"
1466
1697
  }
1467
1698
  },
1468
1699
  {
@@ -1476,7 +1707,7 @@
1476
1707
  },
1477
1708
  "inheritedFrom": {
1478
1709
  "name": "Menu",
1479
- "module": "src/Menu.js"
1710
+ "module": "src/Menu.ts"
1480
1711
  }
1481
1712
  },
1482
1713
  {
@@ -1488,7 +1719,7 @@
1488
1719
  "privacy": "protected",
1489
1720
  "inheritedFrom": {
1490
1721
  "name": "Menu",
1491
- "module": "src/Menu.js"
1722
+ "module": "src/Menu.ts"
1492
1723
  }
1493
1724
  },
1494
1725
  {
@@ -1497,7 +1728,16 @@
1497
1728
  "privacy": "protected",
1498
1729
  "inheritedFrom": {
1499
1730
  "name": "Menu",
1500
- "module": "src/Menu.js"
1731
+ "module": "src/Menu.ts"
1732
+ }
1733
+ },
1734
+ {
1735
+ "kind": "field",
1736
+ "name": "resolveCacheUpdated",
1737
+ "privacy": "protected",
1738
+ "inheritedFrom": {
1739
+ "name": "Menu",
1740
+ "module": "src/Menu.ts"
1501
1741
  }
1502
1742
  },
1503
1743
  {
@@ -1511,7 +1751,7 @@
1511
1751
  },
1512
1752
  "inheritedFrom": {
1513
1753
  "name": "Menu",
1514
- "module": "src/Menu.js"
1754
+ "module": "src/Menu.ts"
1515
1755
  }
1516
1756
  }
1517
1757
  ],
@@ -1614,46 +1854,23 @@
1614
1854
  "name": "MenuGroup",
1615
1855
  "declaration": {
1616
1856
  "name": "MenuGroup",
1617
- "module": "src/MenuGroup.js"
1857
+ "module": "src/MenuGroup.ts"
1618
1858
  }
1619
1859
  }
1620
1860
  ]
1621
1861
  },
1622
1862
  {
1623
1863
  "kind": "javascript-module",
1624
- "path": "src/MenuItem.js",
1864
+ "path": "src/MenuItem.ts",
1625
1865
  "declarations": [
1626
1866
  {
1627
1867
  "kind": "class",
1628
1868
  "description": "",
1629
- "name": "MenuItemRemovedEvent",
1869
+ "name": "MenuItemAddedOrUpdatedEvent",
1630
1870
  "members": [
1631
- {
1632
- "kind": "field",
1633
- "name": "item",
1634
- "type": {
1635
- "text": "MenuItem"
1636
- },
1637
- "readonly": true
1638
- },
1639
- {
1640
- "kind": "field",
1641
- "name": "_item",
1642
- "type": {
1643
- "text": "MenuItem"
1644
- }
1645
- },
1646
- {
1647
- "kind": "field",
1648
- "name": "focused",
1649
- "type": {
1650
- "text": "boolean"
1651
- },
1652
- "default": "false"
1653
- },
1654
1871
  {
1655
1872
  "kind": "method",
1656
- "name": "reset",
1873
+ "name": "clear",
1657
1874
  "return": {
1658
1875
  "type": {
1659
1876
  "text": "void"
@@ -1667,25 +1884,11 @@
1667
1884
  }
1668
1885
  }
1669
1886
  ]
1670
- }
1671
- ],
1672
- "superclass": {
1673
- "name": "Event",
1674
- "module": "src/MenuItem.ts"
1675
- }
1676
- },
1677
- {
1678
- "kind": "class",
1679
- "description": "",
1680
- "name": "MenuItemAddedOrUpdatedEvent",
1681
- "members": [
1682
- {
1683
- "kind": "field",
1684
- "name": "focusRoot"
1685
1887
  },
1686
1888
  {
1687
1889
  "kind": "field",
1688
- "name": "selectionRoot"
1890
+ "name": "menuCascade",
1891
+ "default": "new WeakMap<HTMLElement, MenuCascadeItem>()"
1689
1892
  },
1690
1893
  {
1691
1894
  "kind": "field",
@@ -1700,7 +1903,8 @@
1700
1903
  "name": "_item",
1701
1904
  "type": {
1702
1905
  "text": "MenuItem"
1703
- }
1906
+ },
1907
+ "privacy": "private"
1704
1908
  },
1705
1909
  {
1706
1910
  "kind": "field",
@@ -1708,30 +1912,6 @@
1708
1912
  "type": {
1709
1913
  "text": "Menu | undefined"
1710
1914
  }
1711
- },
1712
- {
1713
- "kind": "field",
1714
- "name": "_currentAncestorWithSelects",
1715
- "type": {
1716
- "text": "Menu | undefined"
1717
- }
1718
- },
1719
- {
1720
- "kind": "method",
1721
- "name": "reset",
1722
- "return": {
1723
- "type": {
1724
- "text": "void"
1725
- }
1726
- },
1727
- "parameters": [
1728
- {
1729
- "name": "item",
1730
- "type": {
1731
- "text": "MenuItem"
1732
- }
1733
- }
1734
- ]
1735
1915
  }
1736
1916
  ],
1737
1917
  "superclass": {
@@ -1762,24 +1942,6 @@
1762
1942
  }
1763
1943
  ],
1764
1944
  "members": [
1765
- {
1766
- "kind": "field",
1767
- "name": "instanceCount",
1768
- "type": {
1769
- "text": "number"
1770
- },
1771
- "static": true,
1772
- "default": "0"
1773
- },
1774
- {
1775
- "kind": "field",
1776
- "name": "isInSubmenu",
1777
- "type": {
1778
- "text": "boolean"
1779
- },
1780
- "privacy": "private",
1781
- "default": "false"
1782
- },
1783
1945
  {
1784
1946
  "kind": "field",
1785
1947
  "name": "active",
@@ -1850,6 +2012,20 @@
1850
2012
  "default": "false",
1851
2013
  "attribute": "hasSubmenu"
1852
2014
  },
2015
+ {
2016
+ "kind": "field",
2017
+ "name": "contentSlot",
2018
+ "type": {
2019
+ "text": "HTMLSlotElement"
2020
+ }
2021
+ },
2022
+ {
2023
+ "kind": "field",
2024
+ "name": "iconSlot",
2025
+ "type": {
2026
+ "text": "HTMLSlotElement"
2027
+ }
2028
+ },
1853
2029
  {
1854
2030
  "kind": "field",
1855
2031
  "name": "noWrap",
@@ -1869,6 +2045,14 @@
1869
2045
  },
1870
2046
  "privacy": "private"
1871
2047
  },
2048
+ {
2049
+ "kind": "field",
2050
+ "name": "overlayElement",
2051
+ "type": {
2052
+ "text": "Overlay"
2053
+ },
2054
+ "privacy": "public"
2055
+ },
1872
2056
  {
1873
2057
  "kind": "field",
1874
2058
  "name": "focusElement",
@@ -1903,7 +2087,8 @@
1903
2087
  },
1904
2088
  "privacy": "public",
1905
2089
  "default": "false",
1906
- "attribute": "open"
2090
+ "attribute": "open",
2091
+ "reflects": true
1907
2092
  },
1908
2093
  {
1909
2094
  "kind": "method",
@@ -1934,14 +2119,9 @@
1934
2119
  ]
1935
2120
  },
1936
2121
  {
1937
- "kind": "method",
2122
+ "kind": "field",
1938
2123
  "name": "proxyFocus",
1939
- "privacy": "private",
1940
- "return": {
1941
- "type": {
1942
- "text": "void"
1943
- }
1944
- }
2124
+ "privacy": "private"
1945
2125
  },
1946
2126
  {
1947
2127
  "kind": "method",
@@ -1963,6 +2143,16 @@
1963
2143
  }
1964
2144
  }
1965
2145
  },
2146
+ {
2147
+ "kind": "method",
2148
+ "name": "renderSubmenu",
2149
+ "privacy": "protected",
2150
+ "return": {
2151
+ "type": {
2152
+ "text": "TemplateResult"
2153
+ }
2154
+ }
2155
+ },
1966
2156
  {
1967
2157
  "kind": "method",
1968
2158
  "name": "manageSubmenu",
@@ -1989,15 +2179,7 @@
1989
2179
  "type": {
1990
2180
  "text": "void"
1991
2181
  }
1992
- },
1993
- "parameters": [
1994
- {
1995
- "name": "event",
1996
- "type": {
1997
- "text": "Event"
1998
- }
1999
- }
2000
- ]
2182
+ }
2001
2183
  },
2002
2184
  {
2003
2185
  "kind": "method",
@@ -2019,14 +2201,6 @@
2019
2201
  }
2020
2202
  }
2021
2203
  },
2022
- {
2023
- "kind": "field",
2024
- "name": "closeOverlay",
2025
- "type": {
2026
- "text": "() => Promise<void> | undefined"
2027
- },
2028
- "privacy": "public"
2029
- },
2030
2204
  {
2031
2205
  "kind": "method",
2032
2206
  "name": "handleSubmenuClick",
@@ -2035,7 +2209,15 @@
2035
2209
  "type": {
2036
2210
  "text": "void"
2037
2211
  }
2038
- }
2212
+ },
2213
+ "parameters": [
2214
+ {
2215
+ "name": "event",
2216
+ "type": {
2217
+ "text": "Event"
2218
+ }
2219
+ }
2220
+ ]
2039
2221
  },
2040
2222
  {
2041
2223
  "kind": "method",
@@ -2055,6 +2237,15 @@
2055
2237
  },
2056
2238
  "privacy": "protected"
2057
2239
  },
2240
+ {
2241
+ "kind": "field",
2242
+ "name": "recentlyLeftChild",
2243
+ "type": {
2244
+ "text": "boolean"
2245
+ },
2246
+ "privacy": "protected",
2247
+ "default": "false"
2248
+ },
2058
2249
  {
2059
2250
  "kind": "method",
2060
2251
  "name": "handlePointerleave",
@@ -2066,15 +2257,71 @@
2066
2257
  }
2067
2258
  },
2068
2259
  {
2069
- "kind": "field",
2260
+ "kind": "method",
2070
2261
  "name": "handleSubmenuChange",
2071
2262
  "privacy": "protected",
2263
+ "return": {
2264
+ "type": {
2265
+ "text": "void"
2266
+ }
2267
+ },
2268
+ "parameters": [
2269
+ {
2270
+ "name": "event",
2271
+ "type": {
2272
+ "text": "Event"
2273
+ }
2274
+ }
2275
+ ],
2072
2276
  "description": "When there is a `change` event in the submenu for this item\nthen we \"click\" this item to cascade the selection up the\nmenu tree allowing all submenus between the initial selection\nand the root of the tree to have their selection changes and\nbe closed."
2073
2277
  },
2074
2278
  {
2075
- "kind": "field",
2279
+ "kind": "method",
2076
2280
  "name": "handleSubmenuPointerenter",
2077
- "privacy": "protected"
2281
+ "privacy": "protected",
2282
+ "return": {
2283
+ "type": {
2284
+ "text": "void"
2285
+ }
2286
+ }
2287
+ },
2288
+ {
2289
+ "kind": "method",
2290
+ "name": "handleSubmenuPointerleave",
2291
+ "privacy": "protected",
2292
+ "return": {
2293
+ "type": {
2294
+ "text": "Promise<void>"
2295
+ }
2296
+ }
2297
+ },
2298
+ {
2299
+ "kind": "method",
2300
+ "name": "handleSubmenuOpen",
2301
+ "privacy": "protected",
2302
+ "return": {
2303
+ "type": {
2304
+ "text": "void"
2305
+ }
2306
+ },
2307
+ "parameters": [
2308
+ {
2309
+ "name": "event",
2310
+ "type": {
2311
+ "text": "Event"
2312
+ }
2313
+ }
2314
+ ]
2315
+ },
2316
+ {
2317
+ "kind": "method",
2318
+ "name": "cleanup",
2319
+ "privacy": "protected",
2320
+ "return": {
2321
+ "type": {
2322
+ "text": "void"
2323
+ }
2324
+ }
2078
2325
  },
2079
2326
  {
2080
2327
  "kind": "method",
@@ -2120,6 +2367,15 @@
2120
2367
  "text": "HTMLElement"
2121
2368
  }
2122
2369
  },
2370
+ {
2371
+ "kind": "field",
2372
+ "name": "willDispatchUpdate",
2373
+ "type": {
2374
+ "text": "boolean"
2375
+ },
2376
+ "privacy": "private",
2377
+ "default": "false"
2378
+ },
2123
2379
  {
2124
2380
  "kind": "method",
2125
2381
  "name": "triggerUpdate",
@@ -2130,24 +2386,35 @@
2130
2386
  }
2131
2387
  }
2132
2388
  },
2389
+ {
2390
+ "kind": "method",
2391
+ "name": "dispatchUpdate",
2392
+ "privacy": "public",
2393
+ "return": {
2394
+ "type": {
2395
+ "text": "void"
2396
+ }
2397
+ }
2398
+ },
2133
2399
  {
2134
2400
  "kind": "field",
2135
2401
  "name": "menuData",
2136
2402
  "type": {
2137
- "text": "{\n focusRoot?: Menu;\n selectionRoot?: Menu;\n }"
2403
+ "text": "{\n focusRoot?: Menu;\n parentMenu?: Menu;\n selectionRoot?: Menu;\n cleanupSteps: ((item: MenuItem) => void)[];\n }"
2138
2404
  },
2139
2405
  "privacy": "public",
2140
- "default": "{\n focusRoot: undefined,\n selectionRoot: undefined,\n }"
2406
+ "default": "{\n focusRoot: undefined,\n parentMenu: undefined,\n selectionRoot: undefined,\n cleanupSteps: [],\n }"
2141
2407
  }
2142
2408
  ],
2143
2409
  "events": [
2144
2410
  {
2145
- "description": "announces the item has been added so a parent menu can take ownerships",
2146
- "name": "sp-menu-item-added"
2411
+ "type": {
2412
+ "text": "MenuItemAddedOrUpdatedEvent"
2413
+ }
2147
2414
  },
2148
2415
  {
2149
- "description": "announces when removed from the DOM so the parent menu can remove ownership and update selected state",
2150
- "name": "sp-menu-item-removed"
2416
+ "description": "announces the item has been added so a parent menu can take ownerships",
2417
+ "name": "sp-menu-item-added"
2151
2418
  }
2152
2419
  ],
2153
2420
  "attributes": [
@@ -2222,20 +2489,12 @@
2222
2489
  }
2223
2490
  ],
2224
2491
  "exports": [
2225
- {
2226
- "kind": "js",
2227
- "name": "MenuItemRemovedEvent",
2228
- "declaration": {
2229
- "name": "MenuItemRemovedEvent",
2230
- "module": "src/MenuItem.js"
2231
- }
2232
- },
2233
2492
  {
2234
2493
  "kind": "js",
2235
2494
  "name": "MenuItemAddedOrUpdatedEvent",
2236
2495
  "declaration": {
2237
2496
  "name": "MenuItemAddedOrUpdatedEvent",
2238
- "module": "src/MenuItem.js"
2497
+ "module": "src/MenuItem.ts"
2239
2498
  }
2240
2499
  },
2241
2500
  {
@@ -2243,7 +2502,7 @@
2243
2502
  "name": "MenuItem",
2244
2503
  "declaration": {
2245
2504
  "name": "MenuItem",
2246
- "module": "src/MenuItem.js"
2505
+ "module": "src/MenuItem.ts"
2247
2506
  }
2248
2507
  }
2249
2508
  ]