@spectrum-web-components/menu 0.32.0 → 0.32.1-overlay.41

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 +478 -225
  2. package/package.json +9 -9
  3. package/src/Menu.d.ts +16 -6
  4. package/src/Menu.dev.js +161 -62
  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 +1 -3
  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 +24 -22
  14. package/src/MenuItem.dev.js +132 -150
  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 +28 -21
  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 +198 -83
  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",
@@ -256,7 +256,7 @@
256
256
  }
257
257
  }
258
258
  ],
259
- "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."
259
+ "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."
260
260
  },
261
261
  {
262
262
  "kind": "method",
@@ -275,7 +275,7 @@
275
275
  }
276
276
  }
277
277
  ],
278
- "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."
278
+ "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."
279
279
  },
280
280
  {
281
281
  "kind": "method",
@@ -306,9 +306,9 @@
306
306
  },
307
307
  "parameters": [
308
308
  {
309
- "name": "event",
309
+ "name": "item",
310
310
  "type": {
311
- "text": "MenuItemRemovedEvent"
311
+ "text": "MenuItem"
312
312
  }
313
313
  }
314
314
  ]
@@ -334,7 +334,7 @@
334
334
  },
335
335
  {
336
336
  "kind": "method",
337
- "name": "onClick",
337
+ "name": "handleClick",
338
338
  "privacy": "private",
339
339
  "return": {
340
340
  "type": {
@@ -406,6 +406,58 @@
406
406
  }
407
407
  }
408
408
  },
409
+ {
410
+ "kind": "field",
411
+ "name": "descendentOverlays",
412
+ "privacy": "private",
413
+ "default": "new Map<OverlayBase, OverlayBase>()"
414
+ },
415
+ {
416
+ "kind": "method",
417
+ "name": "handleDescendentOverlayOpened",
418
+ "privacy": "protected",
419
+ "return": {
420
+ "type": {
421
+ "text": "void"
422
+ }
423
+ },
424
+ "parameters": [
425
+ {
426
+ "name": "event",
427
+ "type": {
428
+ "text": "Event"
429
+ }
430
+ }
431
+ ]
432
+ },
433
+ {
434
+ "kind": "method",
435
+ "name": "handleDescendentOverlayClosed",
436
+ "privacy": "protected",
437
+ "return": {
438
+ "type": {
439
+ "text": "void"
440
+ }
441
+ },
442
+ "parameters": [
443
+ {
444
+ "name": "event",
445
+ "type": {
446
+ "text": "Event"
447
+ }
448
+ }
449
+ ]
450
+ },
451
+ {
452
+ "kind": "field",
453
+ "name": "handleSubmenuClosed",
454
+ "privacy": "public"
455
+ },
456
+ {
457
+ "kind": "field",
458
+ "name": "handleSubmenuOpened",
459
+ "privacy": "public"
460
+ },
409
461
  {
410
462
  "kind": "method",
411
463
  "name": "selectOrToggleItem",
@@ -453,9 +505,9 @@
453
505
  },
454
506
  "parameters": [
455
507
  {
456
- "name": "code",
508
+ "name": "event",
457
509
  "type": {
458
- "text": "string"
510
+ "text": "KeyboardEvent"
459
511
  }
460
512
  }
461
513
  ]
@@ -506,6 +558,15 @@
506
558
  }
507
559
  }
508
560
  },
561
+ {
562
+ "kind": "field",
563
+ "name": "_hasUpdatedSelectedItemIndex",
564
+ "type": {
565
+ "text": "boolean"
566
+ },
567
+ "privacy": "private",
568
+ "default": "false"
569
+ },
509
570
  {
510
571
  "kind": "method",
511
572
  "name": "updateSelectedItemIndex",
@@ -535,6 +596,16 @@
535
596
  }
536
597
  }
537
598
  },
599
+ {
600
+ "kind": "method",
601
+ "name": "updateCache",
602
+ "privacy": "private",
603
+ "return": {
604
+ "type": {
605
+ "text": "Promise<void>"
606
+ }
607
+ }
608
+ },
538
609
  {
539
610
  "kind": "method",
540
611
  "name": "updateItemFocus",
@@ -545,6 +616,16 @@
545
616
  }
546
617
  }
547
618
  },
619
+ {
620
+ "kind": "method",
621
+ "name": "closeDescendentOverlays",
622
+ "privacy": "public",
623
+ "return": {
624
+ "type": {
625
+ "text": "void"
626
+ }
627
+ }
628
+ },
548
629
  {
549
630
  "kind": "method",
550
631
  "name": "forwardFocusVisibleToItem",
@@ -564,13 +645,32 @@
564
645
  ]
565
646
  },
566
647
  {
567
- "kind": "field",
568
- "name": "_notFirstUpdated",
569
- "type": {
570
- "text": "boolean"
571
- },
648
+ "kind": "method",
649
+ "name": "handleSlotchange",
572
650
  "privacy": "private",
573
- "default": "false"
651
+ "return": {
652
+ "type": {
653
+ "text": "void"
654
+ }
655
+ },
656
+ "parameters": [
657
+ {
658
+ "name": "{\n target,\n }",
659
+ "type": {
660
+ "text": "Event & { target: HTMLSlotElement }"
661
+ }
662
+ }
663
+ ]
664
+ },
665
+ {
666
+ "kind": "method",
667
+ "name": "renderMenuItemSlot",
668
+ "privacy": "protected",
669
+ "return": {
670
+ "type": {
671
+ "text": "TemplateResult"
672
+ }
673
+ }
574
674
  },
575
675
  {
576
676
  "kind": "method",
@@ -595,6 +695,11 @@
595
695
  "name": "cacheUpdated",
596
696
  "privacy": "protected"
597
697
  },
698
+ {
699
+ "kind": "field",
700
+ "name": "resolveCacheUpdated",
701
+ "privacy": "protected"
702
+ },
598
703
  {
599
704
  "kind": "method",
600
705
  "name": "getUpdateComplete",
@@ -669,14 +774,14 @@
669
774
  "name": "Menu",
670
775
  "declaration": {
671
776
  "name": "Menu",
672
- "module": "src/Menu.js"
777
+ "module": "src/Menu.ts"
673
778
  }
674
779
  }
675
780
  ]
676
781
  },
677
782
  {
678
783
  "kind": "javascript-module",
679
- "path": "src/MenuDivider.js",
784
+ "path": "src/MenuDivider.ts",
680
785
  "declarations": [
681
786
  {
682
787
  "kind": "class",
@@ -703,14 +808,14 @@
703
808
  "name": "MenuDivider",
704
809
  "declaration": {
705
810
  "name": "MenuDivider",
706
- "module": "src/MenuDivider.js"
811
+ "module": "src/MenuDivider.ts"
707
812
  }
708
813
  }
709
814
  ]
710
815
  },
711
816
  {
712
817
  "kind": "javascript-module",
713
- "path": "src/MenuGroup.js",
818
+ "path": "src/MenuGroup.ts",
714
819
  "declarations": [
715
820
  {
716
821
  "kind": "class",
@@ -727,16 +832,6 @@
727
832
  }
728
833
  ],
729
834
  "members": [
730
- {
731
- "kind": "field",
732
- "name": "instances",
733
- "type": {
734
- "text": "number"
735
- },
736
- "privacy": "private",
737
- "static": true,
738
- "default": "1"
739
- },
740
835
  {
741
836
  "kind": "field",
742
837
  "name": "headerId",
@@ -744,7 +839,7 @@
744
839
  "text": "string"
745
840
  },
746
841
  "privacy": "private",
747
- "default": "`sp-menu-group-label-${MenuGroup.instances}`"
842
+ "default": "''"
748
843
  },
749
844
  {
750
845
  "kind": "field",
@@ -772,7 +867,7 @@
772
867
  "readonly": true,
773
868
  "inheritedFrom": {
774
869
  "name": "Menu",
775
- "module": "src/Menu.js"
870
+ "module": "src/Menu.ts"
776
871
  }
777
872
  },
778
873
  {
@@ -791,11 +886,11 @@
791
886
  "type": {
792
887
  "text": "boolean"
793
888
  },
794
- "privacy": "public",
795
- "default": "false",
889
+ "privacy": "private",
890
+ "readonly": true,
796
891
  "inheritedFrom": {
797
892
  "name": "Menu",
798
- "module": "src/Menu.js"
893
+ "module": "src/Menu.ts"
799
894
  }
800
895
  },
801
896
  {
@@ -810,7 +905,7 @@
810
905
  "reflects": true,
811
906
  "inheritedFrom": {
812
907
  "name": "Menu",
813
- "module": "src/Menu.js"
908
+ "module": "src/Menu.ts"
814
909
  }
815
910
  },
816
911
  {
@@ -824,7 +919,7 @@
824
919
  "reflects": true,
825
920
  "inheritedFrom": {
826
921
  "name": "Menu",
827
- "module": "src/Menu.js"
922
+ "module": "src/Menu.ts"
828
923
  }
829
924
  },
830
925
  {
@@ -838,7 +933,7 @@
838
933
  "attribute": "value",
839
934
  "inheritedFrom": {
840
935
  "name": "Menu",
841
- "module": "src/Menu.js"
936
+ "module": "src/Menu.ts"
842
937
  }
843
938
  },
844
939
  {
@@ -852,7 +947,7 @@
852
947
  "attribute": "value-separator",
853
948
  "inheritedFrom": {
854
949
  "name": "Menu",
855
- "module": "src/Menu.js"
950
+ "module": "src/Menu.ts"
856
951
  }
857
952
  },
858
953
  {
@@ -862,7 +957,7 @@
862
957
  "default": "[]",
863
958
  "inheritedFrom": {
864
959
  "name": "Menu",
865
- "module": "src/Menu.js"
960
+ "module": "src/Menu.ts"
866
961
  }
867
962
  },
868
963
  {
@@ -872,7 +967,7 @@
872
967
  "default": "[]",
873
968
  "inheritedFrom": {
874
969
  "name": "Menu",
875
- "module": "src/Menu.js"
970
+ "module": "src/Menu.ts"
876
971
  }
877
972
  },
878
973
  {
@@ -884,7 +979,7 @@
884
979
  "privacy": "public",
885
980
  "inheritedFrom": {
886
981
  "name": "Menu",
887
- "module": "src/Menu.js"
982
+ "module": "src/Menu.ts"
888
983
  }
889
984
  },
890
985
  {
@@ -894,7 +989,7 @@
894
989
  "default": "new Set<MenuItem>()",
895
990
  "inheritedFrom": {
896
991
  "name": "Menu",
897
- "module": "src/Menu.js"
992
+ "module": "src/Menu.ts"
898
993
  }
899
994
  },
900
995
  {
@@ -907,7 +1002,7 @@
907
1002
  "default": "0",
908
1003
  "inheritedFrom": {
909
1004
  "name": "Menu",
910
- "module": "src/Menu.js"
1005
+ "module": "src/Menu.ts"
911
1006
  }
912
1007
  },
913
1008
  {
@@ -920,7 +1015,7 @@
920
1015
  "default": "0",
921
1016
  "inheritedFrom": {
922
1017
  "name": "Menu",
923
- "module": "src/Menu.js"
1018
+ "module": "src/Menu.ts"
924
1019
  }
925
1020
  },
926
1021
  {
@@ -930,7 +1025,7 @@
930
1025
  "default": "new Map()",
931
1026
  "inheritedFrom": {
932
1027
  "name": "Menu",
933
- "module": "src/Menu.js"
1028
+ "module": "src/Menu.ts"
934
1029
  }
935
1030
  },
936
1031
  {
@@ -943,7 +1038,7 @@
943
1038
  "readonly": true,
944
1039
  "inheritedFrom": {
945
1040
  "name": "Menu",
946
- "module": "src/Menu.js"
1041
+ "module": "src/Menu.ts"
947
1042
  }
948
1043
  },
949
1044
  {
@@ -955,7 +1050,7 @@
955
1050
  "privacy": "private",
956
1051
  "inheritedFrom": {
957
1052
  "name": "Menu",
958
- "module": "src/Menu.js"
1053
+ "module": "src/Menu.ts"
959
1054
  }
960
1055
  },
961
1056
  {
@@ -969,7 +1064,7 @@
969
1064
  },
970
1065
  "inheritedFrom": {
971
1066
  "name": "Menu",
972
- "module": "src/Menu.js"
1067
+ "module": "src/Menu.ts"
973
1068
  }
974
1069
  },
975
1070
  {
@@ -983,7 +1078,7 @@
983
1078
  "readonly": true,
984
1079
  "inheritedFrom": {
985
1080
  "name": "Menu",
986
- "module": "src/Menu.js"
1081
+ "module": "src/Menu.ts"
987
1082
  }
988
1083
  },
989
1084
  {
@@ -995,7 +1090,7 @@
995
1090
  "privacy": "private",
996
1091
  "inheritedFrom": {
997
1092
  "name": "Menu",
998
- "module": "src/Menu.js"
1093
+ "module": "src/Menu.ts"
999
1094
  }
1000
1095
  },
1001
1096
  {
@@ -1007,7 +1102,7 @@
1007
1102
  "privacy": "private",
1008
1103
  "inheritedFrom": {
1009
1104
  "name": "Menu",
1010
- "module": "src/Menu.js"
1105
+ "module": "src/Menu.ts"
1011
1106
  }
1012
1107
  },
1013
1108
  {
@@ -1027,10 +1122,10 @@
1027
1122
  }
1028
1123
  }
1029
1124
  ],
1030
- "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.",
1125
+ "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.",
1031
1126
  "inheritedFrom": {
1032
1127
  "name": "Menu",
1033
- "module": "src/Menu.js"
1128
+ "module": "src/Menu.ts"
1034
1129
  }
1035
1130
  },
1036
1131
  {
@@ -1050,10 +1145,10 @@
1050
1145
  }
1051
1146
  }
1052
1147
  ],
1053
- "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.",
1148
+ "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.",
1054
1149
  "inheritedFrom": {
1055
1150
  "name": "Menu",
1056
- "module": "src/Menu.js"
1151
+ "module": "src/Menu.ts"
1057
1152
  }
1058
1153
  },
1059
1154
  {
@@ -1075,7 +1170,7 @@
1075
1170
  ],
1076
1171
  "inheritedFrom": {
1077
1172
  "name": "Menu",
1078
- "module": "src/Menu.js"
1173
+ "module": "src/Menu.ts"
1079
1174
  }
1080
1175
  },
1081
1176
  {
@@ -1089,15 +1184,15 @@
1089
1184
  },
1090
1185
  "parameters": [
1091
1186
  {
1092
- "name": "event",
1187
+ "name": "item",
1093
1188
  "type": {
1094
- "text": "MenuItemRemovedEvent"
1189
+ "text": "MenuItem"
1095
1190
  }
1096
1191
  }
1097
1192
  ],
1098
1193
  "inheritedFrom": {
1099
1194
  "name": "Menu",
1100
- "module": "src/Menu.js"
1195
+ "module": "src/Menu.ts"
1101
1196
  }
1102
1197
  },
1103
1198
  {
@@ -1120,12 +1215,12 @@
1120
1215
  ],
1121
1216
  "inheritedFrom": {
1122
1217
  "name": "Menu",
1123
- "module": "src/Menu.js"
1218
+ "module": "src/Menu.ts"
1124
1219
  }
1125
1220
  },
1126
1221
  {
1127
1222
  "kind": "method",
1128
- "name": "onClick",
1223
+ "name": "handleClick",
1129
1224
  "privacy": "private",
1130
1225
  "return": {
1131
1226
  "type": {
@@ -1142,7 +1237,7 @@
1142
1237
  ],
1143
1238
  "inheritedFrom": {
1144
1239
  "name": "Menu",
1145
- "module": "src/Menu.js"
1240
+ "module": "src/Menu.ts"
1146
1241
  }
1147
1242
  },
1148
1243
  {
@@ -1164,7 +1259,7 @@
1164
1259
  ],
1165
1260
  "inheritedFrom": {
1166
1261
  "name": "Menu",
1167
- "module": "src/Menu.js"
1262
+ "module": "src/Menu.ts"
1168
1263
  }
1169
1264
  },
1170
1265
  {
@@ -1178,7 +1273,7 @@
1178
1273
  },
1179
1274
  "inheritedFrom": {
1180
1275
  "name": "Menu",
1181
- "module": "src/Menu.js"
1276
+ "module": "src/Menu.ts"
1182
1277
  }
1183
1278
  },
1184
1279
  {
@@ -1200,7 +1295,7 @@
1200
1295
  ],
1201
1296
  "inheritedFrom": {
1202
1297
  "name": "Menu",
1203
- "module": "src/Menu.js"
1298
+ "module": "src/Menu.ts"
1204
1299
  }
1205
1300
  },
1206
1301
  {
@@ -1214,7 +1309,79 @@
1214
1309
  },
1215
1310
  "inheritedFrom": {
1216
1311
  "name": "Menu",
1217
- "module": "src/Menu.js"
1312
+ "module": "src/Menu.ts"
1313
+ }
1314
+ },
1315
+ {
1316
+ "kind": "field",
1317
+ "name": "descendentOverlays",
1318
+ "privacy": "private",
1319
+ "default": "new Map<OverlayBase, OverlayBase>()",
1320
+ "inheritedFrom": {
1321
+ "name": "Menu",
1322
+ "module": "src/Menu.ts"
1323
+ }
1324
+ },
1325
+ {
1326
+ "kind": "method",
1327
+ "name": "handleDescendentOverlayOpened",
1328
+ "privacy": "protected",
1329
+ "return": {
1330
+ "type": {
1331
+ "text": "void"
1332
+ }
1333
+ },
1334
+ "parameters": [
1335
+ {
1336
+ "name": "event",
1337
+ "type": {
1338
+ "text": "Event"
1339
+ }
1340
+ }
1341
+ ],
1342
+ "inheritedFrom": {
1343
+ "name": "Menu",
1344
+ "module": "src/Menu.ts"
1345
+ }
1346
+ },
1347
+ {
1348
+ "kind": "method",
1349
+ "name": "handleDescendentOverlayClosed",
1350
+ "privacy": "protected",
1351
+ "return": {
1352
+ "type": {
1353
+ "text": "void"
1354
+ }
1355
+ },
1356
+ "parameters": [
1357
+ {
1358
+ "name": "event",
1359
+ "type": {
1360
+ "text": "Event"
1361
+ }
1362
+ }
1363
+ ],
1364
+ "inheritedFrom": {
1365
+ "name": "Menu",
1366
+ "module": "src/Menu.ts"
1367
+ }
1368
+ },
1369
+ {
1370
+ "kind": "field",
1371
+ "name": "handleSubmenuClosed",
1372
+ "privacy": "public",
1373
+ "inheritedFrom": {
1374
+ "name": "Menu",
1375
+ "module": "src/Menu.ts"
1376
+ }
1377
+ },
1378
+ {
1379
+ "kind": "field",
1380
+ "name": "handleSubmenuOpened",
1381
+ "privacy": "public",
1382
+ "inheritedFrom": {
1383
+ "name": "Menu",
1384
+ "module": "src/Menu.ts"
1218
1385
  }
1219
1386
  },
1220
1387
  {
@@ -1236,7 +1403,7 @@
1236
1403
  ],
1237
1404
  "inheritedFrom": {
1238
1405
  "name": "Menu",
1239
- "module": "src/Menu.js"
1406
+ "module": "src/Menu.ts"
1240
1407
  }
1241
1408
  },
1242
1409
  {
@@ -1258,7 +1425,7 @@
1258
1425
  ],
1259
1426
  "inheritedFrom": {
1260
1427
  "name": "Menu",
1261
- "module": "src/Menu.js"
1428
+ "module": "src/Menu.ts"
1262
1429
  }
1263
1430
  },
1264
1431
  {
@@ -1272,15 +1439,15 @@
1272
1439
  },
1273
1440
  "parameters": [
1274
1441
  {
1275
- "name": "code",
1442
+ "name": "event",
1276
1443
  "type": {
1277
- "text": "string"
1444
+ "text": "KeyboardEvent"
1278
1445
  }
1279
1446
  }
1280
1447
  ],
1281
1448
  "inheritedFrom": {
1282
1449
  "name": "Menu",
1283
- "module": "src/Menu.js"
1450
+ "module": "src/Menu.ts"
1284
1451
  }
1285
1452
  },
1286
1453
  {
@@ -1302,7 +1469,7 @@
1302
1469
  ],
1303
1470
  "inheritedFrom": {
1304
1471
  "name": "Menu",
1305
- "module": "src/Menu.js"
1472
+ "module": "src/Menu.ts"
1306
1473
  }
1307
1474
  },
1308
1475
  {
@@ -1324,7 +1491,7 @@
1324
1491
  ],
1325
1492
  "inheritedFrom": {
1326
1493
  "name": "Menu",
1327
- "module": "src/Menu.js"
1494
+ "module": "src/Menu.ts"
1328
1495
  }
1329
1496
  },
1330
1497
  {
@@ -1338,7 +1505,20 @@
1338
1505
  },
1339
1506
  "inheritedFrom": {
1340
1507
  "name": "Menu",
1341
- "module": "src/Menu.js"
1508
+ "module": "src/Menu.ts"
1509
+ }
1510
+ },
1511
+ {
1512
+ "kind": "field",
1513
+ "name": "_hasUpdatedSelectedItemIndex",
1514
+ "type": {
1515
+ "text": "boolean"
1516
+ },
1517
+ "privacy": "private",
1518
+ "default": "false",
1519
+ "inheritedFrom": {
1520
+ "name": "Menu",
1521
+ "module": "src/Menu.ts"
1342
1522
  }
1343
1523
  },
1344
1524
  {
@@ -1352,7 +1532,7 @@
1352
1532
  },
1353
1533
  "inheritedFrom": {
1354
1534
  "name": "Menu",
1355
- "module": "src/Menu.js"
1535
+ "module": "src/Menu.ts"
1356
1536
  }
1357
1537
  },
1358
1538
  {
@@ -1365,7 +1545,7 @@
1365
1545
  "default": "false",
1366
1546
  "inheritedFrom": {
1367
1547
  "name": "Menu",
1368
- "module": "src/Menu.js"
1548
+ "module": "src/Menu.ts"
1369
1549
  }
1370
1550
  },
1371
1551
  {
@@ -1379,56 +1559,107 @@
1379
1559
  },
1380
1560
  "inheritedFrom": {
1381
1561
  "name": "Menu",
1382
- "module": "src/Menu.js"
1562
+ "module": "src/Menu.ts"
1383
1563
  }
1384
1564
  },
1385
1565
  {
1386
1566
  "kind": "method",
1387
- "name": "updateItemFocus",
1567
+ "name": "updateCache",
1388
1568
  "privacy": "private",
1389
1569
  "return": {
1390
1570
  "type": {
1391
- "text": "void"
1571
+ "text": "Promise<void>"
1392
1572
  }
1393
1573
  },
1394
1574
  "inheritedFrom": {
1395
1575
  "name": "Menu",
1396
- "module": "src/Menu.js"
1576
+ "module": "src/Menu.ts"
1397
1577
  }
1398
1578
  },
1399
1579
  {
1400
1580
  "kind": "method",
1401
- "name": "forwardFocusVisibleToItem",
1581
+ "name": "updateItemFocus",
1402
1582
  "privacy": "private",
1403
1583
  "return": {
1404
1584
  "type": {
1405
1585
  "text": "void"
1406
1586
  }
1407
1587
  },
1408
- "parameters": [
1409
- {
1410
- "name": "item",
1411
- "type": {
1588
+ "inheritedFrom": {
1589
+ "name": "Menu",
1590
+ "module": "src/Menu.ts"
1591
+ }
1592
+ },
1593
+ {
1594
+ "kind": "method",
1595
+ "name": "closeDescendentOverlays",
1596
+ "privacy": "public",
1597
+ "return": {
1598
+ "type": {
1599
+ "text": "void"
1600
+ }
1601
+ },
1602
+ "inheritedFrom": {
1603
+ "name": "Menu",
1604
+ "module": "src/Menu.ts"
1605
+ }
1606
+ },
1607
+ {
1608
+ "kind": "method",
1609
+ "name": "forwardFocusVisibleToItem",
1610
+ "privacy": "private",
1611
+ "return": {
1612
+ "type": {
1613
+ "text": "void"
1614
+ }
1615
+ },
1616
+ "parameters": [
1617
+ {
1618
+ "name": "item",
1619
+ "type": {
1412
1620
  "text": "MenuItem"
1413
1621
  }
1414
1622
  }
1415
1623
  ],
1416
1624
  "inheritedFrom": {
1417
1625
  "name": "Menu",
1418
- "module": "src/Menu.js"
1626
+ "module": "src/Menu.ts"
1419
1627
  }
1420
1628
  },
1421
1629
  {
1422
- "kind": "field",
1423
- "name": "_notFirstUpdated",
1424
- "type": {
1425
- "text": "boolean"
1426
- },
1630
+ "kind": "method",
1631
+ "name": "handleSlotchange",
1427
1632
  "privacy": "private",
1428
- "default": "false",
1633
+ "return": {
1634
+ "type": {
1635
+ "text": "void"
1636
+ }
1637
+ },
1638
+ "parameters": [
1639
+ {
1640
+ "name": "{\n target,\n }",
1641
+ "type": {
1642
+ "text": "Event & { target: HTMLSlotElement }"
1643
+ }
1644
+ }
1645
+ ],
1429
1646
  "inheritedFrom": {
1430
1647
  "name": "Menu",
1431
- "module": "src/Menu.js"
1648
+ "module": "src/Menu.ts"
1649
+ }
1650
+ },
1651
+ {
1652
+ "kind": "method",
1653
+ "name": "renderMenuItemSlot",
1654
+ "privacy": "protected",
1655
+ "return": {
1656
+ "type": {
1657
+ "text": "TemplateResult"
1658
+ }
1659
+ },
1660
+ "inheritedFrom": {
1661
+ "name": "Menu",
1662
+ "module": "src/Menu.ts"
1432
1663
  }
1433
1664
  },
1434
1665
  {
@@ -1442,7 +1673,7 @@
1442
1673
  },
1443
1674
  "inheritedFrom": {
1444
1675
  "name": "Menu",
1445
- "module": "src/Menu.js"
1676
+ "module": "src/Menu.ts"
1446
1677
  }
1447
1678
  },
1448
1679
  {
@@ -1454,7 +1685,7 @@
1454
1685
  "privacy": "protected",
1455
1686
  "inheritedFrom": {
1456
1687
  "name": "Menu",
1457
- "module": "src/Menu.js"
1688
+ "module": "src/Menu.ts"
1458
1689
  }
1459
1690
  },
1460
1691
  {
@@ -1463,7 +1694,16 @@
1463
1694
  "privacy": "protected",
1464
1695
  "inheritedFrom": {
1465
1696
  "name": "Menu",
1466
- "module": "src/Menu.js"
1697
+ "module": "src/Menu.ts"
1698
+ }
1699
+ },
1700
+ {
1701
+ "kind": "field",
1702
+ "name": "resolveCacheUpdated",
1703
+ "privacy": "protected",
1704
+ "inheritedFrom": {
1705
+ "name": "Menu",
1706
+ "module": "src/Menu.ts"
1467
1707
  }
1468
1708
  },
1469
1709
  {
@@ -1477,7 +1717,7 @@
1477
1717
  },
1478
1718
  "inheritedFrom": {
1479
1719
  "name": "Menu",
1480
- "module": "src/Menu.js"
1720
+ "module": "src/Menu.ts"
1481
1721
  }
1482
1722
  }
1483
1723
  ],
@@ -1568,46 +1808,23 @@
1568
1808
  "name": "MenuGroup",
1569
1809
  "declaration": {
1570
1810
  "name": "MenuGroup",
1571
- "module": "src/MenuGroup.js"
1811
+ "module": "src/MenuGroup.ts"
1572
1812
  }
1573
1813
  }
1574
1814
  ]
1575
1815
  },
1576
1816
  {
1577
1817
  "kind": "javascript-module",
1578
- "path": "src/MenuItem.js",
1818
+ "path": "src/MenuItem.ts",
1579
1819
  "declarations": [
1580
1820
  {
1581
1821
  "kind": "class",
1582
1822
  "description": "",
1583
- "name": "MenuItemRemovedEvent",
1823
+ "name": "MenuItemAddedOrUpdatedEvent",
1584
1824
  "members": [
1585
- {
1586
- "kind": "field",
1587
- "name": "item",
1588
- "type": {
1589
- "text": "MenuItem"
1590
- },
1591
- "readonly": true
1592
- },
1593
- {
1594
- "kind": "field",
1595
- "name": "_item",
1596
- "type": {
1597
- "text": "MenuItem"
1598
- }
1599
- },
1600
- {
1601
- "kind": "field",
1602
- "name": "focused",
1603
- "type": {
1604
- "text": "boolean"
1605
- },
1606
- "default": "false"
1607
- },
1608
1825
  {
1609
1826
  "kind": "method",
1610
- "name": "reset",
1827
+ "name": "clear",
1611
1828
  "return": {
1612
1829
  "type": {
1613
1830
  "text": "void"
@@ -1621,25 +1838,11 @@
1621
1838
  }
1622
1839
  }
1623
1840
  ]
1624
- }
1625
- ],
1626
- "superclass": {
1627
- "name": "Event",
1628
- "module": "src/MenuItem.ts"
1629
- }
1630
- },
1631
- {
1632
- "kind": "class",
1633
- "description": "",
1634
- "name": "MenuItemAddedOrUpdatedEvent",
1635
- "members": [
1636
- {
1637
- "kind": "field",
1638
- "name": "focusRoot"
1639
1841
  },
1640
1842
  {
1641
1843
  "kind": "field",
1642
- "name": "selectionRoot"
1844
+ "name": "menuCascade",
1845
+ "default": "new WeakMap<HTMLElement, MenuCascadeItem>()"
1643
1846
  },
1644
1847
  {
1645
1848
  "kind": "field",
@@ -1654,7 +1857,8 @@
1654
1857
  "name": "_item",
1655
1858
  "type": {
1656
1859
  "text": "MenuItem"
1657
- }
1860
+ },
1861
+ "privacy": "private"
1658
1862
  },
1659
1863
  {
1660
1864
  "kind": "field",
@@ -1662,30 +1866,6 @@
1662
1866
  "type": {
1663
1867
  "text": "Menu | undefined"
1664
1868
  }
1665
- },
1666
- {
1667
- "kind": "field",
1668
- "name": "_currentAncestorWithSelects",
1669
- "type": {
1670
- "text": "Menu | undefined"
1671
- }
1672
- },
1673
- {
1674
- "kind": "method",
1675
- "name": "reset",
1676
- "return": {
1677
- "type": {
1678
- "text": "void"
1679
- }
1680
- },
1681
- "parameters": [
1682
- {
1683
- "name": "item",
1684
- "type": {
1685
- "text": "MenuItem"
1686
- }
1687
- }
1688
- ]
1689
1869
  }
1690
1870
  ],
1691
1871
  "superclass": {
@@ -1716,24 +1896,6 @@
1716
1896
  }
1717
1897
  ],
1718
1898
  "members": [
1719
- {
1720
- "kind": "field",
1721
- "name": "instanceCount",
1722
- "type": {
1723
- "text": "number"
1724
- },
1725
- "static": true,
1726
- "default": "0"
1727
- },
1728
- {
1729
- "kind": "field",
1730
- "name": "isInSubmenu",
1731
- "type": {
1732
- "text": "boolean"
1733
- },
1734
- "privacy": "private",
1735
- "default": "false"
1736
- },
1737
1899
  {
1738
1900
  "kind": "field",
1739
1901
  "name": "active",
@@ -1823,6 +1985,14 @@
1823
1985
  },
1824
1986
  "privacy": "private"
1825
1987
  },
1988
+ {
1989
+ "kind": "field",
1990
+ "name": "overlayElement",
1991
+ "type": {
1992
+ "text": "OverlayBase"
1993
+ },
1994
+ "privacy": "public"
1995
+ },
1826
1996
  {
1827
1997
  "kind": "field",
1828
1998
  "name": "focusElement",
@@ -1857,7 +2027,8 @@
1857
2027
  },
1858
2028
  "privacy": "public",
1859
2029
  "default": "false",
1860
- "attribute": "open"
2030
+ "attribute": "open",
2031
+ "reflects": true
1861
2032
  },
1862
2033
  {
1863
2034
  "kind": "method",
@@ -1888,14 +2059,9 @@
1888
2059
  ]
1889
2060
  },
1890
2061
  {
1891
- "kind": "method",
2062
+ "kind": "field",
1892
2063
  "name": "proxyFocus",
1893
- "privacy": "private",
1894
- "return": {
1895
- "type": {
1896
- "text": "void"
1897
- }
1898
- }
2064
+ "privacy": "private"
1899
2065
  },
1900
2066
  {
1901
2067
  "kind": "method",
@@ -1917,6 +2083,16 @@
1917
2083
  }
1918
2084
  }
1919
2085
  },
2086
+ {
2087
+ "kind": "method",
2088
+ "name": "renderSubmenu",
2089
+ "privacy": "protected",
2090
+ "return": {
2091
+ "type": {
2092
+ "text": "TemplateResult"
2093
+ }
2094
+ }
2095
+ },
1920
2096
  {
1921
2097
  "kind": "method",
1922
2098
  "name": "manageSubmenu",
@@ -1943,15 +2119,7 @@
1943
2119
  "type": {
1944
2120
  "text": "void"
1945
2121
  }
1946
- },
1947
- "parameters": [
1948
- {
1949
- "name": "event",
1950
- "type": {
1951
- "text": "Event"
1952
- }
1953
- }
1954
- ]
2122
+ }
1955
2123
  },
1956
2124
  {
1957
2125
  "kind": "method",
@@ -1989,7 +2157,15 @@
1989
2157
  "type": {
1990
2158
  "text": "void"
1991
2159
  }
1992
- }
2160
+ },
2161
+ "parameters": [
2162
+ {
2163
+ "name": "event",
2164
+ "type": {
2165
+ "text": "Event"
2166
+ }
2167
+ }
2168
+ ]
1993
2169
  },
1994
2170
  {
1995
2171
  "kind": "method",
@@ -2009,6 +2185,15 @@
2009
2185
  },
2010
2186
  "privacy": "protected"
2011
2187
  },
2188
+ {
2189
+ "kind": "field",
2190
+ "name": "recentlyLeftChild",
2191
+ "type": {
2192
+ "text": "boolean"
2193
+ },
2194
+ "privacy": "protected",
2195
+ "default": "false"
2196
+ },
2012
2197
  {
2013
2198
  "kind": "method",
2014
2199
  "name": "handlePointerleave",
@@ -2020,15 +2205,71 @@
2020
2205
  }
2021
2206
  },
2022
2207
  {
2023
- "kind": "field",
2208
+ "kind": "method",
2024
2209
  "name": "handleSubmenuChange",
2025
2210
  "privacy": "protected",
2211
+ "return": {
2212
+ "type": {
2213
+ "text": "void"
2214
+ }
2215
+ },
2216
+ "parameters": [
2217
+ {
2218
+ "name": "event",
2219
+ "type": {
2220
+ "text": "Event"
2221
+ }
2222
+ }
2223
+ ],
2026
2224
  "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."
2027
2225
  },
2028
2226
  {
2029
- "kind": "field",
2227
+ "kind": "method",
2030
2228
  "name": "handleSubmenuPointerenter",
2031
- "privacy": "protected"
2229
+ "privacy": "protected",
2230
+ "return": {
2231
+ "type": {
2232
+ "text": "void"
2233
+ }
2234
+ }
2235
+ },
2236
+ {
2237
+ "kind": "method",
2238
+ "name": "handleSubmenuPointerleave",
2239
+ "privacy": "protected",
2240
+ "return": {
2241
+ "type": {
2242
+ "text": "Promise<void>"
2243
+ }
2244
+ }
2245
+ },
2246
+ {
2247
+ "kind": "method",
2248
+ "name": "handleSubmenuOpen",
2249
+ "privacy": "protected",
2250
+ "return": {
2251
+ "type": {
2252
+ "text": "void"
2253
+ }
2254
+ },
2255
+ "parameters": [
2256
+ {
2257
+ "name": "event",
2258
+ "type": {
2259
+ "text": "Event"
2260
+ }
2261
+ }
2262
+ ]
2263
+ },
2264
+ {
2265
+ "kind": "method",
2266
+ "name": "cleanup",
2267
+ "privacy": "protected",
2268
+ "return": {
2269
+ "type": {
2270
+ "text": "void"
2271
+ }
2272
+ }
2032
2273
  },
2033
2274
  {
2034
2275
  "kind": "method",
@@ -2074,6 +2315,15 @@
2074
2315
  "text": "HTMLElement"
2075
2316
  }
2076
2317
  },
2318
+ {
2319
+ "kind": "field",
2320
+ "name": "willDispatchUpdate",
2321
+ "type": {
2322
+ "text": "boolean"
2323
+ },
2324
+ "privacy": "private",
2325
+ "default": "false"
2326
+ },
2077
2327
  {
2078
2328
  "kind": "method",
2079
2329
  "name": "triggerUpdate",
@@ -2084,24 +2334,35 @@
2084
2334
  }
2085
2335
  }
2086
2336
  },
2337
+ {
2338
+ "kind": "method",
2339
+ "name": "dispatchUpdate",
2340
+ "privacy": "public",
2341
+ "return": {
2342
+ "type": {
2343
+ "text": "void"
2344
+ }
2345
+ }
2346
+ },
2087
2347
  {
2088
2348
  "kind": "field",
2089
2349
  "name": "menuData",
2090
2350
  "type": {
2091
- "text": "{\n focusRoot?: Menu;\n selectionRoot?: Menu;\n }"
2351
+ "text": "{\n focusRoot?: Menu;\n parentMenu?: Menu;\n selectionRoot?: Menu;\n cleanupSteps: ((item: MenuItem) => void)[];\n }"
2092
2352
  },
2093
2353
  "privacy": "public",
2094
- "default": "{\n focusRoot: undefined,\n selectionRoot: undefined,\n }"
2354
+ "default": "{\n focusRoot: undefined,\n parentMenu: undefined,\n selectionRoot: undefined,\n cleanupSteps: [],\n }"
2095
2355
  }
2096
2356
  ],
2097
2357
  "events": [
2098
2358
  {
2099
- "description": "announces the item has been added so a parent menu can take ownerships",
2100
- "name": "sp-menu-item-added"
2359
+ "type": {
2360
+ "text": "MenuItemAddedOrUpdatedEvent"
2361
+ }
2101
2362
  },
2102
2363
  {
2103
- "description": "announces when removed from the DOM so the parent menu can remove ownership and update selected state",
2104
- "name": "sp-menu-item-removed"
2364
+ "description": "announces the item has been added so a parent menu can take ownerships",
2365
+ "name": "sp-menu-item-added"
2105
2366
  }
2106
2367
  ],
2107
2368
  "attributes": [
@@ -2176,20 +2437,12 @@
2176
2437
  }
2177
2438
  ],
2178
2439
  "exports": [
2179
- {
2180
- "kind": "js",
2181
- "name": "MenuItemRemovedEvent",
2182
- "declaration": {
2183
- "name": "MenuItemRemovedEvent",
2184
- "module": "src/MenuItem.js"
2185
- }
2186
- },
2187
2440
  {
2188
2441
  "kind": "js",
2189
2442
  "name": "MenuItemAddedOrUpdatedEvent",
2190
2443
  "declaration": {
2191
2444
  "name": "MenuItemAddedOrUpdatedEvent",
2192
- "module": "src/MenuItem.js"
2445
+ "module": "src/MenuItem.ts"
2193
2446
  }
2194
2447
  },
2195
2448
  {
@@ -2197,7 +2450,7 @@
2197
2450
  "name": "MenuItem",
2198
2451
  "declaration": {
2199
2452
  "name": "MenuItem",
2200
- "module": "src/MenuItem.js"
2453
+ "module": "src/MenuItem.ts"
2201
2454
  }
2202
2455
  }
2203
2456
  ]