@spectrum-web-components/picker 0.36.0 → 0.37.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 (28) hide show
  1. package/custom-elements.json +319 -265
  2. package/package.json +13 -13
  3. package/src/Picker.d.ts +37 -43
  4. package/src/Picker.dev.js +239 -218
  5. package/src/Picker.dev.js.map +3 -3
  6. package/src/Picker.js +69 -54
  7. package/src/Picker.js.map +3 -3
  8. package/src/picker.css.dev.js +1 -1
  9. package/src/picker.css.dev.js.map +1 -1
  10. package/src/picker.css.js +1 -1
  11. package/src/picker.css.js.map +1 -1
  12. package/stories/picker-sizes.stories.js +0 -1
  13. package/stories/picker-sizes.stories.js.map +2 -2
  14. package/stories/picker.stories.js +0 -7
  15. package/stories/picker.stories.js.map +2 -2
  16. package/sync/index.d.ts +3 -1
  17. package/sync/index.dev.js +3 -7
  18. package/sync/index.dev.js.map +2 -2
  19. package/sync/index.js +1 -1
  20. package/sync/index.js.map +3 -3
  21. package/test/index.js +247 -161
  22. package/test/index.js.map +2 -2
  23. package/test/picker-reparenting.test.js +13 -17
  24. package/test/picker-reparenting.test.js.map +2 -2
  25. package/test/picker-responsive.test.js +3 -2
  26. package/test/picker-responsive.test.js.map +2 -2
  27. package/test/picker.test.js +1 -1
  28. package/test/picker.test.js.map +2 -2
package/custom-elements.json CHANGED
@@ -32,12 +32,6 @@
32
32
  "description": "",
33
33
  "name": "PickerBase",
34
34
  "members": [
35
- {
36
- "kind": "field",
37
- "name": "openOverlay",
38
- "privacy": "private",
39
- "static": true
40
- },
41
35
  {
42
36
  "kind": "field",
43
37
  "name": "isMobile",
@@ -61,12 +55,12 @@
61
55
  },
62
56
  {
63
57
  "kind": "field",
64
- "name": "target",
58
+ "name": "deprecatedMenu",
65
59
  "type": {
66
- "text": "HTMLButtonElement | this"
60
+ "text": "Menu | null"
67
61
  },
68
- "privacy": "public",
69
- "readonly": true
62
+ "privacy": "private",
63
+ "default": "null"
70
64
  },
71
65
  {
72
66
  "kind": "field",
@@ -157,30 +151,30 @@
157
151
  "type": {
158
152
  "text": "MenuItem[]"
159
153
  },
160
- "privacy": "public",
161
- "default": "[]"
154
+ "privacy": "protected",
155
+ "readonly": true
162
156
  },
163
157
  {
164
158
  "kind": "field",
165
- "name": "restoreChildren",
159
+ "name": "optionsMenu",
166
160
  "type": {
167
- "text": "() => void | undefined"
161
+ "text": "Menu"
168
162
  },
169
- "privacy": "private"
163
+ "privacy": "protected"
170
164
  },
171
165
  {
172
166
  "kind": "field",
173
- "name": "optionsMenu",
167
+ "name": "overlayElement",
174
168
  "type": {
175
- "text": "Menu"
169
+ "text": "Overlay"
176
170
  },
177
- "privacy": "public"
171
+ "privacy": "protected"
178
172
  },
179
173
  {
180
174
  "kind": "field",
181
175
  "name": "placement",
182
176
  "type": {
183
- "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
177
+ "text": "\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\""
184
178
  },
185
179
  "privacy": "public",
186
180
  "default": "'bottom-start'",
@@ -217,19 +211,10 @@
217
211
  },
218
212
  {
219
213
  "kind": "field",
220
- "name": "closeOverlay",
214
+ "name": "_selectedItem",
221
215
  "type": {
222
- "text": "Promise<() => void> | undefined"
223
- },
224
- "privacy": "private"
225
- },
226
- {
227
- "kind": "field",
228
- "name": "popoverEl",
229
- "type": {
230
- "text": "Popover"
231
- },
232
- "privacy": "private"
216
+ "text": "MenuItem | undefined"
217
+ }
233
218
  },
234
219
  {
235
220
  "kind": "field",
@@ -270,7 +255,7 @@
270
255
  },
271
256
  {
272
257
  "kind": "method",
273
- "name": "onButtonBlur",
258
+ "name": "handleButtonBlur",
274
259
  "privacy": "public",
275
260
  "return": {
276
261
  "type": {
@@ -278,9 +263,18 @@
278
263
  }
279
264
  }
280
265
  },
266
+ {
267
+ "kind": "field",
268
+ "name": "preventNextToggle",
269
+ "type": {
270
+ "text": "'no' | 'maybe' | 'yes'"
271
+ },
272
+ "privacy": "protected",
273
+ "default": "'no'"
274
+ },
281
275
  {
282
276
  "kind": "method",
283
- "name": "onButtonClick",
277
+ "name": "handlebuttonPointerdown",
284
278
  "privacy": "protected",
285
279
  "return": {
286
280
  "type": {
@@ -290,8 +284,8 @@
290
284
  },
291
285
  {
292
286
  "kind": "method",
293
- "name": "focus",
294
- "privacy": "public",
287
+ "name": "handleButtonFocus",
288
+ "privacy": "protected",
295
289
  "return": {
296
290
  "type": {
297
291
  "text": "void"
@@ -299,18 +293,17 @@
299
293
  },
300
294
  "parameters": [
301
295
  {
302
- "name": "options",
303
- "optional": true,
296
+ "name": "event",
304
297
  "type": {
305
- "text": "FocusOptions"
298
+ "text": "FocusEvent"
306
299
  }
307
300
  }
308
301
  ]
309
302
  },
310
303
  {
311
304
  "kind": "method",
312
- "name": "onHelperFocus",
313
- "privacy": "public",
305
+ "name": "handleButtonClick",
306
+ "privacy": "protected",
314
307
  "return": {
315
308
  "type": {
316
309
  "text": "void"
@@ -319,7 +312,26 @@
319
312
  },
320
313
  {
321
314
  "kind": "method",
322
- "name": "onButtonFocus",
315
+ "name": "focus",
316
+ "privacy": "public",
317
+ "return": {
318
+ "type": {
319
+ "text": "void"
320
+ }
321
+ },
322
+ "parameters": [
323
+ {
324
+ "name": "options",
325
+ "optional": true,
326
+ "type": {
327
+ "text": "FocusOptions"
328
+ }
329
+ }
330
+ ]
331
+ },
332
+ {
333
+ "kind": "method",
334
+ "name": "handleHelperFocus",
323
335
  "privacy": "public",
324
336
  "return": {
325
337
  "type": {
@@ -347,13 +359,13 @@
347
359
  },
348
360
  {
349
361
  "kind": "field",
350
- "name": "onKeydown",
362
+ "name": "handleKeydown",
351
363
  "privacy": "protected"
352
364
  },
353
365
  {
354
366
  "kind": "method",
355
367
  "name": "setValueFromItem",
356
- "privacy": "public",
368
+ "privacy": "protected",
357
369
  "return": {
358
370
  "type": {
359
371
  "text": "Promise<void>"
@@ -430,122 +442,126 @@
430
442
  },
431
443
  {
432
444
  "kind": "field",
433
- "name": "overlayOpenCallback",
434
- "privacy": "public"
445
+ "name": "containerStyles",
446
+ "type": {
447
+ "text": "StyleInfo"
448
+ },
449
+ "privacy": "protected",
450
+ "readonly": true
435
451
  },
436
452
  {
437
453
  "kind": "field",
438
- "name": "overlayCloseCallback",
439
- "privacy": "public"
454
+ "name": "selectedItemContent",
455
+ "type": {
456
+ "text": "MenuItemChildren"
457
+ },
458
+ "privacy": "protected"
440
459
  },
441
460
  {
442
461
  "kind": "field",
443
- "name": "popoverFragment",
462
+ "name": "_selectedItemContent",
444
463
  "type": {
445
- "text": "DocumentFragment"
446
- },
447
- "privacy": "private"
464
+ "text": "MenuItemChildren | undefined"
465
+ }
448
466
  },
449
467
  {
450
468
  "kind": "method",
451
- "name": "generatePopover",
452
- "privacy": "private",
469
+ "name": "renderLabelContent",
470
+ "privacy": "protected",
453
471
  "return": {
454
472
  "type": {
455
- "text": "Promise<void>"
473
+ "text": "TemplateResult | Node[]"
456
474
  }
457
- }
475
+ },
476
+ "parameters": [
477
+ {
478
+ "name": "content",
479
+ "type": {
480
+ "text": "Node[]"
481
+ }
482
+ }
483
+ ]
458
484
  },
459
485
  {
460
- "kind": "method",
461
- "name": "openMenu",
462
- "privacy": "private",
463
- "return": {
464
- "type": {
465
- "text": "Promise<void>"
466
- }
467
- }
486
+ "kind": "field",
487
+ "name": "buttonContent",
488
+ "type": {
489
+ "text": "TemplateResult[]"
490
+ },
491
+ "privacy": "protected",
492
+ "readonly": true
493
+ },
494
+ {
495
+ "kind": "field",
496
+ "name": "applyFocusElementLabel"
468
497
  },
469
498
  {
470
499
  "kind": "method",
471
- "name": "sizePopover",
500
+ "name": "renderOverlay",
472
501
  "privacy": "protected",
473
502
  "return": {
474
503
  "type": {
475
- "text": "void"
504
+ "text": "TemplateResult"
476
505
  }
477
506
  },
478
507
  "parameters": [
479
508
  {
480
- "name": "popover",
509
+ "name": "menu",
481
510
  "type": {
482
- "text": "HTMLElement"
511
+ "text": "TemplateResult"
483
512
  }
484
513
  }
485
514
  ]
486
515
  },
487
516
  {
488
517
  "kind": "method",
489
- "name": "closeMenu",
490
- "privacy": "private",
518
+ "name": "bindButtonKeydownListener",
519
+ "privacy": "protected",
491
520
  "return": {
492
521
  "type": {
493
- "text": "Promise<void>"
522
+ "text": "void"
494
523
  }
495
524
  }
496
525
  },
497
526
  {
498
527
  "kind": "field",
499
- "name": "selectedItemContent",
528
+ "name": "dismissHelper",
500
529
  "type": {
501
- "text": "MenuItemChildren"
530
+ "text": "TemplateResult"
502
531
  },
503
532
  "privacy": "protected",
504
533
  "readonly": true
505
534
  },
506
535
  {
507
536
  "kind": "method",
508
- "name": "renderLabelContent",
537
+ "name": "renderContainer",
509
538
  "privacy": "protected",
510
539
  "return": {
511
540
  "type": {
512
- "text": "TemplateResult | Node[]"
541
+ "text": "TemplateResult"
513
542
  }
514
543
  },
515
544
  "parameters": [
516
545
  {
517
- "name": "content",
546
+ "name": "menu",
518
547
  "type": {
519
- "text": "Node[]"
548
+ "text": "TemplateResult"
520
549
  }
521
550
  }
522
551
  ]
523
552
  },
524
553
  {
525
554
  "kind": "field",
526
- "name": "buttonContent",
527
- "type": {
528
- "text": "TemplateResult[]"
529
- },
530
- "privacy": "protected",
531
- "readonly": true
532
- },
533
- {
534
- "kind": "field",
535
- "name": "applyFocusElementLabel"
536
- },
537
- {
538
- "kind": "field",
539
- "name": "dismissHelper",
555
+ "name": "hasOpened",
540
556
  "type": {
541
- "text": "TemplateResult"
557
+ "text": "boolean"
542
558
  },
543
559
  "privacy": "protected",
544
- "readonly": true
560
+ "default": "false"
545
561
  },
546
562
  {
547
563
  "kind": "field",
548
- "name": "renderPopover",
564
+ "name": "renderMenu",
549
565
  "type": {
550
566
  "text": "TemplateResult"
551
567
  },
@@ -554,24 +570,16 @@
554
570
  },
555
571
  {
556
572
  "kind": "field",
557
- "name": "_willUpdateItems",
573
+ "name": "willManageSelection",
558
574
  "type": {
559
575
  "text": "boolean"
560
576
  },
561
577
  "privacy": "private",
562
578
  "default": "false"
563
579
  },
564
- {
565
- "kind": "field",
566
- "name": "itemsUpdated",
567
- "type": {
568
- "text": "Promise<void>"
569
- },
570
- "privacy": "protected"
571
- },
572
580
  {
573
581
  "kind": "method",
574
- "name": "updateMenuItems",
582
+ "name": "shouldScheduleManageSelection",
575
583
  "privacy": "protected",
576
584
  "return": {
577
585
  "type": {
@@ -583,34 +591,30 @@
583
591
  "name": "event",
584
592
  "optional": true,
585
593
  "type": {
586
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
594
+ "text": "Event"
587
595
  }
588
596
  }
589
- ],
590
- "description": "Acquire the available MenuItems in the Picker by\ndirect element query or by assuming the list managed\nby the Menu within the open options overlay."
597
+ ]
591
598
  },
592
599
  {
593
600
  "kind": "method",
594
- "name": "manageSelection",
601
+ "name": "shouldManageSelection",
595
602
  "privacy": "protected",
596
603
  "return": {
597
604
  "type": {
598
- "text": "Promise<void>"
605
+ "text": "void"
599
606
  }
600
607
  }
601
608
  },
602
609
  {
603
- "kind": "field",
604
- "name": "menuStatePromise",
605
- "privacy": "private"
606
- },
607
- {
608
- "kind": "field",
609
- "name": "menuStateResolver",
610
- "type": {
611
- "text": "() => void"
612
- },
613
- "privacy": "private"
610
+ "kind": "method",
611
+ "name": "manageSelection",
612
+ "privacy": "protected",
613
+ "return": {
614
+ "type": {
615
+ "text": "Promise<void>"
616
+ }
617
+ }
614
618
  },
615
619
  {
616
620
  "kind": "field",
@@ -634,6 +638,29 @@
634
638
  "text": "Promise<boolean>"
635
639
  }
636
640
  }
641
+ },
642
+ {
643
+ "kind": "field",
644
+ "name": "recentlyConnected",
645
+ "type": {
646
+ "text": "boolean"
647
+ },
648
+ "privacy": "private",
649
+ "default": "false"
650
+ },
651
+ {
652
+ "kind": "field",
653
+ "name": "enterKeydownOn",
654
+ "type": {
655
+ "text": "EventTarget | null"
656
+ },
657
+ "privacy": "private",
658
+ "default": "null"
659
+ },
660
+ {
661
+ "kind": "field",
662
+ "name": "handleEnterKeydown",
663
+ "privacy": "protected"
637
664
  }
638
665
  ],
639
666
  "events": [
@@ -648,7 +675,7 @@
648
675
  {
649
676
  "name": "placement",
650
677
  "type": {
651
- "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
678
+ "text": "\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\""
652
679
  },
653
680
  "default": "'bottom-start'",
654
681
  "fieldName": "placement",
@@ -751,32 +778,14 @@
751
778
  }
752
779
  ],
753
780
  "members": [
754
- {
755
- "kind": "method",
756
- "name": "sizePopover",
757
- "privacy": "protected",
758
- "return": {
759
- "type": {
760
- "text": "void"
761
- }
762
- },
763
- "parameters": [
764
- {
765
- "name": "popover",
766
- "type": {
767
- "text": "HTMLElement"
768
- }
769
- }
770
- ],
771
- "inheritedFrom": {
772
- "name": "PickerBase",
773
- "module": "src/Picker.js"
774
- }
775
- },
776
781
  {
777
782
  "kind": "field",
778
- "name": "onKeydown",
783
+ "name": "containerStyles",
784
+ "type": {
785
+ "text": "StyleInfo"
786
+ },
779
787
  "privacy": "protected",
788
+ "readonly": true,
780
789
  "inheritedFrom": {
781
790
  "name": "PickerBase",
782
791
  "module": "src/Picker.js"
@@ -784,9 +793,8 @@
784
793
  },
785
794
  {
786
795
  "kind": "field",
787
- "name": "openOverlay",
788
- "privacy": "private",
789
- "static": true,
796
+ "name": "handleKeydown",
797
+ "privacy": "protected",
790
798
  "inheritedFrom": {
791
799
  "name": "PickerBase",
792
800
  "module": "src/Picker.js"
@@ -827,12 +835,12 @@
827
835
  },
828
836
  {
829
837
  "kind": "field",
830
- "name": "target",
838
+ "name": "deprecatedMenu",
831
839
  "type": {
832
- "text": "HTMLButtonElement | this"
840
+ "text": "Menu | null"
833
841
  },
834
- "privacy": "public",
835
- "readonly": true,
842
+ "privacy": "private",
843
+ "default": "null",
836
844
  "inheritedFrom": {
837
845
  "name": "PickerBase",
838
846
  "module": "src/Picker.js"
@@ -959,8 +967,8 @@
959
967
  "type": {
960
968
  "text": "MenuItem[]"
961
969
  },
962
- "privacy": "public",
963
- "default": "[]",
970
+ "privacy": "protected",
971
+ "readonly": true,
964
972
  "inheritedFrom": {
965
973
  "name": "PickerBase",
966
974
  "module": "src/Picker.js"
@@ -968,11 +976,11 @@
968
976
  },
969
977
  {
970
978
  "kind": "field",
971
- "name": "restoreChildren",
979
+ "name": "optionsMenu",
972
980
  "type": {
973
- "text": "() => void | undefined"
981
+ "text": "Menu"
974
982
  },
975
- "privacy": "private",
983
+ "privacy": "protected",
976
984
  "inheritedFrom": {
977
985
  "name": "PickerBase",
978
986
  "module": "src/Picker.js"
@@ -980,11 +988,11 @@
980
988
  },
981
989
  {
982
990
  "kind": "field",
983
- "name": "optionsMenu",
991
+ "name": "overlayElement",
984
992
  "type": {
985
- "text": "Menu"
993
+ "text": "Overlay"
986
994
  },
987
- "privacy": "public",
995
+ "privacy": "protected",
988
996
  "inheritedFrom": {
989
997
  "name": "PickerBase",
990
998
  "module": "src/Picker.js"
@@ -994,7 +1002,7 @@
994
1002
  "kind": "field",
995
1003
  "name": "placement",
996
1004
  "type": {
997
- "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
1005
+ "text": "\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\""
998
1006
  },
999
1007
  "privacy": "public",
1000
1008
  "default": "'bottom-start'",
@@ -1047,23 +1055,10 @@
1047
1055
  },
1048
1056
  {
1049
1057
  "kind": "field",
1050
- "name": "closeOverlay",
1058
+ "name": "_selectedItem",
1051
1059
  "type": {
1052
- "text": "Promise<() => void> | undefined"
1053
- },
1054
- "privacy": "private",
1055
- "inheritedFrom": {
1056
- "name": "PickerBase",
1057
- "module": "src/Picker.js"
1058
- }
1059
- },
1060
- {
1061
- "kind": "field",
1062
- "name": "popoverEl",
1063
- "type": {
1064
- "text": "Popover"
1060
+ "text": "MenuItem | undefined"
1065
1061
  },
1066
- "privacy": "private",
1067
1062
  "inheritedFrom": {
1068
1063
  "name": "PickerBase",
1069
1064
  "module": "src/Picker.js"
@@ -1124,7 +1119,7 @@
1124
1119
  },
1125
1120
  {
1126
1121
  "kind": "method",
1127
- "name": "onButtonBlur",
1122
+ "name": "handleButtonBlur",
1128
1123
  "privacy": "public",
1129
1124
  "return": {
1130
1125
  "type": {
@@ -1136,9 +1131,22 @@
1136
1131
  "module": "src/Picker.js"
1137
1132
  }
1138
1133
  },
1134
+ {
1135
+ "kind": "field",
1136
+ "name": "preventNextToggle",
1137
+ "type": {
1138
+ "text": "'no' | 'maybe' | 'yes'"
1139
+ },
1140
+ "privacy": "protected",
1141
+ "default": "'no'",
1142
+ "inheritedFrom": {
1143
+ "name": "PickerBase",
1144
+ "module": "src/Picker.js"
1145
+ }
1146
+ },
1139
1147
  {
1140
1148
  "kind": "method",
1141
- "name": "onButtonClick",
1149
+ "name": "handlebuttonPointerdown",
1142
1150
  "privacy": "protected",
1143
1151
  "return": {
1144
1152
  "type": {
@@ -1152,8 +1160,8 @@
1152
1160
  },
1153
1161
  {
1154
1162
  "kind": "method",
1155
- "name": "focus",
1156
- "privacy": "public",
1163
+ "name": "handleButtonFocus",
1164
+ "privacy": "protected",
1157
1165
  "return": {
1158
1166
  "type": {
1159
1167
  "text": "void"
@@ -1161,10 +1169,9 @@
1161
1169
  },
1162
1170
  "parameters": [
1163
1171
  {
1164
- "name": "options",
1165
- "optional": true,
1172
+ "name": "event",
1166
1173
  "type": {
1167
- "text": "FocusOptions"
1174
+ "text": "FocusEvent"
1168
1175
  }
1169
1176
  }
1170
1177
  ],
@@ -1175,13 +1182,36 @@
1175
1182
  },
1176
1183
  {
1177
1184
  "kind": "method",
1178
- "name": "onHelperFocus",
1185
+ "name": "handleButtonClick",
1186
+ "privacy": "protected",
1187
+ "return": {
1188
+ "type": {
1189
+ "text": "void"
1190
+ }
1191
+ },
1192
+ "inheritedFrom": {
1193
+ "name": "PickerBase",
1194
+ "module": "src/Picker.js"
1195
+ }
1196
+ },
1197
+ {
1198
+ "kind": "method",
1199
+ "name": "focus",
1179
1200
  "privacy": "public",
1180
1201
  "return": {
1181
1202
  "type": {
1182
1203
  "text": "void"
1183
1204
  }
1184
1205
  },
1206
+ "parameters": [
1207
+ {
1208
+ "name": "options",
1209
+ "optional": true,
1210
+ "type": {
1211
+ "text": "FocusOptions"
1212
+ }
1213
+ }
1214
+ ],
1185
1215
  "inheritedFrom": {
1186
1216
  "name": "PickerBase",
1187
1217
  "module": "src/Picker.js"
@@ -1189,7 +1219,7 @@
1189
1219
  },
1190
1220
  {
1191
1221
  "kind": "method",
1192
- "name": "onButtonFocus",
1222
+ "name": "handleHelperFocus",
1193
1223
  "privacy": "public",
1194
1224
  "return": {
1195
1225
  "type": {
@@ -1226,7 +1256,7 @@
1226
1256
  {
1227
1257
  "kind": "method",
1228
1258
  "name": "setValueFromItem",
1229
- "privacy": "public",
1259
+ "privacy": "protected",
1230
1260
  "return": {
1231
1261
  "type": {
1232
1262
  "text": "Promise<void>"
@@ -1319,8 +1349,11 @@
1319
1349
  },
1320
1350
  {
1321
1351
  "kind": "field",
1322
- "name": "overlayOpenCallback",
1323
- "privacy": "public",
1352
+ "name": "selectedItemContent",
1353
+ "type": {
1354
+ "text": "MenuItemChildren"
1355
+ },
1356
+ "privacy": "protected",
1324
1357
  "inheritedFrom": {
1325
1358
  "name": "PickerBase",
1326
1359
  "module": "src/Picker.js"
@@ -1328,8 +1361,32 @@
1328
1361
  },
1329
1362
  {
1330
1363
  "kind": "field",
1331
- "name": "overlayCloseCallback",
1332
- "privacy": "public",
1364
+ "name": "_selectedItemContent",
1365
+ "type": {
1366
+ "text": "MenuItemChildren | undefined"
1367
+ },
1368
+ "inheritedFrom": {
1369
+ "name": "PickerBase",
1370
+ "module": "src/Picker.js"
1371
+ }
1372
+ },
1373
+ {
1374
+ "kind": "method",
1375
+ "name": "renderLabelContent",
1376
+ "privacy": "protected",
1377
+ "return": {
1378
+ "type": {
1379
+ "text": "TemplateResult | Node[]"
1380
+ }
1381
+ },
1382
+ "parameters": [
1383
+ {
1384
+ "name": "content",
1385
+ "type": {
1386
+ "text": "Node[]"
1387
+ }
1388
+ }
1389
+ ],
1333
1390
  "inheritedFrom": {
1334
1391
  "name": "PickerBase",
1335
1392
  "module": "src/Picker.js"
@@ -1337,25 +1394,20 @@
1337
1394
  },
1338
1395
  {
1339
1396
  "kind": "field",
1340
- "name": "popoverFragment",
1397
+ "name": "buttonContent",
1341
1398
  "type": {
1342
- "text": "DocumentFragment"
1399
+ "text": "TemplateResult[]"
1343
1400
  },
1344
- "privacy": "private",
1401
+ "privacy": "protected",
1402
+ "readonly": true,
1345
1403
  "inheritedFrom": {
1346
1404
  "name": "PickerBase",
1347
1405
  "module": "src/Picker.js"
1348
1406
  }
1349
1407
  },
1350
1408
  {
1351
- "kind": "method",
1352
- "name": "generatePopover",
1353
- "privacy": "private",
1354
- "return": {
1355
- "type": {
1356
- "text": "Promise<void>"
1357
- }
1358
- },
1409
+ "kind": "field",
1410
+ "name": "applyFocusElementLabel",
1359
1411
  "inheritedFrom": {
1360
1412
  "name": "PickerBase",
1361
1413
  "module": "src/Picker.js"
@@ -1363,13 +1415,21 @@
1363
1415
  },
1364
1416
  {
1365
1417
  "kind": "method",
1366
- "name": "openMenu",
1367
- "privacy": "private",
1418
+ "name": "renderOverlay",
1419
+ "privacy": "protected",
1368
1420
  "return": {
1369
1421
  "type": {
1370
- "text": "Promise<void>"
1422
+ "text": "TemplateResult"
1371
1423
  }
1372
1424
  },
1425
+ "parameters": [
1426
+ {
1427
+ "name": "menu",
1428
+ "type": {
1429
+ "text": "TemplateResult"
1430
+ }
1431
+ }
1432
+ ],
1373
1433
  "inheritedFrom": {
1374
1434
  "name": "PickerBase",
1375
1435
  "module": "src/Picker.js"
@@ -1377,11 +1437,11 @@
1377
1437
  },
1378
1438
  {
1379
1439
  "kind": "method",
1380
- "name": "closeMenu",
1381
- "privacy": "private",
1440
+ "name": "bindButtonKeydownListener",
1441
+ "privacy": "protected",
1382
1442
  "return": {
1383
1443
  "type": {
1384
- "text": "Promise<void>"
1444
+ "text": "void"
1385
1445
  }
1386
1446
  },
1387
1447
  "inheritedFrom": {
@@ -1391,9 +1451,9 @@
1391
1451
  },
1392
1452
  {
1393
1453
  "kind": "field",
1394
- "name": "selectedItemContent",
1454
+ "name": "dismissHelper",
1395
1455
  "type": {
1396
- "text": "MenuItemChildren"
1456
+ "text": "TemplateResult"
1397
1457
  },
1398
1458
  "privacy": "protected",
1399
1459
  "readonly": true,
@@ -1404,18 +1464,18 @@
1404
1464
  },
1405
1465
  {
1406
1466
  "kind": "method",
1407
- "name": "renderLabelContent",
1467
+ "name": "renderContainer",
1408
1468
  "privacy": "protected",
1409
1469
  "return": {
1410
1470
  "type": {
1411
- "text": "TemplateResult | Node[]"
1471
+ "text": "TemplateResult"
1412
1472
  }
1413
1473
  },
1414
1474
  "parameters": [
1415
1475
  {
1416
- "name": "content",
1476
+ "name": "menu",
1417
1477
  "type": {
1418
- "text": "Node[]"
1478
+ "text": "TemplateResult"
1419
1479
  }
1420
1480
  }
1421
1481
  ],
@@ -1426,33 +1486,12 @@
1426
1486
  },
1427
1487
  {
1428
1488
  "kind": "field",
1429
- "name": "buttonContent",
1430
- "type": {
1431
- "text": "TemplateResult[]"
1432
- },
1433
- "privacy": "protected",
1434
- "readonly": true,
1435
- "inheritedFrom": {
1436
- "name": "PickerBase",
1437
- "module": "src/Picker.js"
1438
- }
1439
- },
1440
- {
1441
- "kind": "field",
1442
- "name": "applyFocusElementLabel",
1443
- "inheritedFrom": {
1444
- "name": "PickerBase",
1445
- "module": "src/Picker.js"
1446
- }
1447
- },
1448
- {
1449
- "kind": "field",
1450
- "name": "dismissHelper",
1489
+ "name": "hasOpened",
1451
1490
  "type": {
1452
- "text": "TemplateResult"
1491
+ "text": "boolean"
1453
1492
  },
1454
1493
  "privacy": "protected",
1455
- "readonly": true,
1494
+ "default": "false",
1456
1495
  "inheritedFrom": {
1457
1496
  "name": "PickerBase",
1458
1497
  "module": "src/Picker.js"
@@ -1460,7 +1499,7 @@
1460
1499
  },
1461
1500
  {
1462
1501
  "kind": "field",
1463
- "name": "renderPopover",
1502
+ "name": "renderMenu",
1464
1503
  "type": {
1465
1504
  "text": "TemplateResult"
1466
1505
  },
@@ -1473,7 +1512,7 @@
1473
1512
  },
1474
1513
  {
1475
1514
  "kind": "field",
1476
- "name": "_willUpdateItems",
1515
+ "name": "willManageSelection",
1477
1516
  "type": {
1478
1517
  "text": "boolean"
1479
1518
  },
@@ -1484,21 +1523,9 @@
1484
1523
  "module": "src/Picker.js"
1485
1524
  }
1486
1525
  },
1487
- {
1488
- "kind": "field",
1489
- "name": "itemsUpdated",
1490
- "type": {
1491
- "text": "Promise<void>"
1492
- },
1493
- "privacy": "protected",
1494
- "inheritedFrom": {
1495
- "name": "PickerBase",
1496
- "module": "src/Picker.js"
1497
- }
1498
- },
1499
1526
  {
1500
1527
  "kind": "method",
1501
- "name": "updateMenuItems",
1528
+ "name": "shouldScheduleManageSelection",
1502
1529
  "privacy": "protected",
1503
1530
  "return": {
1504
1531
  "type": {
@@ -1510,11 +1537,24 @@
1510
1537
  "name": "event",
1511
1538
  "optional": true,
1512
1539
  "type": {
1513
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
1540
+ "text": "Event"
1514
1541
  }
1515
1542
  }
1516
1543
  ],
1517
- "description": "Acquire the available MenuItems in the Picker by\ndirect element query or by assuming the list managed\nby the Menu within the open options overlay.",
1544
+ "inheritedFrom": {
1545
+ "name": "PickerBase",
1546
+ "module": "src/Picker.js"
1547
+ }
1548
+ },
1549
+ {
1550
+ "kind": "method",
1551
+ "name": "shouldManageSelection",
1552
+ "privacy": "protected",
1553
+ "return": {
1554
+ "type": {
1555
+ "text": "void"
1556
+ }
1557
+ },
1518
1558
  "inheritedFrom": {
1519
1559
  "name": "PickerBase",
1520
1560
  "module": "src/Picker.js"
@@ -1536,7 +1576,7 @@
1536
1576
  },
1537
1577
  {
1538
1578
  "kind": "field",
1539
- "name": "menuStatePromise",
1579
+ "name": "selectionPromise",
1540
1580
  "privacy": "private",
1541
1581
  "inheritedFrom": {
1542
1582
  "name": "PickerBase",
@@ -1545,7 +1585,7 @@
1545
1585
  },
1546
1586
  {
1547
1587
  "kind": "field",
1548
- "name": "menuStateResolver",
1588
+ "name": "selectionResolver",
1549
1589
  "type": {
1550
1590
  "text": "() => void"
1551
1591
  },
@@ -1555,10 +1595,28 @@
1555
1595
  "module": "src/Picker.js"
1556
1596
  }
1557
1597
  },
1598
+ {
1599
+ "kind": "method",
1600
+ "name": "getUpdateComplete",
1601
+ "privacy": "protected",
1602
+ "return": {
1603
+ "type": {
1604
+ "text": "Promise<boolean>"
1605
+ }
1606
+ },
1607
+ "inheritedFrom": {
1608
+ "name": "PickerBase",
1609
+ "module": "src/Picker.js"
1610
+ }
1611
+ },
1558
1612
  {
1559
1613
  "kind": "field",
1560
- "name": "selectionPromise",
1614
+ "name": "recentlyConnected",
1615
+ "type": {
1616
+ "text": "boolean"
1617
+ },
1561
1618
  "privacy": "private",
1619
+ "default": "false",
1562
1620
  "inheritedFrom": {
1563
1621
  "name": "PickerBase",
1564
1622
  "module": "src/Picker.js"
@@ -1566,25 +1624,21 @@
1566
1624
  },
1567
1625
  {
1568
1626
  "kind": "field",
1569
- "name": "selectionResolver",
1627
+ "name": "enterKeydownOn",
1570
1628
  "type": {
1571
- "text": "() => void"
1629
+ "text": "EventTarget | null"
1572
1630
  },
1573
1631
  "privacy": "private",
1632
+ "default": "null",
1574
1633
  "inheritedFrom": {
1575
1634
  "name": "PickerBase",
1576
1635
  "module": "src/Picker.js"
1577
1636
  }
1578
1637
  },
1579
1638
  {
1580
- "kind": "method",
1581
- "name": "getUpdateComplete",
1639
+ "kind": "field",
1640
+ "name": "handleEnterKeydown",
1582
1641
  "privacy": "protected",
1583
- "return": {
1584
- "type": {
1585
- "text": "Promise<boolean>"
1586
- }
1587
- },
1588
1642
  "inheritedFrom": {
1589
1643
  "name": "PickerBase",
1590
1644
  "module": "src/Picker.js"
@@ -1622,7 +1676,7 @@
1622
1676
  {
1623
1677
  "name": "placement",
1624
1678
  "type": {
1625
- "text": "\"auto\" | \"auto-start\" | \"auto-end\" | \"top\" | \"bottom\" | \"right\" | \"left\" | \"top-start\" | \"top-end\" | \"bottom-start\" | \"bottom-end\" | \"right-start\" | \"right-end\" | \"left-start\" | \"left-end\" | \"none\""
1679
+ "text": "\"top\" | \"top-start\" | \"top-end\" | \"right\" | \"right-start\" | \"right-end\" | \"bottom\" | \"bottom-start\" | \"bottom-end\" | \"left\" | \"left-start\" | \"left-end\""
1626
1680
  },
1627
1681
  "default": "'bottom-start'",
1628
1682
  "fieldName": "placement",