@spectrum-web-components/picker 0.14.2 → 0.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/custom-elements.json +83 -83
  2. package/package.json +10 -10
  3. package/src/Picker.d.ts +1 -0
  4. package/src/Picker.dev.js +6 -3
  5. package/src/Picker.dev.js.map +2 -2
  6. package/src/Picker.js +9 -9
  7. package/src/Picker.js.map +2 -2
  8. package/src/picker.css.dev.js +13 -34
  9. package/src/picker.css.dev.js.map +2 -2
  10. package/src/picker.css.js +13 -34
  11. package/src/picker.css.js.map +2 -2
  12. package/src/spectrum-config.js +71 -81
  13. package/src/spectrum-picker.css.dev.js +13 -34
  14. package/src/spectrum-picker.css.dev.js.map +2 -2
  15. package/src/spectrum-picker.css.js +13 -34
  16. package/src/spectrum-picker.css.js.map +2 -2
package/custom-elements.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "modules": [
5
5
  {
6
6
  "kind": "javascript-module",
7
- "path": "sp-picker.ts",
7
+ "path": "sp-picker.js",
8
8
  "declarations": [],
9
9
  "exports": [
10
10
  {
@@ -19,13 +19,13 @@
19
19
  },
20
20
  {
21
21
  "kind": "javascript-module",
22
- "path": "sync/sp-picker.ts",
22
+ "path": "sync/sp-picker.js",
23
23
  "declarations": [],
24
24
  "exports": []
25
25
  },
26
26
  {
27
27
  "kind": "javascript-module",
28
- "path": "src/Picker.ts",
28
+ "path": "src/Picker.js",
29
29
  "declarations": [
30
30
  {
31
31
  "kind": "class",
@@ -745,13 +745,35 @@
745
745
  "description": "",
746
746
  "name": "Picker",
747
747
  "members": [
748
+ {
749
+ "kind": "method",
750
+ "name": "sizePopover",
751
+ "privacy": "protected",
752
+ "return": {
753
+ "type": {
754
+ "text": "void"
755
+ }
756
+ },
757
+ "parameters": [
758
+ {
759
+ "name": "popover",
760
+ "type": {
761
+ "text": "HTMLElement"
762
+ }
763
+ }
764
+ ],
765
+ "inheritedFrom": {
766
+ "name": "PickerBase",
767
+ "module": "src/Picker.js"
768
+ }
769
+ },
748
770
  {
749
771
  "kind": "field",
750
772
  "name": "onKeydown",
751
773
  "privacy": "protected",
752
774
  "inheritedFrom": {
753
775
  "name": "PickerBase",
754
- "module": "src/Picker.ts"
776
+ "module": "src/Picker.js"
755
777
  }
756
778
  },
757
779
  {
@@ -761,7 +783,7 @@
761
783
  "static": true,
762
784
  "inheritedFrom": {
763
785
  "name": "PickerBase",
764
- "module": "src/Picker.ts"
786
+ "module": "src/Picker.js"
765
787
  }
766
788
  },
767
789
  {
@@ -771,7 +793,7 @@
771
793
  "default": "new MatchMediaController(this, IS_MOBILE)",
772
794
  "inheritedFrom": {
773
795
  "name": "PickerBase",
774
- "module": "src/Picker.ts"
796
+ "module": "src/Picker.js"
775
797
  }
776
798
  },
777
799
  {
@@ -783,7 +805,7 @@
783
805
  "privacy": "public",
784
806
  "inheritedFrom": {
785
807
  "name": "PickerBase",
786
- "module": "src/Picker.ts"
808
+ "module": "src/Picker.js"
787
809
  }
788
810
  },
789
811
  {
@@ -795,7 +817,7 @@
795
817
  "privacy": "public",
796
818
  "inheritedFrom": {
797
819
  "name": "PickerBase",
798
- "module": "src/Picker.ts"
820
+ "module": "src/Picker.js"
799
821
  }
800
822
  },
801
823
  {
@@ -810,7 +832,7 @@
810
832
  "reflects": true,
811
833
  "inheritedFrom": {
812
834
  "name": "PickerBase",
813
- "module": "src/Picker.ts"
835
+ "module": "src/Picker.js"
814
836
  }
815
837
  },
816
838
  {
@@ -825,7 +847,7 @@
825
847
  "reflects": true,
826
848
  "inheritedFrom": {
827
849
  "name": "PickerBase",
828
- "module": "src/Picker.ts"
850
+ "module": "src/Picker.js"
829
851
  }
830
852
  },
831
853
  {
@@ -839,7 +861,7 @@
839
861
  "reflects": true,
840
862
  "inheritedFrom": {
841
863
  "name": "PickerBase",
842
- "module": "src/Picker.ts"
864
+ "module": "src/Picker.js"
843
865
  }
844
866
  },
845
867
  {
@@ -854,7 +876,7 @@
854
876
  "reflects": true,
855
877
  "inheritedFrom": {
856
878
  "name": "PickerBase",
857
- "module": "src/Picker.ts"
879
+ "module": "src/Picker.js"
858
880
  }
859
881
  },
860
882
  {
@@ -867,7 +889,7 @@
867
889
  "attribute": "label",
868
890
  "inheritedFrom": {
869
891
  "name": "PickerBase",
870
- "module": "src/Picker.ts"
892
+ "module": "src/Picker.js"
871
893
  }
872
894
  },
873
895
  {
@@ -882,7 +904,7 @@
882
904
  "reflects": true,
883
905
  "inheritedFrom": {
884
906
  "name": "PickerBase",
885
- "module": "src/Picker.ts"
907
+ "module": "src/Picker.js"
886
908
  }
887
909
  },
888
910
  {
@@ -897,7 +919,7 @@
897
919
  "reflects": true,
898
920
  "inheritedFrom": {
899
921
  "name": "PickerBase",
900
- "module": "src/Picker.ts"
922
+ "module": "src/Picker.js"
901
923
  }
902
924
  },
903
925
  {
@@ -910,7 +932,7 @@
910
932
  "default": "'single'",
911
933
  "inheritedFrom": {
912
934
  "name": "PickerBase",
913
- "module": "src/Picker.ts"
935
+ "module": "src/Picker.js"
914
936
  }
915
937
  },
916
938
  {
@@ -923,7 +945,7 @@
923
945
  "default": "[]",
924
946
  "inheritedFrom": {
925
947
  "name": "PickerBase",
926
- "module": "src/Picker.ts"
948
+ "module": "src/Picker.js"
927
949
  }
928
950
  },
929
951
  {
@@ -935,7 +957,7 @@
935
957
  "privacy": "private",
936
958
  "inheritedFrom": {
937
959
  "name": "PickerBase",
938
- "module": "src/Picker.ts"
960
+ "module": "src/Picker.js"
939
961
  }
940
962
  },
941
963
  {
@@ -947,7 +969,7 @@
947
969
  "privacy": "public",
948
970
  "inheritedFrom": {
949
971
  "name": "PickerBase",
950
- "module": "src/Picker.ts"
972
+ "module": "src/Picker.js"
951
973
  }
952
974
  },
953
975
  {
@@ -961,7 +983,7 @@
961
983
  "attribute": "placement",
962
984
  "inheritedFrom": {
963
985
  "name": "PickerBase",
964
- "module": "src/Picker.ts"
986
+ "module": "src/Picker.js"
965
987
  }
966
988
  },
967
989
  {
@@ -976,7 +998,7 @@
976
998
  "reflects": true,
977
999
  "inheritedFrom": {
978
1000
  "name": "PickerBase",
979
- "module": "src/Picker.ts"
1001
+ "module": "src/Picker.js"
980
1002
  }
981
1003
  },
982
1004
  {
@@ -990,7 +1012,7 @@
990
1012
  "attribute": "value",
991
1013
  "inheritedFrom": {
992
1014
  "name": "PickerBase",
993
- "module": "src/Picker.ts"
1015
+ "module": "src/Picker.js"
994
1016
  }
995
1017
  },
996
1018
  {
@@ -1002,7 +1024,7 @@
1002
1024
  "privacy": "public",
1003
1025
  "inheritedFrom": {
1004
1026
  "name": "PickerBase",
1005
- "module": "src/Picker.ts"
1027
+ "module": "src/Picker.js"
1006
1028
  }
1007
1029
  },
1008
1030
  {
@@ -1014,7 +1036,7 @@
1014
1036
  "privacy": "private",
1015
1037
  "inheritedFrom": {
1016
1038
  "name": "PickerBase",
1017
- "module": "src/Picker.ts"
1039
+ "module": "src/Picker.js"
1018
1040
  }
1019
1041
  },
1020
1042
  {
@@ -1026,7 +1048,7 @@
1026
1048
  "privacy": "private",
1027
1049
  "inheritedFrom": {
1028
1050
  "name": "PickerBase",
1029
- "module": "src/Picker.ts"
1051
+ "module": "src/Picker.js"
1030
1052
  }
1031
1053
  },
1032
1054
  {
@@ -1039,7 +1061,7 @@
1039
1061
  "default": "'listbox'",
1040
1062
  "inheritedFrom": {
1041
1063
  "name": "PickerBase",
1042
- "module": "src/Picker.ts"
1064
+ "module": "src/Picker.js"
1043
1065
  }
1044
1066
  },
1045
1067
  {
@@ -1052,7 +1074,7 @@
1052
1074
  "default": "'option'",
1053
1075
  "inheritedFrom": {
1054
1076
  "name": "PickerBase",
1055
- "module": "src/Picker.ts"
1077
+ "module": "src/Picker.js"
1056
1078
  }
1057
1079
  },
1058
1080
  {
@@ -1064,7 +1086,7 @@
1064
1086
  "privacy": "public",
1065
1087
  "inheritedFrom": {
1066
1088
  "name": "PickerBase",
1067
- "module": "src/Picker.ts"
1089
+ "module": "src/Picker.js"
1068
1090
  }
1069
1091
  },
1070
1092
  {
@@ -1078,7 +1100,7 @@
1078
1100
  },
1079
1101
  "inheritedFrom": {
1080
1102
  "name": "PickerBase",
1081
- "module": "src/Picker.ts"
1103
+ "module": "src/Picker.js"
1082
1104
  }
1083
1105
  },
1084
1106
  {
@@ -1092,7 +1114,7 @@
1092
1114
  },
1093
1115
  "inheritedFrom": {
1094
1116
  "name": "PickerBase",
1095
- "module": "src/Picker.ts"
1117
+ "module": "src/Picker.js"
1096
1118
  }
1097
1119
  },
1098
1120
  {
@@ -1106,7 +1128,7 @@
1106
1128
  },
1107
1129
  "inheritedFrom": {
1108
1130
  "name": "PickerBase",
1109
- "module": "src/Picker.ts"
1131
+ "module": "src/Picker.js"
1110
1132
  }
1111
1133
  },
1112
1134
  {
@@ -1129,7 +1151,7 @@
1129
1151
  ],
1130
1152
  "inheritedFrom": {
1131
1153
  "name": "PickerBase",
1132
- "module": "src/Picker.ts"
1154
+ "module": "src/Picker.js"
1133
1155
  }
1134
1156
  },
1135
1157
  {
@@ -1143,7 +1165,7 @@
1143
1165
  },
1144
1166
  "inheritedFrom": {
1145
1167
  "name": "PickerBase",
1146
- "module": "src/Picker.ts"
1168
+ "module": "src/Picker.js"
1147
1169
  }
1148
1170
  },
1149
1171
  {
@@ -1157,7 +1179,7 @@
1157
1179
  },
1158
1180
  "inheritedFrom": {
1159
1181
  "name": "PickerBase",
1160
- "module": "src/Picker.ts"
1182
+ "module": "src/Picker.js"
1161
1183
  }
1162
1184
  },
1163
1185
  {
@@ -1179,7 +1201,7 @@
1179
1201
  ],
1180
1202
  "inheritedFrom": {
1181
1203
  "name": "PickerBase",
1182
- "module": "src/Picker.ts"
1204
+ "module": "src/Picker.js"
1183
1205
  }
1184
1206
  },
1185
1207
  {
@@ -1208,7 +1230,7 @@
1208
1230
  ],
1209
1231
  "inheritedFrom": {
1210
1232
  "name": "PickerBase",
1211
- "module": "src/Picker.ts"
1233
+ "module": "src/Picker.js"
1212
1234
  }
1213
1235
  },
1214
1236
  {
@@ -1236,7 +1258,7 @@
1236
1258
  ],
1237
1259
  "inheritedFrom": {
1238
1260
  "name": "PickerBase",
1239
- "module": "src/Picker.ts"
1261
+ "module": "src/Picker.js"
1240
1262
  }
1241
1263
  },
1242
1264
  {
@@ -1259,7 +1281,7 @@
1259
1281
  ],
1260
1282
  "inheritedFrom": {
1261
1283
  "name": "PickerBase",
1262
- "module": "src/Picker.ts"
1284
+ "module": "src/Picker.js"
1263
1285
  }
1264
1286
  },
1265
1287
  {
@@ -1273,7 +1295,7 @@
1273
1295
  },
1274
1296
  "inheritedFrom": {
1275
1297
  "name": "PickerBase",
1276
- "module": "src/Picker.ts"
1298
+ "module": "src/Picker.js"
1277
1299
  }
1278
1300
  },
1279
1301
  {
@@ -1282,7 +1304,7 @@
1282
1304
  "privacy": "public",
1283
1305
  "inheritedFrom": {
1284
1306
  "name": "PickerBase",
1285
- "module": "src/Picker.ts"
1307
+ "module": "src/Picker.js"
1286
1308
  }
1287
1309
  },
1288
1310
  {
@@ -1291,7 +1313,7 @@
1291
1313
  "privacy": "public",
1292
1314
  "inheritedFrom": {
1293
1315
  "name": "PickerBase",
1294
- "module": "src/Picker.ts"
1316
+ "module": "src/Picker.js"
1295
1317
  }
1296
1318
  },
1297
1319
  {
@@ -1303,7 +1325,7 @@
1303
1325
  "privacy": "private",
1304
1326
  "inheritedFrom": {
1305
1327
  "name": "PickerBase",
1306
- "module": "src/Picker.ts"
1328
+ "module": "src/Picker.js"
1307
1329
  }
1308
1330
  },
1309
1331
  {
@@ -1317,7 +1339,7 @@
1317
1339
  },
1318
1340
  "inheritedFrom": {
1319
1341
  "name": "PickerBase",
1320
- "module": "src/Picker.ts"
1342
+ "module": "src/Picker.js"
1321
1343
  }
1322
1344
  },
1323
1345
  {
@@ -1331,29 +1353,7 @@
1331
1353
  },
1332
1354
  "inheritedFrom": {
1333
1355
  "name": "PickerBase",
1334
- "module": "src/Picker.ts"
1335
- }
1336
- },
1337
- {
1338
- "kind": "method",
1339
- "name": "sizePopover",
1340
- "privacy": "protected",
1341
- "return": {
1342
- "type": {
1343
- "text": "void"
1344
- }
1345
- },
1346
- "parameters": [
1347
- {
1348
- "name": "popover",
1349
- "type": {
1350
- "text": "HTMLElement"
1351
- }
1352
- }
1353
- ],
1354
- "inheritedFrom": {
1355
- "name": "PickerBase",
1356
- "module": "src/Picker.ts"
1356
+ "module": "src/Picker.js"
1357
1357
  }
1358
1358
  },
1359
1359
  {
@@ -1367,7 +1367,7 @@
1367
1367
  },
1368
1368
  "inheritedFrom": {
1369
1369
  "name": "PickerBase",
1370
- "module": "src/Picker.ts"
1370
+ "module": "src/Picker.js"
1371
1371
  }
1372
1372
  },
1373
1373
  {
@@ -1379,7 +1379,7 @@
1379
1379
  "privacy": "protected",
1380
1380
  "inheritedFrom": {
1381
1381
  "name": "PickerBase",
1382
- "module": "src/Picker.ts"
1382
+ "module": "src/Picker.js"
1383
1383
  }
1384
1384
  },
1385
1385
  {
@@ -1401,7 +1401,7 @@
1401
1401
  ],
1402
1402
  "inheritedFrom": {
1403
1403
  "name": "PickerBase",
1404
- "module": "src/Picker.ts"
1404
+ "module": "src/Picker.js"
1405
1405
  }
1406
1406
  },
1407
1407
  {
@@ -1413,7 +1413,7 @@
1413
1413
  "privacy": "protected",
1414
1414
  "inheritedFrom": {
1415
1415
  "name": "PickerBase",
1416
- "module": "src/Picker.ts"
1416
+ "module": "src/Picker.js"
1417
1417
  }
1418
1418
  },
1419
1419
  {
@@ -1425,7 +1425,7 @@
1425
1425
  "privacy": "protected",
1426
1426
  "inheritedFrom": {
1427
1427
  "name": "PickerBase",
1428
- "module": "src/Picker.ts"
1428
+ "module": "src/Picker.js"
1429
1429
  }
1430
1430
  },
1431
1431
  {
@@ -1437,7 +1437,7 @@
1437
1437
  "privacy": "protected",
1438
1438
  "inheritedFrom": {
1439
1439
  "name": "PickerBase",
1440
- "module": "src/Picker.ts"
1440
+ "module": "src/Picker.js"
1441
1441
  }
1442
1442
  },
1443
1443
  {
@@ -1450,7 +1450,7 @@
1450
1450
  "default": "false",
1451
1451
  "inheritedFrom": {
1452
1452
  "name": "PickerBase",
1453
- "module": "src/Picker.ts"
1453
+ "module": "src/Picker.js"
1454
1454
  }
1455
1455
  },
1456
1456
  {
@@ -1462,7 +1462,7 @@
1462
1462
  "privacy": "protected",
1463
1463
  "inheritedFrom": {
1464
1464
  "name": "PickerBase",
1465
- "module": "src/Picker.ts"
1465
+ "module": "src/Picker.js"
1466
1466
  }
1467
1467
  },
1468
1468
  {
@@ -1486,7 +1486,7 @@
1486
1486
  "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.",
1487
1487
  "inheritedFrom": {
1488
1488
  "name": "PickerBase",
1489
- "module": "src/Picker.ts"
1489
+ "module": "src/Picker.js"
1490
1490
  }
1491
1491
  },
1492
1492
  {
@@ -1500,7 +1500,7 @@
1500
1500
  },
1501
1501
  "inheritedFrom": {
1502
1502
  "name": "PickerBase",
1503
- "module": "src/Picker.ts"
1503
+ "module": "src/Picker.js"
1504
1504
  }
1505
1505
  },
1506
1506
  {
@@ -1509,7 +1509,7 @@
1509
1509
  "privacy": "private",
1510
1510
  "inheritedFrom": {
1511
1511
  "name": "PickerBase",
1512
- "module": "src/Picker.ts"
1512
+ "module": "src/Picker.js"
1513
1513
  }
1514
1514
  },
1515
1515
  {
@@ -1521,7 +1521,7 @@
1521
1521
  "privacy": "private",
1522
1522
  "inheritedFrom": {
1523
1523
  "name": "PickerBase",
1524
- "module": "src/Picker.ts"
1524
+ "module": "src/Picker.js"
1525
1525
  }
1526
1526
  },
1527
1527
  {
@@ -1530,7 +1530,7 @@
1530
1530
  "privacy": "private",
1531
1531
  "inheritedFrom": {
1532
1532
  "name": "PickerBase",
1533
- "module": "src/Picker.ts"
1533
+ "module": "src/Picker.js"
1534
1534
  }
1535
1535
  },
1536
1536
  {
@@ -1542,7 +1542,7 @@
1542
1542
  "privacy": "private",
1543
1543
  "inheritedFrom": {
1544
1544
  "name": "PickerBase",
1545
- "module": "src/Picker.ts"
1545
+ "module": "src/Picker.js"
1546
1546
  }
1547
1547
  },
1548
1548
  {
@@ -1556,7 +1556,7 @@
1556
1556
  },
1557
1557
  "inheritedFrom": {
1558
1558
  "name": "PickerBase",
1559
- "module": "src/Picker.ts"
1559
+ "module": "src/Picker.js"
1560
1560
  }
1561
1561
  }
1562
1562
  ],
@@ -1724,7 +1724,7 @@
1724
1724
  "name": "PickerBase",
1725
1725
  "declaration": {
1726
1726
  "name": "PickerBase",
1727
- "module": "src/Picker.ts"
1727
+ "module": "src/Picker.js"
1728
1728
  }
1729
1729
  },
1730
1730
  {
@@ -1732,7 +1732,7 @@
1732
1732
  "name": "Picker",
1733
1733
  "declaration": {
1734
1734
  "name": "Picker",
1735
- "module": "src/Picker.ts"
1735
+ "module": "src/Picker.js"
1736
1736
  }
1737
1737
  }
1738
1738
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/picker",
3
- "version": "0.14.2",
3
+ "version": "0.15.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -66,16 +66,16 @@
66
66
  ],
67
67
  "dependencies": {
68
68
  "@spectrum-web-components/base": "^0.7.4",
69
- "@spectrum-web-components/button": "^0.20.2",
70
- "@spectrum-web-components/icon": "^0.12.8",
71
- "@spectrum-web-components/icons-ui": "^0.9.9",
72
- "@spectrum-web-components/icons-workflow": "^0.9.9",
73
- "@spectrum-web-components/menu": "^0.16.14",
74
- "@spectrum-web-components/overlay": "^0.19.2",
75
- "@spectrum-web-components/popover": "^0.12.14",
69
+ "@spectrum-web-components/button": "^0.20.3",
70
+ "@spectrum-web-components/icon": "^0.12.9",
71
+ "@spectrum-web-components/icons-ui": "^0.9.10",
72
+ "@spectrum-web-components/icons-workflow": "^0.9.10",
73
+ "@spectrum-web-components/menu": "^0.16.15",
74
+ "@spectrum-web-components/overlay": "^0.19.3",
75
+ "@spectrum-web-components/popover": "^0.12.15",
76
76
  "@spectrum-web-components/reactive-controllers": "^0.3.5",
77
77
  "@spectrum-web-components/shared": "^0.15.5",
78
- "@spectrum-web-components/tray": "^0.5.0"
78
+ "@spectrum-web-components/tray": "^0.5.1"
79
79
  },
80
80
  "devDependencies": {
81
81
  "@spectrum-css/picker": "^2.0.5"
@@ -88,5 +88,5 @@
88
88
  "./sync/index.js",
89
89
  "./sync/sp-*.js"
90
90
  ],
91
- "gitHead": "5e11d828243bb3ff572c25b33a8d58844a89f524"
91
+ "gitHead": "1e25ee121f3bc838dbb99bac62f3c95857570f7a"
92
92
  }
package/src/Picker.d.ts CHANGED
@@ -99,6 +99,7 @@ export declare class PickerBase extends PickerBase_base {
99
99
  }
100
100
  export declare class Picker extends PickerBase {
101
101
  static get styles(): CSSResultArray;
102
+ protected sizePopover(popover: HTMLElement): void;
102
103
  protected onKeydown: (event: KeyboardEvent) => void;
103
104
  }
104
105
  export {};
package/src/Picker.dev.js CHANGED
@@ -239,9 +239,6 @@ export class PickerBase extends SizedMixin(Focusable) {
239
239
  popover.style.setProperty("--swc-menu-width", `100%`);
240
240
  return;
241
241
  }
242
- if (this.quiet)
243
- return;
244
- popover.style.setProperty("min-width", `${this.offsetWidth}px`);
245
242
  }
246
243
  async closeMenu() {
247
244
  if (this.closeOverlay) {
@@ -549,5 +546,11 @@ export class Picker extends PickerBase {
549
546
  static get styles() {
550
547
  return [pickerStyles, chevronStyles];
551
548
  }
549
+ sizePopover(popover) {
550
+ super.sizePopover(popover);
551
+ if (this.quiet)
552
+ return;
553
+ popover.style.setProperty("min-width", `${this.offsetWidth}px`);
554
+ }
552
555
  }
553
556
  //# sourceMappingURL=Picker.dev.js.map