@spectrum-web-components/menu 0.33.3-overlay.61 → 0.34.0

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 +222 -475
  2. package/package.json +9 -9
  3. package/src/Menu.d.ts +6 -16
  4. package/src/Menu.dev.js +61 -160
  5. package/src/Menu.dev.js.map +2 -2
  6. package/src/Menu.js +3 -7
  7. package/src/Menu.js.map +3 -3
  8. package/src/MenuGroup.d.ts +2 -0
  9. package/src/MenuGroup.dev.js +10 -6
  10. package/src/MenuGroup.dev.js.map +2 -2
  11. package/src/MenuGroup.js +5 -3
  12. package/src/MenuGroup.js.map +3 -3
  13. package/src/MenuItem.d.ts +22 -24
  14. package/src/MenuItem.dev.js +170 -131
  15. package/src/MenuItem.dev.js.map +3 -3
  16. package/src/MenuItem.js +15 -35
  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 +21 -28
  27. package/stories/submenu.stories.js.map +3 -3
  28. package/test/menu-group.test.js +1 -14
  29. package/test/menu-group.test.js.map +2 -2
  30. package/test/menu-selects.test.js +1 -3
  31. package/test/menu-selects.test.js.map +2 -2
  32. package/test/menu.test.js +0 -7
  33. package/test/menu.test.js.map +2 -2
  34. package/test/submenu.test.js +83 -198
  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.ts",
7
+ "path": "sp-menu-divider.js",
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.ts",
22
+ "path": "sp-menu-group.js",
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.ts",
37
+ "path": "sp-menu-item.js",
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.ts",
52
+ "path": "sp-menu.js",
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.ts",
67
+ "path": "src/Menu.js",
68
68
  "declarations": [
69
69
  {
70
70
  "kind": "class",
@@ -83,8 +83,8 @@
83
83
  "type": {
84
84
  "text": "boolean"
85
85
  },
86
- "privacy": "private",
87
- "readonly": true
86
+ "privacy": "public",
87
+ "default": "false"
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": "item",
320
+ "name": "event",
321
321
  "type": {
322
- "text": "MenuItem"
322
+ "text": "MenuItemRemovedEvent"
323
323
  }
324
324
  }
325
325
  ]
@@ -345,7 +345,7 @@
345
345
  },
346
346
  {
347
347
  "kind": "method",
348
- "name": "handleClick",
348
+ "name": "onClick",
349
349
  "privacy": "private",
350
350
  "return": {
351
351
  "type": {
@@ -417,58 +417,6 @@
417
417
  }
418
418
  }
419
419
  },
420
- {
421
- "kind": "field",
422
- "name": "descendentOverlays",
423
- "privacy": "private",
424
- "default": "new Map<OverlayBase, OverlayBase>()"
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
- },
472
420
  {
473
421
  "kind": "method",
474
422
  "name": "selectOrToggleItem",
@@ -516,9 +464,9 @@
516
464
  },
517
465
  "parameters": [
518
466
  {
519
- "name": "event",
467
+ "name": "code",
520
468
  "type": {
521
- "text": "KeyboardEvent"
469
+ "text": "string"
522
470
  }
523
471
  }
524
472
  ]
@@ -569,15 +517,6 @@
569
517
  }
570
518
  }
571
519
  },
572
- {
573
- "kind": "field",
574
- "name": "_hasUpdatedSelectedItemIndex",
575
- "type": {
576
- "text": "boolean"
577
- },
578
- "privacy": "private",
579
- "default": "false"
580
- },
581
520
  {
582
521
  "kind": "method",
583
522
  "name": "updateSelectedItemIndex",
@@ -607,16 +546,6 @@
607
546
  }
608
547
  }
609
548
  },
610
- {
611
- "kind": "method",
612
- "name": "updateCache",
613
- "privacy": "private",
614
- "return": {
615
- "type": {
616
- "text": "Promise<void>"
617
- }
618
- }
619
- },
620
549
  {
621
550
  "kind": "method",
622
551
  "name": "updateItemFocus",
@@ -627,16 +556,6 @@
627
556
  }
628
557
  }
629
558
  },
630
- {
631
- "kind": "method",
632
- "name": "closeDescendentOverlays",
633
- "privacy": "public",
634
- "return": {
635
- "type": {
636
- "text": "void"
637
- }
638
- }
639
- },
640
559
  {
641
560
  "kind": "method",
642
561
  "name": "forwardFocusVisibleToItem",
@@ -656,32 +575,13 @@
656
575
  ]
657
576
  },
658
577
  {
659
- "kind": "method",
660
- "name": "handleSlotchange",
661
- "privacy": "private",
662
- "return": {
663
- "type": {
664
- "text": "void"
665
- }
578
+ "kind": "field",
579
+ "name": "_notFirstUpdated",
580
+ "type": {
581
+ "text": "boolean"
666
582
  },
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
- }
583
+ "privacy": "private",
584
+ "default": "false"
685
585
  },
686
586
  {
687
587
  "kind": "method",
@@ -706,11 +606,6 @@
706
606
  "name": "cacheUpdated",
707
607
  "privacy": "protected"
708
608
  },
709
- {
710
- "kind": "field",
711
- "name": "resolveCacheUpdated",
712
- "privacy": "protected"
713
- },
714
609
  {
715
610
  "kind": "method",
716
611
  "name": "getUpdateComplete",
@@ -793,14 +688,14 @@
793
688
  "name": "Menu",
794
689
  "declaration": {
795
690
  "name": "Menu",
796
- "module": "src/Menu.ts"
691
+ "module": "src/Menu.js"
797
692
  }
798
693
  }
799
694
  ]
800
695
  },
801
696
  {
802
697
  "kind": "javascript-module",
803
- "path": "src/MenuDivider.ts",
698
+ "path": "src/MenuDivider.js",
804
699
  "declarations": [
805
700
  {
806
701
  "kind": "class",
@@ -827,14 +722,14 @@
827
722
  "name": "MenuDivider",
828
723
  "declaration": {
829
724
  "name": "MenuDivider",
830
- "module": "src/MenuDivider.ts"
725
+ "module": "src/MenuDivider.js"
831
726
  }
832
727
  }
833
728
  ]
834
729
  },
835
730
  {
836
731
  "kind": "javascript-module",
837
- "path": "src/MenuGroup.ts",
732
+ "path": "src/MenuGroup.js",
838
733
  "declarations": [
839
734
  {
840
735
  "kind": "class",
@@ -851,6 +746,16 @@
851
746
  }
852
747
  ],
853
748
  "members": [
749
+ {
750
+ "kind": "field",
751
+ "name": "instances",
752
+ "type": {
753
+ "text": "number"
754
+ },
755
+ "privacy": "private",
756
+ "static": true,
757
+ "default": "1"
758
+ },
854
759
  {
855
760
  "kind": "field",
856
761
  "name": "headerId",
@@ -858,7 +763,7 @@
858
763
  "text": "string"
859
764
  },
860
765
  "privacy": "private",
861
- "default": "''"
766
+ "default": "`sp-menu-group-label-${MenuGroup.instances}`"
862
767
  },
863
768
  {
864
769
  "kind": "field",
@@ -886,7 +791,7 @@
886
791
  "readonly": true,
887
792
  "inheritedFrom": {
888
793
  "name": "Menu",
889
- "module": "src/Menu.ts"
794
+ "module": "src/Menu.js"
890
795
  }
891
796
  },
892
797
  {
@@ -905,11 +810,11 @@
905
810
  "type": {
906
811
  "text": "boolean"
907
812
  },
908
- "privacy": "private",
909
- "readonly": true,
813
+ "privacy": "public",
814
+ "default": "false",
910
815
  "inheritedFrom": {
911
816
  "name": "Menu",
912
- "module": "src/Menu.ts"
817
+ "module": "src/Menu.js"
913
818
  }
914
819
  },
915
820
  {
@@ -924,7 +829,7 @@
924
829
  "reflects": true,
925
830
  "inheritedFrom": {
926
831
  "name": "Menu",
927
- "module": "src/Menu.ts"
832
+ "module": "src/Menu.js"
928
833
  }
929
834
  },
930
835
  {
@@ -939,7 +844,7 @@
939
844
  "reflects": true,
940
845
  "inheritedFrom": {
941
846
  "name": "Menu",
942
- "module": "src/Menu.ts"
847
+ "module": "src/Menu.js"
943
848
  }
944
849
  },
945
850
  {
@@ -953,7 +858,7 @@
953
858
  "reflects": true,
954
859
  "inheritedFrom": {
955
860
  "name": "Menu",
956
- "module": "src/Menu.ts"
861
+ "module": "src/Menu.js"
957
862
  }
958
863
  },
959
864
  {
@@ -967,7 +872,7 @@
967
872
  "attribute": "value",
968
873
  "inheritedFrom": {
969
874
  "name": "Menu",
970
- "module": "src/Menu.ts"
875
+ "module": "src/Menu.js"
971
876
  }
972
877
  },
973
878
  {
@@ -981,7 +886,7 @@
981
886
  "attribute": "value-separator",
982
887
  "inheritedFrom": {
983
888
  "name": "Menu",
984
- "module": "src/Menu.ts"
889
+ "module": "src/Menu.js"
985
890
  }
986
891
  },
987
892
  {
@@ -991,7 +896,7 @@
991
896
  "default": "[]",
992
897
  "inheritedFrom": {
993
898
  "name": "Menu",
994
- "module": "src/Menu.ts"
899
+ "module": "src/Menu.js"
995
900
  }
996
901
  },
997
902
  {
@@ -1001,7 +906,7 @@
1001
906
  "default": "[]",
1002
907
  "inheritedFrom": {
1003
908
  "name": "Menu",
1004
- "module": "src/Menu.ts"
909
+ "module": "src/Menu.js"
1005
910
  }
1006
911
  },
1007
912
  {
@@ -1013,7 +918,7 @@
1013
918
  "privacy": "public",
1014
919
  "inheritedFrom": {
1015
920
  "name": "Menu",
1016
- "module": "src/Menu.ts"
921
+ "module": "src/Menu.js"
1017
922
  }
1018
923
  },
1019
924
  {
@@ -1023,7 +928,7 @@
1023
928
  "default": "new Set<MenuItem>()",
1024
929
  "inheritedFrom": {
1025
930
  "name": "Menu",
1026
- "module": "src/Menu.ts"
931
+ "module": "src/Menu.js"
1027
932
  }
1028
933
  },
1029
934
  {
@@ -1036,7 +941,7 @@
1036
941
  "default": "0",
1037
942
  "inheritedFrom": {
1038
943
  "name": "Menu",
1039
- "module": "src/Menu.ts"
944
+ "module": "src/Menu.js"
1040
945
  }
1041
946
  },
1042
947
  {
@@ -1049,7 +954,7 @@
1049
954
  "default": "0",
1050
955
  "inheritedFrom": {
1051
956
  "name": "Menu",
1052
- "module": "src/Menu.ts"
957
+ "module": "src/Menu.js"
1053
958
  }
1054
959
  },
1055
960
  {
@@ -1059,7 +964,7 @@
1059
964
  "default": "new Map()",
1060
965
  "inheritedFrom": {
1061
966
  "name": "Menu",
1062
- "module": "src/Menu.ts"
967
+ "module": "src/Menu.js"
1063
968
  }
1064
969
  },
1065
970
  {
@@ -1072,7 +977,7 @@
1072
977
  "readonly": true,
1073
978
  "inheritedFrom": {
1074
979
  "name": "Menu",
1075
- "module": "src/Menu.ts"
980
+ "module": "src/Menu.js"
1076
981
  }
1077
982
  },
1078
983
  {
@@ -1084,7 +989,7 @@
1084
989
  "privacy": "private",
1085
990
  "inheritedFrom": {
1086
991
  "name": "Menu",
1087
- "module": "src/Menu.ts"
992
+ "module": "src/Menu.js"
1088
993
  }
1089
994
  },
1090
995
  {
@@ -1098,7 +1003,7 @@
1098
1003
  },
1099
1004
  "inheritedFrom": {
1100
1005
  "name": "Menu",
1101
- "module": "src/Menu.ts"
1006
+ "module": "src/Menu.js"
1102
1007
  }
1103
1008
  },
1104
1009
  {
@@ -1112,7 +1017,7 @@
1112
1017
  "readonly": true,
1113
1018
  "inheritedFrom": {
1114
1019
  "name": "Menu",
1115
- "module": "src/Menu.ts"
1020
+ "module": "src/Menu.js"
1116
1021
  }
1117
1022
  },
1118
1023
  {
@@ -1124,7 +1029,7 @@
1124
1029
  "privacy": "private",
1125
1030
  "inheritedFrom": {
1126
1031
  "name": "Menu",
1127
- "module": "src/Menu.ts"
1032
+ "module": "src/Menu.js"
1128
1033
  }
1129
1034
  },
1130
1035
  {
@@ -1136,7 +1041,7 @@
1136
1041
  "privacy": "private",
1137
1042
  "inheritedFrom": {
1138
1043
  "name": "Menu",
1139
- "module": "src/Menu.ts"
1044
+ "module": "src/Menu.js"
1140
1045
  }
1141
1046
  },
1142
1047
  {
@@ -1156,10 +1061,10 @@
1156
1061
  }
1157
1062
  }
1158
1063
  ],
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.",
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.",
1160
1065
  "inheritedFrom": {
1161
1066
  "name": "Menu",
1162
- "module": "src/Menu.ts"
1067
+ "module": "src/Menu.js"
1163
1068
  }
1164
1069
  },
1165
1070
  {
@@ -1179,10 +1084,10 @@
1179
1084
  }
1180
1085
  }
1181
1086
  ],
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.",
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.",
1183
1088
  "inheritedFrom": {
1184
1089
  "name": "Menu",
1185
- "module": "src/Menu.ts"
1090
+ "module": "src/Menu.js"
1186
1091
  }
1187
1092
  },
1188
1093
  {
@@ -1204,7 +1109,7 @@
1204
1109
  ],
1205
1110
  "inheritedFrom": {
1206
1111
  "name": "Menu",
1207
- "module": "src/Menu.ts"
1112
+ "module": "src/Menu.js"
1208
1113
  }
1209
1114
  },
1210
1115
  {
@@ -1218,15 +1123,15 @@
1218
1123
  },
1219
1124
  "parameters": [
1220
1125
  {
1221
- "name": "item",
1126
+ "name": "event",
1222
1127
  "type": {
1223
- "text": "MenuItem"
1128
+ "text": "MenuItemRemovedEvent"
1224
1129
  }
1225
1130
  }
1226
1131
  ],
1227
1132
  "inheritedFrom": {
1228
1133
  "name": "Menu",
1229
- "module": "src/Menu.ts"
1134
+ "module": "src/Menu.js"
1230
1135
  }
1231
1136
  },
1232
1137
  {
@@ -1249,12 +1154,12 @@
1249
1154
  ],
1250
1155
  "inheritedFrom": {
1251
1156
  "name": "Menu",
1252
- "module": "src/Menu.ts"
1157
+ "module": "src/Menu.js"
1253
1158
  }
1254
1159
  },
1255
1160
  {
1256
1161
  "kind": "method",
1257
- "name": "handleClick",
1162
+ "name": "onClick",
1258
1163
  "privacy": "private",
1259
1164
  "return": {
1260
1165
  "type": {
@@ -1271,7 +1176,7 @@
1271
1176
  ],
1272
1177
  "inheritedFrom": {
1273
1178
  "name": "Menu",
1274
- "module": "src/Menu.ts"
1179
+ "module": "src/Menu.js"
1275
1180
  }
1276
1181
  },
1277
1182
  {
@@ -1293,7 +1198,7 @@
1293
1198
  ],
1294
1199
  "inheritedFrom": {
1295
1200
  "name": "Menu",
1296
- "module": "src/Menu.ts"
1201
+ "module": "src/Menu.js"
1297
1202
  }
1298
1203
  },
1299
1204
  {
@@ -1307,7 +1212,7 @@
1307
1212
  },
1308
1213
  "inheritedFrom": {
1309
1214
  "name": "Menu",
1310
- "module": "src/Menu.ts"
1215
+ "module": "src/Menu.js"
1311
1216
  }
1312
1217
  },
1313
1218
  {
@@ -1329,7 +1234,7 @@
1329
1234
  ],
1330
1235
  "inheritedFrom": {
1331
1236
  "name": "Menu",
1332
- "module": "src/Menu.ts"
1237
+ "module": "src/Menu.js"
1333
1238
  }
1334
1239
  },
1335
1240
  {
@@ -1343,79 +1248,7 @@
1343
1248
  },
1344
1249
  "inheritedFrom": {
1345
1250
  "name": "Menu",
1346
- "module": "src/Menu.ts"
1347
- }
1348
- },
1349
- {
1350
- "kind": "field",
1351
- "name": "descendentOverlays",
1352
- "privacy": "private",
1353
- "default": "new Map<OverlayBase, OverlayBase>()",
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"
1251
+ "module": "src/Menu.js"
1419
1252
  }
1420
1253
  },
1421
1254
  {
@@ -1437,7 +1270,7 @@
1437
1270
  ],
1438
1271
  "inheritedFrom": {
1439
1272
  "name": "Menu",
1440
- "module": "src/Menu.ts"
1273
+ "module": "src/Menu.js"
1441
1274
  }
1442
1275
  },
1443
1276
  {
@@ -1459,7 +1292,7 @@
1459
1292
  ],
1460
1293
  "inheritedFrom": {
1461
1294
  "name": "Menu",
1462
- "module": "src/Menu.ts"
1295
+ "module": "src/Menu.js"
1463
1296
  }
1464
1297
  },
1465
1298
  {
@@ -1473,15 +1306,15 @@
1473
1306
  },
1474
1307
  "parameters": [
1475
1308
  {
1476
- "name": "event",
1309
+ "name": "code",
1477
1310
  "type": {
1478
- "text": "KeyboardEvent"
1311
+ "text": "string"
1479
1312
  }
1480
1313
  }
1481
1314
  ],
1482
1315
  "inheritedFrom": {
1483
1316
  "name": "Menu",
1484
- "module": "src/Menu.ts"
1317
+ "module": "src/Menu.js"
1485
1318
  }
1486
1319
  },
1487
1320
  {
@@ -1503,7 +1336,7 @@
1503
1336
  ],
1504
1337
  "inheritedFrom": {
1505
1338
  "name": "Menu",
1506
- "module": "src/Menu.ts"
1339
+ "module": "src/Menu.js"
1507
1340
  }
1508
1341
  },
1509
1342
  {
@@ -1525,7 +1358,7 @@
1525
1358
  ],
1526
1359
  "inheritedFrom": {
1527
1360
  "name": "Menu",
1528
- "module": "src/Menu.ts"
1361
+ "module": "src/Menu.js"
1529
1362
  }
1530
1363
  },
1531
1364
  {
@@ -1539,20 +1372,7 @@
1539
1372
  },
1540
1373
  "inheritedFrom": {
1541
1374
  "name": "Menu",
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"
1375
+ "module": "src/Menu.js"
1556
1376
  }
1557
1377
  },
1558
1378
  {
@@ -1566,7 +1386,7 @@
1566
1386
  },
1567
1387
  "inheritedFrom": {
1568
1388
  "name": "Menu",
1569
- "module": "src/Menu.ts"
1389
+ "module": "src/Menu.js"
1570
1390
  }
1571
1391
  },
1572
1392
  {
@@ -1579,7 +1399,7 @@
1579
1399
  "default": "false",
1580
1400
  "inheritedFrom": {
1581
1401
  "name": "Menu",
1582
- "module": "src/Menu.ts"
1402
+ "module": "src/Menu.js"
1583
1403
  }
1584
1404
  },
1585
1405
  {
@@ -1593,54 +1413,26 @@
1593
1413
  },
1594
1414
  "inheritedFrom": {
1595
1415
  "name": "Menu",
1596
- "module": "src/Menu.ts"
1416
+ "module": "src/Menu.js"
1597
1417
  }
1598
1418
  },
1599
1419
  {
1600
1420
  "kind": "method",
1601
- "name": "updateCache",
1421
+ "name": "updateItemFocus",
1602
1422
  "privacy": "private",
1603
1423
  "return": {
1604
1424
  "type": {
1605
- "text": "Promise<void>"
1425
+ "text": "void"
1606
1426
  }
1607
1427
  },
1608
1428
  "inheritedFrom": {
1609
1429
  "name": "Menu",
1610
- "module": "src/Menu.ts"
1430
+ "module": "src/Menu.js"
1611
1431
  }
1612
1432
  },
1613
1433
  {
1614
1434
  "kind": "method",
1615
- "name": "updateItemFocus",
1616
- "privacy": "private",
1617
- "return": {
1618
- "type": {
1619
- "text": "void"
1620
- }
1621
- },
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",
1435
+ "name": "forwardFocusVisibleToItem",
1644
1436
  "privacy": "private",
1645
1437
  "return": {
1646
1438
  "type": {
@@ -1657,43 +1449,20 @@
1657
1449
  ],
1658
1450
  "inheritedFrom": {
1659
1451
  "name": "Menu",
1660
- "module": "src/Menu.ts"
1661
- }
1662
- },
1663
- {
1664
- "kind": "method",
1665
- "name": "handleSlotchange",
1666
- "privacy": "private",
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
- ],
1680
- "inheritedFrom": {
1681
- "name": "Menu",
1682
- "module": "src/Menu.ts"
1452
+ "module": "src/Menu.js"
1683
1453
  }
1684
1454
  },
1685
1455
  {
1686
- "kind": "method",
1687
- "name": "renderMenuItemSlot",
1688
- "privacy": "protected",
1689
- "return": {
1690
- "type": {
1691
- "text": "TemplateResult"
1692
- }
1456
+ "kind": "field",
1457
+ "name": "_notFirstUpdated",
1458
+ "type": {
1459
+ "text": "boolean"
1693
1460
  },
1461
+ "privacy": "private",
1462
+ "default": "false",
1694
1463
  "inheritedFrom": {
1695
1464
  "name": "Menu",
1696
- "module": "src/Menu.ts"
1465
+ "module": "src/Menu.js"
1697
1466
  }
1698
1467
  },
1699
1468
  {
@@ -1707,7 +1476,7 @@
1707
1476
  },
1708
1477
  "inheritedFrom": {
1709
1478
  "name": "Menu",
1710
- "module": "src/Menu.ts"
1479
+ "module": "src/Menu.js"
1711
1480
  }
1712
1481
  },
1713
1482
  {
@@ -1719,7 +1488,7 @@
1719
1488
  "privacy": "protected",
1720
1489
  "inheritedFrom": {
1721
1490
  "name": "Menu",
1722
- "module": "src/Menu.ts"
1491
+ "module": "src/Menu.js"
1723
1492
  }
1724
1493
  },
1725
1494
  {
@@ -1728,16 +1497,7 @@
1728
1497
  "privacy": "protected",
1729
1498
  "inheritedFrom": {
1730
1499
  "name": "Menu",
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"
1500
+ "module": "src/Menu.js"
1741
1501
  }
1742
1502
  },
1743
1503
  {
@@ -1751,7 +1511,7 @@
1751
1511
  },
1752
1512
  "inheritedFrom": {
1753
1513
  "name": "Menu",
1754
- "module": "src/Menu.ts"
1514
+ "module": "src/Menu.js"
1755
1515
  }
1756
1516
  }
1757
1517
  ],
@@ -1854,23 +1614,46 @@
1854
1614
  "name": "MenuGroup",
1855
1615
  "declaration": {
1856
1616
  "name": "MenuGroup",
1857
- "module": "src/MenuGroup.ts"
1617
+ "module": "src/MenuGroup.js"
1858
1618
  }
1859
1619
  }
1860
1620
  ]
1861
1621
  },
1862
1622
  {
1863
1623
  "kind": "javascript-module",
1864
- "path": "src/MenuItem.ts",
1624
+ "path": "src/MenuItem.js",
1865
1625
  "declarations": [
1866
1626
  {
1867
1627
  "kind": "class",
1868
1628
  "description": "",
1869
- "name": "MenuItemAddedOrUpdatedEvent",
1629
+ "name": "MenuItemRemovedEvent",
1870
1630
  "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
+ },
1871
1654
  {
1872
1655
  "kind": "method",
1873
- "name": "clear",
1656
+ "name": "reset",
1874
1657
  "return": {
1875
1658
  "type": {
1876
1659
  "text": "void"
@@ -1884,11 +1667,25 @@
1884
1667
  }
1885
1668
  }
1886
1669
  ]
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"
1887
1685
  },
1888
1686
  {
1889
1687
  "kind": "field",
1890
- "name": "menuCascade",
1891
- "default": "new WeakMap<HTMLElement, MenuCascadeItem>()"
1688
+ "name": "selectionRoot"
1892
1689
  },
1893
1690
  {
1894
1691
  "kind": "field",
@@ -1903,8 +1700,7 @@
1903
1700
  "name": "_item",
1904
1701
  "type": {
1905
1702
  "text": "MenuItem"
1906
- },
1907
- "privacy": "private"
1703
+ }
1908
1704
  },
1909
1705
  {
1910
1706
  "kind": "field",
@@ -1912,6 +1708,30 @@
1912
1708
  "type": {
1913
1709
  "text": "Menu | undefined"
1914
1710
  }
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
+ ]
1915
1735
  }
1916
1736
  ],
1917
1737
  "superclass": {
@@ -1942,6 +1762,24 @@
1942
1762
  }
1943
1763
  ],
1944
1764
  "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
+ },
1945
1783
  {
1946
1784
  "kind": "field",
1947
1785
  "name": "active",
@@ -2031,14 +1869,6 @@
2031
1869
  },
2032
1870
  "privacy": "private"
2033
1871
  },
2034
- {
2035
- "kind": "field",
2036
- "name": "overlayElement",
2037
- "type": {
2038
- "text": "OverlayBase"
2039
- },
2040
- "privacy": "public"
2041
- },
2042
1872
  {
2043
1873
  "kind": "field",
2044
1874
  "name": "focusElement",
@@ -2073,8 +1903,7 @@
2073
1903
  },
2074
1904
  "privacy": "public",
2075
1905
  "default": "false",
2076
- "attribute": "open",
2077
- "reflects": true
1906
+ "attribute": "open"
2078
1907
  },
2079
1908
  {
2080
1909
  "kind": "method",
@@ -2104,38 +1933,33 @@
2104
1933
  }
2105
1934
  ]
2106
1935
  },
2107
- {
2108
- "kind": "field",
2109
- "name": "proxyFocus",
2110
- "privacy": "private"
2111
- },
2112
1936
  {
2113
1937
  "kind": "method",
2114
- "name": "shouldProxyClick",
1938
+ "name": "proxyFocus",
2115
1939
  "privacy": "private",
2116
1940
  "return": {
2117
1941
  "type": {
2118
- "text": "boolean"
1942
+ "text": "void"
2119
1943
  }
2120
1944
  }
2121
1945
  },
2122
1946
  {
2123
1947
  "kind": "method",
2124
- "name": "breakItemChildrenCache",
2125
- "privacy": "protected",
1948
+ "name": "shouldProxyClick",
1949
+ "privacy": "private",
2126
1950
  "return": {
2127
1951
  "type": {
2128
- "text": "void"
1952
+ "text": "boolean"
2129
1953
  }
2130
1954
  }
2131
1955
  },
2132
1956
  {
2133
1957
  "kind": "method",
2134
- "name": "renderSubmenu",
1958
+ "name": "breakItemChildrenCache",
2135
1959
  "privacy": "protected",
2136
1960
  "return": {
2137
1961
  "type": {
2138
- "text": "TemplateResult"
1962
+ "text": "void"
2139
1963
  }
2140
1964
  }
2141
1965
  },
@@ -2165,7 +1989,15 @@
2165
1989
  "type": {
2166
1990
  "text": "void"
2167
1991
  }
2168
- }
1992
+ },
1993
+ "parameters": [
1994
+ {
1995
+ "name": "event",
1996
+ "type": {
1997
+ "text": "Event"
1998
+ }
1999
+ }
2000
+ ]
2169
2001
  },
2170
2002
  {
2171
2003
  "kind": "method",
@@ -2203,15 +2035,7 @@
2203
2035
  "type": {
2204
2036
  "text": "void"
2205
2037
  }
2206
- },
2207
- "parameters": [
2208
- {
2209
- "name": "event",
2210
- "type": {
2211
- "text": "Event"
2212
- }
2213
- }
2214
- ]
2038
+ }
2215
2039
  },
2216
2040
  {
2217
2041
  "kind": "method",
@@ -2231,15 +2055,6 @@
2231
2055
  },
2232
2056
  "privacy": "protected"
2233
2057
  },
2234
- {
2235
- "kind": "field",
2236
- "name": "recentlyLeftChild",
2237
- "type": {
2238
- "text": "boolean"
2239
- },
2240
- "privacy": "protected",
2241
- "default": "false"
2242
- },
2243
2058
  {
2244
2059
  "kind": "method",
2245
2060
  "name": "handlePointerleave",
@@ -2251,71 +2066,15 @@
2251
2066
  }
2252
2067
  },
2253
2068
  {
2254
- "kind": "method",
2069
+ "kind": "field",
2255
2070
  "name": "handleSubmenuChange",
2256
2071
  "privacy": "protected",
2257
- "return": {
2258
- "type": {
2259
- "text": "void"
2260
- }
2261
- },
2262
- "parameters": [
2263
- {
2264
- "name": "event",
2265
- "type": {
2266
- "text": "Event"
2267
- }
2268
- }
2269
- ],
2270
2072
  "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."
2271
2073
  },
2272
2074
  {
2273
- "kind": "method",
2075
+ "kind": "field",
2274
2076
  "name": "handleSubmenuPointerenter",
2275
- "privacy": "protected",
2276
- "return": {
2277
- "type": {
2278
- "text": "void"
2279
- }
2280
- }
2281
- },
2282
- {
2283
- "kind": "method",
2284
- "name": "handleSubmenuPointerleave",
2285
- "privacy": "protected",
2286
- "return": {
2287
- "type": {
2288
- "text": "Promise<void>"
2289
- }
2290
- }
2291
- },
2292
- {
2293
- "kind": "method",
2294
- "name": "handleSubmenuOpen",
2295
- "privacy": "protected",
2296
- "return": {
2297
- "type": {
2298
- "text": "void"
2299
- }
2300
- },
2301
- "parameters": [
2302
- {
2303
- "name": "event",
2304
- "type": {
2305
- "text": "Event"
2306
- }
2307
- }
2308
- ]
2309
- },
2310
- {
2311
- "kind": "method",
2312
- "name": "cleanup",
2313
- "privacy": "protected",
2314
- "return": {
2315
- "type": {
2316
- "text": "void"
2317
- }
2318
- }
2077
+ "privacy": "protected"
2319
2078
  },
2320
2079
  {
2321
2080
  "kind": "method",
@@ -2361,15 +2120,6 @@
2361
2120
  "text": "HTMLElement"
2362
2121
  }
2363
2122
  },
2364
- {
2365
- "kind": "field",
2366
- "name": "willDispatchUpdate",
2367
- "type": {
2368
- "text": "boolean"
2369
- },
2370
- "privacy": "private",
2371
- "default": "false"
2372
- },
2373
2123
  {
2374
2124
  "kind": "method",
2375
2125
  "name": "triggerUpdate",
@@ -2380,35 +2130,24 @@
2380
2130
  }
2381
2131
  }
2382
2132
  },
2383
- {
2384
- "kind": "method",
2385
- "name": "dispatchUpdate",
2386
- "privacy": "public",
2387
- "return": {
2388
- "type": {
2389
- "text": "void"
2390
- }
2391
- }
2392
- },
2393
2133
  {
2394
2134
  "kind": "field",
2395
2135
  "name": "menuData",
2396
2136
  "type": {
2397
- "text": "{\n focusRoot?: Menu;\n parentMenu?: Menu;\n selectionRoot?: Menu;\n cleanupSteps: ((item: MenuItem) => void)[];\n }"
2137
+ "text": "{\n focusRoot?: Menu;\n selectionRoot?: Menu;\n }"
2398
2138
  },
2399
2139
  "privacy": "public",
2400
- "default": "{\n focusRoot: undefined,\n parentMenu: undefined,\n selectionRoot: undefined,\n cleanupSteps: [],\n }"
2140
+ "default": "{\n focusRoot: undefined,\n selectionRoot: undefined,\n }"
2401
2141
  }
2402
2142
  ],
2403
2143
  "events": [
2404
- {
2405
- "type": {
2406
- "text": "MenuItemAddedOrUpdatedEvent"
2407
- }
2408
- },
2409
2144
  {
2410
2145
  "description": "announces the item has been added so a parent menu can take ownerships",
2411
2146
  "name": "sp-menu-item-added"
2147
+ },
2148
+ {
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"
2412
2151
  }
2413
2152
  ],
2414
2153
  "attributes": [
@@ -2483,12 +2222,20 @@
2483
2222
  }
2484
2223
  ],
2485
2224
  "exports": [
2225
+ {
2226
+ "kind": "js",
2227
+ "name": "MenuItemRemovedEvent",
2228
+ "declaration": {
2229
+ "name": "MenuItemRemovedEvent",
2230
+ "module": "src/MenuItem.js"
2231
+ }
2232
+ },
2486
2233
  {
2487
2234
  "kind": "js",
2488
2235
  "name": "MenuItemAddedOrUpdatedEvent",
2489
2236
  "declaration": {
2490
2237
  "name": "MenuItemAddedOrUpdatedEvent",
2491
- "module": "src/MenuItem.ts"
2238
+ "module": "src/MenuItem.js"
2492
2239
  }
2493
2240
  },
2494
2241
  {
@@ -2496,7 +2243,7 @@
2496
2243
  "name": "MenuItem",
2497
2244
  "declaration": {
2498
2245
  "name": "MenuItem",
2499
- "module": "src/MenuItem.ts"
2246
+ "module": "src/MenuItem.js"
2500
2247
  }
2501
2248
  }
2502
2249
  ]