@spectrum-web-components/picker 0.33.2 → 0.33.3-overlay.66

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 +141 -263
  2. package/package.json +14 -14
  3. package/src/Picker.d.ts +20 -30
  4. package/src/Picker.dev.js +132 -168
  5. package/src/Picker.dev.js.map +3 -3
  6. package/src/Picker.js +31 -16
  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 +185 -146
  18. package/test/index.js.map +2 -2
  19. package/test/picker-reparenting.test.js +11 -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
@@ -32,12 +32,6 @@
32
32
  "description": "",
33
33
  "name": "PickerBase",
34
34
  "members": [
35
- {
36
- "kind": "field",
37
- "name": "openOverlay",
38
- "privacy": "private",
39
- "static": true
40
- },
41
35
  {
42
36
  "kind": "field",
43
37
  "name": "isMobile",
@@ -151,15 +145,7 @@
151
145
  "text": "MenuItem[]"
152
146
  },
153
147
  "privacy": "public",
154
- "default": "[]"
155
- },
156
- {
157
- "kind": "field",
158
- "name": "restoreChildren",
159
- "type": {
160
- "text": "() => void | undefined"
161
- },
162
- "privacy": "private"
148
+ "readonly": true
163
149
  },
164
150
  {
165
151
  "kind": "field",
@@ -210,19 +196,10 @@
210
196
  },
211
197
  {
212
198
  "kind": "field",
213
- "name": "closeOverlay",
199
+ "name": "_selectedItem",
214
200
  "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"
201
+ "text": "MenuItem | undefined"
202
+ }
226
203
  },
227
204
  {
228
205
  "kind": "field",
@@ -271,6 +248,25 @@
271
248
  }
272
249
  }
273
250
  },
251
+ {
252
+ "kind": "field",
253
+ "name": "preventNextToggle",
254
+ "type": {
255
+ "text": "boolean"
256
+ },
257
+ "privacy": "private",
258
+ "default": "false"
259
+ },
260
+ {
261
+ "kind": "method",
262
+ "name": "handlePointerdown",
263
+ "privacy": "protected",
264
+ "return": {
265
+ "type": {
266
+ "text": "void"
267
+ }
268
+ }
269
+ },
274
270
  {
275
271
  "kind": "method",
276
272
  "name": "onButtonClick",
@@ -423,69 +419,12 @@
423
419
  },
424
420
  {
425
421
  "kind": "field",
426
- "name": "overlayOpenCallback",
427
- "privacy": "public"
428
- },
429
- {
430
- "kind": "field",
431
- "name": "overlayCloseCallback",
432
- "privacy": "public"
433
- },
434
- {
435
- "kind": "field",
436
- "name": "popoverFragment",
422
+ "name": "containerStyles",
437
423
  "type": {
438
- "text": "DocumentFragment"
424
+ "text": "StyleInfo"
439
425
  },
440
- "privacy": "private"
441
- },
442
- {
443
- "kind": "method",
444
- "name": "generatePopover",
445
- "privacy": "private",
446
- "return": {
447
- "type": {
448
- "text": "Promise<void>"
449
- }
450
- }
451
- },
452
- {
453
- "kind": "method",
454
- "name": "openMenu",
455
- "privacy": "private",
456
- "return": {
457
- "type": {
458
- "text": "Promise<void>"
459
- }
460
- }
461
- },
462
- {
463
- "kind": "method",
464
- "name": "sizePopover",
465
426
  "privacy": "protected",
466
- "return": {
467
- "type": {
468
- "text": "void"
469
- }
470
- },
471
- "parameters": [
472
- {
473
- "name": "popover",
474
- "type": {
475
- "text": "HTMLElement"
476
- }
477
- }
478
- ]
479
- },
480
- {
481
- "kind": "method",
482
- "name": "closeMenu",
483
- "privacy": "private",
484
- "return": {
485
- "type": {
486
- "text": "Promise<void>"
487
- }
488
- }
427
+ "readonly": true
489
428
  },
490
429
  {
491
430
  "kind": "field",
@@ -493,8 +432,14 @@
493
432
  "type": {
494
433
  "text": "MenuItemChildren"
495
434
  },
496
- "privacy": "protected",
497
- "readonly": true
435
+ "privacy": "protected"
436
+ },
437
+ {
438
+ "kind": "field",
439
+ "name": "_selectedItemContent",
440
+ "type": {
441
+ "text": "MenuItemChildren | undefined"
442
+ }
498
443
  },
499
444
  {
500
445
  "kind": "method",
@@ -525,7 +470,7 @@
525
470
  },
526
471
  {
527
472
  "kind": "field",
528
- "name": "dismissHelper",
473
+ "name": "renderOverlay",
529
474
  "type": {
530
475
  "text": "TemplateResult"
531
476
  },
@@ -534,7 +479,7 @@
534
479
  },
535
480
  {
536
481
  "kind": "field",
537
- "name": "renderPopover",
482
+ "name": "dismissHelper",
538
483
  "type": {
539
484
  "text": "TemplateResult"
540
485
  },
@@ -543,24 +488,25 @@
543
488
  },
544
489
  {
545
490
  "kind": "field",
546
- "name": "_willUpdateItems",
491
+ "name": "renderContainer",
547
492
  "type": {
548
- "text": "boolean"
493
+ "text": "TemplateResult"
549
494
  },
550
- "privacy": "private",
551
- "default": "false"
495
+ "privacy": "protected",
496
+ "readonly": true
552
497
  },
553
498
  {
554
499
  "kind": "field",
555
- "name": "itemsUpdated",
500
+ "name": "willManageSelection",
556
501
  "type": {
557
- "text": "Promise<void>"
502
+ "text": "boolean"
558
503
  },
559
- "privacy": "protected"
504
+ "privacy": "private",
505
+ "default": "false"
560
506
  },
561
507
  {
562
508
  "kind": "method",
563
- "name": "updateMenuItems",
509
+ "name": "shouldScheduleManageSelection",
564
510
  "privacy": "protected",
565
511
  "return": {
566
512
  "type": {
@@ -572,34 +518,30 @@
572
518
  "name": "event",
573
519
  "optional": true,
574
520
  "type": {
575
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
521
+ "text": "Event"
576
522
  }
577
523
  }
578
- ],
579
- "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."
524
+ ]
580
525
  },
581
526
  {
582
527
  "kind": "method",
583
- "name": "manageSelection",
528
+ "name": "shouldManageSelection",
584
529
  "privacy": "protected",
585
530
  "return": {
586
531
  "type": {
587
- "text": "Promise<void>"
532
+ "text": "void"
588
533
  }
589
534
  }
590
535
  },
591
536
  {
592
- "kind": "field",
593
- "name": "menuStatePromise",
594
- "privacy": "private"
595
- },
596
- {
597
- "kind": "field",
598
- "name": "menuStateResolver",
599
- "type": {
600
- "text": "() => void"
601
- },
602
- "privacy": "private"
537
+ "kind": "method",
538
+ "name": "manageSelection",
539
+ "privacy": "protected",
540
+ "return": {
541
+ "type": {
542
+ "text": "Promise<void>"
543
+ }
544
+ }
603
545
  },
604
546
  {
605
547
  "kind": "field",
@@ -623,6 +565,15 @@
623
565
  "text": "Promise<boolean>"
624
566
  }
625
567
  }
568
+ },
569
+ {
570
+ "kind": "field",
571
+ "name": "recentlyConnected",
572
+ "type": {
573
+ "text": "boolean"
574
+ },
575
+ "privacy": "private",
576
+ "default": "false"
626
577
  }
627
578
  ],
628
579
  "events": [
@@ -741,22 +692,13 @@
741
692
  ],
742
693
  "members": [
743
694
  {
744
- "kind": "method",
745
- "name": "sizePopover",
746
- "privacy": "protected",
747
- "return": {
748
- "type": {
749
- "text": "void"
750
- }
695
+ "kind": "field",
696
+ "name": "containerStyles",
697
+ "type": {
698
+ "text": "StyleInfo"
751
699
  },
752
- "parameters": [
753
- {
754
- "name": "popover",
755
- "type": {
756
- "text": "HTMLElement"
757
- }
758
- }
759
- ],
700
+ "privacy": "protected",
701
+ "readonly": true,
760
702
  "inheritedFrom": {
761
703
  "name": "PickerBase",
762
704
  "module": "src/Picker.ts"
@@ -771,16 +713,6 @@
771
713
  "module": "src/Picker.ts"
772
714
  }
773
715
  },
774
- {
775
- "kind": "field",
776
- "name": "openOverlay",
777
- "privacy": "private",
778
- "static": true,
779
- "inheritedFrom": {
780
- "name": "PickerBase",
781
- "module": "src/Picker.ts"
782
- }
783
- },
784
716
  {
785
717
  "kind": "field",
786
718
  "name": "isMobile",
@@ -938,19 +870,7 @@
938
870
  "text": "MenuItem[]"
939
871
  },
940
872
  "privacy": "public",
941
- "default": "[]",
942
- "inheritedFrom": {
943
- "name": "PickerBase",
944
- "module": "src/Picker.ts"
945
- }
946
- },
947
- {
948
- "kind": "field",
949
- "name": "restoreChildren",
950
- "type": {
951
- "text": "() => void | undefined"
952
- },
953
- "privacy": "private",
873
+ "readonly": true,
954
874
  "inheritedFrom": {
955
875
  "name": "PickerBase",
956
876
  "module": "src/Picker.ts"
@@ -1025,23 +945,10 @@
1025
945
  },
1026
946
  {
1027
947
  "kind": "field",
1028
- "name": "closeOverlay",
948
+ "name": "_selectedItem",
1029
949
  "type": {
1030
- "text": "Promise<() => void> | undefined"
1031
- },
1032
- "privacy": "private",
1033
- "inheritedFrom": {
1034
- "name": "PickerBase",
1035
- "module": "src/Picker.ts"
1036
- }
1037
- },
1038
- {
1039
- "kind": "field",
1040
- "name": "popoverEl",
1041
- "type": {
1042
- "text": "Popover"
950
+ "text": "MenuItem | undefined"
1043
951
  },
1044
- "privacy": "private",
1045
952
  "inheritedFrom": {
1046
953
  "name": "PickerBase",
1047
954
  "module": "src/Picker.ts"
@@ -1114,6 +1021,33 @@
1114
1021
  "module": "src/Picker.ts"
1115
1022
  }
1116
1023
  },
1024
+ {
1025
+ "kind": "field",
1026
+ "name": "preventNextToggle",
1027
+ "type": {
1028
+ "text": "boolean"
1029
+ },
1030
+ "privacy": "private",
1031
+ "default": "false",
1032
+ "inheritedFrom": {
1033
+ "name": "PickerBase",
1034
+ "module": "src/Picker.ts"
1035
+ }
1036
+ },
1037
+ {
1038
+ "kind": "method",
1039
+ "name": "handlePointerdown",
1040
+ "privacy": "protected",
1041
+ "return": {
1042
+ "type": {
1043
+ "text": "void"
1044
+ }
1045
+ },
1046
+ "inheritedFrom": {
1047
+ "name": "PickerBase",
1048
+ "module": "src/Picker.ts"
1049
+ }
1050
+ },
1117
1051
  {
1118
1052
  "kind": "method",
1119
1053
  "name": "onButtonClick",
@@ -1297,71 +1231,11 @@
1297
1231
  },
1298
1232
  {
1299
1233
  "kind": "field",
1300
- "name": "overlayOpenCallback",
1301
- "privacy": "public",
1302
- "inheritedFrom": {
1303
- "name": "PickerBase",
1304
- "module": "src/Picker.ts"
1305
- }
1306
- },
1307
- {
1308
- "kind": "field",
1309
- "name": "overlayCloseCallback",
1310
- "privacy": "public",
1311
- "inheritedFrom": {
1312
- "name": "PickerBase",
1313
- "module": "src/Picker.ts"
1314
- }
1315
- },
1316
- {
1317
- "kind": "field",
1318
- "name": "popoverFragment",
1234
+ "name": "selectedItemContent",
1319
1235
  "type": {
1320
- "text": "DocumentFragment"
1321
- },
1322
- "privacy": "private",
1323
- "inheritedFrom": {
1324
- "name": "PickerBase",
1325
- "module": "src/Picker.ts"
1326
- }
1327
- },
1328
- {
1329
- "kind": "method",
1330
- "name": "generatePopover",
1331
- "privacy": "private",
1332
- "return": {
1333
- "type": {
1334
- "text": "Promise<void>"
1335
- }
1336
- },
1337
- "inheritedFrom": {
1338
- "name": "PickerBase",
1339
- "module": "src/Picker.ts"
1340
- }
1341
- },
1342
- {
1343
- "kind": "method",
1344
- "name": "openMenu",
1345
- "privacy": "private",
1346
- "return": {
1347
- "type": {
1348
- "text": "Promise<void>"
1349
- }
1350
- },
1351
- "inheritedFrom": {
1352
- "name": "PickerBase",
1353
- "module": "src/Picker.ts"
1354
- }
1355
- },
1356
- {
1357
- "kind": "method",
1358
- "name": "closeMenu",
1359
- "privacy": "private",
1360
- "return": {
1361
- "type": {
1362
- "text": "Promise<void>"
1363
- }
1236
+ "text": "MenuItemChildren"
1364
1237
  },
1238
+ "privacy": "protected",
1365
1239
  "inheritedFrom": {
1366
1240
  "name": "PickerBase",
1367
1241
  "module": "src/Picker.ts"
@@ -1369,12 +1243,10 @@
1369
1243
  },
1370
1244
  {
1371
1245
  "kind": "field",
1372
- "name": "selectedItemContent",
1246
+ "name": "_selectedItemContent",
1373
1247
  "type": {
1374
- "text": "MenuItemChildren"
1248
+ "text": "MenuItemChildren | undefined"
1375
1249
  },
1376
- "privacy": "protected",
1377
- "readonly": true,
1378
1250
  "inheritedFrom": {
1379
1251
  "name": "PickerBase",
1380
1252
  "module": "src/Picker.ts"
@@ -1417,7 +1289,7 @@
1417
1289
  },
1418
1290
  {
1419
1291
  "kind": "field",
1420
- "name": "dismissHelper",
1292
+ "name": "renderOverlay",
1421
1293
  "type": {
1422
1294
  "text": "TemplateResult"
1423
1295
  },
@@ -1430,7 +1302,7 @@
1430
1302
  },
1431
1303
  {
1432
1304
  "kind": "field",
1433
- "name": "renderPopover",
1305
+ "name": "dismissHelper",
1434
1306
  "type": {
1435
1307
  "text": "TemplateResult"
1436
1308
  },
@@ -1443,12 +1315,12 @@
1443
1315
  },
1444
1316
  {
1445
1317
  "kind": "field",
1446
- "name": "_willUpdateItems",
1318
+ "name": "renderContainer",
1447
1319
  "type": {
1448
- "text": "boolean"
1320
+ "text": "TemplateResult"
1449
1321
  },
1450
- "privacy": "private",
1451
- "default": "false",
1322
+ "privacy": "protected",
1323
+ "readonly": true,
1452
1324
  "inheritedFrom": {
1453
1325
  "name": "PickerBase",
1454
1326
  "module": "src/Picker.ts"
@@ -1456,11 +1328,12 @@
1456
1328
  },
1457
1329
  {
1458
1330
  "kind": "field",
1459
- "name": "itemsUpdated",
1331
+ "name": "willManageSelection",
1460
1332
  "type": {
1461
- "text": "Promise<void>"
1333
+ "text": "boolean"
1462
1334
  },
1463
- "privacy": "protected",
1335
+ "privacy": "private",
1336
+ "default": "false",
1464
1337
  "inheritedFrom": {
1465
1338
  "name": "PickerBase",
1466
1339
  "module": "src/Picker.ts"
@@ -1468,7 +1341,7 @@
1468
1341
  },
1469
1342
  {
1470
1343
  "kind": "method",
1471
- "name": "updateMenuItems",
1344
+ "name": "shouldScheduleManageSelection",
1472
1345
  "privacy": "protected",
1473
1346
  "return": {
1474
1347
  "type": {
@@ -1480,11 +1353,10 @@
1480
1353
  "name": "event",
1481
1354
  "optional": true,
1482
1355
  "type": {
1483
- "text": "MenuItemAddedOrUpdatedEvent | MenuItemRemovedEvent"
1356
+ "text": "Event"
1484
1357
  }
1485
1358
  }
1486
1359
  ],
1487
- "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.",
1488
1360
  "inheritedFrom": {
1489
1361
  "name": "PickerBase",
1490
1362
  "module": "src/Picker.ts"
@@ -1492,11 +1364,11 @@
1492
1364
  },
1493
1365
  {
1494
1366
  "kind": "method",
1495
- "name": "manageSelection",
1367
+ "name": "shouldManageSelection",
1496
1368
  "privacy": "protected",
1497
1369
  "return": {
1498
1370
  "type": {
1499
- "text": "Promise<void>"
1371
+ "text": "void"
1500
1372
  }
1501
1373
  },
1502
1374
  "inheritedFrom": {
@@ -1505,21 +1377,14 @@
1505
1377
  }
1506
1378
  },
1507
1379
  {
1508
- "kind": "field",
1509
- "name": "menuStatePromise",
1510
- "privacy": "private",
1511
- "inheritedFrom": {
1512
- "name": "PickerBase",
1513
- "module": "src/Picker.ts"
1514
- }
1515
- },
1516
- {
1517
- "kind": "field",
1518
- "name": "menuStateResolver",
1519
- "type": {
1520
- "text": "() => void"
1380
+ "kind": "method",
1381
+ "name": "manageSelection",
1382
+ "privacy": "protected",
1383
+ "return": {
1384
+ "type": {
1385
+ "text": "Promise<void>"
1386
+ }
1521
1387
  },
1522
- "privacy": "private",
1523
1388
  "inheritedFrom": {
1524
1389
  "name": "PickerBase",
1525
1390
  "module": "src/Picker.ts"
@@ -1559,6 +1424,19 @@
1559
1424
  "name": "PickerBase",
1560
1425
  "module": "src/Picker.ts"
1561
1426
  }
1427
+ },
1428
+ {
1429
+ "kind": "field",
1430
+ "name": "recentlyConnected",
1431
+ "type": {
1432
+ "text": "boolean"
1433
+ },
1434
+ "privacy": "private",
1435
+ "default": "false",
1436
+ "inheritedFrom": {
1437
+ "name": "PickerBase",
1438
+ "module": "src/Picker.ts"
1439
+ }
1562
1440
  }
1563
1441
  ],
1564
1442
  "events": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/picker",
3
- "version": "0.33.2",
3
+ "version": "0.33.3-overlay.66+30e96d5ea",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -65,20 +65,20 @@
65
65
  "lit-html"
66
66
  ],
67
67
  "dependencies": {
68
- "@spectrum-web-components/base": "^0.33.2",
69
- "@spectrum-web-components/button": "^0.33.2",
70
- "@spectrum-web-components/icon": "^0.33.2",
71
- "@spectrum-web-components/icons-ui": "^0.33.2",
72
- "@spectrum-web-components/icons-workflow": "^0.33.2",
73
- "@spectrum-web-components/menu": "^0.33.2",
74
- "@spectrum-web-components/overlay": "^0.33.2",
75
- "@spectrum-web-components/popover": "^0.33.2",
76
- "@spectrum-web-components/reactive-controllers": "^0.33.2",
77
- "@spectrum-web-components/shared": "^0.33.2",
78
- "@spectrum-web-components/tray": "^0.33.2"
68
+ "@spectrum-web-components/base": "^0.33.3-overlay.66+30e96d5ea",
69
+ "@spectrum-web-components/button": "^0.33.3-overlay.66+30e96d5ea",
70
+ "@spectrum-web-components/icon": "^0.33.3-overlay.66+30e96d5ea",
71
+ "@spectrum-web-components/icons-ui": "^0.33.3-overlay.66+30e96d5ea",
72
+ "@spectrum-web-components/icons-workflow": "^0.33.3-overlay.66+30e96d5ea",
73
+ "@spectrum-web-components/menu": "^0.33.3-overlay.66+30e96d5ea",
74
+ "@spectrum-web-components/overlay": "^0.33.3-overlay.66+30e96d5ea",
75
+ "@spectrum-web-components/popover": "^0.33.3-overlay.66+30e96d5ea",
76
+ "@spectrum-web-components/reactive-controllers": "^0.33.3-overlay.66+30e96d5ea",
77
+ "@spectrum-web-components/shared": "^0.33.3-overlay.66+30e96d5ea",
78
+ "@spectrum-web-components/tray": "^0.33.3-overlay.66+30e96d5ea"
79
79
  },
80
80
  "devDependencies": {
81
- "@spectrum-css/picker": "^4.0.7"
81
+ "@spectrum-css/picker": "^4.0.15"
82
82
  },
83
83
  "types": "./src/index.d.ts",
84
84
  "customElements": "custom-elements.json",
@@ -88,5 +88,5 @@
88
88
  "./sync/index.js",
89
89
  "./sync/sp-*.js"
90
90
  ],
91
- "gitHead": "6d5d6b3c31d92a058202a242a283125d25131f81"
91
+ "gitHead": "30e96d5eaed31b7b2af916d78cabccb722889fe3"
92
92
  }