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

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