@genesislcap/foundation-ui 14.127.4 → 14.127.6
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.
- package/dist/custom-elements.json +823 -823
- package/package.json +10 -10
|
@@ -818,219 +818,6 @@
|
|
|
818
818
|
}
|
|
819
819
|
]
|
|
820
820
|
},
|
|
821
|
-
{
|
|
822
|
-
"kind": "javascript-module",
|
|
823
|
-
"path": "src/_config/index.ts",
|
|
824
|
-
"declarations": [],
|
|
825
|
-
"exports": [
|
|
826
|
-
{
|
|
827
|
-
"kind": "js",
|
|
828
|
-
"name": "*",
|
|
829
|
-
"declaration": {
|
|
830
|
-
"name": "*",
|
|
831
|
-
"package": "./styles"
|
|
832
|
-
}
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"kind": "js",
|
|
836
|
-
"name": "*",
|
|
837
|
-
"declaration": {
|
|
838
|
-
"name": "*",
|
|
839
|
-
"package": "./tokens"
|
|
840
|
-
}
|
|
841
|
-
},
|
|
842
|
-
{
|
|
843
|
-
"kind": "js",
|
|
844
|
-
"name": "*",
|
|
845
|
-
"declaration": {
|
|
846
|
-
"name": "*",
|
|
847
|
-
"package": "./values"
|
|
848
|
-
}
|
|
849
|
-
}
|
|
850
|
-
]
|
|
851
|
-
},
|
|
852
|
-
{
|
|
853
|
-
"kind": "javascript-module",
|
|
854
|
-
"path": "src/accordion/accordion.styles.ts",
|
|
855
|
-
"declarations": [
|
|
856
|
-
{
|
|
857
|
-
"kind": "function",
|
|
858
|
-
"name": "foundationAccordionStyles",
|
|
859
|
-
"return": {
|
|
860
|
-
"type": {
|
|
861
|
-
"text": "ElementStyles"
|
|
862
|
-
}
|
|
863
|
-
},
|
|
864
|
-
"parameters": [
|
|
865
|
-
{
|
|
866
|
-
"name": "context",
|
|
867
|
-
"type": {
|
|
868
|
-
"text": "ElementDefinitionContext"
|
|
869
|
-
}
|
|
870
|
-
},
|
|
871
|
-
{
|
|
872
|
-
"name": "definition",
|
|
873
|
-
"type": {
|
|
874
|
-
"text": "FoundationElementDefinition"
|
|
875
|
-
}
|
|
876
|
-
}
|
|
877
|
-
]
|
|
878
|
-
}
|
|
879
|
-
],
|
|
880
|
-
"exports": [
|
|
881
|
-
{
|
|
882
|
-
"kind": "js",
|
|
883
|
-
"name": "foundationAccordionStyles",
|
|
884
|
-
"declaration": {
|
|
885
|
-
"name": "foundationAccordionStyles",
|
|
886
|
-
"module": "src/accordion/accordion.styles.ts"
|
|
887
|
-
}
|
|
888
|
-
}
|
|
889
|
-
]
|
|
890
|
-
},
|
|
891
|
-
{
|
|
892
|
-
"kind": "javascript-module",
|
|
893
|
-
"path": "src/accordion/accordion.template.ts",
|
|
894
|
-
"declarations": [
|
|
895
|
-
{
|
|
896
|
-
"kind": "function",
|
|
897
|
-
"name": "foundationAccordionTemplate",
|
|
898
|
-
"return": {
|
|
899
|
-
"type": {
|
|
900
|
-
"text": "ViewTemplate<Accordion>"
|
|
901
|
-
}
|
|
902
|
-
},
|
|
903
|
-
"parameters": [
|
|
904
|
-
{
|
|
905
|
-
"name": "context",
|
|
906
|
-
"type": {
|
|
907
|
-
"text": "ElementDefinitionContext"
|
|
908
|
-
}
|
|
909
|
-
},
|
|
910
|
-
{
|
|
911
|
-
"name": "definition",
|
|
912
|
-
"type": {
|
|
913
|
-
"text": "FoundationElementDefinition"
|
|
914
|
-
}
|
|
915
|
-
}
|
|
916
|
-
]
|
|
917
|
-
}
|
|
918
|
-
],
|
|
919
|
-
"exports": [
|
|
920
|
-
{
|
|
921
|
-
"kind": "js",
|
|
922
|
-
"name": "foundationAccordionTemplate",
|
|
923
|
-
"declaration": {
|
|
924
|
-
"name": "foundationAccordionTemplate",
|
|
925
|
-
"module": "src/accordion/accordion.template.ts"
|
|
926
|
-
}
|
|
927
|
-
}
|
|
928
|
-
]
|
|
929
|
-
},
|
|
930
|
-
{
|
|
931
|
-
"kind": "javascript-module",
|
|
932
|
-
"path": "src/accordion/accordion.ts",
|
|
933
|
-
"declarations": [
|
|
934
|
-
{
|
|
935
|
-
"kind": "class",
|
|
936
|
-
"description": "",
|
|
937
|
-
"name": "Accordion",
|
|
938
|
-
"superclass": {
|
|
939
|
-
"name": "FASTAccordion",
|
|
940
|
-
"package": "@microsoft/fast-foundation"
|
|
941
|
-
},
|
|
942
|
-
"tagName": "%%prefix%%-accordion",
|
|
943
|
-
"customElement": true
|
|
944
|
-
},
|
|
945
|
-
{
|
|
946
|
-
"kind": "variable",
|
|
947
|
-
"name": "foundationAccordionShadowOptions",
|
|
948
|
-
"type": {
|
|
949
|
-
"text": "ShadowRootInit"
|
|
950
|
-
},
|
|
951
|
-
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
952
|
-
},
|
|
953
|
-
{
|
|
954
|
-
"kind": "variable",
|
|
955
|
-
"name": "defaultAccordionConfig",
|
|
956
|
-
"type": {
|
|
957
|
-
"text": "object"
|
|
958
|
-
},
|
|
959
|
-
"default": "{}"
|
|
960
|
-
},
|
|
961
|
-
{
|
|
962
|
-
"kind": "variable",
|
|
963
|
-
"name": "foundationAccordion",
|
|
964
|
-
"description": "The Foundation Accordion",
|
|
965
|
-
"privacy": "public"
|
|
966
|
-
}
|
|
967
|
-
],
|
|
968
|
-
"exports": [
|
|
969
|
-
{
|
|
970
|
-
"kind": "js",
|
|
971
|
-
"name": "Accordion",
|
|
972
|
-
"declaration": {
|
|
973
|
-
"name": "Accordion",
|
|
974
|
-
"module": "src/accordion/accordion.ts"
|
|
975
|
-
}
|
|
976
|
-
},
|
|
977
|
-
{
|
|
978
|
-
"kind": "js",
|
|
979
|
-
"name": "foundationAccordionShadowOptions",
|
|
980
|
-
"declaration": {
|
|
981
|
-
"name": "foundationAccordionShadowOptions",
|
|
982
|
-
"module": "src/accordion/accordion.ts"
|
|
983
|
-
}
|
|
984
|
-
},
|
|
985
|
-
{
|
|
986
|
-
"kind": "js",
|
|
987
|
-
"name": "defaultAccordionConfig",
|
|
988
|
-
"declaration": {
|
|
989
|
-
"name": "defaultAccordionConfig",
|
|
990
|
-
"module": "src/accordion/accordion.ts"
|
|
991
|
-
}
|
|
992
|
-
},
|
|
993
|
-
{
|
|
994
|
-
"kind": "js",
|
|
995
|
-
"name": "foundationAccordion",
|
|
996
|
-
"declaration": {
|
|
997
|
-
"name": "foundationAccordion",
|
|
998
|
-
"module": "src/accordion/accordion.ts"
|
|
999
|
-
}
|
|
1000
|
-
}
|
|
1001
|
-
]
|
|
1002
|
-
},
|
|
1003
|
-
{
|
|
1004
|
-
"kind": "javascript-module",
|
|
1005
|
-
"path": "src/accordion/index.ts",
|
|
1006
|
-
"declarations": [],
|
|
1007
|
-
"exports": [
|
|
1008
|
-
{
|
|
1009
|
-
"kind": "js",
|
|
1010
|
-
"name": "*",
|
|
1011
|
-
"declaration": {
|
|
1012
|
-
"name": "*",
|
|
1013
|
-
"package": "./accordion.template"
|
|
1014
|
-
}
|
|
1015
|
-
},
|
|
1016
|
-
{
|
|
1017
|
-
"kind": "js",
|
|
1018
|
-
"name": "*",
|
|
1019
|
-
"declaration": {
|
|
1020
|
-
"name": "*",
|
|
1021
|
-
"package": "./accordion.styles"
|
|
1022
|
-
}
|
|
1023
|
-
},
|
|
1024
|
-
{
|
|
1025
|
-
"kind": "js",
|
|
1026
|
-
"name": "*",
|
|
1027
|
-
"declaration": {
|
|
1028
|
-
"name": "*",
|
|
1029
|
-
"package": "./accordion"
|
|
1030
|
-
}
|
|
1031
|
-
}
|
|
1032
|
-
]
|
|
1033
|
-
},
|
|
1034
821
|
{
|
|
1035
822
|
"kind": "javascript-module",
|
|
1036
823
|
"path": "src/accordion-item/accordion-item.styles.ts",
|
|
@@ -1427,11 +1214,42 @@
|
|
|
1427
1214
|
},
|
|
1428
1215
|
{
|
|
1429
1216
|
"kind": "javascript-module",
|
|
1430
|
-
"path": "src/
|
|
1217
|
+
"path": "src/_config/index.ts",
|
|
1218
|
+
"declarations": [],
|
|
1219
|
+
"exports": [
|
|
1220
|
+
{
|
|
1221
|
+
"kind": "js",
|
|
1222
|
+
"name": "*",
|
|
1223
|
+
"declaration": {
|
|
1224
|
+
"name": "*",
|
|
1225
|
+
"package": "./styles"
|
|
1226
|
+
}
|
|
1227
|
+
},
|
|
1228
|
+
{
|
|
1229
|
+
"kind": "js",
|
|
1230
|
+
"name": "*",
|
|
1231
|
+
"declaration": {
|
|
1232
|
+
"name": "*",
|
|
1233
|
+
"package": "./tokens"
|
|
1234
|
+
}
|
|
1235
|
+
},
|
|
1236
|
+
{
|
|
1237
|
+
"kind": "js",
|
|
1238
|
+
"name": "*",
|
|
1239
|
+
"declaration": {
|
|
1240
|
+
"name": "*",
|
|
1241
|
+
"package": "./values"
|
|
1242
|
+
}
|
|
1243
|
+
}
|
|
1244
|
+
]
|
|
1245
|
+
},
|
|
1246
|
+
{
|
|
1247
|
+
"kind": "javascript-module",
|
|
1248
|
+
"path": "src/accordion/accordion.styles.ts",
|
|
1431
1249
|
"declarations": [
|
|
1432
1250
|
{
|
|
1433
1251
|
"kind": "function",
|
|
1434
|
-
"name": "
|
|
1252
|
+
"name": "foundationAccordionStyles",
|
|
1435
1253
|
"return": {
|
|
1436
1254
|
"type": {
|
|
1437
1255
|
"text": "ElementStyles"
|
|
@@ -1451,12 +1269,194 @@
|
|
|
1451
1269
|
}
|
|
1452
1270
|
}
|
|
1453
1271
|
]
|
|
1454
|
-
}
|
|
1272
|
+
}
|
|
1273
|
+
],
|
|
1274
|
+
"exports": [
|
|
1455
1275
|
{
|
|
1456
|
-
"kind": "
|
|
1457
|
-
"name": "
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1276
|
+
"kind": "js",
|
|
1277
|
+
"name": "foundationAccordionStyles",
|
|
1278
|
+
"declaration": {
|
|
1279
|
+
"name": "foundationAccordionStyles",
|
|
1280
|
+
"module": "src/accordion/accordion.styles.ts"
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
]
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"kind": "javascript-module",
|
|
1287
|
+
"path": "src/accordion/accordion.template.ts",
|
|
1288
|
+
"declarations": [
|
|
1289
|
+
{
|
|
1290
|
+
"kind": "function",
|
|
1291
|
+
"name": "foundationAccordionTemplate",
|
|
1292
|
+
"return": {
|
|
1293
|
+
"type": {
|
|
1294
|
+
"text": "ViewTemplate<Accordion>"
|
|
1295
|
+
}
|
|
1296
|
+
},
|
|
1297
|
+
"parameters": [
|
|
1298
|
+
{
|
|
1299
|
+
"name": "context",
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "ElementDefinitionContext"
|
|
1302
|
+
}
|
|
1303
|
+
},
|
|
1304
|
+
{
|
|
1305
|
+
"name": "definition",
|
|
1306
|
+
"type": {
|
|
1307
|
+
"text": "FoundationElementDefinition"
|
|
1308
|
+
}
|
|
1309
|
+
}
|
|
1310
|
+
]
|
|
1311
|
+
}
|
|
1312
|
+
],
|
|
1313
|
+
"exports": [
|
|
1314
|
+
{
|
|
1315
|
+
"kind": "js",
|
|
1316
|
+
"name": "foundationAccordionTemplate",
|
|
1317
|
+
"declaration": {
|
|
1318
|
+
"name": "foundationAccordionTemplate",
|
|
1319
|
+
"module": "src/accordion/accordion.template.ts"
|
|
1320
|
+
}
|
|
1321
|
+
}
|
|
1322
|
+
]
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"kind": "javascript-module",
|
|
1326
|
+
"path": "src/accordion/accordion.ts",
|
|
1327
|
+
"declarations": [
|
|
1328
|
+
{
|
|
1329
|
+
"kind": "class",
|
|
1330
|
+
"description": "",
|
|
1331
|
+
"name": "Accordion",
|
|
1332
|
+
"superclass": {
|
|
1333
|
+
"name": "FASTAccordion",
|
|
1334
|
+
"package": "@microsoft/fast-foundation"
|
|
1335
|
+
},
|
|
1336
|
+
"tagName": "%%prefix%%-accordion",
|
|
1337
|
+
"customElement": true
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
"kind": "variable",
|
|
1341
|
+
"name": "foundationAccordionShadowOptions",
|
|
1342
|
+
"type": {
|
|
1343
|
+
"text": "ShadowRootInit"
|
|
1344
|
+
},
|
|
1345
|
+
"default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"kind": "variable",
|
|
1349
|
+
"name": "defaultAccordionConfig",
|
|
1350
|
+
"type": {
|
|
1351
|
+
"text": "object"
|
|
1352
|
+
},
|
|
1353
|
+
"default": "{}"
|
|
1354
|
+
},
|
|
1355
|
+
{
|
|
1356
|
+
"kind": "variable",
|
|
1357
|
+
"name": "foundationAccordion",
|
|
1358
|
+
"description": "The Foundation Accordion",
|
|
1359
|
+
"privacy": "public"
|
|
1360
|
+
}
|
|
1361
|
+
],
|
|
1362
|
+
"exports": [
|
|
1363
|
+
{
|
|
1364
|
+
"kind": "js",
|
|
1365
|
+
"name": "Accordion",
|
|
1366
|
+
"declaration": {
|
|
1367
|
+
"name": "Accordion",
|
|
1368
|
+
"module": "src/accordion/accordion.ts"
|
|
1369
|
+
}
|
|
1370
|
+
},
|
|
1371
|
+
{
|
|
1372
|
+
"kind": "js",
|
|
1373
|
+
"name": "foundationAccordionShadowOptions",
|
|
1374
|
+
"declaration": {
|
|
1375
|
+
"name": "foundationAccordionShadowOptions",
|
|
1376
|
+
"module": "src/accordion/accordion.ts"
|
|
1377
|
+
}
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"kind": "js",
|
|
1381
|
+
"name": "defaultAccordionConfig",
|
|
1382
|
+
"declaration": {
|
|
1383
|
+
"name": "defaultAccordionConfig",
|
|
1384
|
+
"module": "src/accordion/accordion.ts"
|
|
1385
|
+
}
|
|
1386
|
+
},
|
|
1387
|
+
{
|
|
1388
|
+
"kind": "js",
|
|
1389
|
+
"name": "foundationAccordion",
|
|
1390
|
+
"declaration": {
|
|
1391
|
+
"name": "foundationAccordion",
|
|
1392
|
+
"module": "src/accordion/accordion.ts"
|
|
1393
|
+
}
|
|
1394
|
+
}
|
|
1395
|
+
]
|
|
1396
|
+
},
|
|
1397
|
+
{
|
|
1398
|
+
"kind": "javascript-module",
|
|
1399
|
+
"path": "src/accordion/index.ts",
|
|
1400
|
+
"declarations": [],
|
|
1401
|
+
"exports": [
|
|
1402
|
+
{
|
|
1403
|
+
"kind": "js",
|
|
1404
|
+
"name": "*",
|
|
1405
|
+
"declaration": {
|
|
1406
|
+
"name": "*",
|
|
1407
|
+
"package": "./accordion.template"
|
|
1408
|
+
}
|
|
1409
|
+
},
|
|
1410
|
+
{
|
|
1411
|
+
"kind": "js",
|
|
1412
|
+
"name": "*",
|
|
1413
|
+
"declaration": {
|
|
1414
|
+
"name": "*",
|
|
1415
|
+
"package": "./accordion.styles"
|
|
1416
|
+
}
|
|
1417
|
+
},
|
|
1418
|
+
{
|
|
1419
|
+
"kind": "js",
|
|
1420
|
+
"name": "*",
|
|
1421
|
+
"declaration": {
|
|
1422
|
+
"name": "*",
|
|
1423
|
+
"package": "./accordion"
|
|
1424
|
+
}
|
|
1425
|
+
}
|
|
1426
|
+
]
|
|
1427
|
+
},
|
|
1428
|
+
{
|
|
1429
|
+
"kind": "javascript-module",
|
|
1430
|
+
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
1431
|
+
"declarations": [
|
|
1432
|
+
{
|
|
1433
|
+
"kind": "function",
|
|
1434
|
+
"name": "actionsMenuBaseStyles",
|
|
1435
|
+
"return": {
|
|
1436
|
+
"type": {
|
|
1437
|
+
"text": "ElementStyles"
|
|
1438
|
+
}
|
|
1439
|
+
},
|
|
1440
|
+
"parameters": [
|
|
1441
|
+
{
|
|
1442
|
+
"name": "context",
|
|
1443
|
+
"type": {
|
|
1444
|
+
"text": "ElementDefinitionContext"
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"name": "definition",
|
|
1449
|
+
"type": {
|
|
1450
|
+
"text": "FoundationElementDefinition"
|
|
1451
|
+
}
|
|
1452
|
+
}
|
|
1453
|
+
]
|
|
1454
|
+
},
|
|
1455
|
+
{
|
|
1456
|
+
"kind": "function",
|
|
1457
|
+
"name": "foundationActionsMenuStyles",
|
|
1458
|
+
"return": {
|
|
1459
|
+
"type": {
|
|
1460
1460
|
"text": "ElementStyles"
|
|
1461
1461
|
}
|
|
1462
1462
|
},
|
|
@@ -22891,7 +22891,7 @@
|
|
|
22891
22891
|
},
|
|
22892
22892
|
{
|
|
22893
22893
|
"kind": "javascript-module",
|
|
22894
|
-
"path": "src/
|
|
22894
|
+
"path": "src/multiselect/index.ts",
|
|
22895
22895
|
"declarations": [],
|
|
22896
22896
|
"exports": [
|
|
22897
22897
|
{
|
|
@@ -22899,7 +22899,7 @@
|
|
|
22899
22899
|
"name": "*",
|
|
22900
22900
|
"declaration": {
|
|
22901
22901
|
"name": "*",
|
|
22902
|
-
"package": "./
|
|
22902
|
+
"package": "./multiselect"
|
|
22903
22903
|
}
|
|
22904
22904
|
},
|
|
22905
22905
|
{
|
|
@@ -22907,766 +22907,812 @@
|
|
|
22907
22907
|
"name": "*",
|
|
22908
22908
|
"declaration": {
|
|
22909
22909
|
"name": "*",
|
|
22910
|
-
"package": "./
|
|
22910
|
+
"package": "./multiselect.styles"
|
|
22911
|
+
}
|
|
22912
|
+
},
|
|
22913
|
+
{
|
|
22914
|
+
"kind": "js",
|
|
22915
|
+
"name": "*",
|
|
22916
|
+
"declaration": {
|
|
22917
|
+
"name": "*",
|
|
22918
|
+
"package": "./multiselect.template"
|
|
22911
22919
|
}
|
|
22912
22920
|
}
|
|
22913
22921
|
]
|
|
22914
22922
|
},
|
|
22915
22923
|
{
|
|
22916
22924
|
"kind": "javascript-module",
|
|
22917
|
-
"path": "src/
|
|
22925
|
+
"path": "src/multiselect/multiselect-consts.ts",
|
|
22926
|
+
"declarations": [],
|
|
22927
|
+
"exports": []
|
|
22928
|
+
},
|
|
22929
|
+
{
|
|
22930
|
+
"kind": "javascript-module",
|
|
22931
|
+
"path": "src/multiselect/multiselect.styles.ts",
|
|
22918
22932
|
"declarations": [
|
|
22919
22933
|
{
|
|
22920
22934
|
"kind": "variable",
|
|
22921
|
-
"name": "
|
|
22935
|
+
"name": "maxheight",
|
|
22922
22936
|
"type": {
|
|
22923
|
-
"text": "
|
|
22937
|
+
"text": "number"
|
|
22924
22938
|
},
|
|
22925
|
-
"default": "
|
|
22939
|
+
"default": "230"
|
|
22940
|
+
},
|
|
22941
|
+
{
|
|
22942
|
+
"kind": "variable",
|
|
22943
|
+
"name": "multiselectStyles",
|
|
22944
|
+
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: 1px solid rgba(46 51 57 / 100%);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n #filter-search {\n padding: 5px;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: rgb(31 33 38);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: rgb(46 48 53);\n border: 3px solid rgb(31 33 38);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid rgb(46 48 52);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n`"
|
|
22926
22945
|
}
|
|
22927
22946
|
],
|
|
22928
22947
|
"exports": [
|
|
22929
22948
|
{
|
|
22930
22949
|
"kind": "js",
|
|
22931
|
-
"name": "
|
|
22950
|
+
"name": "maxheight",
|
|
22932
22951
|
"declaration": {
|
|
22933
|
-
"name": "
|
|
22934
|
-
"module": "src/
|
|
22952
|
+
"name": "maxheight",
|
|
22953
|
+
"module": "src/multiselect/multiselect.styles.ts"
|
|
22954
|
+
}
|
|
22955
|
+
},
|
|
22956
|
+
{
|
|
22957
|
+
"kind": "js",
|
|
22958
|
+
"name": "multiselectStyles",
|
|
22959
|
+
"declaration": {
|
|
22960
|
+
"name": "multiselectStyles",
|
|
22961
|
+
"module": "src/multiselect/multiselect.styles.ts"
|
|
22935
22962
|
}
|
|
22936
22963
|
}
|
|
22937
22964
|
]
|
|
22938
22965
|
},
|
|
22939
22966
|
{
|
|
22940
22967
|
"kind": "javascript-module",
|
|
22941
|
-
"path": "src/
|
|
22968
|
+
"path": "src/multiselect/multiselect.template.ts",
|
|
22942
22969
|
"declarations": [
|
|
22943
22970
|
{
|
|
22944
|
-
"kind": "
|
|
22945
|
-
"name": "
|
|
22946
|
-
"
|
|
22947
|
-
|
|
22948
|
-
|
|
22949
|
-
|
|
22971
|
+
"kind": "function",
|
|
22972
|
+
"name": "getPrefixedMultiselect",
|
|
22973
|
+
"parameters": [
|
|
22974
|
+
{
|
|
22975
|
+
"name": "prefix",
|
|
22976
|
+
"default": "'foundation'"
|
|
22977
|
+
}
|
|
22978
|
+
]
|
|
22950
22979
|
},
|
|
22951
22980
|
{
|
|
22952
|
-
"kind": "
|
|
22953
|
-
"
|
|
22954
|
-
"
|
|
22955
|
-
|
|
22956
|
-
|
|
22957
|
-
|
|
22958
|
-
|
|
22959
|
-
|
|
22960
|
-
|
|
22961
|
-
|
|
22981
|
+
"kind": "variable",
|
|
22982
|
+
"name": "multiselectTemplate",
|
|
22983
|
+
"default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
|
|
22984
|
+
}
|
|
22985
|
+
],
|
|
22986
|
+
"exports": [
|
|
22987
|
+
{
|
|
22988
|
+
"kind": "js",
|
|
22989
|
+
"name": "getPrefixedMultiselect",
|
|
22990
|
+
"declaration": {
|
|
22991
|
+
"name": "getPrefixedMultiselect",
|
|
22992
|
+
"module": "src/multiselect/multiselect.template.ts"
|
|
22993
|
+
}
|
|
22994
|
+
},
|
|
22995
|
+
{
|
|
22996
|
+
"kind": "js",
|
|
22997
|
+
"name": "multiselectTemplate",
|
|
22998
|
+
"declaration": {
|
|
22999
|
+
"name": "multiselectTemplate",
|
|
23000
|
+
"module": "src/multiselect/multiselect.template.ts"
|
|
23001
|
+
}
|
|
23002
|
+
}
|
|
23003
|
+
]
|
|
23004
|
+
},
|
|
23005
|
+
{
|
|
23006
|
+
"kind": "javascript-module",
|
|
23007
|
+
"path": "src/multiselect/multiselect.ts",
|
|
23008
|
+
"declarations": [
|
|
23009
|
+
{
|
|
23010
|
+
"kind": "variable",
|
|
23011
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23012
|
+
"type": {
|
|
23013
|
+
"text": "ShadowRootInit"
|
|
23014
|
+
},
|
|
23015
|
+
"default": "undefined"
|
|
23016
|
+
},
|
|
23017
|
+
{
|
|
23018
|
+
"kind": "variable",
|
|
23019
|
+
"name": "defaultMultiselectConfig",
|
|
23020
|
+
"type": {
|
|
23021
|
+
"text": "object"
|
|
23022
|
+
},
|
|
23023
|
+
"default": "{}"
|
|
23024
|
+
},
|
|
23025
|
+
{
|
|
23026
|
+
"kind": "class",
|
|
23027
|
+
"description": "",
|
|
23028
|
+
"name": "Multiselect",
|
|
23029
|
+
"members": [
|
|
23030
|
+
{
|
|
23031
|
+
"kind": "field",
|
|
23032
|
+
"name": "name",
|
|
23033
|
+
"type": {
|
|
23034
|
+
"text": "string"
|
|
23035
|
+
},
|
|
23036
|
+
"default": "''"
|
|
22962
23037
|
},
|
|
22963
23038
|
{
|
|
22964
23039
|
"kind": "field",
|
|
22965
|
-
"name": "
|
|
22966
|
-
"
|
|
22967
|
-
|
|
23040
|
+
"name": "all",
|
|
23041
|
+
"type": {
|
|
23042
|
+
"text": "boolean"
|
|
23043
|
+
},
|
|
23044
|
+
"default": "true"
|
|
22968
23045
|
},
|
|
22969
23046
|
{
|
|
22970
23047
|
"kind": "field",
|
|
22971
|
-
"name": "
|
|
23048
|
+
"name": "allSelected",
|
|
22972
23049
|
"type": {
|
|
22973
|
-
"text": "
|
|
23050
|
+
"text": "boolean"
|
|
22974
23051
|
},
|
|
22975
|
-
"default": "
|
|
22976
|
-
"description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
|
|
22977
|
-
"privacy": "public"
|
|
23052
|
+
"default": "false"
|
|
22978
23053
|
},
|
|
22979
23054
|
{
|
|
22980
23055
|
"kind": "field",
|
|
22981
|
-
"name": "
|
|
23056
|
+
"name": "search",
|
|
22982
23057
|
"type": {
|
|
22983
|
-
"text": "
|
|
23058
|
+
"text": "boolean"
|
|
22984
23059
|
},
|
|
22985
|
-
"default": "
|
|
22986
|
-
"description": "Array of buttons for notification toasts",
|
|
22987
|
-
"privacy": "public"
|
|
23060
|
+
"default": "true"
|
|
22988
23061
|
},
|
|
22989
23062
|
{
|
|
22990
23063
|
"kind": "field",
|
|
22991
|
-
"name": "
|
|
23064
|
+
"name": "disabled",
|
|
22992
23065
|
"type": {
|
|
22993
|
-
"text": "
|
|
23066
|
+
"text": "boolean"
|
|
22994
23067
|
},
|
|
22995
|
-
"
|
|
23068
|
+
"default": "false"
|
|
22996
23069
|
},
|
|
22997
23070
|
{
|
|
22998
|
-
"kind": "
|
|
22999
|
-
"name": "
|
|
23000
|
-
"
|
|
23001
|
-
|
|
23002
|
-
|
|
23003
|
-
|
|
23004
|
-
|
|
23071
|
+
"kind": "field",
|
|
23072
|
+
"name": "async",
|
|
23073
|
+
"type": {
|
|
23074
|
+
"text": "boolean"
|
|
23075
|
+
},
|
|
23076
|
+
"default": "false"
|
|
23077
|
+
},
|
|
23078
|
+
{
|
|
23079
|
+
"kind": "field",
|
|
23080
|
+
"name": "debounce",
|
|
23081
|
+
"type": {
|
|
23082
|
+
"text": "number"
|
|
23005
23083
|
},
|
|
23084
|
+
"default": "500"
|
|
23085
|
+
},
|
|
23086
|
+
{
|
|
23087
|
+
"kind": "method",
|
|
23088
|
+
"name": "debounceChanged",
|
|
23006
23089
|
"parameters": [
|
|
23007
23090
|
{
|
|
23008
|
-
"name": "
|
|
23091
|
+
"name": "oldValue"
|
|
23092
|
+
},
|
|
23093
|
+
{
|
|
23094
|
+
"name": "newValue",
|
|
23009
23095
|
"type": {
|
|
23010
|
-
"text": "
|
|
23096
|
+
"text": "number"
|
|
23011
23097
|
}
|
|
23012
23098
|
}
|
|
23013
23099
|
]
|
|
23014
23100
|
},
|
|
23015
23101
|
{
|
|
23016
23102
|
"kind": "field",
|
|
23017
|
-
"name": "
|
|
23018
|
-
"type": {
|
|
23019
|
-
"text": "ComponentPresentation | null | undefined"
|
|
23020
|
-
},
|
|
23021
|
-
"privacy": "private",
|
|
23022
|
-
"default": "void 0",
|
|
23023
|
-
"inheritedFrom": {
|
|
23024
|
-
"name": "FoundationElement",
|
|
23025
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23026
|
-
}
|
|
23103
|
+
"name": "debouncedInputHandler"
|
|
23027
23104
|
},
|
|
23028
23105
|
{
|
|
23029
23106
|
"kind": "field",
|
|
23030
|
-
"name": "
|
|
23107
|
+
"name": "defaultSlottedNodes",
|
|
23031
23108
|
"type": {
|
|
23032
|
-
"text": "
|
|
23033
|
-
},
|
|
23034
|
-
"privacy": "public",
|
|
23035
|
-
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
23036
|
-
"inheritedFrom": {
|
|
23037
|
-
"name": "FoundationElement",
|
|
23038
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23109
|
+
"text": "Node[]"
|
|
23039
23110
|
}
|
|
23040
23111
|
},
|
|
23041
23112
|
{
|
|
23042
23113
|
"kind": "field",
|
|
23043
|
-
"name": "
|
|
23114
|
+
"name": "slottedDatasource",
|
|
23044
23115
|
"type": {
|
|
23045
|
-
"text": "
|
|
23046
|
-
},
|
|
23047
|
-
"privacy": "public",
|
|
23048
|
-
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
23049
|
-
"inheritedFrom": {
|
|
23050
|
-
"name": "FoundationElement",
|
|
23051
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23116
|
+
"text": "MultiselectDatasource[]"
|
|
23052
23117
|
}
|
|
23053
23118
|
},
|
|
23054
23119
|
{
|
|
23055
|
-
"kind": "
|
|
23056
|
-
"name": "
|
|
23057
|
-
|
|
23058
|
-
|
|
23059
|
-
|
|
23060
|
-
|
|
23061
|
-
|
|
23062
|
-
|
|
23063
|
-
"inheritedFrom": {
|
|
23064
|
-
"name": "FoundationElement",
|
|
23065
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23120
|
+
"kind": "field",
|
|
23121
|
+
"name": "valueFormatter"
|
|
23122
|
+
},
|
|
23123
|
+
{
|
|
23124
|
+
"kind": "field",
|
|
23125
|
+
"name": "loading",
|
|
23126
|
+
"type": {
|
|
23127
|
+
"text": "boolean"
|
|
23066
23128
|
}
|
|
23067
23129
|
},
|
|
23068
23130
|
{
|
|
23069
23131
|
"kind": "field",
|
|
23070
|
-
"name": "
|
|
23132
|
+
"name": "filterSearchValue",
|
|
23071
23133
|
"type": {
|
|
23072
|
-
"text": "
|
|
23073
|
-
},
|
|
23074
|
-
"privacy": "public",
|
|
23075
|
-
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
23076
|
-
"inheritedFrom": {
|
|
23077
|
-
"name": "FoundationElement",
|
|
23078
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23134
|
+
"text": "string"
|
|
23079
23135
|
}
|
|
23080
23136
|
},
|
|
23081
23137
|
{
|
|
23082
|
-
"kind": "
|
|
23083
|
-
"name": "
|
|
23084
|
-
"privacy": "
|
|
23085
|
-
|
|
23086
|
-
|
|
23087
|
-
|
|
23088
|
-
|
|
23138
|
+
"kind": "field",
|
|
23139
|
+
"name": "clickOutside",
|
|
23140
|
+
"privacy": "private"
|
|
23141
|
+
},
|
|
23142
|
+
{
|
|
23143
|
+
"kind": "field",
|
|
23144
|
+
"name": "open",
|
|
23145
|
+
"type": {
|
|
23146
|
+
"text": "boolean"
|
|
23089
23147
|
},
|
|
23090
|
-
"
|
|
23091
|
-
"name": "FoundationElement",
|
|
23092
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23093
|
-
}
|
|
23148
|
+
"default": "false"
|
|
23094
23149
|
},
|
|
23095
23150
|
{
|
|
23096
23151
|
"kind": "method",
|
|
23097
|
-
"name": "
|
|
23098
|
-
"privacy": "public",
|
|
23099
|
-
"static": true,
|
|
23100
|
-
"return": {
|
|
23101
|
-
"type": {
|
|
23102
|
-
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
23103
|
-
}
|
|
23104
|
-
},
|
|
23152
|
+
"name": "openChanged",
|
|
23105
23153
|
"parameters": [
|
|
23106
23154
|
{
|
|
23107
|
-
"name": "
|
|
23155
|
+
"name": "previous",
|
|
23108
23156
|
"type": {
|
|
23109
|
-
"text": "
|
|
23157
|
+
"text": "boolean"
|
|
23110
23158
|
}
|
|
23111
23159
|
},
|
|
23112
23160
|
{
|
|
23113
|
-
"name": "
|
|
23161
|
+
"name": "open",
|
|
23114
23162
|
"type": {
|
|
23115
|
-
"text": "
|
|
23116
|
-
}
|
|
23117
|
-
"description": "The definition of the element to create the registry\nfunction for."
|
|
23163
|
+
"text": "boolean"
|
|
23164
|
+
}
|
|
23118
23165
|
}
|
|
23119
|
-
]
|
|
23120
|
-
|
|
23121
|
-
"inheritedFrom": {
|
|
23122
|
-
"name": "FoundationElement",
|
|
23123
|
-
"module": "src/foundation-element/foundation-element.ts"
|
|
23124
|
-
}
|
|
23125
|
-
}
|
|
23126
|
-
],
|
|
23127
|
-
"attributes": [
|
|
23166
|
+
]
|
|
23167
|
+
},
|
|
23128
23168
|
{
|
|
23129
|
-
"
|
|
23130
|
-
"
|
|
23131
|
-
"
|
|
23169
|
+
"kind": "field",
|
|
23170
|
+
"name": "options",
|
|
23171
|
+
"type": {
|
|
23172
|
+
"text": "MultiselectOption[]"
|
|
23173
|
+
},
|
|
23174
|
+
"default": "[]"
|
|
23132
23175
|
},
|
|
23133
23176
|
{
|
|
23134
|
-
"
|
|
23177
|
+
"kind": "field",
|
|
23178
|
+
"name": "selectedOptions",
|
|
23135
23179
|
"type": {
|
|
23136
|
-
"text": "
|
|
23180
|
+
"text": "string[]"
|
|
23137
23181
|
},
|
|
23138
|
-
"default": "
|
|
23139
|
-
|
|
23140
|
-
"fieldName": "closeTimeout"
|
|
23141
|
-
}
|
|
23142
|
-
],
|
|
23143
|
-
"superclass": {
|
|
23144
|
-
"name": "FoundationElement",
|
|
23145
|
-
"package": "@microsoft/fast-foundation"
|
|
23146
|
-
},
|
|
23147
|
-
"tagName": "%%prefix%%-notification-listener",
|
|
23148
|
-
"customElement": true
|
|
23149
|
-
},
|
|
23150
|
-
{
|
|
23151
|
-
"kind": "variable",
|
|
23152
|
-
"name": "foundationNotificationListener",
|
|
23153
|
-
"description": "The Foundation Notification Listener",
|
|
23154
|
-
"privacy": "public"
|
|
23155
|
-
}
|
|
23156
|
-
],
|
|
23157
|
-
"exports": [
|
|
23158
|
-
{
|
|
23159
|
-
"kind": "js",
|
|
23160
|
-
"name": "foundationNotificationListenerShadowOptions",
|
|
23161
|
-
"declaration": {
|
|
23162
|
-
"name": "foundationNotificationListenerShadowOptions",
|
|
23163
|
-
"module": "src/notification-listener/notification-listener.ts"
|
|
23164
|
-
}
|
|
23165
|
-
},
|
|
23166
|
-
{
|
|
23167
|
-
"kind": "js",
|
|
23168
|
-
"name": "NotificationListener",
|
|
23169
|
-
"declaration": {
|
|
23170
|
-
"name": "NotificationListener",
|
|
23171
|
-
"module": "src/notification-listener/notification-listener.ts"
|
|
23172
|
-
}
|
|
23173
|
-
},
|
|
23174
|
-
{
|
|
23175
|
-
"kind": "js",
|
|
23176
|
-
"name": "foundationNotificationListener",
|
|
23177
|
-
"declaration": {
|
|
23178
|
-
"name": "foundationNotificationListener",
|
|
23179
|
-
"module": "src/notification-listener/notification-listener.ts"
|
|
23180
|
-
}
|
|
23181
|
-
}
|
|
23182
|
-
]
|
|
23183
|
-
},
|
|
23184
|
-
{
|
|
23185
|
-
"kind": "javascript-module",
|
|
23186
|
-
"path": "src/multiselect/index.ts",
|
|
23187
|
-
"declarations": [],
|
|
23188
|
-
"exports": [
|
|
23189
|
-
{
|
|
23190
|
-
"kind": "js",
|
|
23191
|
-
"name": "*",
|
|
23192
|
-
"declaration": {
|
|
23193
|
-
"name": "*",
|
|
23194
|
-
"package": "./multiselect"
|
|
23195
|
-
}
|
|
23196
|
-
},
|
|
23197
|
-
{
|
|
23198
|
-
"kind": "js",
|
|
23199
|
-
"name": "*",
|
|
23200
|
-
"declaration": {
|
|
23201
|
-
"name": "*",
|
|
23202
|
-
"package": "./multiselect.styles"
|
|
23203
|
-
}
|
|
23204
|
-
},
|
|
23205
|
-
{
|
|
23206
|
-
"kind": "js",
|
|
23207
|
-
"name": "*",
|
|
23208
|
-
"declaration": {
|
|
23209
|
-
"name": "*",
|
|
23210
|
-
"package": "./multiselect.template"
|
|
23211
|
-
}
|
|
23212
|
-
}
|
|
23213
|
-
]
|
|
23214
|
-
},
|
|
23215
|
-
{
|
|
23216
|
-
"kind": "javascript-module",
|
|
23217
|
-
"path": "src/multiselect/multiselect-consts.ts",
|
|
23218
|
-
"declarations": [],
|
|
23219
|
-
"exports": []
|
|
23220
|
-
},
|
|
23221
|
-
{
|
|
23222
|
-
"kind": "javascript-module",
|
|
23223
|
-
"path": "src/multiselect/multiselect.styles.ts",
|
|
23224
|
-
"declarations": [
|
|
23225
|
-
{
|
|
23226
|
-
"kind": "variable",
|
|
23227
|
-
"name": "maxheight",
|
|
23228
|
-
"type": {
|
|
23229
|
-
"text": "number"
|
|
23230
|
-
},
|
|
23231
|
-
"default": "230"
|
|
23232
|
-
},
|
|
23233
|
-
{
|
|
23234
|
-
"kind": "variable",
|
|
23235
|
-
"name": "multiselectStyles",
|
|
23236
|
-
"default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: 5px;\n border: 1px solid rgba(46 51 57 / 100%);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: rgb(46 48 53) rgb(31 33 38);\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n #filter-search {\n padding: 5px;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: rgb(31 33 38);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: rgb(46 48 53);\n border: 3px solid rgb(31 33 38);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid rgb(46 48 52);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: rgb(45 47 51);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n`"
|
|
23237
|
-
}
|
|
23238
|
-
],
|
|
23239
|
-
"exports": [
|
|
23240
|
-
{
|
|
23241
|
-
"kind": "js",
|
|
23242
|
-
"name": "maxheight",
|
|
23243
|
-
"declaration": {
|
|
23244
|
-
"name": "maxheight",
|
|
23245
|
-
"module": "src/multiselect/multiselect.styles.ts"
|
|
23246
|
-
}
|
|
23247
|
-
},
|
|
23248
|
-
{
|
|
23249
|
-
"kind": "js",
|
|
23250
|
-
"name": "multiselectStyles",
|
|
23251
|
-
"declaration": {
|
|
23252
|
-
"name": "multiselectStyles",
|
|
23253
|
-
"module": "src/multiselect/multiselect.styles.ts"
|
|
23254
|
-
}
|
|
23255
|
-
}
|
|
23256
|
-
]
|
|
23257
|
-
},
|
|
23258
|
-
{
|
|
23259
|
-
"kind": "javascript-module",
|
|
23260
|
-
"path": "src/multiselect/multiselect.template.ts",
|
|
23261
|
-
"declarations": [
|
|
23262
|
-
{
|
|
23263
|
-
"kind": "function",
|
|
23264
|
-
"name": "getPrefixedMultiselect",
|
|
23265
|
-
"parameters": [
|
|
23266
|
-
{
|
|
23267
|
-
"name": "prefix",
|
|
23268
|
-
"default": "'foundation'"
|
|
23269
|
-
}
|
|
23270
|
-
]
|
|
23271
|
-
},
|
|
23272
|
-
{
|
|
23273
|
-
"kind": "variable",
|
|
23274
|
-
"name": "multiselectTemplate",
|
|
23275
|
-
"default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
|
|
23276
|
-
}
|
|
23277
|
-
],
|
|
23278
|
-
"exports": [
|
|
23279
|
-
{
|
|
23280
|
-
"kind": "js",
|
|
23281
|
-
"name": "getPrefixedMultiselect",
|
|
23282
|
-
"declaration": {
|
|
23283
|
-
"name": "getPrefixedMultiselect",
|
|
23284
|
-
"module": "src/multiselect/multiselect.template.ts"
|
|
23285
|
-
}
|
|
23286
|
-
},
|
|
23287
|
-
{
|
|
23288
|
-
"kind": "js",
|
|
23289
|
-
"name": "multiselectTemplate",
|
|
23290
|
-
"declaration": {
|
|
23291
|
-
"name": "multiselectTemplate",
|
|
23292
|
-
"module": "src/multiselect/multiselect.template.ts"
|
|
23293
|
-
}
|
|
23294
|
-
}
|
|
23295
|
-
]
|
|
23296
|
-
},
|
|
23297
|
-
{
|
|
23298
|
-
"kind": "javascript-module",
|
|
23299
|
-
"path": "src/multiselect/multiselect.ts",
|
|
23300
|
-
"declarations": [
|
|
23301
|
-
{
|
|
23302
|
-
"kind": "variable",
|
|
23303
|
-
"name": "foundationMultiselectShadowOptions",
|
|
23304
|
-
"type": {
|
|
23305
|
-
"text": "ShadowRootInit"
|
|
23306
|
-
},
|
|
23307
|
-
"default": "undefined"
|
|
23308
|
-
},
|
|
23309
|
-
{
|
|
23310
|
-
"kind": "variable",
|
|
23311
|
-
"name": "defaultMultiselectConfig",
|
|
23312
|
-
"type": {
|
|
23313
|
-
"text": "object"
|
|
23314
|
-
},
|
|
23315
|
-
"default": "{}"
|
|
23316
|
-
},
|
|
23317
|
-
{
|
|
23318
|
-
"kind": "class",
|
|
23319
|
-
"description": "",
|
|
23320
|
-
"name": "Multiselect",
|
|
23321
|
-
"members": [
|
|
23182
|
+
"default": "[]"
|
|
23183
|
+
},
|
|
23322
23184
|
{
|
|
23323
23185
|
"kind": "field",
|
|
23324
|
-
"name": "
|
|
23186
|
+
"name": "filteredAvailableOptions",
|
|
23325
23187
|
"type": {
|
|
23326
|
-
"text": "
|
|
23188
|
+
"text": "MultiselectOption[]"
|
|
23327
23189
|
},
|
|
23328
|
-
"default": "
|
|
23190
|
+
"default": "[...this.options]"
|
|
23329
23191
|
},
|
|
23330
23192
|
{
|
|
23331
23193
|
"kind": "field",
|
|
23332
|
-
"name": "
|
|
23194
|
+
"name": "scrollContainer",
|
|
23333
23195
|
"type": {
|
|
23334
|
-
"text": "
|
|
23335
|
-
}
|
|
23336
|
-
"default": "true"
|
|
23196
|
+
"text": "HTMLElement"
|
|
23197
|
+
}
|
|
23337
23198
|
},
|
|
23338
23199
|
{
|
|
23339
23200
|
"kind": "field",
|
|
23340
|
-
"name": "
|
|
23201
|
+
"name": "position",
|
|
23341
23202
|
"type": {
|
|
23342
|
-
"text": "
|
|
23343
|
-
}
|
|
23344
|
-
"default": "false"
|
|
23203
|
+
"text": "Position"
|
|
23204
|
+
}
|
|
23345
23205
|
},
|
|
23346
23206
|
{
|
|
23347
23207
|
"kind": "field",
|
|
23348
|
-
"name": "
|
|
23208
|
+
"name": "onAllSelectedCallback",
|
|
23349
23209
|
"type": {
|
|
23350
|
-
"text": "boolean"
|
|
23351
|
-
}
|
|
23352
|
-
"default": "true"
|
|
23210
|
+
"text": "(allSelected: boolean) => void"
|
|
23211
|
+
}
|
|
23353
23212
|
},
|
|
23354
23213
|
{
|
|
23355
23214
|
"kind": "field",
|
|
23356
|
-
"name": "
|
|
23215
|
+
"name": "initialisedOptions",
|
|
23357
23216
|
"type": {
|
|
23358
23217
|
"text": "boolean"
|
|
23359
23218
|
},
|
|
23219
|
+
"privacy": "private",
|
|
23360
23220
|
"default": "false"
|
|
23361
23221
|
},
|
|
23362
23222
|
{
|
|
23363
23223
|
"kind": "field",
|
|
23364
|
-
"name": "
|
|
23224
|
+
"name": "arrowIcon",
|
|
23365
23225
|
"type": {
|
|
23366
|
-
"text": "
|
|
23367
|
-
}
|
|
23368
|
-
"default": "false"
|
|
23226
|
+
"text": "SVGElement"
|
|
23227
|
+
}
|
|
23369
23228
|
},
|
|
23370
23229
|
{
|
|
23371
23230
|
"kind": "field",
|
|
23372
|
-
"name": "
|
|
23231
|
+
"name": "optionsElement",
|
|
23373
23232
|
"type": {
|
|
23374
|
-
"text": "
|
|
23375
|
-
}
|
|
23376
|
-
"default": "500"
|
|
23233
|
+
"text": "HTMLElement"
|
|
23234
|
+
}
|
|
23377
23235
|
},
|
|
23378
23236
|
{
|
|
23379
23237
|
"kind": "method",
|
|
23380
|
-
"name": "
|
|
23238
|
+
"name": "optionsChanged"
|
|
23239
|
+
},
|
|
23240
|
+
{
|
|
23241
|
+
"kind": "method",
|
|
23242
|
+
"name": "selectedOptionsChanged"
|
|
23243
|
+
},
|
|
23244
|
+
{
|
|
23245
|
+
"kind": "method",
|
|
23246
|
+
"name": "toggle"
|
|
23247
|
+
},
|
|
23248
|
+
{
|
|
23249
|
+
"kind": "method",
|
|
23250
|
+
"name": "setDropdownPosition"
|
|
23251
|
+
},
|
|
23252
|
+
{
|
|
23253
|
+
"kind": "method",
|
|
23254
|
+
"name": "optionGetter",
|
|
23381
23255
|
"parameters": [
|
|
23382
23256
|
{
|
|
23383
|
-
"name": "
|
|
23384
|
-
|
|
23257
|
+
"name": "option",
|
|
23258
|
+
"type": {
|
|
23259
|
+
"text": "MultiselectOption"
|
|
23260
|
+
}
|
|
23261
|
+
}
|
|
23262
|
+
]
|
|
23263
|
+
},
|
|
23264
|
+
{
|
|
23265
|
+
"kind": "method",
|
|
23266
|
+
"name": "getItemLabel",
|
|
23267
|
+
"parameters": [
|
|
23385
23268
|
{
|
|
23386
|
-
"name": "
|
|
23269
|
+
"name": "option",
|
|
23387
23270
|
"type": {
|
|
23388
|
-
"text": "
|
|
23271
|
+
"text": "MultiselectOption"
|
|
23272
|
+
}
|
|
23273
|
+
}
|
|
23274
|
+
]
|
|
23275
|
+
},
|
|
23276
|
+
{
|
|
23277
|
+
"kind": "method",
|
|
23278
|
+
"name": "isOptionDisabled",
|
|
23279
|
+
"parameters": [
|
|
23280
|
+
{
|
|
23281
|
+
"name": "option",
|
|
23282
|
+
"type": {
|
|
23283
|
+
"text": "MultiselectOption"
|
|
23389
23284
|
}
|
|
23390
23285
|
}
|
|
23391
23286
|
]
|
|
23392
23287
|
},
|
|
23393
23288
|
{
|
|
23394
23289
|
"kind": "field",
|
|
23395
|
-
"name": "
|
|
23290
|
+
"name": "getDisplayValue",
|
|
23291
|
+
"readonly": true
|
|
23396
23292
|
},
|
|
23397
23293
|
{
|
|
23398
23294
|
"kind": "field",
|
|
23399
|
-
"name": "
|
|
23295
|
+
"name": "getPlaceholder",
|
|
23296
|
+
"readonly": true
|
|
23297
|
+
},
|
|
23298
|
+
{
|
|
23299
|
+
"kind": "field",
|
|
23300
|
+
"name": "isAllSelected",
|
|
23301
|
+
"readonly": true
|
|
23302
|
+
},
|
|
23303
|
+
{
|
|
23304
|
+
"kind": "field",
|
|
23305
|
+
"name": "isAllOptionsDisabled",
|
|
23306
|
+
"readonly": true
|
|
23307
|
+
},
|
|
23308
|
+
{
|
|
23309
|
+
"kind": "method",
|
|
23310
|
+
"name": "isOptionSelected",
|
|
23311
|
+
"return": {
|
|
23312
|
+
"type": {
|
|
23313
|
+
"text": "boolean"
|
|
23314
|
+
}
|
|
23315
|
+
},
|
|
23316
|
+
"parameters": [
|
|
23317
|
+
{
|
|
23318
|
+
"name": "normalizedOption",
|
|
23319
|
+
"type": {
|
|
23320
|
+
"text": "MultiselectOption"
|
|
23321
|
+
}
|
|
23322
|
+
}
|
|
23323
|
+
]
|
|
23324
|
+
},
|
|
23325
|
+
{
|
|
23326
|
+
"kind": "method",
|
|
23327
|
+
"name": "selectCheckboxOne",
|
|
23328
|
+
"parameters": [
|
|
23329
|
+
{
|
|
23330
|
+
"name": "normalizedOption",
|
|
23331
|
+
"type": {
|
|
23332
|
+
"text": "MultiselectOption"
|
|
23333
|
+
}
|
|
23334
|
+
}
|
|
23335
|
+
]
|
|
23336
|
+
},
|
|
23337
|
+
{
|
|
23338
|
+
"kind": "method",
|
|
23339
|
+
"name": "getEnabledOptionsCount"
|
|
23340
|
+
},
|
|
23341
|
+
{
|
|
23342
|
+
"kind": "method",
|
|
23343
|
+
"name": "selectCheckboxAll"
|
|
23344
|
+
},
|
|
23345
|
+
{
|
|
23346
|
+
"kind": "method",
|
|
23347
|
+
"name": "inputHandler"
|
|
23348
|
+
},
|
|
23349
|
+
{
|
|
23350
|
+
"kind": "method",
|
|
23351
|
+
"name": "setFilter"
|
|
23352
|
+
},
|
|
23353
|
+
{
|
|
23354
|
+
"kind": "method",
|
|
23355
|
+
"name": "asyncSetFilter"
|
|
23356
|
+
},
|
|
23357
|
+
{
|
|
23358
|
+
"kind": "method",
|
|
23359
|
+
"name": "changeHandler",
|
|
23360
|
+
"parameters": [
|
|
23361
|
+
{
|
|
23362
|
+
"name": "event",
|
|
23363
|
+
"type": {
|
|
23364
|
+
"text": "Event"
|
|
23365
|
+
}
|
|
23366
|
+
}
|
|
23367
|
+
]
|
|
23368
|
+
},
|
|
23369
|
+
{
|
|
23370
|
+
"kind": "method",
|
|
23371
|
+
"name": "handleClickOutside",
|
|
23372
|
+
"privacy": "private",
|
|
23373
|
+
"parameters": [
|
|
23374
|
+
{
|
|
23375
|
+
"name": "event",
|
|
23376
|
+
"type": {
|
|
23377
|
+
"text": "MouseEvent"
|
|
23378
|
+
}
|
|
23379
|
+
}
|
|
23380
|
+
]
|
|
23381
|
+
},
|
|
23382
|
+
{
|
|
23383
|
+
"kind": "field",
|
|
23384
|
+
"name": "_presentation",
|
|
23400
23385
|
"type": {
|
|
23401
|
-
"text": "
|
|
23386
|
+
"text": "ComponentPresentation | null | undefined"
|
|
23387
|
+
},
|
|
23388
|
+
"privacy": "private",
|
|
23389
|
+
"default": "void 0",
|
|
23390
|
+
"inheritedFrom": {
|
|
23391
|
+
"name": "FoundationElement",
|
|
23392
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23402
23393
|
}
|
|
23403
23394
|
},
|
|
23404
23395
|
{
|
|
23405
23396
|
"kind": "field",
|
|
23406
|
-
"name": "
|
|
23397
|
+
"name": "$presentation",
|
|
23407
23398
|
"type": {
|
|
23408
|
-
"text": "
|
|
23399
|
+
"text": "ComponentPresentation | null"
|
|
23400
|
+
},
|
|
23401
|
+
"privacy": "public",
|
|
23402
|
+
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
23403
|
+
"inheritedFrom": {
|
|
23404
|
+
"name": "FoundationElement",
|
|
23405
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23409
23406
|
}
|
|
23410
23407
|
},
|
|
23411
23408
|
{
|
|
23412
23409
|
"kind": "field",
|
|
23413
|
-
"name": "
|
|
23414
|
-
},
|
|
23415
|
-
{
|
|
23416
|
-
"kind": "field",
|
|
23417
|
-
"name": "loading",
|
|
23410
|
+
"name": "template",
|
|
23418
23411
|
"type": {
|
|
23419
|
-
"text": "
|
|
23412
|
+
"text": "ElementViewTemplate | void | null"
|
|
23413
|
+
},
|
|
23414
|
+
"privacy": "public",
|
|
23415
|
+
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
23416
|
+
"inheritedFrom": {
|
|
23417
|
+
"name": "FoundationElement",
|
|
23418
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23420
23419
|
}
|
|
23421
23420
|
},
|
|
23422
23421
|
{
|
|
23423
|
-
"kind": "
|
|
23424
|
-
"name": "
|
|
23425
|
-
"
|
|
23426
|
-
|
|
23422
|
+
"kind": "method",
|
|
23423
|
+
"name": "templateChanged",
|
|
23424
|
+
"privacy": "protected",
|
|
23425
|
+
"return": {
|
|
23426
|
+
"type": {
|
|
23427
|
+
"text": "void"
|
|
23428
|
+
}
|
|
23429
|
+
},
|
|
23430
|
+
"inheritedFrom": {
|
|
23431
|
+
"name": "FoundationElement",
|
|
23432
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23427
23433
|
}
|
|
23428
23434
|
},
|
|
23429
23435
|
{
|
|
23430
23436
|
"kind": "field",
|
|
23431
|
-
"name": "
|
|
23432
|
-
"
|
|
23437
|
+
"name": "styles",
|
|
23438
|
+
"type": {
|
|
23439
|
+
"text": "ElementStyles | void | null"
|
|
23440
|
+
},
|
|
23441
|
+
"privacy": "public",
|
|
23442
|
+
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
23443
|
+
"inheritedFrom": {
|
|
23444
|
+
"name": "FoundationElement",
|
|
23445
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23446
|
+
}
|
|
23433
23447
|
},
|
|
23434
23448
|
{
|
|
23435
|
-
"kind": "
|
|
23436
|
-
"name": "
|
|
23437
|
-
"
|
|
23438
|
-
|
|
23449
|
+
"kind": "method",
|
|
23450
|
+
"name": "stylesChanged",
|
|
23451
|
+
"privacy": "protected",
|
|
23452
|
+
"return": {
|
|
23453
|
+
"type": {
|
|
23454
|
+
"text": "void"
|
|
23455
|
+
}
|
|
23439
23456
|
},
|
|
23440
|
-
"
|
|
23457
|
+
"inheritedFrom": {
|
|
23458
|
+
"name": "FoundationElement",
|
|
23459
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23460
|
+
}
|
|
23441
23461
|
},
|
|
23442
23462
|
{
|
|
23443
23463
|
"kind": "method",
|
|
23444
|
-
"name": "
|
|
23464
|
+
"name": "compose",
|
|
23465
|
+
"privacy": "public",
|
|
23466
|
+
"static": true,
|
|
23467
|
+
"return": {
|
|
23468
|
+
"type": {
|
|
23469
|
+
"text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
|
|
23470
|
+
}
|
|
23471
|
+
},
|
|
23445
23472
|
"parameters": [
|
|
23446
23473
|
{
|
|
23447
|
-
"name": "
|
|
23474
|
+
"name": "this",
|
|
23448
23475
|
"type": {
|
|
23449
|
-
"text": "
|
|
23476
|
+
"text": "K"
|
|
23450
23477
|
}
|
|
23451
23478
|
},
|
|
23452
23479
|
{
|
|
23453
|
-
"name": "
|
|
23480
|
+
"name": "elementDefinition",
|
|
23454
23481
|
"type": {
|
|
23455
|
-
"text": "
|
|
23456
|
-
}
|
|
23482
|
+
"text": "T"
|
|
23483
|
+
},
|
|
23484
|
+
"description": "The definition of the element to create the registry\nfunction for."
|
|
23457
23485
|
}
|
|
23458
|
-
]
|
|
23459
|
-
|
|
23486
|
+
],
|
|
23487
|
+
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
23488
|
+
"inheritedFrom": {
|
|
23489
|
+
"name": "FoundationElement",
|
|
23490
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
23491
|
+
}
|
|
23492
|
+
}
|
|
23493
|
+
],
|
|
23494
|
+
"attributes": [
|
|
23460
23495
|
{
|
|
23461
|
-
"
|
|
23462
|
-
"name": "options",
|
|
23496
|
+
"name": "name",
|
|
23463
23497
|
"type": {
|
|
23464
|
-
"text": "
|
|
23498
|
+
"text": "string"
|
|
23465
23499
|
},
|
|
23466
|
-
"default": "
|
|
23500
|
+
"default": "''",
|
|
23501
|
+
"fieldName": "name"
|
|
23467
23502
|
},
|
|
23468
23503
|
{
|
|
23469
|
-
"kind": "field",
|
|
23470
|
-
"name": "selectedOptions",
|
|
23471
23504
|
"type": {
|
|
23472
|
-
"text": "
|
|
23505
|
+
"text": "boolean"
|
|
23473
23506
|
},
|
|
23474
|
-
"default": "
|
|
23507
|
+
"default": "true",
|
|
23508
|
+
"fieldName": "all"
|
|
23475
23509
|
},
|
|
23476
23510
|
{
|
|
23477
|
-
"kind": "field",
|
|
23478
|
-
"name": "filteredAvailableOptions",
|
|
23479
23511
|
"type": {
|
|
23480
|
-
"text": "
|
|
23512
|
+
"text": "boolean"
|
|
23481
23513
|
},
|
|
23482
|
-
"default": "
|
|
23483
|
-
|
|
23484
|
-
{
|
|
23485
|
-
"kind": "field",
|
|
23486
|
-
"name": "scrollContainer",
|
|
23487
|
-
"type": {
|
|
23488
|
-
"text": "HTMLElement"
|
|
23489
|
-
}
|
|
23514
|
+
"default": "false",
|
|
23515
|
+
"fieldName": "allSelected"
|
|
23490
23516
|
},
|
|
23491
23517
|
{
|
|
23492
|
-
"kind": "field",
|
|
23493
|
-
"name": "position",
|
|
23494
23518
|
"type": {
|
|
23495
|
-
"text": "
|
|
23496
|
-
}
|
|
23519
|
+
"text": "boolean"
|
|
23520
|
+
},
|
|
23521
|
+
"default": "true",
|
|
23522
|
+
"fieldName": "search"
|
|
23497
23523
|
},
|
|
23498
23524
|
{
|
|
23499
|
-
"kind": "field",
|
|
23500
|
-
"name": "onAllSelectedCallback",
|
|
23501
23525
|
"type": {
|
|
23502
|
-
"text": "
|
|
23503
|
-
}
|
|
23526
|
+
"text": "boolean"
|
|
23527
|
+
},
|
|
23528
|
+
"default": "false",
|
|
23529
|
+
"fieldName": "disabled"
|
|
23504
23530
|
},
|
|
23505
23531
|
{
|
|
23506
|
-
"kind": "field",
|
|
23507
|
-
"name": "initialisedOptions",
|
|
23508
23532
|
"type": {
|
|
23509
23533
|
"text": "boolean"
|
|
23510
23534
|
},
|
|
23511
|
-
"
|
|
23512
|
-
"
|
|
23535
|
+
"default": "false",
|
|
23536
|
+
"fieldName": "async"
|
|
23513
23537
|
},
|
|
23514
23538
|
{
|
|
23515
|
-
"
|
|
23516
|
-
"name": "arrowIcon",
|
|
23539
|
+
"name": "debounce",
|
|
23517
23540
|
"type": {
|
|
23518
|
-
"text": "
|
|
23519
|
-
}
|
|
23520
|
-
|
|
23541
|
+
"text": "number"
|
|
23542
|
+
},
|
|
23543
|
+
"default": "DEBOUNCE_TIME",
|
|
23544
|
+
"resolveInitializer": {
|
|
23545
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23546
|
+
},
|
|
23547
|
+
"fieldName": "debounce"
|
|
23548
|
+
}
|
|
23549
|
+
],
|
|
23550
|
+
"superclass": {
|
|
23551
|
+
"name": "FoundationElement",
|
|
23552
|
+
"package": "@microsoft/fast-foundation"
|
|
23553
|
+
},
|
|
23554
|
+
"tagName": "%%prefix%%-multiselect",
|
|
23555
|
+
"customElement": true
|
|
23556
|
+
},
|
|
23557
|
+
{
|
|
23558
|
+
"kind": "variable",
|
|
23559
|
+
"name": "foundationMultiselect"
|
|
23560
|
+
}
|
|
23561
|
+
],
|
|
23562
|
+
"exports": [
|
|
23563
|
+
{
|
|
23564
|
+
"kind": "js",
|
|
23565
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23566
|
+
"declaration": {
|
|
23567
|
+
"name": "foundationMultiselectShadowOptions",
|
|
23568
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23569
|
+
}
|
|
23570
|
+
},
|
|
23571
|
+
{
|
|
23572
|
+
"kind": "js",
|
|
23573
|
+
"name": "defaultMultiselectConfig",
|
|
23574
|
+
"declaration": {
|
|
23575
|
+
"name": "defaultMultiselectConfig",
|
|
23576
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23577
|
+
}
|
|
23578
|
+
},
|
|
23579
|
+
{
|
|
23580
|
+
"kind": "js",
|
|
23581
|
+
"name": "Multiselect",
|
|
23582
|
+
"declaration": {
|
|
23583
|
+
"name": "Multiselect",
|
|
23584
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23585
|
+
}
|
|
23586
|
+
},
|
|
23587
|
+
{
|
|
23588
|
+
"kind": "js",
|
|
23589
|
+
"name": "foundationMultiselect",
|
|
23590
|
+
"declaration": {
|
|
23591
|
+
"name": "foundationMultiselect",
|
|
23592
|
+
"module": "src/multiselect/multiselect.ts"
|
|
23593
|
+
}
|
|
23594
|
+
}
|
|
23595
|
+
]
|
|
23596
|
+
},
|
|
23597
|
+
{
|
|
23598
|
+
"kind": "javascript-module",
|
|
23599
|
+
"path": "src/notification-listener/index.ts",
|
|
23600
|
+
"declarations": [],
|
|
23601
|
+
"exports": [
|
|
23602
|
+
{
|
|
23603
|
+
"kind": "js",
|
|
23604
|
+
"name": "*",
|
|
23605
|
+
"declaration": {
|
|
23606
|
+
"name": "*",
|
|
23607
|
+
"package": "./notification-listener.template"
|
|
23608
|
+
}
|
|
23609
|
+
},
|
|
23610
|
+
{
|
|
23611
|
+
"kind": "js",
|
|
23612
|
+
"name": "*",
|
|
23613
|
+
"declaration": {
|
|
23614
|
+
"name": "*",
|
|
23615
|
+
"package": "./notification-listener"
|
|
23616
|
+
}
|
|
23617
|
+
}
|
|
23618
|
+
]
|
|
23619
|
+
},
|
|
23620
|
+
{
|
|
23621
|
+
"kind": "javascript-module",
|
|
23622
|
+
"path": "src/notification-listener/notification-listener.template.ts",
|
|
23623
|
+
"declarations": [
|
|
23624
|
+
{
|
|
23625
|
+
"kind": "variable",
|
|
23626
|
+
"name": "foundationNotificationListenerTemplate",
|
|
23627
|
+
"type": {
|
|
23628
|
+
"text": "ViewTemplate<NotificationListener>"
|
|
23629
|
+
},
|
|
23630
|
+
"default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
|
|
23631
|
+
}
|
|
23632
|
+
],
|
|
23633
|
+
"exports": [
|
|
23634
|
+
{
|
|
23635
|
+
"kind": "js",
|
|
23636
|
+
"name": "foundationNotificationListenerTemplate",
|
|
23637
|
+
"declaration": {
|
|
23638
|
+
"name": "foundationNotificationListenerTemplate",
|
|
23639
|
+
"module": "src/notification-listener/notification-listener.template.ts"
|
|
23640
|
+
}
|
|
23641
|
+
}
|
|
23642
|
+
]
|
|
23643
|
+
},
|
|
23644
|
+
{
|
|
23645
|
+
"kind": "javascript-module",
|
|
23646
|
+
"path": "src/notification-listener/notification-listener.ts",
|
|
23647
|
+
"declarations": [
|
|
23648
|
+
{
|
|
23649
|
+
"kind": "variable",
|
|
23650
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23651
|
+
"type": {
|
|
23652
|
+
"text": "ShadowRootInit"
|
|
23653
|
+
},
|
|
23654
|
+
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
23655
|
+
},
|
|
23656
|
+
{
|
|
23657
|
+
"kind": "class",
|
|
23658
|
+
"description": "",
|
|
23659
|
+
"name": "NotificationListener",
|
|
23660
|
+
"members": [
|
|
23521
23661
|
{
|
|
23522
23662
|
"kind": "field",
|
|
23523
|
-
"name": "
|
|
23663
|
+
"name": "notificationListener",
|
|
23524
23664
|
"type": {
|
|
23525
23665
|
"text": "HTMLElement"
|
|
23526
23666
|
}
|
|
23527
23667
|
},
|
|
23528
|
-
{
|
|
23529
|
-
"kind": "method",
|
|
23530
|
-
"name": "optionsChanged"
|
|
23531
|
-
},
|
|
23532
|
-
{
|
|
23533
|
-
"kind": "method",
|
|
23534
|
-
"name": "selectedOptionsChanged"
|
|
23535
|
-
},
|
|
23536
|
-
{
|
|
23537
|
-
"kind": "method",
|
|
23538
|
-
"name": "toggle"
|
|
23539
|
-
},
|
|
23540
|
-
{
|
|
23541
|
-
"kind": "method",
|
|
23542
|
-
"name": "setDropdownPosition"
|
|
23543
|
-
},
|
|
23544
|
-
{
|
|
23545
|
-
"kind": "method",
|
|
23546
|
-
"name": "optionGetter",
|
|
23547
|
-
"parameters": [
|
|
23548
|
-
{
|
|
23549
|
-
"name": "option",
|
|
23550
|
-
"type": {
|
|
23551
|
-
"text": "MultiselectOption"
|
|
23552
|
-
}
|
|
23553
|
-
}
|
|
23554
|
-
]
|
|
23555
|
-
},
|
|
23556
|
-
{
|
|
23557
|
-
"kind": "method",
|
|
23558
|
-
"name": "getItemLabel",
|
|
23559
|
-
"parameters": [
|
|
23560
|
-
{
|
|
23561
|
-
"name": "option",
|
|
23562
|
-
"type": {
|
|
23563
|
-
"text": "MultiselectOption"
|
|
23564
|
-
}
|
|
23565
|
-
}
|
|
23566
|
-
]
|
|
23567
|
-
},
|
|
23568
|
-
{
|
|
23569
|
-
"kind": "method",
|
|
23570
|
-
"name": "isOptionDisabled",
|
|
23571
|
-
"parameters": [
|
|
23572
|
-
{
|
|
23573
|
-
"name": "option",
|
|
23574
|
-
"type": {
|
|
23575
|
-
"text": "MultiselectOption"
|
|
23576
|
-
}
|
|
23577
|
-
}
|
|
23578
|
-
]
|
|
23579
|
-
},
|
|
23580
23668
|
{
|
|
23581
23669
|
"kind": "field",
|
|
23582
|
-
"name": "
|
|
23583
|
-
"
|
|
23670
|
+
"name": "resourceName",
|
|
23671
|
+
"description": "The resource name holding new and existing notifications",
|
|
23672
|
+
"privacy": "public"
|
|
23584
23673
|
},
|
|
23585
23674
|
{
|
|
23586
23675
|
"kind": "field",
|
|
23587
|
-
"name": "
|
|
23588
|
-
"
|
|
23676
|
+
"name": "closeTimeout",
|
|
23677
|
+
"type": {
|
|
23678
|
+
"text": "number"
|
|
23679
|
+
},
|
|
23680
|
+
"default": "0",
|
|
23681
|
+
"description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
|
|
23682
|
+
"privacy": "public"
|
|
23589
23683
|
},
|
|
23590
23684
|
{
|
|
23591
23685
|
"kind": "field",
|
|
23592
|
-
"name": "
|
|
23593
|
-
"
|
|
23686
|
+
"name": "toastButtons",
|
|
23687
|
+
"type": {
|
|
23688
|
+
"text": "ToastButton[]"
|
|
23689
|
+
},
|
|
23690
|
+
"default": "[]",
|
|
23691
|
+
"description": "Array of buttons for notification toasts",
|
|
23692
|
+
"privacy": "public"
|
|
23594
23693
|
},
|
|
23595
23694
|
{
|
|
23596
23695
|
"kind": "field",
|
|
23597
|
-
"name": "
|
|
23598
|
-
"
|
|
23696
|
+
"name": "datasource",
|
|
23697
|
+
"type": {
|
|
23698
|
+
"text": "Datasource"
|
|
23699
|
+
},
|
|
23700
|
+
"privacy": "private"
|
|
23599
23701
|
},
|
|
23600
23702
|
{
|
|
23601
23703
|
"kind": "method",
|
|
23602
|
-
"name": "
|
|
23704
|
+
"name": "handleStreamUpdate",
|
|
23705
|
+
"privacy": "private",
|
|
23603
23706
|
"return": {
|
|
23604
23707
|
"type": {
|
|
23605
|
-
"text": "
|
|
23708
|
+
"text": "void"
|
|
23606
23709
|
}
|
|
23607
23710
|
},
|
|
23608
23711
|
"parameters": [
|
|
23609
23712
|
{
|
|
23610
|
-
"name": "
|
|
23611
|
-
"type": {
|
|
23612
|
-
"text": "MultiselectOption"
|
|
23613
|
-
}
|
|
23614
|
-
}
|
|
23615
|
-
]
|
|
23616
|
-
},
|
|
23617
|
-
{
|
|
23618
|
-
"kind": "method",
|
|
23619
|
-
"name": "selectCheckboxOne",
|
|
23620
|
-
"parameters": [
|
|
23621
|
-
{
|
|
23622
|
-
"name": "normalizedOption",
|
|
23623
|
-
"type": {
|
|
23624
|
-
"text": "MultiselectOption"
|
|
23625
|
-
}
|
|
23626
|
-
}
|
|
23627
|
-
]
|
|
23628
|
-
},
|
|
23629
|
-
{
|
|
23630
|
-
"kind": "method",
|
|
23631
|
-
"name": "getEnabledOptionsCount"
|
|
23632
|
-
},
|
|
23633
|
-
{
|
|
23634
|
-
"kind": "method",
|
|
23635
|
-
"name": "selectCheckboxAll"
|
|
23636
|
-
},
|
|
23637
|
-
{
|
|
23638
|
-
"kind": "method",
|
|
23639
|
-
"name": "inputHandler"
|
|
23640
|
-
},
|
|
23641
|
-
{
|
|
23642
|
-
"kind": "method",
|
|
23643
|
-
"name": "setFilter"
|
|
23644
|
-
},
|
|
23645
|
-
{
|
|
23646
|
-
"kind": "method",
|
|
23647
|
-
"name": "asyncSetFilter"
|
|
23648
|
-
},
|
|
23649
|
-
{
|
|
23650
|
-
"kind": "method",
|
|
23651
|
-
"name": "changeHandler",
|
|
23652
|
-
"parameters": [
|
|
23653
|
-
{
|
|
23654
|
-
"name": "event",
|
|
23655
|
-
"type": {
|
|
23656
|
-
"text": "Event"
|
|
23657
|
-
}
|
|
23658
|
-
}
|
|
23659
|
-
]
|
|
23660
|
-
},
|
|
23661
|
-
{
|
|
23662
|
-
"kind": "method",
|
|
23663
|
-
"name": "handleClickOutside",
|
|
23664
|
-
"privacy": "private",
|
|
23665
|
-
"parameters": [
|
|
23666
|
-
{
|
|
23667
|
-
"name": "event",
|
|
23713
|
+
"name": "dataServerResult",
|
|
23668
23714
|
"type": {
|
|
23669
|
-
"text": "
|
|
23715
|
+
"text": "any"
|
|
23670
23716
|
}
|
|
23671
23717
|
}
|
|
23672
23718
|
]
|
|
@@ -23785,103 +23831,57 @@
|
|
|
23785
23831
|
],
|
|
23786
23832
|
"attributes": [
|
|
23787
23833
|
{
|
|
23788
|
-
"name": "name",
|
|
23789
|
-
"
|
|
23790
|
-
|
|
23791
|
-
},
|
|
23792
|
-
"default": "''",
|
|
23793
|
-
"fieldName": "name"
|
|
23794
|
-
},
|
|
23795
|
-
{
|
|
23796
|
-
"type": {
|
|
23797
|
-
"text": "boolean"
|
|
23798
|
-
},
|
|
23799
|
-
"default": "true",
|
|
23800
|
-
"fieldName": "all"
|
|
23801
|
-
},
|
|
23802
|
-
{
|
|
23803
|
-
"type": {
|
|
23804
|
-
"text": "boolean"
|
|
23805
|
-
},
|
|
23806
|
-
"default": "false",
|
|
23807
|
-
"fieldName": "allSelected"
|
|
23808
|
-
},
|
|
23809
|
-
{
|
|
23810
|
-
"type": {
|
|
23811
|
-
"text": "boolean"
|
|
23812
|
-
},
|
|
23813
|
-
"default": "true",
|
|
23814
|
-
"fieldName": "search"
|
|
23815
|
-
},
|
|
23816
|
-
{
|
|
23817
|
-
"type": {
|
|
23818
|
-
"text": "boolean"
|
|
23819
|
-
},
|
|
23820
|
-
"default": "false",
|
|
23821
|
-
"fieldName": "disabled"
|
|
23822
|
-
},
|
|
23823
|
-
{
|
|
23824
|
-
"type": {
|
|
23825
|
-
"text": "boolean"
|
|
23826
|
-
},
|
|
23827
|
-
"default": "false",
|
|
23828
|
-
"fieldName": "async"
|
|
23834
|
+
"name": "resource-name",
|
|
23835
|
+
"description": "The resource name holding new and existing notifications",
|
|
23836
|
+
"fieldName": "resourceName"
|
|
23829
23837
|
},
|
|
23830
23838
|
{
|
|
23831
|
-
"name": "
|
|
23839
|
+
"name": "close-timeout",
|
|
23832
23840
|
"type": {
|
|
23833
23841
|
"text": "number"
|
|
23834
23842
|
},
|
|
23835
|
-
"default": "
|
|
23836
|
-
"
|
|
23837
|
-
|
|
23838
|
-
},
|
|
23839
|
-
"fieldName": "debounce"
|
|
23843
|
+
"default": "0",
|
|
23844
|
+
"description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
|
|
23845
|
+
"fieldName": "closeTimeout"
|
|
23840
23846
|
}
|
|
23841
23847
|
],
|
|
23842
23848
|
"superclass": {
|
|
23843
23849
|
"name": "FoundationElement",
|
|
23844
23850
|
"package": "@microsoft/fast-foundation"
|
|
23845
23851
|
},
|
|
23846
|
-
"tagName": "%%prefix%%-
|
|
23852
|
+
"tagName": "%%prefix%%-notification-listener",
|
|
23847
23853
|
"customElement": true
|
|
23848
23854
|
},
|
|
23849
23855
|
{
|
|
23850
23856
|
"kind": "variable",
|
|
23851
|
-
"name": "
|
|
23857
|
+
"name": "foundationNotificationListener",
|
|
23858
|
+
"description": "The Foundation Notification Listener",
|
|
23859
|
+
"privacy": "public"
|
|
23852
23860
|
}
|
|
23853
23861
|
],
|
|
23854
23862
|
"exports": [
|
|
23855
23863
|
{
|
|
23856
23864
|
"kind": "js",
|
|
23857
|
-
"name": "
|
|
23858
|
-
"declaration": {
|
|
23859
|
-
"name": "foundationMultiselectShadowOptions",
|
|
23860
|
-
"module": "src/multiselect/multiselect.ts"
|
|
23861
|
-
}
|
|
23862
|
-
},
|
|
23863
|
-
{
|
|
23864
|
-
"kind": "js",
|
|
23865
|
-
"name": "defaultMultiselectConfig",
|
|
23865
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23866
23866
|
"declaration": {
|
|
23867
|
-
"name": "
|
|
23868
|
-
"module": "src/
|
|
23867
|
+
"name": "foundationNotificationListenerShadowOptions",
|
|
23868
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23869
23869
|
}
|
|
23870
23870
|
},
|
|
23871
23871
|
{
|
|
23872
23872
|
"kind": "js",
|
|
23873
|
-
"name": "
|
|
23873
|
+
"name": "NotificationListener",
|
|
23874
23874
|
"declaration": {
|
|
23875
|
-
"name": "
|
|
23876
|
-
"module": "src/
|
|
23875
|
+
"name": "NotificationListener",
|
|
23876
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23877
23877
|
}
|
|
23878
23878
|
},
|
|
23879
23879
|
{
|
|
23880
23880
|
"kind": "js",
|
|
23881
|
-
"name": "
|
|
23881
|
+
"name": "foundationNotificationListener",
|
|
23882
23882
|
"declaration": {
|
|
23883
|
-
"name": "
|
|
23884
|
-
"module": "src/
|
|
23883
|
+
"name": "foundationNotificationListener",
|
|
23884
|
+
"module": "src/notification-listener/notification-listener.ts"
|
|
23885
23885
|
}
|
|
23886
23886
|
}
|
|
23887
23887
|
]
|