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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/custom-elements.json +268 -376
  2. package/package.json +13 -13
  3. package/src/Picker.d.ts +32 -40
  4. package/src/Picker.dev.js +181 -187
  5. package/src/Picker.dev.js.map +3 -3
  6. package/src/Picker.js +44 -28
  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/sync/index.d.ts +4 -1
  13. package/sync/index.dev.js +1 -6
  14. package/sync/index.dev.js.map +2 -2
  15. package/sync/index.js +1 -1
  16. package/sync/index.js.map +3 -3
  17. package/test/index.js +204 -153
  18. package/test/index.js.map +2 -2
  19. package/test/picker-reparenting.test.js +13 -17
  20. package/test/picker-reparenting.test.js.map +2 -2
  21. package/test/picker-responsive.test.js +3 -2
  22. package/test/picker-responsive.test.js.map +2 -2
  23. package/test/picker.test.js +1 -1
  24. package/test/picker.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-picker.js",
7
+ "path": "sp-picker.ts",
8
8
  "declarations": [],
9
9
  "exports": [
10
10
  {
@@ -19,25 +19,19 @@
19
19
  },
20
20
  {
21
21
  "kind": "javascript-module",
22
- "path": "sync/sp-picker.js",
22
+ "path": "sync/sp-picker.ts",
23
23
  "declarations": [],
24
24
  "exports": []
25
25
  },
26
26
  {
27
27
  "kind": "javascript-module",
28
- "path": "src/Picker.js",
28
+ "path": "src/Picker.ts",
29
29
  "declarations": [
30
30
  {
31
31
  "kind": "class",
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",
@@ -59,15 +53,6 @@
59
53
  },
60
54
  "privacy": "public"
61
55
  },
62
- {
63
- "kind": "field",
64
- "name": "target",
65
- "type": {
66
- "text": "HTMLButtonElement | this"
67
- },
68
- "privacy": "public",
69
- "readonly": true
70
- },
71
56
  {
72
57
  "kind": "field",
73
58
  "name": "disabled",
@@ -157,16 +142,8 @@
157
142
  "type": {
158
143
  "text": "MenuItem[]"
159
144
  },
160
- "privacy": "public",
161
- "default": "[]"
162
- },
163
- {
164
- "kind": "field",
165
- "name": "restoreChildren",
166
- "type": {
167
- "text": "() => void | undefined"
168
- },
169
- "privacy": "private"
145
+ "privacy": "protected",
146
+ "readonly": true
170
147
  },
171
148
  {
172
149
  "kind": "field",
@@ -174,13 +151,13 @@
174
151
  "type": {
175
152
  "text": "Menu"
176
153
  },
177
- "privacy": "public"
154
+ "privacy": "protected"
178
155
  },
179
156
  {
180
157
  "kind": "field",
181
158
  "name": "placement",
182
159
  "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\""
160
+ "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\""
184
161
  },
185
162
  "privacy": "public",
186
163
  "default": "'bottom-start'",
@@ -217,19 +194,10 @@
217
194
  },
218
195
  {
219
196
  "kind": "field",
220
- "name": "closeOverlay",
197
+ "name": "_selectedItem",
221
198
  "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"
199
+ "text": "MenuItem | undefined"
200
+ }
233
201
  },
234
202
  {
235
203
  "kind": "field",
@@ -270,7 +238,7 @@
270
238
  },
271
239
  {
272
240
  "kind": "method",
273
- "name": "onButtonBlur",
241
+ "name": "handleButtonBlur",
274
242
  "privacy": "public",
275
243
  "return": {
276
244
  "type": {
@@ -278,9 +246,28 @@
278
246
  }
279
247
  }
280
248
  },
249
+ {
250
+ "kind": "field",
251
+ "name": "preventNextToggle",
252
+ "type": {
253
+ "text": "boolean"
254
+ },
255
+ "privacy": "private",
256
+ "default": "false"
257
+ },
258
+ {
259
+ "kind": "method",
260
+ "name": "handlePointerdown",
261
+ "privacy": "protected",
262
+ "return": {
263
+ "type": {
264
+ "text": "void"
265
+ }
266
+ }
267
+ },
281
268
  {
282
269
  "kind": "method",
283
- "name": "onButtonClick",
270
+ "name": "handleButtonClick",
284
271
  "privacy": "protected",
285
272
  "return": {
286
273
  "type": {
@@ -309,17 +296,7 @@
309
296
  },
310
297
  {
311
298
  "kind": "method",
312
- "name": "onHelperFocus",
313
- "privacy": "public",
314
- "return": {
315
- "type": {
316
- "text": "void"
317
- }
318
- }
319
- },
320
- {
321
- "kind": "method",
322
- "name": "onButtonFocus",
299
+ "name": "handleHelperFocus",
323
300
  "privacy": "public",
324
301
  "return": {
325
302
  "type": {
@@ -347,13 +324,13 @@
347
324
  },
348
325
  {
349
326
  "kind": "field",
350
- "name": "onKeydown",
327
+ "name": "handleKeydown",
351
328
  "privacy": "protected"
352
329
  },
353
330
  {
354
331
  "kind": "method",
355
332
  "name": "setValueFromItem",
356
- "privacy": "public",
333
+ "privacy": "protected",
357
334
  "return": {
358
335
  "type": {
359
336
  "text": "Promise<void>"
@@ -430,69 +407,12 @@
430
407
  },
431
408
  {
432
409
  "kind": "field",
433
- "name": "overlayOpenCallback",
434
- "privacy": "public"
435
- },
436
- {
437
- "kind": "field",
438
- "name": "overlayCloseCallback",
439
- "privacy": "public"
440
- },
441
- {
442
- "kind": "field",
443
- "name": "popoverFragment",
410
+ "name": "containerStyles",
444
411
  "type": {
445
- "text": "DocumentFragment"
412
+ "text": "StyleInfo"
446
413
  },
447
- "privacy": "private"
448
- },
449
- {
450
- "kind": "method",
451
- "name": "generatePopover",
452
- "privacy": "private",
453
- "return": {
454
- "type": {
455
- "text": "Promise<void>"
456
- }
457
- }
458
- },
459
- {
460
- "kind": "method",
461
- "name": "openMenu",
462
- "privacy": "private",
463
- "return": {
464
- "type": {
465
- "text": "Promise<void>"
466
- }
467
- }
468
- },
469
- {
470
- "kind": "method",
471
- "name": "sizePopover",
472
414
  "privacy": "protected",
473
- "return": {
474
- "type": {
475
- "text": "void"
476
- }
477
- },
478
- "parameters": [
479
- {
480
- "name": "popover",
481
- "type": {
482
- "text": "HTMLElement"
483
- }
484
- }
485
- ]
486
- },
487
- {
488
- "kind": "method",
489
- "name": "closeMenu",
490
- "privacy": "private",
491
- "return": {
492
- "type": {
493
- "text": "Promise<void>"
494
- }
495
- }
415
+ "readonly": true
496
416
  },
497
417
  {
498
418
  "kind": "field",
@@ -500,8 +420,14 @@
500
420
  "type": {
501
421
  "text": "MenuItemChildren"
502
422
  },
503
- "privacy": "protected",
504
- "readonly": true
423
+ "privacy": "protected"
424
+ },
425
+ {
426
+ "kind": "field",
427
+ "name": "_selectedItemContent",
428
+ "type": {
429
+ "text": "MenuItemChildren | undefined"
430
+ }
505
431
  },
506
432
  {
507
433
  "kind": "method",
@@ -536,16 +462,26 @@
536
462
  },
537
463
  {
538
464
  "kind": "field",
539
- "name": "dismissHelper",
465
+ "name": "renderOverlay",
540
466
  "type": {
541
467
  "text": "TemplateResult"
542
468
  },
543
469
  "privacy": "protected",
544
470
  "readonly": true
545
471
  },
472
+ {
473
+ "kind": "method",
474
+ "name": "bindButtonKeydownListener",
475
+ "privacy": "protected",
476
+ "return": {
477
+ "type": {
478
+ "text": "void"
479
+ }
480
+ }
481
+ },
546
482
  {
547
483
  "kind": "field",
548
- "name": "renderPopover",
484
+ "name": "dismissHelper",
549
485
  "type": {
550
486
  "text": "TemplateResult"
551
487
  },
@@ -554,24 +490,25 @@
554
490
  },
555
491
  {
556
492
  "kind": "field",
557
- "name": "_willUpdateItems",
493
+ "name": "renderContainer",
558
494
  "type": {
559
- "text": "boolean"
495
+ "text": "TemplateResult"
560
496
  },
561
- "privacy": "private",
562
- "default": "false"
497
+ "privacy": "protected",
498
+ "readonly": true
563
499
  },
564
500
  {
565
501
  "kind": "field",
566
- "name": "itemsUpdated",
502
+ "name": "willManageSelection",
567
503
  "type": {
568
- "text": "Promise<void>"
504
+ "text": "boolean"
569
505
  },
570
- "privacy": "protected"
506
+ "privacy": "private",
507
+ "default": "false"
571
508
  },
572
509
  {
573
510
  "kind": "method",
574
- "name": "updateMenuItems",
511
+ "name": "shouldScheduleManageSelection",
575
512
  "privacy": "protected",
576
513
  "return": {
577
514
  "type": {
@@ -583,34 +520,30 @@
583
520
  "name": "event",
584
521
  "optional": true,
585
522
  "type": {
586
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
523
+ "text": "Event"
587
524
  }
588
525
  }
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."
526
+ ]
591
527
  },
592
528
  {
593
529
  "kind": "method",
594
- "name": "manageSelection",
530
+ "name": "shouldManageSelection",
595
531
  "privacy": "protected",
596
532
  "return": {
597
533
  "type": {
598
- "text": "Promise<void>"
534
+ "text": "void"
599
535
  }
600
536
  }
601
537
  },
602
538
  {
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"
539
+ "kind": "method",
540
+ "name": "manageSelection",
541
+ "privacy": "protected",
542
+ "return": {
543
+ "type": {
544
+ "text": "Promise<void>"
545
+ }
546
+ }
614
547
  },
615
548
  {
616
549
  "kind": "field",
@@ -634,6 +567,29 @@
634
567
  "text": "Promise<boolean>"
635
568
  }
636
569
  }
570
+ },
571
+ {
572
+ "kind": "field",
573
+ "name": "recentlyConnected",
574
+ "type": {
575
+ "text": "boolean"
576
+ },
577
+ "privacy": "private",
578
+ "default": "false"
579
+ },
580
+ {
581
+ "kind": "field",
582
+ "name": "enterKeydownOn",
583
+ "type": {
584
+ "text": "EventTarget | null"
585
+ },
586
+ "privacy": "private",
587
+ "default": "null"
588
+ },
589
+ {
590
+ "kind": "field",
591
+ "name": "handleEnterKeydown",
592
+ "privacy": "protected"
637
593
  }
638
594
  ],
639
595
  "events": [
@@ -648,7 +604,7 @@
648
604
  {
649
605
  "name": "placement",
650
606
  "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\""
607
+ "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\""
652
608
  },
653
609
  "default": "'bottom-start'",
654
610
  "fieldName": "placement",
@@ -751,45 +707,26 @@
751
707
  }
752
708
  ],
753
709
  "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
710
  {
777
711
  "kind": "field",
778
- "name": "onKeydown",
712
+ "name": "containerStyles",
713
+ "type": {
714
+ "text": "StyleInfo"
715
+ },
779
716
  "privacy": "protected",
717
+ "readonly": true,
780
718
  "inheritedFrom": {
781
719
  "name": "PickerBase",
782
- "module": "src/Picker.js"
720
+ "module": "src/Picker.ts"
783
721
  }
784
722
  },
785
723
  {
786
724
  "kind": "field",
787
- "name": "openOverlay",
788
- "privacy": "private",
789
- "static": true,
725
+ "name": "handleKeydown",
726
+ "privacy": "protected",
790
727
  "inheritedFrom": {
791
728
  "name": "PickerBase",
792
- "module": "src/Picker.js"
729
+ "module": "src/Picker.ts"
793
730
  }
794
731
  },
795
732
  {
@@ -799,7 +736,7 @@
799
736
  "default": "new MatchMediaController(this, IS_MOBILE)",
800
737
  "inheritedFrom": {
801
738
  "name": "PickerBase",
802
- "module": "src/Picker.js"
739
+ "module": "src/Picker.ts"
803
740
  }
804
741
  },
805
742
  {
@@ -810,7 +747,7 @@
810
747
  },
811
748
  "inheritedFrom": {
812
749
  "name": "PickerBase",
813
- "module": "src/Picker.js"
750
+ "module": "src/Picker.ts"
814
751
  }
815
752
  },
816
753
  {
@@ -822,20 +759,7 @@
822
759
  "privacy": "public",
823
760
  "inheritedFrom": {
824
761
  "name": "PickerBase",
825
- "module": "src/Picker.js"
826
- }
827
- },
828
- {
829
- "kind": "field",
830
- "name": "target",
831
- "type": {
832
- "text": "HTMLButtonElement | this"
833
- },
834
- "privacy": "public",
835
- "readonly": true,
836
- "inheritedFrom": {
837
- "name": "PickerBase",
838
- "module": "src/Picker.js"
762
+ "module": "src/Picker.ts"
839
763
  }
840
764
  },
841
765
  {
@@ -850,7 +774,7 @@
850
774
  "reflects": true,
851
775
  "inheritedFrom": {
852
776
  "name": "PickerBase",
853
- "module": "src/Picker.js"
777
+ "module": "src/Picker.ts"
854
778
  }
855
779
  },
856
780
  {
@@ -865,7 +789,7 @@
865
789
  "reflects": true,
866
790
  "inheritedFrom": {
867
791
  "name": "PickerBase",
868
- "module": "src/Picker.js"
792
+ "module": "src/Picker.ts"
869
793
  }
870
794
  },
871
795
  {
@@ -879,7 +803,7 @@
879
803
  "reflects": true,
880
804
  "inheritedFrom": {
881
805
  "name": "PickerBase",
882
- "module": "src/Picker.js"
806
+ "module": "src/Picker.ts"
883
807
  }
884
808
  },
885
809
  {
@@ -894,7 +818,7 @@
894
818
  "reflects": true,
895
819
  "inheritedFrom": {
896
820
  "name": "PickerBase",
897
- "module": "src/Picker.js"
821
+ "module": "src/Picker.ts"
898
822
  }
899
823
  },
900
824
  {
@@ -907,7 +831,7 @@
907
831
  "attribute": "label",
908
832
  "inheritedFrom": {
909
833
  "name": "PickerBase",
910
- "module": "src/Picker.js"
834
+ "module": "src/Picker.ts"
911
835
  }
912
836
  },
913
837
  {
@@ -922,7 +846,7 @@
922
846
  "reflects": true,
923
847
  "inheritedFrom": {
924
848
  "name": "PickerBase",
925
- "module": "src/Picker.js"
849
+ "module": "src/Picker.ts"
926
850
  }
927
851
  },
928
852
  {
@@ -937,7 +861,7 @@
937
861
  "reflects": true,
938
862
  "inheritedFrom": {
939
863
  "name": "PickerBase",
940
- "module": "src/Picker.js"
864
+ "module": "src/Picker.ts"
941
865
  }
942
866
  },
943
867
  {
@@ -950,7 +874,7 @@
950
874
  "default": "'single'",
951
875
  "inheritedFrom": {
952
876
  "name": "PickerBase",
953
- "module": "src/Picker.js"
877
+ "module": "src/Picker.ts"
954
878
  }
955
879
  },
956
880
  {
@@ -959,23 +883,11 @@
959
883
  "type": {
960
884
  "text": "MenuItem[]"
961
885
  },
962
- "privacy": "public",
963
- "default": "[]",
964
- "inheritedFrom": {
965
- "name": "PickerBase",
966
- "module": "src/Picker.js"
967
- }
968
- },
969
- {
970
- "kind": "field",
971
- "name": "restoreChildren",
972
- "type": {
973
- "text": "() => void | undefined"
974
- },
975
- "privacy": "private",
886
+ "privacy": "protected",
887
+ "readonly": true,
976
888
  "inheritedFrom": {
977
889
  "name": "PickerBase",
978
- "module": "src/Picker.js"
890
+ "module": "src/Picker.ts"
979
891
  }
980
892
  },
981
893
  {
@@ -984,24 +896,24 @@
984
896
  "type": {
985
897
  "text": "Menu"
986
898
  },
987
- "privacy": "public",
899
+ "privacy": "protected",
988
900
  "inheritedFrom": {
989
901
  "name": "PickerBase",
990
- "module": "src/Picker.js"
902
+ "module": "src/Picker.ts"
991
903
  }
992
904
  },
993
905
  {
994
906
  "kind": "field",
995
907
  "name": "placement",
996
908
  "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\""
909
+ "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\""
998
910
  },
999
911
  "privacy": "public",
1000
912
  "default": "'bottom-start'",
1001
913
  "attribute": "placement",
1002
914
  "inheritedFrom": {
1003
915
  "name": "PickerBase",
1004
- "module": "src/Picker.js"
916
+ "module": "src/Picker.ts"
1005
917
  }
1006
918
  },
1007
919
  {
@@ -1016,7 +928,7 @@
1016
928
  "reflects": true,
1017
929
  "inheritedFrom": {
1018
930
  "name": "PickerBase",
1019
- "module": "src/Picker.js"
931
+ "module": "src/Picker.ts"
1020
932
  }
1021
933
  },
1022
934
  {
@@ -1030,7 +942,7 @@
1030
942
  "attribute": "value",
1031
943
  "inheritedFrom": {
1032
944
  "name": "PickerBase",
1033
- "module": "src/Picker.js"
945
+ "module": "src/Picker.ts"
1034
946
  }
1035
947
  },
1036
948
  {
@@ -1042,31 +954,18 @@
1042
954
  "privacy": "public",
1043
955
  "inheritedFrom": {
1044
956
  "name": "PickerBase",
1045
- "module": "src/Picker.js"
957
+ "module": "src/Picker.ts"
1046
958
  }
1047
959
  },
1048
960
  {
1049
961
  "kind": "field",
1050
- "name": "closeOverlay",
962
+ "name": "_selectedItem",
1051
963
  "type": {
1052
- "text": "Promise<() => void> | undefined"
964
+ "text": "MenuItem | undefined"
1053
965
  },
1054
- "privacy": "private",
1055
966
  "inheritedFrom": {
1056
967
  "name": "PickerBase",
1057
- "module": "src/Picker.js"
1058
- }
1059
- },
1060
- {
1061
- "kind": "field",
1062
- "name": "popoverEl",
1063
- "type": {
1064
- "text": "Popover"
1065
- },
1066
- "privacy": "private",
1067
- "inheritedFrom": {
1068
- "name": "PickerBase",
1069
- "module": "src/Picker.js"
968
+ "module": "src/Picker.ts"
1070
969
  }
1071
970
  },
1072
971
  {
@@ -1079,7 +978,7 @@
1079
978
  "default": "'listbox'",
1080
979
  "inheritedFrom": {
1081
980
  "name": "PickerBase",
1082
- "module": "src/Picker.js"
981
+ "module": "src/Picker.ts"
1083
982
  }
1084
983
  },
1085
984
  {
@@ -1092,7 +991,7 @@
1092
991
  "default": "'option'",
1093
992
  "inheritedFrom": {
1094
993
  "name": "PickerBase",
1095
- "module": "src/Picker.js"
994
+ "module": "src/Picker.ts"
1096
995
  }
1097
996
  },
1098
997
  {
@@ -1105,7 +1004,7 @@
1105
1004
  "readonly": true,
1106
1005
  "inheritedFrom": {
1107
1006
  "name": "PickerBase",
1108
- "module": "src/Picker.js"
1007
+ "module": "src/Picker.ts"
1109
1008
  }
1110
1009
  },
1111
1010
  {
@@ -1119,12 +1018,12 @@
1119
1018
  },
1120
1019
  "inheritedFrom": {
1121
1020
  "name": "PickerBase",
1122
- "module": "src/Picker.js"
1021
+ "module": "src/Picker.ts"
1123
1022
  }
1124
1023
  },
1125
1024
  {
1126
1025
  "kind": "method",
1127
- "name": "onButtonBlur",
1026
+ "name": "handleButtonBlur",
1128
1027
  "privacy": "public",
1129
1028
  "return": {
1130
1029
  "type": {
@@ -1133,12 +1032,25 @@
1133
1032
  },
1134
1033
  "inheritedFrom": {
1135
1034
  "name": "PickerBase",
1136
- "module": "src/Picker.js"
1035
+ "module": "src/Picker.ts"
1036
+ }
1037
+ },
1038
+ {
1039
+ "kind": "field",
1040
+ "name": "preventNextToggle",
1041
+ "type": {
1042
+ "text": "boolean"
1043
+ },
1044
+ "privacy": "private",
1045
+ "default": "false",
1046
+ "inheritedFrom": {
1047
+ "name": "PickerBase",
1048
+ "module": "src/Picker.ts"
1137
1049
  }
1138
1050
  },
1139
1051
  {
1140
1052
  "kind": "method",
1141
- "name": "onButtonClick",
1053
+ "name": "handlePointerdown",
1142
1054
  "privacy": "protected",
1143
1055
  "return": {
1144
1056
  "type": {
@@ -1147,49 +1059,49 @@
1147
1059
  },
1148
1060
  "inheritedFrom": {
1149
1061
  "name": "PickerBase",
1150
- "module": "src/Picker.js"
1062
+ "module": "src/Picker.ts"
1151
1063
  }
1152
1064
  },
1153
1065
  {
1154
1066
  "kind": "method",
1155
- "name": "focus",
1156
- "privacy": "public",
1067
+ "name": "handleButtonClick",
1068
+ "privacy": "protected",
1157
1069
  "return": {
1158
1070
  "type": {
1159
1071
  "text": "void"
1160
1072
  }
1161
1073
  },
1162
- "parameters": [
1163
- {
1164
- "name": "options",
1165
- "optional": true,
1166
- "type": {
1167
- "text": "FocusOptions"
1168
- }
1169
- }
1170
- ],
1171
1074
  "inheritedFrom": {
1172
1075
  "name": "PickerBase",
1173
- "module": "src/Picker.js"
1076
+ "module": "src/Picker.ts"
1174
1077
  }
1175
1078
  },
1176
1079
  {
1177
1080
  "kind": "method",
1178
- "name": "onHelperFocus",
1081
+ "name": "focus",
1179
1082
  "privacy": "public",
1180
1083
  "return": {
1181
1084
  "type": {
1182
1085
  "text": "void"
1183
1086
  }
1184
1087
  },
1088
+ "parameters": [
1089
+ {
1090
+ "name": "options",
1091
+ "optional": true,
1092
+ "type": {
1093
+ "text": "FocusOptions"
1094
+ }
1095
+ }
1096
+ ],
1185
1097
  "inheritedFrom": {
1186
1098
  "name": "PickerBase",
1187
- "module": "src/Picker.js"
1099
+ "module": "src/Picker.ts"
1188
1100
  }
1189
1101
  },
1190
1102
  {
1191
1103
  "kind": "method",
1192
- "name": "onButtonFocus",
1104
+ "name": "handleHelperFocus",
1193
1105
  "privacy": "public",
1194
1106
  "return": {
1195
1107
  "type": {
@@ -1198,7 +1110,7 @@
1198
1110
  },
1199
1111
  "inheritedFrom": {
1200
1112
  "name": "PickerBase",
1201
- "module": "src/Picker.js"
1113
+ "module": "src/Picker.ts"
1202
1114
  }
1203
1115
  },
1204
1116
  {
@@ -1220,13 +1132,13 @@
1220
1132
  ],
1221
1133
  "inheritedFrom": {
1222
1134
  "name": "PickerBase",
1223
- "module": "src/Picker.js"
1135
+ "module": "src/Picker.ts"
1224
1136
  }
1225
1137
  },
1226
1138
  {
1227
1139
  "kind": "method",
1228
1140
  "name": "setValueFromItem",
1229
- "privacy": "public",
1141
+ "privacy": "protected",
1230
1142
  "return": {
1231
1143
  "type": {
1232
1144
  "text": "Promise<void>"
@@ -1249,7 +1161,7 @@
1249
1161
  ],
1250
1162
  "inheritedFrom": {
1251
1163
  "name": "PickerBase",
1252
- "module": "src/Picker.js"
1164
+ "module": "src/Picker.ts"
1253
1165
  }
1254
1166
  },
1255
1167
  {
@@ -1277,7 +1189,7 @@
1277
1189
  ],
1278
1190
  "inheritedFrom": {
1279
1191
  "name": "PickerBase",
1280
- "module": "src/Picker.js"
1192
+ "module": "src/Picker.ts"
1281
1193
  }
1282
1194
  },
1283
1195
  {
@@ -1300,7 +1212,7 @@
1300
1212
  ],
1301
1213
  "inheritedFrom": {
1302
1214
  "name": "PickerBase",
1303
- "module": "src/Picker.js"
1215
+ "module": "src/Picker.ts"
1304
1216
  }
1305
1217
  },
1306
1218
  {
@@ -1314,92 +1226,30 @@
1314
1226
  },
1315
1227
  "inheritedFrom": {
1316
1228
  "name": "PickerBase",
1317
- "module": "src/Picker.js"
1318
- }
1319
- },
1320
- {
1321
- "kind": "field",
1322
- "name": "overlayOpenCallback",
1323
- "privacy": "public",
1324
- "inheritedFrom": {
1325
- "name": "PickerBase",
1326
- "module": "src/Picker.js"
1327
- }
1328
- },
1329
- {
1330
- "kind": "field",
1331
- "name": "overlayCloseCallback",
1332
- "privacy": "public",
1333
- "inheritedFrom": {
1334
- "name": "PickerBase",
1335
- "module": "src/Picker.js"
1229
+ "module": "src/Picker.ts"
1336
1230
  }
1337
1231
  },
1338
1232
  {
1339
1233
  "kind": "field",
1340
- "name": "popoverFragment",
1234
+ "name": "selectedItemContent",
1341
1235
  "type": {
1342
- "text": "DocumentFragment"
1343
- },
1344
- "privacy": "private",
1345
- "inheritedFrom": {
1346
- "name": "PickerBase",
1347
- "module": "src/Picker.js"
1348
- }
1349
- },
1350
- {
1351
- "kind": "method",
1352
- "name": "generatePopover",
1353
- "privacy": "private",
1354
- "return": {
1355
- "type": {
1356
- "text": "Promise<void>"
1357
- }
1358
- },
1359
- "inheritedFrom": {
1360
- "name": "PickerBase",
1361
- "module": "src/Picker.js"
1362
- }
1363
- },
1364
- {
1365
- "kind": "method",
1366
- "name": "openMenu",
1367
- "privacy": "private",
1368
- "return": {
1369
- "type": {
1370
- "text": "Promise<void>"
1371
- }
1372
- },
1373
- "inheritedFrom": {
1374
- "name": "PickerBase",
1375
- "module": "src/Picker.js"
1376
- }
1377
- },
1378
- {
1379
- "kind": "method",
1380
- "name": "closeMenu",
1381
- "privacy": "private",
1382
- "return": {
1383
- "type": {
1384
- "text": "Promise<void>"
1385
- }
1236
+ "text": "MenuItemChildren"
1386
1237
  },
1238
+ "privacy": "protected",
1387
1239
  "inheritedFrom": {
1388
1240
  "name": "PickerBase",
1389
- "module": "src/Picker.js"
1241
+ "module": "src/Picker.ts"
1390
1242
  }
1391
1243
  },
1392
1244
  {
1393
1245
  "kind": "field",
1394
- "name": "selectedItemContent",
1246
+ "name": "_selectedItemContent",
1395
1247
  "type": {
1396
- "text": "MenuItemChildren"
1248
+ "text": "MenuItemChildren | undefined"
1397
1249
  },
1398
- "privacy": "protected",
1399
- "readonly": true,
1400
1250
  "inheritedFrom": {
1401
1251
  "name": "PickerBase",
1402
- "module": "src/Picker.js"
1252
+ "module": "src/Picker.ts"
1403
1253
  }
1404
1254
  },
1405
1255
  {
@@ -1421,7 +1271,7 @@
1421
1271
  ],
1422
1272
  "inheritedFrom": {
1423
1273
  "name": "PickerBase",
1424
- "module": "src/Picker.js"
1274
+ "module": "src/Picker.ts"
1425
1275
  }
1426
1276
  },
1427
1277
  {
@@ -1434,7 +1284,7 @@
1434
1284
  "readonly": true,
1435
1285
  "inheritedFrom": {
1436
1286
  "name": "PickerBase",
1437
- "module": "src/Picker.js"
1287
+ "module": "src/Picker.ts"
1438
1288
  }
1439
1289
  },
1440
1290
  {
@@ -1442,12 +1292,12 @@
1442
1292
  "name": "applyFocusElementLabel",
1443
1293
  "inheritedFrom": {
1444
1294
  "name": "PickerBase",
1445
- "module": "src/Picker.js"
1295
+ "module": "src/Picker.ts"
1446
1296
  }
1447
1297
  },
1448
1298
  {
1449
1299
  "kind": "field",
1450
- "name": "dismissHelper",
1300
+ "name": "renderOverlay",
1451
1301
  "type": {
1452
1302
  "text": "TemplateResult"
1453
1303
  },
@@ -1455,12 +1305,26 @@
1455
1305
  "readonly": true,
1456
1306
  "inheritedFrom": {
1457
1307
  "name": "PickerBase",
1458
- "module": "src/Picker.js"
1308
+ "module": "src/Picker.ts"
1309
+ }
1310
+ },
1311
+ {
1312
+ "kind": "method",
1313
+ "name": "bindButtonKeydownListener",
1314
+ "privacy": "protected",
1315
+ "return": {
1316
+ "type": {
1317
+ "text": "void"
1318
+ }
1319
+ },
1320
+ "inheritedFrom": {
1321
+ "name": "PickerBase",
1322
+ "module": "src/Picker.ts"
1459
1323
  }
1460
1324
  },
1461
1325
  {
1462
1326
  "kind": "field",
1463
- "name": "renderPopover",
1327
+ "name": "dismissHelper",
1464
1328
  "type": {
1465
1329
  "text": "TemplateResult"
1466
1330
  },
@@ -1468,37 +1332,38 @@
1468
1332
  "readonly": true,
1469
1333
  "inheritedFrom": {
1470
1334
  "name": "PickerBase",
1471
- "module": "src/Picker.js"
1335
+ "module": "src/Picker.ts"
1472
1336
  }
1473
1337
  },
1474
1338
  {
1475
1339
  "kind": "field",
1476
- "name": "_willUpdateItems",
1340
+ "name": "renderContainer",
1477
1341
  "type": {
1478
- "text": "boolean"
1342
+ "text": "TemplateResult"
1479
1343
  },
1480
- "privacy": "private",
1481
- "default": "false",
1344
+ "privacy": "protected",
1345
+ "readonly": true,
1482
1346
  "inheritedFrom": {
1483
1347
  "name": "PickerBase",
1484
- "module": "src/Picker.js"
1348
+ "module": "src/Picker.ts"
1485
1349
  }
1486
1350
  },
1487
1351
  {
1488
1352
  "kind": "field",
1489
- "name": "itemsUpdated",
1353
+ "name": "willManageSelection",
1490
1354
  "type": {
1491
- "text": "Promise<void>"
1355
+ "text": "boolean"
1492
1356
  },
1493
- "privacy": "protected",
1357
+ "privacy": "private",
1358
+ "default": "false",
1494
1359
  "inheritedFrom": {
1495
1360
  "name": "PickerBase",
1496
- "module": "src/Picker.js"
1361
+ "module": "src/Picker.ts"
1497
1362
  }
1498
1363
  },
1499
1364
  {
1500
1365
  "kind": "method",
1501
- "name": "updateMenuItems",
1366
+ "name": "shouldScheduleManageSelection",
1502
1367
  "privacy": "protected",
1503
1368
  "return": {
1504
1369
  "type": {
@@ -1510,14 +1375,27 @@
1510
1375
  "name": "event",
1511
1376
  "optional": true,
1512
1377
  "type": {
1513
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
1378
+ "text": "Event"
1514
1379
  }
1515
1380
  }
1516
1381
  ],
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.",
1518
1382
  "inheritedFrom": {
1519
1383
  "name": "PickerBase",
1520
- "module": "src/Picker.js"
1384
+ "module": "src/Picker.ts"
1385
+ }
1386
+ },
1387
+ {
1388
+ "kind": "method",
1389
+ "name": "shouldManageSelection",
1390
+ "privacy": "protected",
1391
+ "return": {
1392
+ "type": {
1393
+ "text": "void"
1394
+ }
1395
+ },
1396
+ "inheritedFrom": {
1397
+ "name": "PickerBase",
1398
+ "module": "src/Picker.ts"
1521
1399
  }
1522
1400
  },
1523
1401
  {
@@ -1531,63 +1409,77 @@
1531
1409
  },
1532
1410
  "inheritedFrom": {
1533
1411
  "name": "PickerBase",
1534
- "module": "src/Picker.js"
1412
+ "module": "src/Picker.ts"
1535
1413
  }
1536
1414
  },
1537
1415
  {
1538
1416
  "kind": "field",
1539
- "name": "menuStatePromise",
1417
+ "name": "selectionPromise",
1540
1418
  "privacy": "private",
1541
1419
  "inheritedFrom": {
1542
1420
  "name": "PickerBase",
1543
- "module": "src/Picker.js"
1421
+ "module": "src/Picker.ts"
1544
1422
  }
1545
1423
  },
1546
1424
  {
1547
1425
  "kind": "field",
1548
- "name": "menuStateResolver",
1426
+ "name": "selectionResolver",
1549
1427
  "type": {
1550
1428
  "text": "() => void"
1551
1429
  },
1552
1430
  "privacy": "private",
1553
1431
  "inheritedFrom": {
1554
1432
  "name": "PickerBase",
1555
- "module": "src/Picker.js"
1433
+ "module": "src/Picker.ts"
1434
+ }
1435
+ },
1436
+ {
1437
+ "kind": "method",
1438
+ "name": "getUpdateComplete",
1439
+ "privacy": "protected",
1440
+ "return": {
1441
+ "type": {
1442
+ "text": "Promise<boolean>"
1443
+ }
1444
+ },
1445
+ "inheritedFrom": {
1446
+ "name": "PickerBase",
1447
+ "module": "src/Picker.ts"
1556
1448
  }
1557
1449
  },
1558
1450
  {
1559
1451
  "kind": "field",
1560
- "name": "selectionPromise",
1452
+ "name": "recentlyConnected",
1453
+ "type": {
1454
+ "text": "boolean"
1455
+ },
1561
1456
  "privacy": "private",
1457
+ "default": "false",
1562
1458
  "inheritedFrom": {
1563
1459
  "name": "PickerBase",
1564
- "module": "src/Picker.js"
1460
+ "module": "src/Picker.ts"
1565
1461
  }
1566
1462
  },
1567
1463
  {
1568
1464
  "kind": "field",
1569
- "name": "selectionResolver",
1465
+ "name": "enterKeydownOn",
1570
1466
  "type": {
1571
- "text": "() => void"
1467
+ "text": "EventTarget | null"
1572
1468
  },
1573
1469
  "privacy": "private",
1470
+ "default": "null",
1574
1471
  "inheritedFrom": {
1575
1472
  "name": "PickerBase",
1576
- "module": "src/Picker.js"
1473
+ "module": "src/Picker.ts"
1577
1474
  }
1578
1475
  },
1579
1476
  {
1580
- "kind": "method",
1581
- "name": "getUpdateComplete",
1477
+ "kind": "field",
1478
+ "name": "handleEnterKeydown",
1582
1479
  "privacy": "protected",
1583
- "return": {
1584
- "type": {
1585
- "text": "Promise<boolean>"
1586
- }
1587
- },
1588
1480
  "inheritedFrom": {
1589
1481
  "name": "PickerBase",
1590
- "module": "src/Picker.js"
1482
+ "module": "src/Picker.ts"
1591
1483
  }
1592
1484
  }
1593
1485
  ],
@@ -1622,7 +1514,7 @@
1622
1514
  {
1623
1515
  "name": "placement",
1624
1516
  "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\""
1517
+ "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\""
1626
1518
  },
1627
1519
  "default": "'bottom-start'",
1628
1520
  "fieldName": "placement",
@@ -1747,7 +1639,7 @@
1747
1639
  "name": "PickerBase",
1748
1640
  "declaration": {
1749
1641
  "name": "PickerBase",
1750
- "module": "src/Picker.js"
1642
+ "module": "src/Picker.ts"
1751
1643
  }
1752
1644
  },
1753
1645
  {
@@ -1755,7 +1647,7 @@
1755
1647
  "name": "Picker",
1756
1648
  "declaration": {
1757
1649
  "name": "Picker",
1758
- "module": "src/Picker.js"
1650
+ "module": "src/Picker.ts"
1759
1651
  }
1760
1652
  }
1761
1653
  ]