@spectrum-web-components/picker 0.30.0 → 0.30.1-overlay.30

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/package.json +13 -13
  2. package/src/Picker.d.ts +27 -40
  3. package/src/Picker.dev.js +124 -170
  4. package/src/Picker.dev.js.map +3 -3
  5. package/src/Picker.js +30 -16
  6. package/src/Picker.js.map +3 -3
  7. package/src/picker.css.dev.js +1 -1
  8. package/src/picker.css.dev.js.map +1 -1
  9. package/src/picker.css.js +1 -1
  10. package/src/picker.css.js.map +1 -1
  11. package/sync/index.d.ts +4 -1
  12. package/sync/index.dev.js +1 -6
  13. package/sync/index.dev.js.map +2 -2
  14. package/sync/index.js +1 -1
  15. package/sync/index.js.map +3 -3
  16. package/test/index.js +125 -142
  17. package/test/index.js.map +2 -2
  18. package/test/picker-reparenting.test.js +10 -17
  19. package/test/picker-reparenting.test.js.map +2 -2
  20. package/test/picker-responsive.test.js +3 -2
  21. package/test/picker-responsive.test.js.map +2 -2
  22. package/test/picker.test.js +1 -1
  23. package/test/picker.test.js.map +2 -2
  24. package/custom-elements.json +0 -1730
package/custom-elements.json DELETED
@@ -1,1730 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "sp-picker.js",
8
- "declarations": [],
9
- "exports": []
10
- },
11
- {
12
- "kind": "javascript-module",
13
- "path": "sync/sp-picker.js",
14
- "declarations": [],
15
- "exports": []
16
- },
17
- {
18
- "kind": "javascript-module",
19
- "path": "src/Picker.js",
20
- "declarations": [
21
- {
22
- "kind": "class",
23
- "description": "",
24
- "name": "PickerBase",
25
- "slots": [
26
- {
27
- "description": "The placeholder content for the Picker",
28
- "name": "label"
29
- },
30
- {
31
- "description": "menu items to be listed in the Picker",
32
- "name": ""
33
- }
34
- ],
35
- "members": [
36
- {
37
- "kind": "field",
38
- "name": "openOverlay",
39
- "privacy": "private",
40
- "static": true
41
- },
42
- {
43
- "kind": "field",
44
- "name": "isMobile",
45
- "privacy": "protected",
46
- "default": "new MatchMediaController(this, IS_MOBILE)"
47
- },
48
- {
49
- "kind": "field",
50
- "name": "button",
51
- "type": {
52
- "text": "HTMLButtonElement"
53
- },
54
- "privacy": "public"
55
- },
56
- {
57
- "kind": "field",
58
- "name": "target",
59
- "type": {
60
- "text": "HTMLButtonElement | this"
61
- },
62
- "privacy": "public"
63
- },
64
- {
65
- "kind": "field",
66
- "name": "disabled",
67
- "type": {
68
- "text": "boolean"
69
- },
70
- "privacy": "public",
71
- "default": "false",
72
- "attribute": "disabled",
73
- "reflects": true
74
- },
75
- {
76
- "kind": "field",
77
- "name": "focused",
78
- "type": {
79
- "text": "boolean"
80
- },
81
- "privacy": "public",
82
- "default": "false",
83
- "attribute": "focused",
84
- "reflects": true
85
- },
86
- {
87
- "kind": "field",
88
- "name": "icons",
89
- "type": {
90
- "text": "'only' | 'none' | undefined"
91
- },
92
- "privacy": "public",
93
- "attribute": "icons",
94
- "reflects": true
95
- },
96
- {
97
- "kind": "field",
98
- "name": "invalid",
99
- "type": {
100
- "text": "boolean"
101
- },
102
- "privacy": "public",
103
- "default": "false",
104
- "attribute": "invalid",
105
- "reflects": true
106
- },
107
- {
108
- "kind": "field",
109
- "name": "label",
110
- "type": {
111
- "text": "string | undefined"
112
- },
113
- "privacy": "public",
114
- "attribute": "label"
115
- },
116
- {
117
- "kind": "field",
118
- "name": "open",
119
- "type": {
120
- "text": "boolean"
121
- },
122
- "privacy": "public",
123
- "default": "false",
124
- "attribute": "open",
125
- "reflects": true
126
- },
127
- {
128
- "kind": "field",
129
- "name": "readonly",
130
- "type": {
131
- "text": "boolean"
132
- },
133
- "privacy": "public",
134
- "default": "false",
135
- "attribute": "readonly",
136
- "reflects": true
137
- },
138
- {
139
- "kind": "field",
140
- "name": "selects",
141
- "type": {
142
- "text": "undefined | 'single'"
143
- },
144
- "privacy": "public",
145
- "default": "'single'"
146
- },
147
- {
148
- "kind": "field",
149
- "name": "menuItems",
150
- "type": {
151
- "text": "MenuItem[]"
152
- },
153
- "privacy": "public",
154
- "default": "[]"
155
- },
156
- {
157
- "kind": "field",
158
- "name": "restoreChildren",
159
- "type": {
160
- "text": "() => void | undefined"
161
- },
162
- "privacy": "private"
163
- },
164
- {
165
- "kind": "field",
166
- "name": "optionsMenu",
167
- "type": {
168
- "text": "Menu"
169
- },
170
- "privacy": "public"
171
- },
172
- {
173
- "kind": "field",
174
- "name": "placement",
175
- "type": {
176
- "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
- },
178
- "privacy": "public",
179
- "default": "'bottom-start'",
180
- "attribute": "placement"
181
- },
182
- {
183
- "kind": "field",
184
- "name": "quiet",
185
- "type": {
186
- "text": "boolean"
187
- },
188
- "privacy": "public",
189
- "default": "false",
190
- "attribute": "quiet",
191
- "reflects": true
192
- },
193
- {
194
- "kind": "field",
195
- "name": "value",
196
- "type": {
197
- "text": "string"
198
- },
199
- "privacy": "public",
200
- "default": "''",
201
- "attribute": "value"
202
- },
203
- {
204
- "kind": "field",
205
- "name": "selectedItem",
206
- "type": {
207
- "text": "MenuItem | undefined"
208
- },
209
- "privacy": "public"
210
- },
211
- {
212
- "kind": "field",
213
- "name": "closeOverlay",
214
- "type": {
215
- "text": "Promise<() => void> | undefined"
216
- },
217
- "privacy": "private"
218
- },
219
- {
220
- "kind": "field",
221
- "name": "popoverEl",
222
- "type": {
223
- "text": "Popover"
224
- },
225
- "privacy": "private"
226
- },
227
- {
228
- "kind": "field",
229
- "name": "listRole",
230
- "type": {
231
- "text": "'listbox' | 'menu'"
232
- },
233
- "privacy": "protected",
234
- "default": "'listbox'"
235
- },
236
- {
237
- "kind": "field",
238
- "name": "itemRole",
239
- "type": {
240
- "text": "string"
241
- },
242
- "privacy": "protected",
243
- "default": "'option'"
244
- },
245
- {
246
- "kind": "field",
247
- "name": "focusElement",
248
- "type": {
249
- "text": "HTMLElement"
250
- },
251
- "privacy": "public"
252
- },
253
- {
254
- "kind": "method",
255
- "name": "forceFocusVisible",
256
- "privacy": "public",
257
- "return": {
258
- "type": {
259
- "text": "void"
260
- }
261
- }
262
- },
263
- {
264
- "kind": "method",
265
- "name": "onButtonBlur",
266
- "privacy": "public",
267
- "return": {
268
- "type": {
269
- "text": "void"
270
- }
271
- }
272
- },
273
- {
274
- "kind": "method",
275
- "name": "onButtonClick",
276
- "privacy": "protected",
277
- "return": {
278
- "type": {
279
- "text": "void"
280
- }
281
- }
282
- },
283
- {
284
- "kind": "method",
285
- "name": "focus",
286
- "privacy": "public",
287
- "return": {
288
- "type": {
289
- "text": "void"
290
- }
291
- },
292
- "parameters": [
293
- {
294
- "name": "options",
295
- "optional": true,
296
- "type": {
297
- "text": "FocusOptions"
298
- }
299
- }
300
- ]
301
- },
302
- {
303
- "kind": "method",
304
- "name": "onHelperFocus",
305
- "privacy": "public",
306
- "return": {
307
- "type": {
308
- "text": "void"
309
- }
310
- }
311
- },
312
- {
313
- "kind": "method",
314
- "name": "onButtonFocus",
315
- "privacy": "public",
316
- "return": {
317
- "type": {
318
- "text": "void"
319
- }
320
- }
321
- },
322
- {
323
- "kind": "method",
324
- "name": "handleChange",
325
- "privacy": "public",
326
- "return": {
327
- "type": {
328
- "text": "void"
329
- }
330
- },
331
- "parameters": [
332
- {
333
- "name": "event",
334
- "type": {
335
- "text": "Event"
336
- }
337
- }
338
- ]
339
- },
340
- {
341
- "kind": "field",
342
- "name": "onKeydown",
343
- "privacy": "protected"
344
- },
345
- {
346
- "kind": "method",
347
- "name": "setValueFromItem",
348
- "privacy": "public",
349
- "return": {
350
- "type": {
351
- "text": "Promise<void>"
352
- }
353
- },
354
- "parameters": [
355
- {
356
- "name": "item",
357
- "type": {
358
- "text": "MenuItem"
359
- }
360
- },
361
- {
362
- "name": "menuChangeEvent",
363
- "optional": true,
364
- "type": {
365
- "text": "Event"
366
- }
367
- }
368
- ]
369
- },
370
- {
371
- "kind": "method",
372
- "name": "setMenuItemSelected",
373
- "privacy": "protected",
374
- "return": {
375
- "type": {
376
- "text": "void"
377
- }
378
- },
379
- "parameters": [
380
- {
381
- "name": "item",
382
- "type": {
383
- "text": "MenuItem"
384
- }
385
- },
386
- {
387
- "name": "value",
388
- "type": {
389
- "text": "boolean"
390
- }
391
- }
392
- ]
393
- },
394
- {
395
- "kind": "method",
396
- "name": "toggle",
397
- "privacy": "public",
398
- "return": {
399
- "type": {
400
- "text": "void"
401
- }
402
- },
403
- "parameters": [
404
- {
405
- "name": "target",
406
- "optional": true,
407
- "type": {
408
- "text": "boolean"
409
- }
410
- }
411
- ]
412
- },
413
- {
414
- "kind": "method",
415
- "name": "close",
416
- "privacy": "public",
417
- "return": {
418
- "type": {
419
- "text": "void"
420
- }
421
- }
422
- },
423
- {
424
- "kind": "field",
425
- "name": "overlayOpenCallback",
426
- "privacy": "public"
427
- },
428
- {
429
- "kind": "field",
430
- "name": "overlayCloseCallback",
431
- "privacy": "public"
432
- },
433
- {
434
- "kind": "field",
435
- "name": "popoverFragment",
436
- "type": {
437
- "text": "DocumentFragment"
438
- },
439
- "privacy": "private"
440
- },
441
- {
442
- "kind": "method",
443
- "name": "generatePopover",
444
- "privacy": "private",
445
- "return": {
446
- "type": {
447
- "text": "Promise<void>"
448
- }
449
- }
450
- },
451
- {
452
- "kind": "method",
453
- "name": "openMenu",
454
- "privacy": "private",
455
- "return": {
456
- "type": {
457
- "text": "Promise<void>"
458
- }
459
- }
460
- },
461
- {
462
- "kind": "method",
463
- "name": "sizePopover",
464
- "privacy": "protected",
465
- "return": {
466
- "type": {
467
- "text": "void"
468
- }
469
- },
470
- "parameters": [
471
- {
472
- "name": "popover",
473
- "type": {
474
- "text": "HTMLElement"
475
- }
476
- }
477
- ]
478
- },
479
- {
480
- "kind": "method",
481
- "name": "closeMenu",
482
- "privacy": "private",
483
- "return": {
484
- "type": {
485
- "text": "Promise<void>"
486
- }
487
- }
488
- },
489
- {
490
- "kind": "field",
491
- "name": "selectedItemContent",
492
- "type": {
493
- "text": "MenuItemChildren"
494
- },
495
- "privacy": "protected"
496
- },
497
- {
498
- "kind": "method",
499
- "name": "renderLabelContent",
500
- "privacy": "protected",
501
- "return": {
502
- "type": {
503
- "text": "TemplateResult | Node[]"
504
- }
505
- },
506
- "parameters": [
507
- {
508
- "name": "content",
509
- "type": {
510
- "text": "Node[]"
511
- }
512
- }
513
- ]
514
- },
515
- {
516
- "kind": "field",
517
- "name": "buttonContent",
518
- "type": {
519
- "text": "TemplateResult[]"
520
- },
521
- "privacy": "protected"
522
- },
523
- {
524
- "kind": "field",
525
- "name": "dismissHelper",
526
- "type": {
527
- "text": "TemplateResult"
528
- },
529
- "privacy": "protected"
530
- },
531
- {
532
- "kind": "field",
533
- "name": "renderPopover",
534
- "type": {
535
- "text": "TemplateResult"
536
- },
537
- "privacy": "protected"
538
- },
539
- {
540
- "kind": "field",
541
- "name": "_willUpdateItems",
542
- "type": {
543
- "text": "boolean"
544
- },
545
- "privacy": "private",
546
- "default": "false"
547
- },
548
- {
549
- "kind": "field",
550
- "name": "itemsUpdated",
551
- "type": {
552
- "text": "Promise<void>"
553
- },
554
- "privacy": "protected"
555
- },
556
- {
557
- "kind": "method",
558
- "name": "updateMenuItems",
559
- "privacy": "protected",
560
- "return": {
561
- "type": {
562
- "text": "void"
563
- }
564
- },
565
- "parameters": [
566
- {
567
- "name": "event",
568
- "optional": true,
569
- "type": {
570
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
571
- }
572
- }
573
- ],
574
- "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."
575
- },
576
- {
577
- "kind": "method",
578
- "name": "manageSelection",
579
- "privacy": "protected",
580
- "return": {
581
- "type": {
582
- "text": "Promise<void>"
583
- }
584
- }
585
- },
586
- {
587
- "kind": "field",
588
- "name": "menuStatePromise",
589
- "privacy": "private"
590
- },
591
- {
592
- "kind": "field",
593
- "name": "menuStateResolver",
594
- "type": {
595
- "text": "() => void"
596
- },
597
- "privacy": "private"
598
- },
599
- {
600
- "kind": "field",
601
- "name": "selectionPromise",
602
- "privacy": "private"
603
- },
604
- {
605
- "kind": "field",
606
- "name": "selectionResolver",
607
- "type": {
608
- "text": "() => void"
609
- },
610
- "privacy": "private"
611
- },
612
- {
613
- "kind": "method",
614
- "name": "getUpdateComplete",
615
- "privacy": "protected",
616
- "return": {
617
- "type": {
618
- "text": "Promise<boolean>"
619
- }
620
- }
621
- }
622
- ],
623
- "events": [
624
- {
625
- "name": "change",
626
- "type": {
627
- "text": "Event"
628
- },
629
- "description": "Announces that the `value` of the element has changed"
630
- },
631
- {
632
- "description": "Announces that the overlay has been opened",
633
- "name": "sp-opened"
634
- },
635
- {
636
- "description": "Announces that the overlay has been closed",
637
- "name": "sp-closed"
638
- }
639
- ],
640
- "attributes": [
641
- {
642
- "name": "placement",
643
- "type": {
644
- "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\""
645
- },
646
- "default": "'bottom-start'",
647
- "fieldName": "placement",
648
- "attribute": "placement"
649
- },
650
- {
651
- "name": "disabled",
652
- "type": {
653
- "text": "boolean"
654
- },
655
- "default": "false",
656
- "fieldName": "disabled"
657
- },
658
- {
659
- "name": "focused",
660
- "type": {
661
- "text": "boolean"
662
- },
663
- "default": "false",
664
- "fieldName": "focused"
665
- },
666
- {
667
- "name": "icons",
668
- "type": {
669
- "text": "'only' | 'none' | undefined"
670
- },
671
- "fieldName": "icons"
672
- },
673
- {
674
- "name": "invalid",
675
- "type": {
676
- "text": "boolean"
677
- },
678
- "default": "false",
679
- "fieldName": "invalid"
680
- },
681
- {
682
- "name": "label",
683
- "type": {
684
- "text": "string | undefined"
685
- },
686
- "fieldName": "label"
687
- },
688
- {
689
- "name": "open",
690
- "type": {
691
- "text": "boolean"
692
- },
693
- "default": "false",
694
- "fieldName": "open"
695
- },
696
- {
697
- "name": "readonly",
698
- "type": {
699
- "text": "boolean"
700
- },
701
- "default": "false",
702
- "fieldName": "readonly"
703
- },
704
- {
705
- "name": "quiet",
706
- "type": {
707
- "text": "boolean"
708
- },
709
- "default": "false",
710
- "fieldName": "quiet"
711
- },
712
- {
713
- "name": "value",
714
- "type": {
715
- "text": "string"
716
- },
717
- "default": "''",
718
- "fieldName": "value"
719
- }
720
- ],
721
- "mixins": [
722
- {
723
- "name": "SizedMixin",
724
- "package": "@spectrum-web-components/base"
725
- }
726
- ],
727
- "superclass": {
728
- "name": "Focusable",
729
- "package": "@spectrum-web-components/shared/src/focusable.js"
730
- },
731
- "tagName": "sp-picker",
732
- "customElement": true
733
- },
734
- {
735
- "kind": "class",
736
- "description": "",
737
- "name": "Picker",
738
- "members": [
739
- {
740
- "kind": "method",
741
- "name": "sizePopover",
742
- "privacy": "protected",
743
- "return": {
744
- "type": {
745
- "text": "void"
746
- }
747
- },
748
- "parameters": [
749
- {
750
- "name": "popover",
751
- "type": {
752
- "text": "HTMLElement"
753
- }
754
- }
755
- ],
756
- "inheritedFrom": {
757
- "name": "PickerBase",
758
- "module": "src/Picker.js"
759
- }
760
- },
761
- {
762
- "kind": "field",
763
- "name": "onKeydown",
764
- "privacy": "protected",
765
- "inheritedFrom": {
766
- "name": "PickerBase",
767
- "module": "src/Picker.js"
768
- }
769
- },
770
- {
771
- "kind": "field",
772
- "name": "openOverlay",
773
- "privacy": "private",
774
- "static": true,
775
- "inheritedFrom": {
776
- "name": "PickerBase",
777
- "module": "src/Picker.js"
778
- }
779
- },
780
- {
781
- "kind": "field",
782
- "name": "isMobile",
783
- "privacy": "protected",
784
- "default": "new MatchMediaController(this, IS_MOBILE)",
785
- "inheritedFrom": {
786
- "name": "PickerBase",
787
- "module": "src/Picker.js"
788
- }
789
- },
790
- {
791
- "kind": "field",
792
- "name": "button",
793
- "type": {
794
- "text": "HTMLButtonElement"
795
- },
796
- "privacy": "public",
797
- "inheritedFrom": {
798
- "name": "PickerBase",
799
- "module": "src/Picker.js"
800
- }
801
- },
802
- {
803
- "kind": "field",
804
- "name": "target",
805
- "type": {
806
- "text": "HTMLButtonElement | this"
807
- },
808
- "privacy": "public",
809
- "inheritedFrom": {
810
- "name": "PickerBase",
811
- "module": "src/Picker.js"
812
- }
813
- },
814
- {
815
- "kind": "field",
816
- "name": "disabled",
817
- "type": {
818
- "text": "boolean"
819
- },
820
- "privacy": "public",
821
- "default": "false",
822
- "attribute": "disabled",
823
- "reflects": true,
824
- "inheritedFrom": {
825
- "name": "PickerBase",
826
- "module": "src/Picker.js"
827
- }
828
- },
829
- {
830
- "kind": "field",
831
- "name": "focused",
832
- "type": {
833
- "text": "boolean"
834
- },
835
- "privacy": "public",
836
- "default": "false",
837
- "attribute": "focused",
838
- "reflects": true,
839
- "inheritedFrom": {
840
- "name": "PickerBase",
841
- "module": "src/Picker.js"
842
- }
843
- },
844
- {
845
- "kind": "field",
846
- "name": "icons",
847
- "type": {
848
- "text": "'only' | 'none' | undefined"
849
- },
850
- "privacy": "public",
851
- "attribute": "icons",
852
- "reflects": true,
853
- "inheritedFrom": {
854
- "name": "PickerBase",
855
- "module": "src/Picker.js"
856
- }
857
- },
858
- {
859
- "kind": "field",
860
- "name": "invalid",
861
- "type": {
862
- "text": "boolean"
863
- },
864
- "privacy": "public",
865
- "default": "false",
866
- "attribute": "invalid",
867
- "reflects": true,
868
- "inheritedFrom": {
869
- "name": "PickerBase",
870
- "module": "src/Picker.js"
871
- }
872
- },
873
- {
874
- "kind": "field",
875
- "name": "label",
876
- "type": {
877
- "text": "string | undefined"
878
- },
879
- "privacy": "public",
880
- "attribute": "label",
881
- "inheritedFrom": {
882
- "name": "PickerBase",
883
- "module": "src/Picker.js"
884
- }
885
- },
886
- {
887
- "kind": "field",
888
- "name": "open",
889
- "type": {
890
- "text": "boolean"
891
- },
892
- "privacy": "public",
893
- "default": "false",
894
- "attribute": "open",
895
- "reflects": true,
896
- "inheritedFrom": {
897
- "name": "PickerBase",
898
- "module": "src/Picker.js"
899
- }
900
- },
901
- {
902
- "kind": "field",
903
- "name": "readonly",
904
- "type": {
905
- "text": "boolean"
906
- },
907
- "privacy": "public",
908
- "default": "false",
909
- "attribute": "readonly",
910
- "reflects": true,
911
- "inheritedFrom": {
912
- "name": "PickerBase",
913
- "module": "src/Picker.js"
914
- }
915
- },
916
- {
917
- "kind": "field",
918
- "name": "selects",
919
- "type": {
920
- "text": "undefined | 'single'"
921
- },
922
- "privacy": "public",
923
- "default": "'single'",
924
- "inheritedFrom": {
925
- "name": "PickerBase",
926
- "module": "src/Picker.js"
927
- }
928
- },
929
- {
930
- "kind": "field",
931
- "name": "menuItems",
932
- "type": {
933
- "text": "MenuItem[]"
934
- },
935
- "privacy": "public",
936
- "default": "[]",
937
- "inheritedFrom": {
938
- "name": "PickerBase",
939
- "module": "src/Picker.js"
940
- }
941
- },
942
- {
943
- "kind": "field",
944
- "name": "restoreChildren",
945
- "type": {
946
- "text": "() => void | undefined"
947
- },
948
- "privacy": "private",
949
- "inheritedFrom": {
950
- "name": "PickerBase",
951
- "module": "src/Picker.js"
952
- }
953
- },
954
- {
955
- "kind": "field",
956
- "name": "optionsMenu",
957
- "type": {
958
- "text": "Menu"
959
- },
960
- "privacy": "public",
961
- "inheritedFrom": {
962
- "name": "PickerBase",
963
- "module": "src/Picker.js"
964
- }
965
- },
966
- {
967
- "kind": "field",
968
- "name": "placement",
969
- "type": {
970
- "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\""
971
- },
972
- "privacy": "public",
973
- "default": "'bottom-start'",
974
- "attribute": "placement",
975
- "inheritedFrom": {
976
- "name": "PickerBase",
977
- "module": "src/Picker.js"
978
- }
979
- },
980
- {
981
- "kind": "field",
982
- "name": "quiet",
983
- "type": {
984
- "text": "boolean"
985
- },
986
- "privacy": "public",
987
- "default": "false",
988
- "attribute": "quiet",
989
- "reflects": true,
990
- "inheritedFrom": {
991
- "name": "PickerBase",
992
- "module": "src/Picker.js"
993
- }
994
- },
995
- {
996
- "kind": "field",
997
- "name": "value",
998
- "type": {
999
- "text": "string"
1000
- },
1001
- "privacy": "public",
1002
- "default": "''",
1003
- "attribute": "value",
1004
- "inheritedFrom": {
1005
- "name": "PickerBase",
1006
- "module": "src/Picker.js"
1007
- }
1008
- },
1009
- {
1010
- "kind": "field",
1011
- "name": "selectedItem",
1012
- "type": {
1013
- "text": "MenuItem | undefined"
1014
- },
1015
- "privacy": "public",
1016
- "inheritedFrom": {
1017
- "name": "PickerBase",
1018
- "module": "src/Picker.js"
1019
- }
1020
- },
1021
- {
1022
- "kind": "field",
1023
- "name": "closeOverlay",
1024
- "type": {
1025
- "text": "Promise<() => void> | undefined"
1026
- },
1027
- "privacy": "private",
1028
- "inheritedFrom": {
1029
- "name": "PickerBase",
1030
- "module": "src/Picker.js"
1031
- }
1032
- },
1033
- {
1034
- "kind": "field",
1035
- "name": "popoverEl",
1036
- "type": {
1037
- "text": "Popover"
1038
- },
1039
- "privacy": "private",
1040
- "inheritedFrom": {
1041
- "name": "PickerBase",
1042
- "module": "src/Picker.js"
1043
- }
1044
- },
1045
- {
1046
- "kind": "field",
1047
- "name": "listRole",
1048
- "type": {
1049
- "text": "'listbox' | 'menu'"
1050
- },
1051
- "privacy": "protected",
1052
- "default": "'listbox'",
1053
- "inheritedFrom": {
1054
- "name": "PickerBase",
1055
- "module": "src/Picker.js"
1056
- }
1057
- },
1058
- {
1059
- "kind": "field",
1060
- "name": "itemRole",
1061
- "type": {
1062
- "text": "string"
1063
- },
1064
- "privacy": "protected",
1065
- "default": "'option'",
1066
- "inheritedFrom": {
1067
- "name": "PickerBase",
1068
- "module": "src/Picker.js"
1069
- }
1070
- },
1071
- {
1072
- "kind": "field",
1073
- "name": "focusElement",
1074
- "type": {
1075
- "text": "HTMLElement"
1076
- },
1077
- "privacy": "public",
1078
- "inheritedFrom": {
1079
- "name": "PickerBase",
1080
- "module": "src/Picker.js"
1081
- }
1082
- },
1083
- {
1084
- "kind": "method",
1085
- "name": "forceFocusVisible",
1086
- "privacy": "public",
1087
- "return": {
1088
- "type": {
1089
- "text": "void"
1090
- }
1091
- },
1092
- "inheritedFrom": {
1093
- "name": "PickerBase",
1094
- "module": "src/Picker.js"
1095
- }
1096
- },
1097
- {
1098
- "kind": "method",
1099
- "name": "onButtonBlur",
1100
- "privacy": "public",
1101
- "return": {
1102
- "type": {
1103
- "text": "void"
1104
- }
1105
- },
1106
- "inheritedFrom": {
1107
- "name": "PickerBase",
1108
- "module": "src/Picker.js"
1109
- }
1110
- },
1111
- {
1112
- "kind": "method",
1113
- "name": "onButtonClick",
1114
- "privacy": "protected",
1115
- "return": {
1116
- "type": {
1117
- "text": "void"
1118
- }
1119
- },
1120
- "inheritedFrom": {
1121
- "name": "PickerBase",
1122
- "module": "src/Picker.js"
1123
- }
1124
- },
1125
- {
1126
- "kind": "method",
1127
- "name": "focus",
1128
- "privacy": "public",
1129
- "return": {
1130
- "type": {
1131
- "text": "void"
1132
- }
1133
- },
1134
- "parameters": [
1135
- {
1136
- "name": "options",
1137
- "optional": true,
1138
- "type": {
1139
- "text": "FocusOptions"
1140
- }
1141
- }
1142
- ],
1143
- "inheritedFrom": {
1144
- "name": "PickerBase",
1145
- "module": "src/Picker.js"
1146
- }
1147
- },
1148
- {
1149
- "kind": "method",
1150
- "name": "onHelperFocus",
1151
- "privacy": "public",
1152
- "return": {
1153
- "type": {
1154
- "text": "void"
1155
- }
1156
- },
1157
- "inheritedFrom": {
1158
- "name": "PickerBase",
1159
- "module": "src/Picker.js"
1160
- }
1161
- },
1162
- {
1163
- "kind": "method",
1164
- "name": "onButtonFocus",
1165
- "privacy": "public",
1166
- "return": {
1167
- "type": {
1168
- "text": "void"
1169
- }
1170
- },
1171
- "inheritedFrom": {
1172
- "name": "PickerBase",
1173
- "module": "src/Picker.js"
1174
- }
1175
- },
1176
- {
1177
- "kind": "method",
1178
- "name": "handleChange",
1179
- "privacy": "public",
1180
- "return": {
1181
- "type": {
1182
- "text": "void"
1183
- }
1184
- },
1185
- "parameters": [
1186
- {
1187
- "name": "event",
1188
- "type": {
1189
- "text": "Event"
1190
- }
1191
- }
1192
- ],
1193
- "inheritedFrom": {
1194
- "name": "PickerBase",
1195
- "module": "src/Picker.js"
1196
- }
1197
- },
1198
- {
1199
- "kind": "method",
1200
- "name": "setValueFromItem",
1201
- "privacy": "public",
1202
- "return": {
1203
- "type": {
1204
- "text": "Promise<void>"
1205
- }
1206
- },
1207
- "parameters": [
1208
- {
1209
- "name": "item",
1210
- "type": {
1211
- "text": "MenuItem"
1212
- }
1213
- },
1214
- {
1215
- "name": "menuChangeEvent",
1216
- "optional": true,
1217
- "type": {
1218
- "text": "Event"
1219
- }
1220
- }
1221
- ],
1222
- "inheritedFrom": {
1223
- "name": "PickerBase",
1224
- "module": "src/Picker.js"
1225
- }
1226
- },
1227
- {
1228
- "kind": "method",
1229
- "name": "setMenuItemSelected",
1230
- "privacy": "protected",
1231
- "return": {
1232
- "type": {
1233
- "text": "void"
1234
- }
1235
- },
1236
- "parameters": [
1237
- {
1238
- "name": "item",
1239
- "type": {
1240
- "text": "MenuItem"
1241
- }
1242
- },
1243
- {
1244
- "name": "value",
1245
- "type": {
1246
- "text": "boolean"
1247
- }
1248
- }
1249
- ],
1250
- "inheritedFrom": {
1251
- "name": "PickerBase",
1252
- "module": "src/Picker.js"
1253
- }
1254
- },
1255
- {
1256
- "kind": "method",
1257
- "name": "toggle",
1258
- "privacy": "public",
1259
- "return": {
1260
- "type": {
1261
- "text": "void"
1262
- }
1263
- },
1264
- "parameters": [
1265
- {
1266
- "name": "target",
1267
- "optional": true,
1268
- "type": {
1269
- "text": "boolean"
1270
- }
1271
- }
1272
- ],
1273
- "inheritedFrom": {
1274
- "name": "PickerBase",
1275
- "module": "src/Picker.js"
1276
- }
1277
- },
1278
- {
1279
- "kind": "method",
1280
- "name": "close",
1281
- "privacy": "public",
1282
- "return": {
1283
- "type": {
1284
- "text": "void"
1285
- }
1286
- },
1287
- "inheritedFrom": {
1288
- "name": "PickerBase",
1289
- "module": "src/Picker.js"
1290
- }
1291
- },
1292
- {
1293
- "kind": "field",
1294
- "name": "overlayOpenCallback",
1295
- "privacy": "public",
1296
- "inheritedFrom": {
1297
- "name": "PickerBase",
1298
- "module": "src/Picker.js"
1299
- }
1300
- },
1301
- {
1302
- "kind": "field",
1303
- "name": "overlayCloseCallback",
1304
- "privacy": "public",
1305
- "inheritedFrom": {
1306
- "name": "PickerBase",
1307
- "module": "src/Picker.js"
1308
- }
1309
- },
1310
- {
1311
- "kind": "field",
1312
- "name": "popoverFragment",
1313
- "type": {
1314
- "text": "DocumentFragment"
1315
- },
1316
- "privacy": "private",
1317
- "inheritedFrom": {
1318
- "name": "PickerBase",
1319
- "module": "src/Picker.js"
1320
- }
1321
- },
1322
- {
1323
- "kind": "method",
1324
- "name": "generatePopover",
1325
- "privacy": "private",
1326
- "return": {
1327
- "type": {
1328
- "text": "Promise<void>"
1329
- }
1330
- },
1331
- "inheritedFrom": {
1332
- "name": "PickerBase",
1333
- "module": "src/Picker.js"
1334
- }
1335
- },
1336
- {
1337
- "kind": "method",
1338
- "name": "openMenu",
1339
- "privacy": "private",
1340
- "return": {
1341
- "type": {
1342
- "text": "Promise<void>"
1343
- }
1344
- },
1345
- "inheritedFrom": {
1346
- "name": "PickerBase",
1347
- "module": "src/Picker.js"
1348
- }
1349
- },
1350
- {
1351
- "kind": "method",
1352
- "name": "closeMenu",
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": "field",
1366
- "name": "selectedItemContent",
1367
- "type": {
1368
- "text": "MenuItemChildren"
1369
- },
1370
- "privacy": "protected",
1371
- "inheritedFrom": {
1372
- "name": "PickerBase",
1373
- "module": "src/Picker.js"
1374
- }
1375
- },
1376
- {
1377
- "kind": "method",
1378
- "name": "renderLabelContent",
1379
- "privacy": "protected",
1380
- "return": {
1381
- "type": {
1382
- "text": "TemplateResult | Node[]"
1383
- }
1384
- },
1385
- "parameters": [
1386
- {
1387
- "name": "content",
1388
- "type": {
1389
- "text": "Node[]"
1390
- }
1391
- }
1392
- ],
1393
- "inheritedFrom": {
1394
- "name": "PickerBase",
1395
- "module": "src/Picker.js"
1396
- }
1397
- },
1398
- {
1399
- "kind": "field",
1400
- "name": "buttonContent",
1401
- "type": {
1402
- "text": "TemplateResult[]"
1403
- },
1404
- "privacy": "protected",
1405
- "inheritedFrom": {
1406
- "name": "PickerBase",
1407
- "module": "src/Picker.js"
1408
- }
1409
- },
1410
- {
1411
- "kind": "field",
1412
- "name": "dismissHelper",
1413
- "type": {
1414
- "text": "TemplateResult"
1415
- },
1416
- "privacy": "protected",
1417
- "inheritedFrom": {
1418
- "name": "PickerBase",
1419
- "module": "src/Picker.js"
1420
- }
1421
- },
1422
- {
1423
- "kind": "field",
1424
- "name": "renderPopover",
1425
- "type": {
1426
- "text": "TemplateResult"
1427
- },
1428
- "privacy": "protected",
1429
- "inheritedFrom": {
1430
- "name": "PickerBase",
1431
- "module": "src/Picker.js"
1432
- }
1433
- },
1434
- {
1435
- "kind": "field",
1436
- "name": "_willUpdateItems",
1437
- "type": {
1438
- "text": "boolean"
1439
- },
1440
- "privacy": "private",
1441
- "default": "false",
1442
- "inheritedFrom": {
1443
- "name": "PickerBase",
1444
- "module": "src/Picker.js"
1445
- }
1446
- },
1447
- {
1448
- "kind": "field",
1449
- "name": "itemsUpdated",
1450
- "type": {
1451
- "text": "Promise<void>"
1452
- },
1453
- "privacy": "protected",
1454
- "inheritedFrom": {
1455
- "name": "PickerBase",
1456
- "module": "src/Picker.js"
1457
- }
1458
- },
1459
- {
1460
- "kind": "method",
1461
- "name": "updateMenuItems",
1462
- "privacy": "protected",
1463
- "return": {
1464
- "type": {
1465
- "text": "void"
1466
- }
1467
- },
1468
- "parameters": [
1469
- {
1470
- "name": "event",
1471
- "optional": true,
1472
- "type": {
1473
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
1474
- }
1475
- }
1476
- ],
1477
- "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.",
1478
- "inheritedFrom": {
1479
- "name": "PickerBase",
1480
- "module": "src/Picker.js"
1481
- }
1482
- },
1483
- {
1484
- "kind": "method",
1485
- "name": "manageSelection",
1486
- "privacy": "protected",
1487
- "return": {
1488
- "type": {
1489
- "text": "Promise<void>"
1490
- }
1491
- },
1492
- "inheritedFrom": {
1493
- "name": "PickerBase",
1494
- "module": "src/Picker.js"
1495
- }
1496
- },
1497
- {
1498
- "kind": "field",
1499
- "name": "menuStatePromise",
1500
- "privacy": "private",
1501
- "inheritedFrom": {
1502
- "name": "PickerBase",
1503
- "module": "src/Picker.js"
1504
- }
1505
- },
1506
- {
1507
- "kind": "field",
1508
- "name": "menuStateResolver",
1509
- "type": {
1510
- "text": "() => void"
1511
- },
1512
- "privacy": "private",
1513
- "inheritedFrom": {
1514
- "name": "PickerBase",
1515
- "module": "src/Picker.js"
1516
- }
1517
- },
1518
- {
1519
- "kind": "field",
1520
- "name": "selectionPromise",
1521
- "privacy": "private",
1522
- "inheritedFrom": {
1523
- "name": "PickerBase",
1524
- "module": "src/Picker.js"
1525
- }
1526
- },
1527
- {
1528
- "kind": "field",
1529
- "name": "selectionResolver",
1530
- "type": {
1531
- "text": "() => void"
1532
- },
1533
- "privacy": "private",
1534
- "inheritedFrom": {
1535
- "name": "PickerBase",
1536
- "module": "src/Picker.js"
1537
- }
1538
- },
1539
- {
1540
- "kind": "method",
1541
- "name": "getUpdateComplete",
1542
- "privacy": "protected",
1543
- "return": {
1544
- "type": {
1545
- "text": "Promise<boolean>"
1546
- }
1547
- },
1548
- "inheritedFrom": {
1549
- "name": "PickerBase",
1550
- "module": "src/Picker.js"
1551
- }
1552
- }
1553
- ],
1554
- "superclass": {
1555
- "name": "PickerBase",
1556
- "module": "src/Picker.ts"
1557
- },
1558
- "attributes": [
1559
- {
1560
- "name": "placement",
1561
- "type": {
1562
- "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\""
1563
- },
1564
- "default": "'bottom-start'",
1565
- "fieldName": "placement",
1566
- "attribute": "placement",
1567
- "inheritedFrom": {
1568
- "name": "PickerBase",
1569
- "module": "src/Picker.ts"
1570
- }
1571
- },
1572
- {
1573
- "name": "disabled",
1574
- "type": {
1575
- "text": "boolean"
1576
- },
1577
- "default": "false",
1578
- "fieldName": "disabled",
1579
- "inheritedFrom": {
1580
- "name": "PickerBase",
1581
- "module": "src/Picker.ts"
1582
- }
1583
- },
1584
- {
1585
- "name": "focused",
1586
- "type": {
1587
- "text": "boolean"
1588
- },
1589
- "default": "false",
1590
- "fieldName": "focused",
1591
- "inheritedFrom": {
1592
- "name": "PickerBase",
1593
- "module": "src/Picker.ts"
1594
- }
1595
- },
1596
- {
1597
- "name": "icons",
1598
- "type": {
1599
- "text": "'only' | 'none' | undefined"
1600
- },
1601
- "fieldName": "icons",
1602
- "inheritedFrom": {
1603
- "name": "PickerBase",
1604
- "module": "src/Picker.ts"
1605
- }
1606
- },
1607
- {
1608
- "name": "invalid",
1609
- "type": {
1610
- "text": "boolean"
1611
- },
1612
- "default": "false",
1613
- "fieldName": "invalid",
1614
- "inheritedFrom": {
1615
- "name": "PickerBase",
1616
- "module": "src/Picker.ts"
1617
- }
1618
- },
1619
- {
1620
- "name": "label",
1621
- "type": {
1622
- "text": "string | undefined"
1623
- },
1624
- "fieldName": "label",
1625
- "inheritedFrom": {
1626
- "name": "PickerBase",
1627
- "module": "src/Picker.ts"
1628
- }
1629
- },
1630
- {
1631
- "name": "open",
1632
- "type": {
1633
- "text": "boolean"
1634
- },
1635
- "default": "false",
1636
- "fieldName": "open",
1637
- "inheritedFrom": {
1638
- "name": "PickerBase",
1639
- "module": "src/Picker.ts"
1640
- }
1641
- },
1642
- {
1643
- "name": "readonly",
1644
- "type": {
1645
- "text": "boolean"
1646
- },
1647
- "default": "false",
1648
- "fieldName": "readonly",
1649
- "inheritedFrom": {
1650
- "name": "PickerBase",
1651
- "module": "src/Picker.ts"
1652
- }
1653
- },
1654
- {
1655
- "name": "quiet",
1656
- "type": {
1657
- "text": "boolean"
1658
- },
1659
- "default": "false",
1660
- "fieldName": "quiet",
1661
- "inheritedFrom": {
1662
- "name": "PickerBase",
1663
- "module": "src/Picker.ts"
1664
- }
1665
- },
1666
- {
1667
- "name": "value",
1668
- "type": {
1669
- "text": "string"
1670
- },
1671
- "default": "''",
1672
- "fieldName": "value",
1673
- "inheritedFrom": {
1674
- "name": "PickerBase",
1675
- "module": "src/Picker.ts"
1676
- }
1677
- }
1678
- ],
1679
- "events": [
1680
- {
1681
- "name": "change",
1682
- "type": {
1683
- "text": "Event"
1684
- },
1685
- "description": "Announces that the `value` of the element has changed",
1686
- "inheritedFrom": {
1687
- "name": "PickerBase",
1688
- "module": "src/Picker.ts"
1689
- }
1690
- },
1691
- {
1692
- "description": "Announces that the overlay has been opened",
1693
- "name": "sp-opened",
1694
- "inheritedFrom": {
1695
- "name": "PickerBase",
1696
- "module": "src/Picker.ts"
1697
- }
1698
- },
1699
- {
1700
- "description": "Announces that the overlay has been closed",
1701
- "name": "sp-closed",
1702
- "inheritedFrom": {
1703
- "name": "PickerBase",
1704
- "module": "src/Picker.ts"
1705
- }
1706
- }
1707
- ]
1708
- }
1709
- ],
1710
- "exports": [
1711
- {
1712
- "kind": "js",
1713
- "name": "PickerBase",
1714
- "declaration": {
1715
- "name": "PickerBase",
1716
- "module": "src/Picker.js"
1717
- }
1718
- },
1719
- {
1720
- "kind": "js",
1721
- "name": "Picker",
1722
- "declaration": {
1723
- "name": "Picker",
1724
- "module": "src/Picker.js"
1725
- }
1726
- }
1727
- ]
1728
- }
1729
- ]
1730
- }