@spectrum-web-components/menu 0.32.1-overlay.41 → 0.33.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 +264 -471
  2. package/package.json +9 -9
  3. package/src/Menu.d.ts +7 -16
  4. package/src/Menu.dev.js +73 -169
  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 +11 -11
  10. package/src/MenuGroup.dev.js.map +2 -2
  11. package/src/MenuGroup.js +6 -8
  12. package/src/MenuGroup.js.map +3 -3
  13. package/src/MenuItem.d.ts +22 -24
  14. package/src/MenuItem.dev.js +150 -132
  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",
@@ -97,6 +97,17 @@
97
97
  "attribute": "label",
98
98
  "reflects": true
99
99
  },
100
+ {
101
+ "kind": "field",
102
+ "name": "ignore",
103
+ "type": {
104
+ "text": "boolean"
105
+ },
106
+ "privacy": "public",
107
+ "default": "false",
108
+ "attribute": "ignore",
109
+ "reflects": true
110
+ },
100
111
  {
101
112
  "kind": "field",
102
113
  "name": "selects",
@@ -256,7 +267,7 @@
256
267
  }
257
268
  }
258
269
  ],
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."
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."
260
271
  },
261
272
  {
262
273
  "kind": "method",
@@ -275,7 +286,7 @@
275
286
  }
276
287
  }
277
288
  ],
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."
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."
279
290
  },
280
291
  {
281
292
  "kind": "method",
@@ -306,9 +317,9 @@
306
317
  },
307
318
  "parameters": [
308
319
  {
309
- "name": "item",
320
+ "name": "event",
310
321
  "type": {
311
- "text": "MenuItem"
322
+ "text": "MenuItemRemovedEvent"
312
323
  }
313
324
  }
314
325
  ]
@@ -334,7 +345,7 @@
334
345
  },
335
346
  {
336
347
  "kind": "method",
337
- "name": "handleClick",
348
+ "name": "onClick",
338
349
  "privacy": "private",
339
350
  "return": {
340
351
  "type": {
@@ -406,58 +417,6 @@
406
417
  }
407
418
  }
408
419
  },
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
- },
461
420
  {
462
421
  "kind": "method",
463
422
  "name": "selectOrToggleItem",
@@ -505,9 +464,9 @@
505
464
  },
506
465
  "parameters": [
507
466
  {
508
- "name": "event",
467
+ "name": "code",
509
468
  "type": {
510
- "text": "KeyboardEvent"
469
+ "text": "string"
511
470
  }
512
471
  }
513
472
  ]
@@ -558,15 +517,6 @@
558
517
  }
559
518
  }
560
519
  },
561
- {
562
- "kind": "field",
563
- "name": "_hasUpdatedSelectedItemIndex",
564
- "type": {
565
- "text": "boolean"
566
- },
567
- "privacy": "private",
568
- "default": "false"
569
- },
570
520
  {
571
521
  "kind": "method",
572
522
  "name": "updateSelectedItemIndex",
@@ -596,16 +546,6 @@
596
546
  }
597
547
  }
598
548
  },
599
- {
600
- "kind": "method",
601
- "name": "updateCache",
602
- "privacy": "private",
603
- "return": {
604
- "type": {
605
- "text": "Promise<void>"
606
- }
607
- }
608
- },
609
549
  {
610
550
  "kind": "method",
611
551
  "name": "updateItemFocus",
@@ -616,16 +556,6 @@
616
556
  }
617
557
  }
618
558
  },
619
- {
620
- "kind": "method",
621
- "name": "closeDescendentOverlays",
622
- "privacy": "public",
623
- "return": {
624
- "type": {
625
- "text": "void"
626
- }
627
- }
628
- },
629
559
  {
630
560
  "kind": "method",
631
561
  "name": "forwardFocusVisibleToItem",
@@ -645,32 +575,13 @@
645
575
  ]
646
576
  },
647
577
  {
648
- "kind": "method",
649
- "name": "handleSlotchange",
650
- "privacy": "private",
651
- "return": {
652
- "type": {
653
- "text": "void"
654
- }
578
+ "kind": "field",
579
+ "name": "_notFirstUpdated",
580
+ "type": {
581
+ "text": "boolean"
655
582
  },
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
- }
583
+ "privacy": "private",
584
+ "default": "false"
674
585
  },
675
586
  {
676
587
  "kind": "method",
@@ -695,11 +606,6 @@
695
606
  "name": "cacheUpdated",
696
607
  "privacy": "protected"
697
608
  },
698
- {
699
- "kind": "field",
700
- "name": "resolveCacheUpdated",
701
- "privacy": "protected"
702
- },
703
609
  {
704
610
  "kind": "method",
705
611
  "name": "getUpdateComplete",
@@ -743,6 +649,14 @@
743
649
  "default": "''",
744
650
  "fieldName": "label"
745
651
  },
652
+ {
653
+ "name": "ignore",
654
+ "type": {
655
+ "text": "boolean"
656
+ },
657
+ "default": "false",
658
+ "fieldName": "ignore"
659
+ },
746
660
  {
747
661
  "name": "value",
748
662
  "type": {
@@ -774,14 +688,14 @@
774
688
  "name": "Menu",
775
689
  "declaration": {
776
690
  "name": "Menu",
777
- "module": "src/Menu.ts"
691
+ "module": "src/Menu.js"
778
692
  }
779
693
  }
780
694
  ]
781
695
  },
782
696
  {
783
697
  "kind": "javascript-module",
784
- "path": "src/MenuDivider.ts",
698
+ "path": "src/MenuDivider.js",
785
699
  "declarations": [
786
700
  {
787
701
  "kind": "class",
@@ -808,14 +722,14 @@
808
722
  "name": "MenuDivider",
809
723
  "declaration": {
810
724
  "name": "MenuDivider",
811
- "module": "src/MenuDivider.ts"
725
+ "module": "src/MenuDivider.js"
812
726
  }
813
727
  }
814
728
  ]
815
729
  },
816
730
  {
817
731
  "kind": "javascript-module",
818
- "path": "src/MenuGroup.ts",
732
+ "path": "src/MenuGroup.js",
819
733
  "declarations": [
820
734
  {
821
735
  "kind": "class",
@@ -832,6 +746,16 @@
832
746
  }
833
747
  ],
834
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
+ },
835
759
  {
836
760
  "kind": "field",
837
761
  "name": "headerId",
@@ -839,7 +763,7 @@
839
763
  "text": "string"
840
764
  },
841
765
  "privacy": "private",
842
- "default": "''"
766
+ "default": "`sp-menu-group-label-${MenuGroup.instances}`"
843
767
  },
844
768
  {
845
769
  "kind": "field",
@@ -867,7 +791,7 @@
867
791
  "readonly": true,
868
792
  "inheritedFrom": {
869
793
  "name": "Menu",
870
- "module": "src/Menu.ts"
794
+ "module": "src/Menu.js"
871
795
  }
872
796
  },
873
797
  {
@@ -886,11 +810,11 @@
886
810
  "type": {
887
811
  "text": "boolean"
888
812
  },
889
- "privacy": "private",
890
- "readonly": true,
813
+ "privacy": "public",
814
+ "default": "false",
891
815
  "inheritedFrom": {
892
816
  "name": "Menu",
893
- "module": "src/Menu.ts"
817
+ "module": "src/Menu.js"
894
818
  }
895
819
  },
896
820
  {
@@ -905,7 +829,22 @@
905
829
  "reflects": true,
906
830
  "inheritedFrom": {
907
831
  "name": "Menu",
908
- "module": "src/Menu.ts"
832
+ "module": "src/Menu.js"
833
+ }
834
+ },
835
+ {
836
+ "kind": "field",
837
+ "name": "ignore",
838
+ "type": {
839
+ "text": "boolean"
840
+ },
841
+ "privacy": "public",
842
+ "default": "false",
843
+ "attribute": "ignore",
844
+ "reflects": true,
845
+ "inheritedFrom": {
846
+ "name": "Menu",
847
+ "module": "src/Menu.js"
909
848
  }
910
849
  },
911
850
  {
@@ -919,7 +858,7 @@
919
858
  "reflects": true,
920
859
  "inheritedFrom": {
921
860
  "name": "Menu",
922
- "module": "src/Menu.ts"
861
+ "module": "src/Menu.js"
923
862
  }
924
863
  },
925
864
  {
@@ -933,7 +872,7 @@
933
872
  "attribute": "value",
934
873
  "inheritedFrom": {
935
874
  "name": "Menu",
936
- "module": "src/Menu.ts"
875
+ "module": "src/Menu.js"
937
876
  }
938
877
  },
939
878
  {
@@ -947,7 +886,7 @@
947
886
  "attribute": "value-separator",
948
887
  "inheritedFrom": {
949
888
  "name": "Menu",
950
- "module": "src/Menu.ts"
889
+ "module": "src/Menu.js"
951
890
  }
952
891
  },
953
892
  {
@@ -957,7 +896,7 @@
957
896
  "default": "[]",
958
897
  "inheritedFrom": {
959
898
  "name": "Menu",
960
- "module": "src/Menu.ts"
899
+ "module": "src/Menu.js"
961
900
  }
962
901
  },
963
902
  {
@@ -967,7 +906,7 @@
967
906
  "default": "[]",
968
907
  "inheritedFrom": {
969
908
  "name": "Menu",
970
- "module": "src/Menu.ts"
909
+ "module": "src/Menu.js"
971
910
  }
972
911
  },
973
912
  {
@@ -979,7 +918,7 @@
979
918
  "privacy": "public",
980
919
  "inheritedFrom": {
981
920
  "name": "Menu",
982
- "module": "src/Menu.ts"
921
+ "module": "src/Menu.js"
983
922
  }
984
923
  },
985
924
  {
@@ -989,7 +928,7 @@
989
928
  "default": "new Set<MenuItem>()",
990
929
  "inheritedFrom": {
991
930
  "name": "Menu",
992
- "module": "src/Menu.ts"
931
+ "module": "src/Menu.js"
993
932
  }
994
933
  },
995
934
  {
@@ -1002,7 +941,7 @@
1002
941
  "default": "0",
1003
942
  "inheritedFrom": {
1004
943
  "name": "Menu",
1005
- "module": "src/Menu.ts"
944
+ "module": "src/Menu.js"
1006
945
  }
1007
946
  },
1008
947
  {
@@ -1015,7 +954,7 @@
1015
954
  "default": "0",
1016
955
  "inheritedFrom": {
1017
956
  "name": "Menu",
1018
- "module": "src/Menu.ts"
957
+ "module": "src/Menu.js"
1019
958
  }
1020
959
  },
1021
960
  {
@@ -1025,7 +964,7 @@
1025
964
  "default": "new Map()",
1026
965
  "inheritedFrom": {
1027
966
  "name": "Menu",
1028
- "module": "src/Menu.ts"
967
+ "module": "src/Menu.js"
1029
968
  }
1030
969
  },
1031
970
  {
@@ -1038,7 +977,7 @@
1038
977
  "readonly": true,
1039
978
  "inheritedFrom": {
1040
979
  "name": "Menu",
1041
- "module": "src/Menu.ts"
980
+ "module": "src/Menu.js"
1042
981
  }
1043
982
  },
1044
983
  {
@@ -1050,7 +989,7 @@
1050
989
  "privacy": "private",
1051
990
  "inheritedFrom": {
1052
991
  "name": "Menu",
1053
- "module": "src/Menu.ts"
992
+ "module": "src/Menu.js"
1054
993
  }
1055
994
  },
1056
995
  {
@@ -1064,7 +1003,7 @@
1064
1003
  },
1065
1004
  "inheritedFrom": {
1066
1005
  "name": "Menu",
1067
- "module": "src/Menu.ts"
1006
+ "module": "src/Menu.js"
1068
1007
  }
1069
1008
  },
1070
1009
  {
@@ -1078,7 +1017,7 @@
1078
1017
  "readonly": true,
1079
1018
  "inheritedFrom": {
1080
1019
  "name": "Menu",
1081
- "module": "src/Menu.ts"
1020
+ "module": "src/Menu.js"
1082
1021
  }
1083
1022
  },
1084
1023
  {
@@ -1090,7 +1029,7 @@
1090
1029
  "privacy": "private",
1091
1030
  "inheritedFrom": {
1092
1031
  "name": "Menu",
1093
- "module": "src/Menu.ts"
1032
+ "module": "src/Menu.js"
1094
1033
  }
1095
1034
  },
1096
1035
  {
@@ -1102,7 +1041,7 @@
1102
1041
  "privacy": "private",
1103
1042
  "inheritedFrom": {
1104
1043
  "name": "Menu",
1105
- "module": "src/Menu.ts"
1044
+ "module": "src/Menu.js"
1106
1045
  }
1107
1046
  },
1108
1047
  {
@@ -1122,10 +1061,10 @@
1122
1061
  }
1123
1062
  }
1124
1063
  ],
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.",
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.",
1126
1065
  "inheritedFrom": {
1127
1066
  "name": "Menu",
1128
- "module": "src/Menu.ts"
1067
+ "module": "src/Menu.js"
1129
1068
  }
1130
1069
  },
1131
1070
  {
@@ -1145,10 +1084,10 @@
1145
1084
  }
1146
1085
  }
1147
1086
  ],
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.",
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.",
1149
1088
  "inheritedFrom": {
1150
1089
  "name": "Menu",
1151
- "module": "src/Menu.ts"
1090
+ "module": "src/Menu.js"
1152
1091
  }
1153
1092
  },
1154
1093
  {
@@ -1170,7 +1109,7 @@
1170
1109
  ],
1171
1110
  "inheritedFrom": {
1172
1111
  "name": "Menu",
1173
- "module": "src/Menu.ts"
1112
+ "module": "src/Menu.js"
1174
1113
  }
1175
1114
  },
1176
1115
  {
@@ -1184,15 +1123,15 @@
1184
1123
  },
1185
1124
  "parameters": [
1186
1125
  {
1187
- "name": "item",
1126
+ "name": "event",
1188
1127
  "type": {
1189
- "text": "MenuItem"
1128
+ "text": "MenuItemRemovedEvent"
1190
1129
  }
1191
1130
  }
1192
1131
  ],
1193
1132
  "inheritedFrom": {
1194
1133
  "name": "Menu",
1195
- "module": "src/Menu.ts"
1134
+ "module": "src/Menu.js"
1196
1135
  }
1197
1136
  },
1198
1137
  {
@@ -1215,12 +1154,12 @@
1215
1154
  ],
1216
1155
  "inheritedFrom": {
1217
1156
  "name": "Menu",
1218
- "module": "src/Menu.ts"
1157
+ "module": "src/Menu.js"
1219
1158
  }
1220
1159
  },
1221
1160
  {
1222
1161
  "kind": "method",
1223
- "name": "handleClick",
1162
+ "name": "onClick",
1224
1163
  "privacy": "private",
1225
1164
  "return": {
1226
1165
  "type": {
@@ -1237,7 +1176,7 @@
1237
1176
  ],
1238
1177
  "inheritedFrom": {
1239
1178
  "name": "Menu",
1240
- "module": "src/Menu.ts"
1179
+ "module": "src/Menu.js"
1241
1180
  }
1242
1181
  },
1243
1182
  {
@@ -1259,7 +1198,7 @@
1259
1198
  ],
1260
1199
  "inheritedFrom": {
1261
1200
  "name": "Menu",
1262
- "module": "src/Menu.ts"
1201
+ "module": "src/Menu.js"
1263
1202
  }
1264
1203
  },
1265
1204
  {
@@ -1273,7 +1212,7 @@
1273
1212
  },
1274
1213
  "inheritedFrom": {
1275
1214
  "name": "Menu",
1276
- "module": "src/Menu.ts"
1215
+ "module": "src/Menu.js"
1277
1216
  }
1278
1217
  },
1279
1218
  {
@@ -1295,7 +1234,7 @@
1295
1234
  ],
1296
1235
  "inheritedFrom": {
1297
1236
  "name": "Menu",
1298
- "module": "src/Menu.ts"
1237
+ "module": "src/Menu.js"
1299
1238
  }
1300
1239
  },
1301
1240
  {
@@ -1309,79 +1248,7 @@
1309
1248
  },
1310
1249
  "inheritedFrom": {
1311
1250
  "name": "Menu",
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"
1251
+ "module": "src/Menu.js"
1385
1252
  }
1386
1253
  },
1387
1254
  {
@@ -1403,7 +1270,7 @@
1403
1270
  ],
1404
1271
  "inheritedFrom": {
1405
1272
  "name": "Menu",
1406
- "module": "src/Menu.ts"
1273
+ "module": "src/Menu.js"
1407
1274
  }
1408
1275
  },
1409
1276
  {
@@ -1425,7 +1292,7 @@
1425
1292
  ],
1426
1293
  "inheritedFrom": {
1427
1294
  "name": "Menu",
1428
- "module": "src/Menu.ts"
1295
+ "module": "src/Menu.js"
1429
1296
  }
1430
1297
  },
1431
1298
  {
@@ -1439,15 +1306,15 @@
1439
1306
  },
1440
1307
  "parameters": [
1441
1308
  {
1442
- "name": "event",
1309
+ "name": "code",
1443
1310
  "type": {
1444
- "text": "KeyboardEvent"
1311
+ "text": "string"
1445
1312
  }
1446
1313
  }
1447
1314
  ],
1448
1315
  "inheritedFrom": {
1449
1316
  "name": "Menu",
1450
- "module": "src/Menu.ts"
1317
+ "module": "src/Menu.js"
1451
1318
  }
1452
1319
  },
1453
1320
  {
@@ -1469,7 +1336,7 @@
1469
1336
  ],
1470
1337
  "inheritedFrom": {
1471
1338
  "name": "Menu",
1472
- "module": "src/Menu.ts"
1339
+ "module": "src/Menu.js"
1473
1340
  }
1474
1341
  },
1475
1342
  {
@@ -1491,7 +1358,7 @@
1491
1358
  ],
1492
1359
  "inheritedFrom": {
1493
1360
  "name": "Menu",
1494
- "module": "src/Menu.ts"
1361
+ "module": "src/Menu.js"
1495
1362
  }
1496
1363
  },
1497
1364
  {
@@ -1505,20 +1372,7 @@
1505
1372
  },
1506
1373
  "inheritedFrom": {
1507
1374
  "name": "Menu",
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"
1375
+ "module": "src/Menu.js"
1522
1376
  }
1523
1377
  },
1524
1378
  {
@@ -1532,7 +1386,7 @@
1532
1386
  },
1533
1387
  "inheritedFrom": {
1534
1388
  "name": "Menu",
1535
- "module": "src/Menu.ts"
1389
+ "module": "src/Menu.js"
1536
1390
  }
1537
1391
  },
1538
1392
  {
@@ -1545,7 +1399,7 @@
1545
1399
  "default": "false",
1546
1400
  "inheritedFrom": {
1547
1401
  "name": "Menu",
1548
- "module": "src/Menu.ts"
1402
+ "module": "src/Menu.js"
1549
1403
  }
1550
1404
  },
1551
1405
  {
@@ -1559,21 +1413,7 @@
1559
1413
  },
1560
1414
  "inheritedFrom": {
1561
1415
  "name": "Menu",
1562
- "module": "src/Menu.ts"
1563
- }
1564
- },
1565
- {
1566
- "kind": "method",
1567
- "name": "updateCache",
1568
- "privacy": "private",
1569
- "return": {
1570
- "type": {
1571
- "text": "Promise<void>"
1572
- }
1573
- },
1574
- "inheritedFrom": {
1575
- "name": "Menu",
1576
- "module": "src/Menu.ts"
1416
+ "module": "src/Menu.js"
1577
1417
  }
1578
1418
  },
1579
1419
  {
@@ -1587,21 +1427,7 @@
1587
1427
  },
1588
1428
  "inheritedFrom": {
1589
1429
  "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"
1430
+ "module": "src/Menu.js"
1605
1431
  }
1606
1432
  },
1607
1433
  {
@@ -1623,43 +1449,20 @@
1623
1449
  ],
1624
1450
  "inheritedFrom": {
1625
1451
  "name": "Menu",
1626
- "module": "src/Menu.ts"
1627
- }
1628
- },
1629
- {
1630
- "kind": "method",
1631
- "name": "handleSlotchange",
1632
- "privacy": "private",
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
- ],
1646
- "inheritedFrom": {
1647
- "name": "Menu",
1648
- "module": "src/Menu.ts"
1452
+ "module": "src/Menu.js"
1649
1453
  }
1650
1454
  },
1651
1455
  {
1652
- "kind": "method",
1653
- "name": "renderMenuItemSlot",
1654
- "privacy": "protected",
1655
- "return": {
1656
- "type": {
1657
- "text": "TemplateResult"
1658
- }
1456
+ "kind": "field",
1457
+ "name": "_notFirstUpdated",
1458
+ "type": {
1459
+ "text": "boolean"
1659
1460
  },
1461
+ "privacy": "private",
1462
+ "default": "false",
1660
1463
  "inheritedFrom": {
1661
1464
  "name": "Menu",
1662
- "module": "src/Menu.ts"
1465
+ "module": "src/Menu.js"
1663
1466
  }
1664
1467
  },
1665
1468
  {
@@ -1673,7 +1476,7 @@
1673
1476
  },
1674
1477
  "inheritedFrom": {
1675
1478
  "name": "Menu",
1676
- "module": "src/Menu.ts"
1479
+ "module": "src/Menu.js"
1677
1480
  }
1678
1481
  },
1679
1482
  {
@@ -1685,7 +1488,7 @@
1685
1488
  "privacy": "protected",
1686
1489
  "inheritedFrom": {
1687
1490
  "name": "Menu",
1688
- "module": "src/Menu.ts"
1491
+ "module": "src/Menu.js"
1689
1492
  }
1690
1493
  },
1691
1494
  {
@@ -1694,16 +1497,7 @@
1694
1497
  "privacy": "protected",
1695
1498
  "inheritedFrom": {
1696
1499
  "name": "Menu",
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"
1500
+ "module": "src/Menu.js"
1707
1501
  }
1708
1502
  },
1709
1503
  {
@@ -1717,7 +1511,7 @@
1717
1511
  },
1718
1512
  "inheritedFrom": {
1719
1513
  "name": "Menu",
1720
- "module": "src/Menu.ts"
1514
+ "module": "src/Menu.js"
1721
1515
  }
1722
1516
  }
1723
1517
  ],
@@ -1752,6 +1546,18 @@
1752
1546
  "module": "src/Menu.ts"
1753
1547
  }
1754
1548
  },
1549
+ {
1550
+ "name": "ignore",
1551
+ "type": {
1552
+ "text": "boolean"
1553
+ },
1554
+ "default": "false",
1555
+ "fieldName": "ignore",
1556
+ "inheritedFrom": {
1557
+ "name": "Menu",
1558
+ "module": "src/Menu.ts"
1559
+ }
1560
+ },
1755
1561
  {
1756
1562
  "name": "value",
1757
1563
  "type": {
@@ -1808,23 +1614,46 @@
1808
1614
  "name": "MenuGroup",
1809
1615
  "declaration": {
1810
1616
  "name": "MenuGroup",
1811
- "module": "src/MenuGroup.ts"
1617
+ "module": "src/MenuGroup.js"
1812
1618
  }
1813
1619
  }
1814
1620
  ]
1815
1621
  },
1816
1622
  {
1817
1623
  "kind": "javascript-module",
1818
- "path": "src/MenuItem.ts",
1624
+ "path": "src/MenuItem.js",
1819
1625
  "declarations": [
1820
1626
  {
1821
1627
  "kind": "class",
1822
1628
  "description": "",
1823
- "name": "MenuItemAddedOrUpdatedEvent",
1629
+ "name": "MenuItemRemovedEvent",
1824
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
+ },
1825
1654
  {
1826
1655
  "kind": "method",
1827
- "name": "clear",
1656
+ "name": "reset",
1828
1657
  "return": {
1829
1658
  "type": {
1830
1659
  "text": "void"
@@ -1838,11 +1667,25 @@
1838
1667
  }
1839
1668
  }
1840
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"
1841
1685
  },
1842
1686
  {
1843
1687
  "kind": "field",
1844
- "name": "menuCascade",
1845
- "default": "new WeakMap<HTMLElement, MenuCascadeItem>()"
1688
+ "name": "selectionRoot"
1846
1689
  },
1847
1690
  {
1848
1691
  "kind": "field",
@@ -1857,8 +1700,7 @@
1857
1700
  "name": "_item",
1858
1701
  "type": {
1859
1702
  "text": "MenuItem"
1860
- },
1861
- "privacy": "private"
1703
+ }
1862
1704
  },
1863
1705
  {
1864
1706
  "kind": "field",
@@ -1866,6 +1708,30 @@
1866
1708
  "type": {
1867
1709
  "text": "Menu | undefined"
1868
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
+ ]
1869
1735
  }
1870
1736
  ],
1871
1737
  "superclass": {
@@ -1896,6 +1762,24 @@
1896
1762
  }
1897
1763
  ],
1898
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
+ },
1899
1783
  {
1900
1784
  "kind": "field",
1901
1785
  "name": "active",
@@ -1985,14 +1869,6 @@
1985
1869
  },
1986
1870
  "privacy": "private"
1987
1871
  },
1988
- {
1989
- "kind": "field",
1990
- "name": "overlayElement",
1991
- "type": {
1992
- "text": "OverlayBase"
1993
- },
1994
- "privacy": "public"
1995
- },
1996
1872
  {
1997
1873
  "kind": "field",
1998
1874
  "name": "focusElement",
@@ -2027,8 +1903,7 @@
2027
1903
  },
2028
1904
  "privacy": "public",
2029
1905
  "default": "false",
2030
- "attribute": "open",
2031
- "reflects": true
1906
+ "attribute": "open"
2032
1907
  },
2033
1908
  {
2034
1909
  "kind": "method",
@@ -2058,38 +1933,33 @@
2058
1933
  }
2059
1934
  ]
2060
1935
  },
2061
- {
2062
- "kind": "field",
2063
- "name": "proxyFocus",
2064
- "privacy": "private"
2065
- },
2066
1936
  {
2067
1937
  "kind": "method",
2068
- "name": "shouldProxyClick",
1938
+ "name": "proxyFocus",
2069
1939
  "privacy": "private",
2070
1940
  "return": {
2071
1941
  "type": {
2072
- "text": "boolean"
1942
+ "text": "void"
2073
1943
  }
2074
1944
  }
2075
1945
  },
2076
1946
  {
2077
1947
  "kind": "method",
2078
- "name": "breakItemChildrenCache",
2079
- "privacy": "protected",
1948
+ "name": "shouldProxyClick",
1949
+ "privacy": "private",
2080
1950
  "return": {
2081
1951
  "type": {
2082
- "text": "void"
1952
+ "text": "boolean"
2083
1953
  }
2084
1954
  }
2085
1955
  },
2086
1956
  {
2087
1957
  "kind": "method",
2088
- "name": "renderSubmenu",
1958
+ "name": "breakItemChildrenCache",
2089
1959
  "privacy": "protected",
2090
1960
  "return": {
2091
1961
  "type": {
2092
- "text": "TemplateResult"
1962
+ "text": "void"
2093
1963
  }
2094
1964
  }
2095
1965
  },
@@ -2119,7 +1989,15 @@
2119
1989
  "type": {
2120
1990
  "text": "void"
2121
1991
  }
2122
- }
1992
+ },
1993
+ "parameters": [
1994
+ {
1995
+ "name": "event",
1996
+ "type": {
1997
+ "text": "Event"
1998
+ }
1999
+ }
2000
+ ]
2123
2001
  },
2124
2002
  {
2125
2003
  "kind": "method",
@@ -2157,15 +2035,7 @@
2157
2035
  "type": {
2158
2036
  "text": "void"
2159
2037
  }
2160
- },
2161
- "parameters": [
2162
- {
2163
- "name": "event",
2164
- "type": {
2165
- "text": "Event"
2166
- }
2167
- }
2168
- ]
2038
+ }
2169
2039
  },
2170
2040
  {
2171
2041
  "kind": "method",
@@ -2185,15 +2055,6 @@
2185
2055
  },
2186
2056
  "privacy": "protected"
2187
2057
  },
2188
- {
2189
- "kind": "field",
2190
- "name": "recentlyLeftChild",
2191
- "type": {
2192
- "text": "boolean"
2193
- },
2194
- "privacy": "protected",
2195
- "default": "false"
2196
- },
2197
2058
  {
2198
2059
  "kind": "method",
2199
2060
  "name": "handlePointerleave",
@@ -2205,71 +2066,15 @@
2205
2066
  }
2206
2067
  },
2207
2068
  {
2208
- "kind": "method",
2069
+ "kind": "field",
2209
2070
  "name": "handleSubmenuChange",
2210
2071
  "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
- ],
2224
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."
2225
2073
  },
2226
2074
  {
2227
- "kind": "method",
2075
+ "kind": "field",
2228
2076
  "name": "handleSubmenuPointerenter",
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
- }
2077
+ "privacy": "protected"
2273
2078
  },
2274
2079
  {
2275
2080
  "kind": "method",
@@ -2315,15 +2120,6 @@
2315
2120
  "text": "HTMLElement"
2316
2121
  }
2317
2122
  },
2318
- {
2319
- "kind": "field",
2320
- "name": "willDispatchUpdate",
2321
- "type": {
2322
- "text": "boolean"
2323
- },
2324
- "privacy": "private",
2325
- "default": "false"
2326
- },
2327
2123
  {
2328
2124
  "kind": "method",
2329
2125
  "name": "triggerUpdate",
@@ -2334,35 +2130,24 @@
2334
2130
  }
2335
2131
  }
2336
2132
  },
2337
- {
2338
- "kind": "method",
2339
- "name": "dispatchUpdate",
2340
- "privacy": "public",
2341
- "return": {
2342
- "type": {
2343
- "text": "void"
2344
- }
2345
- }
2346
- },
2347
2133
  {
2348
2134
  "kind": "field",
2349
2135
  "name": "menuData",
2350
2136
  "type": {
2351
- "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 }"
2352
2138
  },
2353
2139
  "privacy": "public",
2354
- "default": "{\n focusRoot: undefined,\n parentMenu: undefined,\n selectionRoot: undefined,\n cleanupSteps: [],\n }"
2140
+ "default": "{\n focusRoot: undefined,\n selectionRoot: undefined,\n }"
2355
2141
  }
2356
2142
  ],
2357
2143
  "events": [
2358
- {
2359
- "type": {
2360
- "text": "MenuItemAddedOrUpdatedEvent"
2361
- }
2362
- },
2363
2144
  {
2364
2145
  "description": "announces the item has been added so a parent menu can take ownerships",
2365
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"
2366
2151
  }
2367
2152
  ],
2368
2153
  "attributes": [
@@ -2437,12 +2222,20 @@
2437
2222
  }
2438
2223
  ],
2439
2224
  "exports": [
2225
+ {
2226
+ "kind": "js",
2227
+ "name": "MenuItemRemovedEvent",
2228
+ "declaration": {
2229
+ "name": "MenuItemRemovedEvent",
2230
+ "module": "src/MenuItem.js"
2231
+ }
2232
+ },
2440
2233
  {
2441
2234
  "kind": "js",
2442
2235
  "name": "MenuItemAddedOrUpdatedEvent",
2443
2236
  "declaration": {
2444
2237
  "name": "MenuItemAddedOrUpdatedEvent",
2445
- "module": "src/MenuItem.ts"
2238
+ "module": "src/MenuItem.js"
2446
2239
  }
2447
2240
  },
2448
2241
  {
@@ -2450,7 +2243,7 @@
2450
2243
  "name": "MenuItem",
2451
2244
  "declaration": {
2452
2245
  "name": "MenuItem",
2453
- "module": "src/MenuItem.ts"
2246
+ "module": "src/MenuItem.js"
2454
2247
  }
2455
2248
  }
2456
2249
  ]