@genesislcap/foundation-ui 14.127.6 → 14.128.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.
@@ -818,6 +818,219 @@
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
+ },
821
1034
  {
822
1035
  "kind": "javascript-module",
823
1036
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -1214,42 +1427,11 @@
1214
1427
  },
1215
1428
  {
1216
1429
  "kind": "javascript-module",
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",
1430
+ "path": "src/actions-menu/actions-menu.styles.ts",
1249
1431
  "declarations": [
1250
1432
  {
1251
1433
  "kind": "function",
1252
- "name": "foundationAccordionStyles",
1434
+ "name": "actionsMenuBaseStyles",
1253
1435
  "return": {
1254
1436
  "type": {
1255
1437
  "text": "ElementStyles"
@@ -1269,189 +1451,7 @@
1269
1451
  }
1270
1452
  }
1271
1453
  ]
1272
- }
1273
- ],
1274
- "exports": [
1275
- {
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
- },
1454
+ },
1455
1455
  {
1456
1456
  "kind": "function",
1457
1457
  "name": "foundationActionsMenuStyles",
@@ -20347,6 +20347,22 @@
20347
20347
  }
20348
20348
  ],
20349
20349
  "exports": [
20350
+ {
20351
+ "kind": "js",
20352
+ "name": "IconName",
20353
+ "declaration": {
20354
+ "name": "IconName",
20355
+ "module": "src/icon/icon.ts"
20356
+ }
20357
+ },
20358
+ {
20359
+ "kind": "js",
20360
+ "name": "IconStyle",
20361
+ "declaration": {
20362
+ "name": "IconStyle",
20363
+ "module": "src/icon/icon.ts"
20364
+ }
20365
+ },
20350
20366
  {
20351
20367
  "kind": "js",
20352
20368
  "name": "foundationIconShadowOptions",
@@ -28322,6 +28338,14 @@
28322
28338
  "path": "src/router/index.ts",
28323
28339
  "declarations": [],
28324
28340
  "exports": [
28341
+ {
28342
+ "kind": "js",
28343
+ "name": "*",
28344
+ "declaration": {
28345
+ "name": "*",
28346
+ "package": "./navItems"
28347
+ }
28348
+ },
28325
28349
  {
28326
28350
  "kind": "js",
28327
28351
  "name": "*",
@@ -28334,48 +28358,258 @@
28334
28358
  },
28335
28359
  {
28336
28360
  "kind": "javascript-module",
28337
- "path": "src/router/router.ts",
28361
+ "path": "src/router/navItems.ts",
28338
28362
  "declarations": [
28339
28363
  {
28340
- "kind": "class",
28341
- "description": "",
28342
- "name": "FoundationRouter",
28343
- "superclass": {
28344
- "name": "<local>_undefined",
28345
- "module": "src/router/router.ts"
28346
- }
28364
+ "kind": "function",
28365
+ "name": "defaultNavItemPredicate",
28366
+ "parameters": [
28367
+ {
28368
+ "name": "item",
28369
+ "type": {
28370
+ "text": "FoundationRouteNavItem"
28371
+ }
28372
+ }
28373
+ ]
28374
+ },
28375
+ {
28376
+ "kind": "variable",
28377
+ "name": "defaultPlacementIndexPadding",
28378
+ "type": {
28379
+ "text": "number"
28380
+ },
28381
+ "default": "10"
28382
+ },
28383
+ {
28384
+ "kind": "function",
28385
+ "name": "getNavItems",
28386
+ "return": {
28387
+ "type": {
28388
+ "text": "FoundationRouteNavItem[]"
28389
+ }
28390
+ },
28391
+ "parameters": [
28392
+ {
28393
+ "name": "routes",
28394
+ "type": {
28395
+ "text": "FoundationRoute[]"
28396
+ }
28397
+ },
28398
+ {
28399
+ "name": "predicate",
28400
+ "default": "defaultNavItemPredicate"
28401
+ },
28402
+ {
28403
+ "name": "placementIndexPadding",
28404
+ "default": "defaultPlacementIndexPadding"
28405
+ }
28406
+ ],
28407
+ "description": "Get navigation items from routes."
28347
28408
  }
28348
28409
  ],
28349
28410
  "exports": [
28350
28411
  {
28351
28412
  "kind": "js",
28352
- "name": "FoundationRouter",
28413
+ "name": "defaultNavItemPredicate",
28353
28414
  "declaration": {
28354
- "name": "FoundationRouter",
28355
- "module": "src/router/router.ts"
28415
+ "name": "defaultNavItemPredicate",
28416
+ "module": "src/router/navItems.ts"
28356
28417
  }
28357
28418
  },
28358
28419
  {
28359
- "kind": "custom-element-definition",
28360
- "name": "foundation-router",
28420
+ "kind": "js",
28421
+ "name": "defaultPlacementIndexPadding",
28361
28422
  "declaration": {
28362
- "name": "FoundationRouter",
28363
- "module": "src/router/router.ts"
28423
+ "name": "defaultPlacementIndexPadding",
28424
+ "module": "src/router/navItems.ts"
28425
+ }
28426
+ },
28427
+ {
28428
+ "kind": "js",
28429
+ "name": "getNavItems",
28430
+ "declaration": {
28431
+ "name": "getNavItems",
28432
+ "module": "src/router/navItems.ts"
28364
28433
  }
28365
28434
  }
28366
28435
  ]
28367
28436
  },
28368
28437
  {
28369
28438
  "kind": "javascript-module",
28370
- "path": "src/segmented-control/index.ts",
28371
- "declarations": [],
28372
- "exports": [
28439
+ "path": "src/router/router.ts",
28440
+ "declarations": [
28373
28441
  {
28374
- "kind": "js",
28375
- "name": "*",
28376
- "declaration": {
28377
- "name": "*",
28378
- "package": "./segmented-control.template"
28442
+ "kind": "class",
28443
+ "description": "",
28444
+ "name": "FoundationRouter",
28445
+ "members": [
28446
+ {
28447
+ "kind": "field",
28448
+ "name": "config",
28449
+ "type": {
28450
+ "text": "FoundationRouterConfiguration | null"
28451
+ }
28452
+ }
28453
+ ],
28454
+ "superclass": {
28455
+ "name": "<local>_undefined",
28456
+ "module": "src/router/router.ts"
28457
+ }
28458
+ },
28459
+ {
28460
+ "kind": "class",
28461
+ "description": "",
28462
+ "name": "FoundationRouteCollection",
28463
+ "members": [
28464
+ {
28465
+ "kind": "field",
28466
+ "name": "definitions",
28467
+ "type": {
28468
+ "text": "FoundationRoute<TSettings>[]"
28469
+ },
28470
+ "default": "[]"
28471
+ },
28472
+ {
28473
+ "kind": "method",
28474
+ "name": "map",
28475
+ "parameters": [
28476
+ {
28477
+ "name": "routes",
28478
+ "type": {
28479
+ "text": "FoundationRoute<TSettings>[]"
28480
+ }
28481
+ }
28482
+ ]
28483
+ }
28484
+ ],
28485
+ "superclass": {
28486
+ "name": "RouteCollection",
28487
+ "package": "@microsoft/fast-router"
28488
+ }
28489
+ },
28490
+ {
28491
+ "kind": "class",
28492
+ "description": "",
28493
+ "name": "FoundationRouterConfiguration",
28494
+ "members": [
28495
+ {
28496
+ "kind": "field",
28497
+ "name": "container",
28498
+ "type": {
28499
+ "text": "Container"
28500
+ },
28501
+ "privacy": "protected"
28502
+ },
28503
+ {
28504
+ "kind": "field",
28505
+ "name": "analytics",
28506
+ "type": {
28507
+ "text": "FoundationAnalytics"
28508
+ },
28509
+ "privacy": "protected"
28510
+ },
28511
+ {
28512
+ "kind": "field",
28513
+ "name": "routes",
28514
+ "type": {
28515
+ "text": "FoundationRouteCollection<TSettings>"
28516
+ },
28517
+ "privacy": "public",
28518
+ "readonly": true,
28519
+ "default": "new FoundationRouteCollection<TSettings>(this)"
28520
+ },
28521
+ {
28522
+ "kind": "method",
28523
+ "name": "getNavItems",
28524
+ "return": {
28525
+ "type": {
28526
+ "text": "FoundationRouteNavItem[]"
28527
+ }
28528
+ },
28529
+ "parameters": [
28530
+ {
28531
+ "name": "predicate",
28532
+ "default": "defaultNavItemPredicate",
28533
+ "type": {
28534
+ "text": "NavItemPredicate"
28535
+ }
28536
+ }
28537
+ ]
28538
+ },
28539
+ {
28540
+ "kind": "method",
28541
+ "name": "configureAnalytics"
28542
+ },
28543
+ {
28544
+ "kind": "method",
28545
+ "name": "construct",
28546
+ "return": {
28547
+ "type": {
28548
+ "text": "T"
28549
+ }
28550
+ },
28551
+ "parameters": [
28552
+ {
28553
+ "name": "Type",
28554
+ "type": {
28555
+ "text": "Constructable<T>"
28556
+ }
28557
+ }
28558
+ ]
28559
+ }
28560
+ ],
28561
+ "superclass": {
28562
+ "name": "RouterConfiguration",
28563
+ "package": "@microsoft/fast-router"
28564
+ }
28565
+ }
28566
+ ],
28567
+ "exports": [
28568
+ {
28569
+ "kind": "js",
28570
+ "name": "FoundationRouter",
28571
+ "declaration": {
28572
+ "name": "FoundationRouter",
28573
+ "module": "src/router/router.ts"
28574
+ }
28575
+ },
28576
+ {
28577
+ "kind": "custom-element-definition",
28578
+ "name": "foundation-router",
28579
+ "declaration": {
28580
+ "name": "FoundationRouter",
28581
+ "module": "src/router/router.ts"
28582
+ }
28583
+ },
28584
+ {
28585
+ "kind": "js",
28586
+ "name": "FoundationRouteCollection",
28587
+ "declaration": {
28588
+ "name": "FoundationRouteCollection",
28589
+ "module": "src/router/router.ts"
28590
+ }
28591
+ },
28592
+ {
28593
+ "kind": "js",
28594
+ "name": "FoundationRouterConfiguration",
28595
+ "declaration": {
28596
+ "name": "FoundationRouterConfiguration",
28597
+ "module": "src/router/router.ts"
28598
+ }
28599
+ }
28600
+ ]
28601
+ },
28602
+ {
28603
+ "kind": "javascript-module",
28604
+ "path": "src/segmented-control/index.ts",
28605
+ "declarations": [],
28606
+ "exports": [
28607
+ {
28608
+ "kind": "js",
28609
+ "name": "*",
28610
+ "declaration": {
28611
+ "name": "*",
28612
+ "package": "./segmented-control.template"
28379
28613
  }
28380
28614
  },
28381
28615
  {
@@ -28556,7 +28790,7 @@
28556
28790
  },
28557
28791
  {
28558
28792
  "kind": "javascript-module",
28559
- "path": "src/segmented-item/index.ts",
28793
+ "path": "src/select/index.ts",
28560
28794
  "declarations": [],
28561
28795
  "exports": [
28562
28796
  {
@@ -28564,7 +28798,7 @@
28564
28798
  "name": "*",
28565
28799
  "declaration": {
28566
28800
  "name": "*",
28567
- "package": "./segmented-item.template"
28801
+ "package": "./select.template"
28568
28802
  }
28569
28803
  },
28570
28804
  {
@@ -28572,7 +28806,7 @@
28572
28806
  "name": "*",
28573
28807
  "declaration": {
28574
28808
  "name": "*",
28575
- "package": "./segmented-item.styles"
28809
+ "package": "./select.styles"
28576
28810
  }
28577
28811
  },
28578
28812
  {
@@ -28580,18 +28814,18 @@
28580
28814
  "name": "*",
28581
28815
  "declaration": {
28582
28816
  "name": "*",
28583
- "package": "./segmented-item"
28817
+ "package": "./select"
28584
28818
  }
28585
28819
  }
28586
28820
  ]
28587
28821
  },
28588
28822
  {
28589
28823
  "kind": "javascript-module",
28590
- "path": "src/segmented-item/segmented-item.styles.ts",
28824
+ "path": "src/select/select.styles.ts",
28591
28825
  "declarations": [
28592
28826
  {
28593
28827
  "kind": "function",
28594
- "name": "foundationSegmentedItemStyles",
28828
+ "name": "foundationSelectStyles",
28595
28829
  "return": {
28596
28830
  "type": {
28597
28831
  "text": "ElementStyles"
@@ -28607,7 +28841,7 @@
28607
28841
  {
28608
28842
  "name": "definition",
28609
28843
  "type": {
28610
- "text": "RadioOptions"
28844
+ "text": "FoundationElementDefinition"
28611
28845
  }
28612
28846
  }
28613
28847
  ]
@@ -28616,21 +28850,26 @@
28616
28850
  "exports": [
28617
28851
  {
28618
28852
  "kind": "js",
28619
- "name": "foundationSegmentedItemStyles",
28853
+ "name": "foundationSelectStyles",
28620
28854
  "declaration": {
28621
- "name": "foundationSegmentedItemStyles",
28622
- "module": "src/segmented-item/segmented-item.styles.ts"
28855
+ "name": "foundationSelectStyles",
28856
+ "module": "src/select/select.styles.ts"
28623
28857
  }
28624
28858
  }
28625
28859
  ]
28626
28860
  },
28627
28861
  {
28628
28862
  "kind": "javascript-module",
28629
- "path": "src/segmented-item/segmented-item.template.ts",
28863
+ "path": "src/select/select.template.ts",
28630
28864
  "declarations": [
28631
28865
  {
28632
28866
  "kind": "function",
28633
- "name": "foundationSegmentedItemTemplate",
28867
+ "name": "foundationSelectTemplate",
28868
+ "return": {
28869
+ "type": {
28870
+ "text": "ViewTemplate<Select>"
28871
+ }
28872
+ },
28634
28873
  "parameters": [
28635
28874
  {
28636
28875
  "name": "context",
@@ -28641,7 +28880,7 @@
28641
28880
  {
28642
28881
  "name": "definition",
28643
28882
  "type": {
28644
- "text": "RadioOptions"
28883
+ "text": "FoundationElementDefinition"
28645
28884
  }
28646
28885
  }
28647
28886
  ]
@@ -28650,457 +28889,346 @@
28650
28889
  "exports": [
28651
28890
  {
28652
28891
  "kind": "js",
28653
- "name": "foundationSegmentedItemTemplate",
28892
+ "name": "foundationSelectTemplate",
28654
28893
  "declaration": {
28655
- "name": "foundationSegmentedItemTemplate",
28656
- "module": "src/segmented-item/segmented-item.template.ts"
28894
+ "name": "foundationSelectTemplate",
28895
+ "module": "src/select/select.template.ts"
28657
28896
  }
28658
28897
  }
28659
28898
  ]
28660
28899
  },
28661
28900
  {
28662
28901
  "kind": "javascript-module",
28663
- "path": "src/segmented-item/segmented-item.ts",
28902
+ "path": "src/select/select.ts",
28664
28903
  "declarations": [
28665
28904
  {
28666
28905
  "kind": "class",
28667
28906
  "description": "",
28668
- "name": "SegmentedItem",
28907
+ "name": "Select",
28669
28908
  "superclass": {
28670
- "name": "FASTRadio",
28909
+ "name": "FASTSelect",
28671
28910
  "package": "@microsoft/fast-components"
28672
28911
  },
28673
- "tagName": "%%prefix%%-segmented-item",
28912
+ "tagName": "%%prefix%%-select",
28674
28913
  "customElement": true,
28675
28914
  "attributes": [
28676
28915
  {
28677
- "name": "readonly",
28916
+ "name": "open",
28678
28917
  "type": {
28679
28918
  "text": "boolean"
28680
28919
  },
28681
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
28682
- "fieldName": "readOnly",
28920
+ "default": "false",
28921
+ "description": "The open attribute.",
28922
+ "fieldName": "open",
28683
28923
  "inheritedFrom": {
28684
- "name": "Radio",
28685
- "module": "src/radio/radio.ts"
28924
+ "name": "Select",
28925
+ "module": "src/select/select.ts"
28926
+ }
28927
+ },
28928
+ {
28929
+ "name": "position",
28930
+ "type": {
28931
+ "text": "SelectPosition | undefined"
28932
+ },
28933
+ "description": "Reflects the placement for the listbox when the select is open.",
28934
+ "fieldName": "positionAttribute",
28935
+ "inheritedFrom": {
28936
+ "name": "Select",
28937
+ "module": "src/select/select.ts"
28938
+ }
28939
+ },
28940
+ {
28941
+ "type": {
28942
+ "text": "boolean"
28943
+ },
28944
+ "description": "Indicates if the listbox is in multi-selection mode.",
28945
+ "fieldName": "multiple",
28946
+ "inheritedFrom": {
28947
+ "name": "Select",
28948
+ "module": "src/select/select.ts"
28686
28949
  }
28687
28950
  }
28688
28951
  ],
28689
28952
  "members": [
28690
28953
  {
28691
28954
  "kind": "field",
28692
- "name": "readOnly",
28955
+ "name": "open",
28693
28956
  "type": {
28694
28957
  "text": "boolean"
28695
28958
  },
28696
28959
  "privacy": "public",
28697
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
28960
+ "default": "false",
28961
+ "description": "The open attribute.",
28698
28962
  "inheritedFrom": {
28699
- "name": "Radio",
28700
- "module": "src/radio/radio.ts"
28963
+ "name": "Select",
28964
+ "module": "src/select/select.ts"
28701
28965
  }
28702
28966
  },
28703
28967
  {
28704
- "kind": "method",
28705
- "name": "readOnlyChanged",
28706
- "privacy": "private",
28707
- "return": {
28708
- "type": {
28709
- "text": "void"
28710
- }
28711
- },
28968
+ "kind": "field",
28969
+ "name": "value",
28970
+ "privacy": "public",
28971
+ "description": "The value property.",
28712
28972
  "inheritedFrom": {
28713
- "name": "Radio",
28714
- "module": "src/radio/radio.ts"
28973
+ "name": "Select",
28974
+ "module": "src/select/select.ts"
28715
28975
  }
28716
28976
  },
28717
28977
  {
28718
28978
  "kind": "field",
28719
- "name": "name",
28979
+ "name": "positionAttribute",
28720
28980
  "type": {
28721
- "text": "string"
28981
+ "text": "SelectPosition | undefined"
28722
28982
  },
28723
28983
  "privacy": "public",
28724
- "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
28984
+ "description": "Reflects the placement for the listbox when the select is open.",
28725
28985
  "inheritedFrom": {
28726
- "name": "Radio",
28727
- "module": "src/radio/radio.ts"
28728
- }
28729
- },
28730
- {
28731
- "kind": "method",
28732
- "name": "isInsideRadioGroup",
28733
- "privacy": "private",
28734
- "return": {
28735
- "type": {
28736
- "text": "boolean"
28737
- }
28738
- },
28739
- "inheritedFrom": {
28740
- "name": "Radio",
28741
- "module": "src/radio/radio.ts"
28742
- }
28743
- },
28744
- {
28745
- "kind": "field",
28746
- "name": "proxy",
28747
- "inheritedFrom": {
28748
- "name": "Radio",
28749
- "module": "src/radio/radio.ts"
28986
+ "name": "Select",
28987
+ "module": "src/select/select.ts"
28750
28988
  }
28751
28989
  },
28752
28990
  {
28753
28991
  "kind": "field",
28754
- "name": "_presentation",
28755
- "type": {
28756
- "text": "ComponentPresentation | null | undefined"
28757
- },
28758
- "privacy": "private",
28759
- "default": "void 0",
28760
- "inheritedFrom": {
28761
- "name": "Radio",
28762
- "module": "src/radio/radio.ts"
28763
- }
28764
- },
28765
- {
28766
- "kind": "field",
28767
- "name": "$presentation",
28992
+ "name": "position",
28768
28993
  "type": {
28769
- "text": "ComponentPresentation | null"
28994
+ "text": "SelectPosition | undefined"
28770
28995
  },
28771
28996
  "privacy": "public",
28772
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
28997
+ "description": "Holds the current state for the calculated position of the listbox.",
28773
28998
  "inheritedFrom": {
28774
- "name": "Radio",
28775
- "module": "src/radio/radio.ts"
28999
+ "name": "Select",
29000
+ "module": "src/select/select.ts"
28776
29001
  }
28777
29002
  },
28778
29003
  {
28779
- "kind": "field",
28780
- "name": "template",
28781
- "type": {
28782
- "text": "ElementViewTemplate | void | null"
29004
+ "kind": "method",
29005
+ "name": "positionChanged",
29006
+ "privacy": "protected",
29007
+ "return": {
29008
+ "type": {
29009
+ "text": "void"
29010
+ }
28783
29011
  },
28784
- "privacy": "public",
28785
- "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.",
29012
+ "parameters": [
29013
+ {
29014
+ "name": "prev",
29015
+ "type": {
29016
+ "text": "SelectPosition | undefined"
29017
+ }
29018
+ },
29019
+ {
29020
+ "name": "next",
29021
+ "type": {
29022
+ "text": "SelectPosition | undefined"
29023
+ }
29024
+ }
29025
+ ],
28786
29026
  "inheritedFrom": {
28787
- "name": "Radio",
28788
- "module": "src/radio/radio.ts"
29027
+ "name": "Select",
29028
+ "module": "src/select/select.ts"
28789
29029
  }
28790
29030
  },
28791
29031
  {
28792
29032
  "kind": "method",
28793
- "name": "templateChanged",
28794
- "privacy": "protected",
29033
+ "name": "setPositioning",
29034
+ "privacy": "public",
28795
29035
  "return": {
28796
29036
  "type": {
28797
29037
  "text": "void"
28798
29038
  }
28799
29039
  },
29040
+ "description": "Calculate and apply listbox positioning based on available viewport space.",
28800
29041
  "inheritedFrom": {
28801
- "name": "Radio",
28802
- "module": "src/radio/radio.ts"
29042
+ "name": "Select",
29043
+ "module": "src/select/select.ts"
28803
29044
  }
28804
29045
  },
28805
29046
  {
28806
29047
  "kind": "field",
28807
- "name": "styles",
29048
+ "name": "displayValue",
28808
29049
  "type": {
28809
- "text": "ElementStyles | void | null"
29050
+ "text": "string"
28810
29051
  },
28811
29052
  "privacy": "public",
28812
- "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.",
28813
- "inheritedFrom": {
28814
- "name": "Radio",
28815
- "module": "src/radio/radio.ts"
28816
- }
28817
- },
28818
- {
28819
- "kind": "method",
28820
- "name": "stylesChanged",
28821
- "privacy": "protected",
28822
- "return": {
28823
- "type": {
28824
- "text": "void"
28825
- }
28826
- },
29053
+ "description": "The value displayed on the button.",
28827
29054
  "inheritedFrom": {
28828
- "name": "Radio",
28829
- "module": "src/radio/radio.ts"
29055
+ "name": "Select",
29056
+ "module": "src/select/select.ts"
28830
29057
  }
28831
29058
  },
28832
29059
  {
28833
29060
  "kind": "method",
28834
- "name": "compose",
29061
+ "name": "multipleChanged",
28835
29062
  "privacy": "public",
28836
- "static": true,
28837
- "return": {
28838
- "type": {
28839
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
28840
- }
28841
- },
28842
29063
  "parameters": [
28843
29064
  {
28844
- "name": "this",
29065
+ "name": "prev",
28845
29066
  "type": {
28846
- "text": "K"
28847
- }
29067
+ "text": "boolean | undefined"
29068
+ },
29069
+ "description": "the previous multiple value"
28848
29070
  },
28849
29071
  {
28850
- "name": "elementDefinition",
29072
+ "name": "next",
28851
29073
  "type": {
28852
- "text": "T"
29074
+ "text": "boolean"
28853
29075
  },
28854
- "description": "The definition of the element to create the registry\nfunction for."
29076
+ "description": "the current multiple value"
28855
29077
  }
28856
29078
  ],
28857
- "description": "Defines an element registry function with a set of element definition defaults.",
29079
+ "description": "Sets the multiple property on the proxy element.",
28858
29080
  "inheritedFrom": {
28859
- "name": "Radio",
28860
- "module": "src/radio/radio.ts"
29081
+ "name": "Select",
29082
+ "module": "src/select/select.ts"
28861
29083
  }
28862
- }
28863
- ],
28864
- "events": [
29084
+ },
28865
29085
  {
28866
- "description": "Emits a custom change event when the checked state changes",
28867
- "name": "change",
29086
+ "kind": "field",
29087
+ "name": "proxy",
28868
29088
  "inheritedFrom": {
28869
- "name": "Radio",
28870
- "module": "src/radio/radio.ts"
29089
+ "name": "Select",
29090
+ "module": "src/select/select.ts"
28871
29091
  }
28872
- }
28873
- ]
28874
- },
28875
- {
28876
- "kind": "variable",
28877
- "name": "foundationSegmentedItemShadowOptions",
28878
- "type": {
28879
- "text": "ShadowRootInit"
28880
- },
28881
- "default": "undefined"
28882
- },
28883
- {
28884
- "kind": "variable",
28885
- "name": "defaultSegmentedItemConfig",
28886
- "type": {
28887
- "text": "object"
28888
- },
28889
- "default": "{}"
28890
- },
28891
- {
28892
- "kind": "variable",
28893
- "name": "foundationSegmentedItem",
28894
- "description": "The Foundation Segmented item",
28895
- "privacy": "public"
28896
- }
28897
- ],
28898
- "exports": [
28899
- {
28900
- "kind": "js",
28901
- "name": "SegmentedItem",
28902
- "declaration": {
28903
- "name": "SegmentedItem",
28904
- "module": "src/segmented-item/segmented-item.ts"
28905
- }
28906
- },
28907
- {
28908
- "kind": "js",
28909
- "name": "foundationSegmentedItemShadowOptions",
28910
- "declaration": {
28911
- "name": "foundationSegmentedItemShadowOptions",
28912
- "module": "src/segmented-item/segmented-item.ts"
28913
- }
28914
- },
28915
- {
28916
- "kind": "js",
28917
- "name": "defaultSegmentedItemConfig",
28918
- "declaration": {
28919
- "name": "defaultSegmentedItemConfig",
28920
- "module": "src/segmented-item/segmented-item.ts"
28921
- }
28922
- },
28923
- {
28924
- "kind": "js",
28925
- "name": "foundationSegmentedItem",
28926
- "declaration": {
28927
- "name": "foundationSegmentedItem",
28928
- "module": "src/segmented-item/segmented-item.ts"
28929
- }
28930
- }
28931
- ]
28932
- },
28933
- {
28934
- "kind": "javascript-module",
28935
- "path": "src/select/index.ts",
28936
- "declarations": [],
28937
- "exports": [
28938
- {
28939
- "kind": "js",
28940
- "name": "*",
28941
- "declaration": {
28942
- "name": "*",
28943
- "package": "./select.template"
28944
- }
28945
- },
28946
- {
28947
- "kind": "js",
28948
- "name": "*",
28949
- "declaration": {
28950
- "name": "*",
28951
- "package": "./select.styles"
28952
- }
28953
- },
28954
- {
28955
- "kind": "js",
28956
- "name": "*",
28957
- "declaration": {
28958
- "name": "*",
28959
- "package": "./select"
28960
- }
28961
- }
28962
- ]
28963
- },
28964
- {
28965
- "kind": "javascript-module",
28966
- "path": "src/select/select.styles.ts",
28967
- "declarations": [
28968
- {
28969
- "kind": "function",
28970
- "name": "foundationSelectStyles",
28971
- "return": {
28972
- "type": {
28973
- "text": "ElementStyles"
28974
- }
28975
- },
28976
- "parameters": [
29092
+ },
28977
29093
  {
28978
- "name": "context",
29094
+ "kind": "field",
29095
+ "name": "multiple",
28979
29096
  "type": {
28980
- "text": "ElementDefinitionContext"
29097
+ "text": "boolean"
29098
+ },
29099
+ "privacy": "public",
29100
+ "description": "Indicates if the listbox is in multi-selection mode.",
29101
+ "inheritedFrom": {
29102
+ "name": "Select",
29103
+ "module": "src/select/select.ts"
28981
29104
  }
28982
29105
  },
28983
29106
  {
28984
- "name": "definition",
29107
+ "kind": "field",
29108
+ "name": "size",
28985
29109
  "type": {
28986
- "text": "FoundationElementDefinition"
29110
+ "text": "number"
29111
+ },
29112
+ "privacy": "public",
29113
+ "description": "The maximum number of options to display.",
29114
+ "inheritedFrom": {
29115
+ "name": "Select",
29116
+ "module": "src/select/select.ts"
28987
29117
  }
28988
- }
28989
- ]
28990
- }
28991
- ],
28992
- "exports": [
28993
- {
28994
- "kind": "js",
28995
- "name": "foundationSelectStyles",
28996
- "declaration": {
28997
- "name": "foundationSelectStyles",
28998
- "module": "src/select/select.styles.ts"
28999
- }
29000
- }
29001
- ]
29002
- },
29003
- {
29004
- "kind": "javascript-module",
29005
- "path": "src/select/select.template.ts",
29006
- "declarations": [
29007
- {
29008
- "kind": "function",
29009
- "name": "foundationSelectTemplate",
29010
- "return": {
29011
- "type": {
29012
- "text": "ViewTemplate<Select>"
29013
- }
29014
- },
29015
- "parameters": [
29118
+ },
29016
29119
  {
29017
- "name": "context",
29120
+ "kind": "method",
29121
+ "name": "setSelectedOptions",
29122
+ "privacy": "public",
29123
+ "description": "Sets an option as selected and gives it focus.",
29124
+ "inheritedFrom": {
29125
+ "name": "Select",
29126
+ "module": "src/select/select.ts"
29127
+ }
29128
+ },
29129
+ {
29130
+ "kind": "field",
29131
+ "name": "length",
29018
29132
  "type": {
29019
- "text": "ElementDefinitionContext"
29133
+ "text": "number"
29134
+ },
29135
+ "privacy": "public",
29136
+ "description": "The number of options.",
29137
+ "inheritedFrom": {
29138
+ "name": "Select",
29139
+ "module": "src/select/select.ts"
29020
29140
  }
29021
29141
  },
29022
29142
  {
29023
- "name": "definition",
29143
+ "kind": "field",
29144
+ "name": "options",
29024
29145
  "type": {
29025
- "text": "FoundationElementDefinition"
29146
+ "text": "ListboxOption[]"
29147
+ },
29148
+ "privacy": "public",
29149
+ "description": "The list of options.",
29150
+ "inheritedFrom": {
29151
+ "name": "Select",
29152
+ "module": "src/select/select.ts"
29026
29153
  }
29027
- }
29028
- ]
29029
- }
29030
- ],
29031
- "exports": [
29032
- {
29033
- "kind": "js",
29034
- "name": "foundationSelectTemplate",
29035
- "declaration": {
29036
- "name": "foundationSelectTemplate",
29037
- "module": "src/select/select.template.ts"
29038
- }
29039
- }
29040
- ]
29041
- },
29042
- {
29043
- "kind": "javascript-module",
29044
- "path": "src/select/select.ts",
29045
- "declarations": [
29046
- {
29047
- "kind": "class",
29048
- "description": "",
29049
- "name": "Select",
29050
- "superclass": {
29051
- "name": "FASTSelect",
29052
- "package": "@microsoft/fast-components"
29053
- },
29054
- "tagName": "%%prefix%%-select",
29055
- "customElement": true,
29056
- "attributes": [
29154
+ },
29057
29155
  {
29058
- "name": "open",
29156
+ "kind": "field",
29157
+ "name": "typeAheadExpired",
29158
+ "privacy": "protected",
29159
+ "inheritedFrom": {
29160
+ "name": "Select",
29161
+ "module": "src/select/select.ts"
29162
+ }
29163
+ },
29164
+ {
29165
+ "kind": "field",
29166
+ "name": "disabled",
29059
29167
  "type": {
29060
29168
  "text": "boolean"
29061
29169
  },
29062
- "default": "false",
29063
- "description": "The open attribute.",
29064
- "fieldName": "open",
29170
+ "privacy": "public",
29171
+ "description": "The disabled state of the listbox.",
29065
29172
  "inheritedFrom": {
29066
29173
  "name": "Select",
29067
29174
  "module": "src/select/select.ts"
29068
29175
  }
29069
29176
  },
29070
29177
  {
29071
- "name": "position",
29178
+ "kind": "field",
29179
+ "name": "selectedIndex",
29072
29180
  "type": {
29073
- "text": "SelectPosition | undefined"
29181
+ "text": "number"
29074
29182
  },
29075
- "description": "Reflects the placement for the listbox when the select is open.",
29076
- "fieldName": "positionAttribute",
29183
+ "privacy": "public",
29184
+ "default": "-1",
29185
+ "description": "The index of the selected option.",
29186
+ "inheritedFrom": {
29187
+ "name": "Select",
29188
+ "module": "src/select/select.ts"
29189
+ }
29190
+ },
29191
+ {
29192
+ "kind": "field",
29193
+ "name": "selectedOptions",
29194
+ "type": {
29195
+ "text": "ListboxOption[]"
29196
+ },
29197
+ "privacy": "public",
29198
+ "default": "[]",
29199
+ "description": "A collection of the selected options.",
29077
29200
  "inheritedFrom": {
29078
29201
  "name": "Select",
29079
29202
  "module": "src/select/select.ts"
29080
29203
  }
29081
29204
  },
29082
29205
  {
29083
- "type": {
29084
- "text": "boolean"
29085
- },
29086
- "description": "Indicates if the listbox is in multi-selection mode.",
29087
- "fieldName": "multiple",
29206
+ "kind": "field",
29207
+ "name": "slottedOptionFilter",
29208
+ "privacy": "public",
29209
+ "static": true,
29210
+ "description": "A static filter to include only selectable options.",
29211
+ "parameters": [
29212
+ {
29213
+ "description": "element to filter",
29214
+ "name": "n"
29215
+ }
29216
+ ],
29088
29217
  "inheritedFrom": {
29089
29218
  "name": "Select",
29090
29219
  "module": "src/select/select.ts"
29091
29220
  }
29092
- }
29093
- ],
29094
- "members": [
29221
+ },
29095
29222
  {
29096
- "kind": "field",
29097
- "name": "open",
29098
- "type": {
29099
- "text": "boolean"
29100
- },
29223
+ "kind": "method",
29224
+ "name": "selectFirstOption",
29101
29225
  "privacy": "public",
29102
- "default": "false",
29103
- "description": "The open attribute.",
29226
+ "return": {
29227
+ "type": {
29228
+ "text": "void"
29229
+ }
29230
+ },
29231
+ "description": "Moves focus to the first selectable option.",
29104
29232
  "inheritedFrom": {
29105
29233
  "name": "Select",
29106
29234
  "module": "src/select/select.ts"
@@ -29108,9 +29236,12 @@
29108
29236
  },
29109
29237
  {
29110
29238
  "kind": "field",
29111
- "name": "value",
29112
- "privacy": "public",
29113
- "description": "The value property.",
29239
+ "name": "_presentation",
29240
+ "type": {
29241
+ "text": "ComponentPresentation | null | undefined"
29242
+ },
29243
+ "privacy": "private",
29244
+ "default": "void 0",
29114
29245
  "inheritedFrom": {
29115
29246
  "name": "Select",
29116
29247
  "module": "src/select/select.ts"
@@ -29118,12 +29249,12 @@
29118
29249
  },
29119
29250
  {
29120
29251
  "kind": "field",
29121
- "name": "positionAttribute",
29252
+ "name": "$presentation",
29122
29253
  "type": {
29123
- "text": "SelectPosition | undefined"
29254
+ "text": "ComponentPresentation | null"
29124
29255
  },
29125
29256
  "privacy": "public",
29126
- "description": "Reflects the placement for the listbox when the select is open.",
29257
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29127
29258
  "inheritedFrom": {
29128
29259
  "name": "Select",
29129
29260
  "module": "src/select/select.ts"
@@ -29131,12 +29262,12 @@
29131
29262
  },
29132
29263
  {
29133
29264
  "kind": "field",
29134
- "name": "position",
29265
+ "name": "template",
29135
29266
  "type": {
29136
- "text": "SelectPosition | undefined"
29267
+ "text": "ElementViewTemplate | void | null"
29137
29268
  },
29138
29269
  "privacy": "public",
29139
- "description": "Holds the current state for the calculated position of the listbox.",
29270
+ "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.",
29140
29271
  "inheritedFrom": {
29141
29272
  "name": "Select",
29142
29273
  "module": "src/select/select.ts"
@@ -29144,55 +29275,40 @@
29144
29275
  },
29145
29276
  {
29146
29277
  "kind": "method",
29147
- "name": "positionChanged",
29278
+ "name": "templateChanged",
29148
29279
  "privacy": "protected",
29149
29280
  "return": {
29150
29281
  "type": {
29151
29282
  "text": "void"
29152
29283
  }
29153
29284
  },
29154
- "parameters": [
29155
- {
29156
- "name": "prev",
29157
- "type": {
29158
- "text": "SelectPosition | undefined"
29159
- }
29160
- },
29161
- {
29162
- "name": "next",
29163
- "type": {
29164
- "text": "SelectPosition | undefined"
29165
- }
29166
- }
29167
- ],
29168
29285
  "inheritedFrom": {
29169
29286
  "name": "Select",
29170
29287
  "module": "src/select/select.ts"
29171
29288
  }
29172
29289
  },
29173
29290
  {
29174
- "kind": "method",
29175
- "name": "setPositioning",
29176
- "privacy": "public",
29177
- "return": {
29178
- "type": {
29179
- "text": "void"
29180
- }
29291
+ "kind": "field",
29292
+ "name": "styles",
29293
+ "type": {
29294
+ "text": "ElementStyles | void | null"
29181
29295
  },
29182
- "description": "Calculate and apply listbox positioning based on available viewport space.",
29296
+ "privacy": "public",
29297
+ "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.",
29183
29298
  "inheritedFrom": {
29184
29299
  "name": "Select",
29185
29300
  "module": "src/select/select.ts"
29186
29301
  }
29187
29302
  },
29188
29303
  {
29189
- "kind": "field",
29190
- "name": "displayValue",
29191
- "type": {
29192
- "text": "string"
29304
+ "kind": "method",
29305
+ "name": "stylesChanged",
29306
+ "privacy": "protected",
29307
+ "return": {
29308
+ "type": {
29309
+ "text": "void"
29310
+ }
29193
29311
  },
29194
- "privacy": "public",
29195
- "description": "The value displayed on the button.",
29196
29312
  "inheritedFrom": {
29197
29313
  "name": "Select",
29198
29314
  "module": "src/select/select.ts"
@@ -29200,180 +29316,306 @@
29200
29316
  },
29201
29317
  {
29202
29318
  "kind": "method",
29203
- "name": "multipleChanged",
29319
+ "name": "compose",
29204
29320
  "privacy": "public",
29321
+ "static": true,
29322
+ "return": {
29323
+ "type": {
29324
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
29325
+ }
29326
+ },
29205
29327
  "parameters": [
29206
29328
  {
29207
- "name": "prev",
29329
+ "name": "this",
29208
29330
  "type": {
29209
- "text": "boolean | undefined"
29210
- },
29211
- "description": "the previous multiple value"
29331
+ "text": "K"
29332
+ }
29212
29333
  },
29213
29334
  {
29214
- "name": "next",
29335
+ "name": "elementDefinition",
29215
29336
  "type": {
29216
- "text": "boolean"
29337
+ "text": "T"
29217
29338
  },
29218
- "description": "the current multiple value"
29339
+ "description": "The definition of the element to create the registry\nfunction for."
29219
29340
  }
29220
29341
  ],
29221
- "description": "Sets the multiple property on the proxy element.",
29222
- "inheritedFrom": {
29223
- "name": "Select",
29224
- "module": "src/select/select.ts"
29225
- }
29226
- },
29227
- {
29228
- "kind": "field",
29229
- "name": "proxy",
29342
+ "description": "Defines an element registry function with a set of element definition defaults.",
29230
29343
  "inheritedFrom": {
29231
29344
  "name": "Select",
29232
29345
  "module": "src/select/select.ts"
29233
29346
  }
29234
- },
29347
+ }
29348
+ ],
29349
+ "events": [
29235
29350
  {
29236
- "kind": "field",
29237
- "name": "multiple",
29238
- "type": {
29239
- "text": "boolean"
29240
- },
29241
- "privacy": "public",
29242
- "description": "Indicates if the listbox is in multi-selection mode.",
29351
+ "description": "Fires a custom 'input' event when the value updates",
29352
+ "name": "input",
29243
29353
  "inheritedFrom": {
29244
29354
  "name": "Select",
29245
29355
  "module": "src/select/select.ts"
29246
29356
  }
29247
29357
  },
29248
29358
  {
29249
- "kind": "field",
29250
- "name": "size",
29251
- "type": {
29252
- "text": "number"
29253
- },
29254
- "privacy": "public",
29255
- "description": "The maximum number of options to display.",
29359
+ "description": "Fires a custom 'change' event when the value updates",
29360
+ "name": "change",
29256
29361
  "inheritedFrom": {
29257
29362
  "name": "Select",
29258
29363
  "module": "src/select/select.ts"
29259
29364
  }
29260
- },
29365
+ }
29366
+ ]
29367
+ },
29368
+ {
29369
+ "kind": "variable",
29370
+ "name": "foundationSelectShadowOptions",
29371
+ "type": {
29372
+ "text": "ShadowRootInit"
29373
+ },
29374
+ "default": "undefined"
29375
+ },
29376
+ {
29377
+ "kind": "variable",
29378
+ "name": "defaultSelectConfig",
29379
+ "type": {
29380
+ "text": "object"
29381
+ },
29382
+ "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
29383
+ },
29384
+ {
29385
+ "kind": "variable",
29386
+ "name": "foundationSelect",
29387
+ "description": "The Foundation Select",
29388
+ "privacy": "public"
29389
+ }
29390
+ ],
29391
+ "exports": [
29392
+ {
29393
+ "kind": "js",
29394
+ "name": "Select",
29395
+ "declaration": {
29396
+ "name": "Select",
29397
+ "module": "src/select/select.ts"
29398
+ }
29399
+ },
29400
+ {
29401
+ "kind": "js",
29402
+ "name": "foundationSelectShadowOptions",
29403
+ "declaration": {
29404
+ "name": "foundationSelectShadowOptions",
29405
+ "module": "src/select/select.ts"
29406
+ }
29407
+ },
29408
+ {
29409
+ "kind": "js",
29410
+ "name": "defaultSelectConfig",
29411
+ "declaration": {
29412
+ "name": "defaultSelectConfig",
29413
+ "module": "src/select/select.ts"
29414
+ }
29415
+ },
29416
+ {
29417
+ "kind": "js",
29418
+ "name": "foundationSelect",
29419
+ "declaration": {
29420
+ "name": "foundationSelect",
29421
+ "module": "src/select/select.ts"
29422
+ }
29423
+ }
29424
+ ]
29425
+ },
29426
+ {
29427
+ "kind": "javascript-module",
29428
+ "path": "src/segmented-item/index.ts",
29429
+ "declarations": [],
29430
+ "exports": [
29431
+ {
29432
+ "kind": "js",
29433
+ "name": "*",
29434
+ "declaration": {
29435
+ "name": "*",
29436
+ "package": "./segmented-item.template"
29437
+ }
29438
+ },
29439
+ {
29440
+ "kind": "js",
29441
+ "name": "*",
29442
+ "declaration": {
29443
+ "name": "*",
29444
+ "package": "./segmented-item.styles"
29445
+ }
29446
+ },
29447
+ {
29448
+ "kind": "js",
29449
+ "name": "*",
29450
+ "declaration": {
29451
+ "name": "*",
29452
+ "package": "./segmented-item"
29453
+ }
29454
+ }
29455
+ ]
29456
+ },
29457
+ {
29458
+ "kind": "javascript-module",
29459
+ "path": "src/segmented-item/segmented-item.styles.ts",
29460
+ "declarations": [
29461
+ {
29462
+ "kind": "function",
29463
+ "name": "foundationSegmentedItemStyles",
29464
+ "return": {
29465
+ "type": {
29466
+ "text": "ElementStyles"
29467
+ }
29468
+ },
29469
+ "parameters": [
29261
29470
  {
29262
- "kind": "method",
29263
- "name": "setSelectedOptions",
29264
- "privacy": "public",
29265
- "description": "Sets an option as selected and gives it focus.",
29266
- "inheritedFrom": {
29267
- "name": "Select",
29268
- "module": "src/select/select.ts"
29471
+ "name": "context",
29472
+ "type": {
29473
+ "text": "ElementDefinitionContext"
29269
29474
  }
29270
29475
  },
29271
29476
  {
29272
- "kind": "field",
29273
- "name": "length",
29477
+ "name": "definition",
29274
29478
  "type": {
29275
- "text": "number"
29276
- },
29277
- "privacy": "public",
29278
- "description": "The number of options.",
29279
- "inheritedFrom": {
29280
- "name": "Select",
29281
- "module": "src/select/select.ts"
29479
+ "text": "RadioOptions"
29282
29480
  }
29283
- },
29481
+ }
29482
+ ]
29483
+ }
29484
+ ],
29485
+ "exports": [
29486
+ {
29487
+ "kind": "js",
29488
+ "name": "foundationSegmentedItemStyles",
29489
+ "declaration": {
29490
+ "name": "foundationSegmentedItemStyles",
29491
+ "module": "src/segmented-item/segmented-item.styles.ts"
29492
+ }
29493
+ }
29494
+ ]
29495
+ },
29496
+ {
29497
+ "kind": "javascript-module",
29498
+ "path": "src/segmented-item/segmented-item.template.ts",
29499
+ "declarations": [
29500
+ {
29501
+ "kind": "function",
29502
+ "name": "foundationSegmentedItemTemplate",
29503
+ "parameters": [
29284
29504
  {
29285
- "kind": "field",
29286
- "name": "options",
29505
+ "name": "context",
29287
29506
  "type": {
29288
- "text": "ListboxOption[]"
29289
- },
29290
- "privacy": "public",
29291
- "description": "The list of options.",
29292
- "inheritedFrom": {
29293
- "name": "Select",
29294
- "module": "src/select/select.ts"
29507
+ "text": "ElementDefinitionContext"
29295
29508
  }
29296
29509
  },
29297
29510
  {
29298
- "kind": "field",
29299
- "name": "typeAheadExpired",
29300
- "privacy": "protected",
29301
- "inheritedFrom": {
29302
- "name": "Select",
29303
- "module": "src/select/select.ts"
29511
+ "name": "definition",
29512
+ "type": {
29513
+ "text": "RadioOptions"
29304
29514
  }
29305
- },
29515
+ }
29516
+ ]
29517
+ }
29518
+ ],
29519
+ "exports": [
29520
+ {
29521
+ "kind": "js",
29522
+ "name": "foundationSegmentedItemTemplate",
29523
+ "declaration": {
29524
+ "name": "foundationSegmentedItemTemplate",
29525
+ "module": "src/segmented-item/segmented-item.template.ts"
29526
+ }
29527
+ }
29528
+ ]
29529
+ },
29530
+ {
29531
+ "kind": "javascript-module",
29532
+ "path": "src/segmented-item/segmented-item.ts",
29533
+ "declarations": [
29534
+ {
29535
+ "kind": "class",
29536
+ "description": "",
29537
+ "name": "SegmentedItem",
29538
+ "superclass": {
29539
+ "name": "FASTRadio",
29540
+ "package": "@microsoft/fast-components"
29541
+ },
29542
+ "tagName": "%%prefix%%-segmented-item",
29543
+ "customElement": true,
29544
+ "attributes": [
29306
29545
  {
29307
- "kind": "field",
29308
- "name": "disabled",
29546
+ "name": "readonly",
29309
29547
  "type": {
29310
29548
  "text": "boolean"
29311
29549
  },
29312
- "privacy": "public",
29313
- "description": "The disabled state of the listbox.",
29550
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
29551
+ "fieldName": "readOnly",
29314
29552
  "inheritedFrom": {
29315
- "name": "Select",
29316
- "module": "src/select/select.ts"
29553
+ "name": "Radio",
29554
+ "module": "src/radio/radio.ts"
29317
29555
  }
29318
- },
29556
+ }
29557
+ ],
29558
+ "members": [
29319
29559
  {
29320
29560
  "kind": "field",
29321
- "name": "selectedIndex",
29561
+ "name": "readOnly",
29322
29562
  "type": {
29323
- "text": "number"
29563
+ "text": "boolean"
29324
29564
  },
29325
29565
  "privacy": "public",
29326
- "default": "-1",
29327
- "description": "The index of the selected option.",
29566
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
29328
29567
  "inheritedFrom": {
29329
- "name": "Select",
29330
- "module": "src/select/select.ts"
29568
+ "name": "Radio",
29569
+ "module": "src/radio/radio.ts"
29331
29570
  }
29332
29571
  },
29333
29572
  {
29334
- "kind": "field",
29335
- "name": "selectedOptions",
29336
- "type": {
29337
- "text": "ListboxOption[]"
29573
+ "kind": "method",
29574
+ "name": "readOnlyChanged",
29575
+ "privacy": "private",
29576
+ "return": {
29577
+ "type": {
29578
+ "text": "void"
29579
+ }
29338
29580
  },
29339
- "privacy": "public",
29340
- "default": "[]",
29341
- "description": "A collection of the selected options.",
29342
29581
  "inheritedFrom": {
29343
- "name": "Select",
29344
- "module": "src/select/select.ts"
29582
+ "name": "Radio",
29583
+ "module": "src/radio/radio.ts"
29345
29584
  }
29346
29585
  },
29347
29586
  {
29348
29587
  "kind": "field",
29349
- "name": "slottedOptionFilter",
29588
+ "name": "name",
29589
+ "type": {
29590
+ "text": "string"
29591
+ },
29350
29592
  "privacy": "public",
29351
- "static": true,
29352
- "description": "A static filter to include only selectable options.",
29353
- "parameters": [
29354
- {
29355
- "description": "element to filter",
29356
- "name": "n"
29357
- }
29358
- ],
29593
+ "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
29359
29594
  "inheritedFrom": {
29360
- "name": "Select",
29361
- "module": "src/select/select.ts"
29595
+ "name": "Radio",
29596
+ "module": "src/radio/radio.ts"
29362
29597
  }
29363
29598
  },
29364
29599
  {
29365
29600
  "kind": "method",
29366
- "name": "selectFirstOption",
29367
- "privacy": "public",
29601
+ "name": "isInsideRadioGroup",
29602
+ "privacy": "private",
29368
29603
  "return": {
29369
29604
  "type": {
29370
- "text": "void"
29605
+ "text": "boolean"
29371
29606
  }
29372
29607
  },
29373
- "description": "Moves focus to the first selectable option.",
29374
29608
  "inheritedFrom": {
29375
- "name": "Select",
29376
- "module": "src/select/select.ts"
29609
+ "name": "Radio",
29610
+ "module": "src/radio/radio.ts"
29611
+ }
29612
+ },
29613
+ {
29614
+ "kind": "field",
29615
+ "name": "proxy",
29616
+ "inheritedFrom": {
29617
+ "name": "Radio",
29618
+ "module": "src/radio/radio.ts"
29377
29619
  }
29378
29620
  },
29379
29621
  {
@@ -29385,8 +29627,8 @@
29385
29627
  "privacy": "private",
29386
29628
  "default": "void 0",
29387
29629
  "inheritedFrom": {
29388
- "name": "Select",
29389
- "module": "src/select/select.ts"
29630
+ "name": "Radio",
29631
+ "module": "src/radio/radio.ts"
29390
29632
  }
29391
29633
  },
29392
29634
  {
@@ -29398,8 +29640,8 @@
29398
29640
  "privacy": "public",
29399
29641
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29400
29642
  "inheritedFrom": {
29401
- "name": "Select",
29402
- "module": "src/select/select.ts"
29643
+ "name": "Radio",
29644
+ "module": "src/radio/radio.ts"
29403
29645
  }
29404
29646
  },
29405
29647
  {
@@ -29411,8 +29653,8 @@
29411
29653
  "privacy": "public",
29412
29654
  "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.",
29413
29655
  "inheritedFrom": {
29414
- "name": "Select",
29415
- "module": "src/select/select.ts"
29656
+ "name": "Radio",
29657
+ "module": "src/radio/radio.ts"
29416
29658
  }
29417
29659
  },
29418
29660
  {
@@ -29425,8 +29667,8 @@
29425
29667
  }
29426
29668
  },
29427
29669
  "inheritedFrom": {
29428
- "name": "Select",
29429
- "module": "src/select/select.ts"
29670
+ "name": "Radio",
29671
+ "module": "src/radio/radio.ts"
29430
29672
  }
29431
29673
  },
29432
29674
  {
@@ -29438,8 +29680,8 @@
29438
29680
  "privacy": "public",
29439
29681
  "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.",
29440
29682
  "inheritedFrom": {
29441
- "name": "Select",
29442
- "module": "src/select/select.ts"
29683
+ "name": "Radio",
29684
+ "module": "src/radio/radio.ts"
29443
29685
  }
29444
29686
  },
29445
29687
  {
@@ -29452,8 +29694,8 @@
29452
29694
  }
29453
29695
  },
29454
29696
  "inheritedFrom": {
29455
- "name": "Select",
29456
- "module": "src/select/select.ts"
29697
+ "name": "Radio",
29698
+ "module": "src/radio/radio.ts"
29457
29699
  }
29458
29700
  },
29459
29701
  {
@@ -29483,33 +29725,25 @@
29483
29725
  ],
29484
29726
  "description": "Defines an element registry function with a set of element definition defaults.",
29485
29727
  "inheritedFrom": {
29486
- "name": "Select",
29487
- "module": "src/select/select.ts"
29728
+ "name": "Radio",
29729
+ "module": "src/radio/radio.ts"
29488
29730
  }
29489
29731
  }
29490
29732
  ],
29491
29733
  "events": [
29492
29734
  {
29493
- "description": "Fires a custom 'input' event when the value updates",
29494
- "name": "input",
29495
- "inheritedFrom": {
29496
- "name": "Select",
29497
- "module": "src/select/select.ts"
29498
- }
29499
- },
29500
- {
29501
- "description": "Fires a custom 'change' event when the value updates",
29735
+ "description": "Emits a custom change event when the checked state changes",
29502
29736
  "name": "change",
29503
29737
  "inheritedFrom": {
29504
- "name": "Select",
29505
- "module": "src/select/select.ts"
29738
+ "name": "Radio",
29739
+ "module": "src/radio/radio.ts"
29506
29740
  }
29507
29741
  }
29508
29742
  ]
29509
29743
  },
29510
29744
  {
29511
29745
  "kind": "variable",
29512
- "name": "foundationSelectShadowOptions",
29746
+ "name": "foundationSegmentedItemShadowOptions",
29513
29747
  "type": {
29514
29748
  "text": "ShadowRootInit"
29515
29749
  },
@@ -29517,50 +29751,50 @@
29517
29751
  },
29518
29752
  {
29519
29753
  "kind": "variable",
29520
- "name": "defaultSelectConfig",
29754
+ "name": "defaultSegmentedItemConfig",
29521
29755
  "type": {
29522
29756
  "text": "object"
29523
29757
  },
29524
- "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
29758
+ "default": "{}"
29525
29759
  },
29526
29760
  {
29527
29761
  "kind": "variable",
29528
- "name": "foundationSelect",
29529
- "description": "The Foundation Select",
29762
+ "name": "foundationSegmentedItem",
29763
+ "description": "The Foundation Segmented item",
29530
29764
  "privacy": "public"
29531
29765
  }
29532
29766
  ],
29533
29767
  "exports": [
29534
29768
  {
29535
29769
  "kind": "js",
29536
- "name": "Select",
29770
+ "name": "SegmentedItem",
29537
29771
  "declaration": {
29538
- "name": "Select",
29539
- "module": "src/select/select.ts"
29772
+ "name": "SegmentedItem",
29773
+ "module": "src/segmented-item/segmented-item.ts"
29540
29774
  }
29541
29775
  },
29542
29776
  {
29543
29777
  "kind": "js",
29544
- "name": "foundationSelectShadowOptions",
29778
+ "name": "foundationSegmentedItemShadowOptions",
29545
29779
  "declaration": {
29546
- "name": "foundationSelectShadowOptions",
29547
- "module": "src/select/select.ts"
29780
+ "name": "foundationSegmentedItemShadowOptions",
29781
+ "module": "src/segmented-item/segmented-item.ts"
29548
29782
  }
29549
29783
  },
29550
29784
  {
29551
29785
  "kind": "js",
29552
- "name": "defaultSelectConfig",
29786
+ "name": "defaultSegmentedItemConfig",
29553
29787
  "declaration": {
29554
- "name": "defaultSelectConfig",
29555
- "module": "src/select/select.ts"
29788
+ "name": "defaultSegmentedItemConfig",
29789
+ "module": "src/segmented-item/segmented-item.ts"
29556
29790
  }
29557
29791
  },
29558
29792
  {
29559
29793
  "kind": "js",
29560
- "name": "foundationSelect",
29794
+ "name": "foundationSegmentedItem",
29561
29795
  "declaration": {
29562
- "name": "foundationSelect",
29563
- "module": "src/select/select.ts"
29796
+ "name": "foundationSegmentedItem",
29797
+ "module": "src/segmented-item/segmented-item.ts"
29564
29798
  }
29565
29799
  }
29566
29800
  ]