@genesislcap/foundation-ui 14.257.1 → 14.258.1

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.
@@ -837,67 +837,19 @@
837
837
  },
838
838
  {
839
839
  "kind": "javascript-module",
840
- "path": "src/accordion/accordion.styles.ts",
841
- "declarations": [
842
- {
843
- "kind": "function",
844
- "name": "foundationAccordionStyles",
845
- "return": {
846
- "type": {
847
- "text": "ElementStyles"
848
- }
849
- },
850
- "parameters": [
851
- {
852
- "name": "context",
853
- "type": {
854
- "text": "ElementDefinitionContext"
855
- }
856
- },
857
- {
858
- "name": "definition",
859
- "type": {
860
- "text": "FoundationElementDefinition"
861
- }
862
- }
863
- ]
864
- }
865
- ],
866
- "exports": [
867
- {
868
- "kind": "js",
869
- "name": "foundationAccordionStyles",
870
- "declaration": {
871
- "name": "foundationAccordionStyles",
872
- "module": "src/accordion/accordion.styles.ts"
873
- }
874
- }
875
- ]
876
- },
877
- {
878
- "kind": "javascript-module",
879
- "path": "src/accordion/accordion.template.ts",
840
+ "path": "src/_common/icons.ts",
880
841
  "declarations": [
881
842
  {
882
843
  "kind": "function",
883
- "name": "foundationAccordionTemplate",
884
- "return": {
885
- "type": {
886
- "text": "ViewTemplate<Accordion>"
887
- }
888
- },
844
+ "name": "closeIcon",
889
845
  "parameters": [
890
846
  {
891
- "name": "context",
892
- "type": {
893
- "text": "ElementDefinitionContext"
894
- }
847
+ "name": "slot",
848
+ "default": "'start'"
895
849
  },
896
850
  {
897
- "name": "definition",
898
- "type": {
899
- "text": "FoundationElementDefinition"
900
- }
851
+ "name": "fill",
852
+ "default": "'#879ba6'"
901
853
  }
902
854
  ]
903
855
  }
@@ -905,121 +857,17 @@
905
857
  "exports": [
906
858
  {
907
859
  "kind": "js",
908
- "name": "foundationAccordionTemplate",
909
- "declaration": {
910
- "name": "foundationAccordionTemplate",
911
- "module": "src/accordion/accordion.template.ts"
912
- }
913
- }
914
- ]
915
- },
916
- {
917
- "kind": "javascript-module",
918
- "path": "src/accordion/accordion.ts",
919
- "declarations": [
920
- {
921
- "kind": "class",
922
- "description": "",
923
- "name": "Accordion",
924
- "superclass": {
925
- "name": "FASTAccordion",
926
- "package": "@microsoft/fast-foundation"
927
- },
928
- "tagName": "%%prefix%%-accordion",
929
- "customElement": true
930
- },
931
- {
932
- "kind": "variable",
933
- "name": "foundationAccordionShadowOptions",
934
- "type": {
935
- "text": "ShadowRootInit"
936
- },
937
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
938
- },
939
- {
940
- "kind": "variable",
941
- "name": "defaultAccordionConfig",
942
- "type": {
943
- "text": "object"
944
- },
945
- "default": "{}"
946
- },
947
- {
948
- "kind": "variable",
949
- "name": "foundationAccordion",
950
- "description": "The Foundation Accordion",
951
- "privacy": "public"
952
- }
953
- ],
954
- "exports": [
955
- {
956
- "kind": "js",
957
- "name": "Accordion",
958
- "declaration": {
959
- "name": "Accordion",
960
- "module": "src/accordion/accordion.ts"
961
- }
962
- },
963
- {
964
- "kind": "js",
965
- "name": "foundationAccordionShadowOptions",
966
- "declaration": {
967
- "name": "foundationAccordionShadowOptions",
968
- "module": "src/accordion/accordion.ts"
969
- }
970
- },
971
- {
972
- "kind": "js",
973
- "name": "defaultAccordionConfig",
974
- "declaration": {
975
- "name": "defaultAccordionConfig",
976
- "module": "src/accordion/accordion.ts"
977
- }
978
- },
979
- {
980
- "kind": "js",
981
- "name": "foundationAccordion",
982
- "declaration": {
983
- "name": "foundationAccordion",
984
- "module": "src/accordion/accordion.ts"
985
- }
986
- }
987
- ]
988
- },
989
- {
990
- "kind": "javascript-module",
991
- "path": "src/accordion/index.ts",
992
- "declarations": [],
993
- "exports": [
994
- {
995
- "kind": "js",
996
- "name": "*",
997
- "declaration": {
998
- "name": "*",
999
- "package": "./accordion.template"
1000
- }
1001
- },
1002
- {
1003
- "kind": "js",
1004
- "name": "*",
1005
- "declaration": {
1006
- "name": "*",
1007
- "package": "./accordion.styles"
1008
- }
1009
- },
1010
- {
1011
- "kind": "js",
1012
- "name": "*",
860
+ "name": "closeIcon",
1013
861
  "declaration": {
1014
- "name": "*",
1015
- "package": "./accordion"
862
+ "name": "closeIcon",
863
+ "module": "src/_common/icons.ts"
1016
864
  }
1017
865
  }
1018
866
  ]
1019
867
  },
1020
868
  {
1021
869
  "kind": "javascript-module",
1022
- "path": "src/_config/index.ts",
870
+ "path": "src/_common/index.ts",
1023
871
  "declarations": [],
1024
872
  "exports": [
1025
873
  {
@@ -1027,34 +875,18 @@
1027
875
  "name": "*",
1028
876
  "declaration": {
1029
877
  "name": "*",
1030
- "package": "./styles"
1031
- }
1032
- },
1033
- {
1034
- "kind": "js",
1035
- "name": "*",
1036
- "declaration": {
1037
- "name": "*",
1038
- "package": "./tokens"
1039
- }
1040
- },
1041
- {
1042
- "kind": "js",
1043
- "name": "*",
1044
- "declaration": {
1045
- "name": "*",
1046
- "package": "./values"
878
+ "package": "./icons"
1047
879
  }
1048
880
  }
1049
881
  ]
1050
882
  },
1051
883
  {
1052
884
  "kind": "javascript-module",
1053
- "path": "src/actions-menu/actions-menu.styles.ts",
885
+ "path": "src/accordion-item/accordion-item.styles.ts",
1054
886
  "declarations": [
1055
887
  {
1056
888
  "kind": "function",
1057
- "name": "actionsMenuBaseStyles",
889
+ "name": "foundationAccordionItemStyles",
1058
890
  "return": {
1059
891
  "type": {
1060
892
  "text": "ElementStyles"
@@ -1074,13 +906,29 @@
1074
906
  }
1075
907
  }
1076
908
  ]
1077
- },
909
+ }
910
+ ],
911
+ "exports": [
912
+ {
913
+ "kind": "js",
914
+ "name": "foundationAccordionItemStyles",
915
+ "declaration": {
916
+ "name": "foundationAccordionItemStyles",
917
+ "module": "src/accordion-item/accordion-item.styles.ts"
918
+ }
919
+ }
920
+ ]
921
+ },
922
+ {
923
+ "kind": "javascript-module",
924
+ "path": "src/accordion-item/accordion-item.template.ts",
925
+ "declarations": [
1078
926
  {
1079
927
  "kind": "function",
1080
- "name": "foundationActionsMenuStyles",
928
+ "name": "foundationAccordionItemTemplate",
1081
929
  "return": {
1082
930
  "type": {
1083
- "text": "ElementStyles"
931
+ "text": "ViewTemplate<AccordionItem>"
1084
932
  }
1085
933
  },
1086
934
  "parameters": [
@@ -1102,270 +950,118 @@
1102
950
  "exports": [
1103
951
  {
1104
952
  "kind": "js",
1105
- "name": "actionsMenuBaseStyles",
1106
- "declaration": {
1107
- "name": "actionsMenuBaseStyles",
1108
- "module": "src/actions-menu/actions-menu.styles.ts"
1109
- }
1110
- },
1111
- {
1112
- "kind": "js",
1113
- "name": "foundationActionsMenuStyles",
953
+ "name": "foundationAccordionItemTemplate",
1114
954
  "declaration": {
1115
- "name": "foundationActionsMenuStyles",
1116
- "module": "src/actions-menu/actions-menu.styles.ts"
955
+ "name": "foundationAccordionItemTemplate",
956
+ "module": "src/accordion-item/accordion-item.template.ts"
1117
957
  }
1118
958
  }
1119
959
  ]
1120
960
  },
1121
961
  {
1122
962
  "kind": "javascript-module",
1123
- "path": "src/actions-menu/actions-menu.template.ts",
963
+ "path": "src/accordion-item/accordion-item.ts",
1124
964
  "declarations": [
1125
965
  {
1126
- "kind": "function",
1127
- "name": "menuTemplate",
1128
- "parameters": [
966
+ "kind": "class",
967
+ "description": "",
968
+ "name": "AccordionItem",
969
+ "superclass": {
970
+ "name": "FASTAccordionItem",
971
+ "package": "@microsoft/fast-components"
972
+ },
973
+ "tagName": "%%prefix%%-accordion-item",
974
+ "customElement": true,
975
+ "attributes": [
1129
976
  {
1130
- "name": "prefix",
977
+ "name": "heading-level",
1131
978
  "type": {
1132
- "text": "string"
979
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
980
+ },
981
+ "default": "2",
982
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
983
+ "fieldName": "headinglevel",
984
+ "inheritedFrom": {
985
+ "name": "AccordionItem",
986
+ "module": "src/accordion-item/accordion-item.ts"
1133
987
  }
1134
- }
1135
- ]
1136
- },
1137
- {
1138
- "kind": "function",
1139
- "name": "singleOptionTemplate",
1140
- "parameters": [
1141
- {
1142
- "name": "prefix",
1143
- "type": {
1144
- "text": "string"
1145
- }
1146
- }
1147
- ]
1148
- },
1149
- {
1150
- "kind": "variable",
1151
- "name": "foundationActionsMenuTemplate",
1152
- "type": {
1153
- "text": "ViewTemplate<ActionsMenu>"
1154
- },
1155
- "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
1156
- }
1157
- ],
1158
- "exports": [
1159
- {
1160
- "kind": "js",
1161
- "name": "menuTemplate",
1162
- "declaration": {
1163
- "name": "menuTemplate",
1164
- "module": "src/actions-menu/actions-menu.template.ts"
1165
- }
1166
- },
1167
- {
1168
- "kind": "js",
1169
- "name": "singleOptionTemplate",
1170
- "declaration": {
1171
- "name": "singleOptionTemplate",
1172
- "module": "src/actions-menu/actions-menu.template.ts"
1173
- }
1174
- },
1175
- {
1176
- "kind": "js",
1177
- "name": "foundationActionsMenuTemplate",
1178
- "declaration": {
1179
- "name": "foundationActionsMenuTemplate",
1180
- "module": "src/actions-menu/actions-menu.template.ts"
1181
- }
1182
- }
1183
- ]
1184
- },
1185
- {
1186
- "kind": "javascript-module",
1187
- "path": "src/actions-menu/actions-menu.ts",
1188
- "declarations": [
1189
- {
1190
- "kind": "class",
1191
- "description": "",
1192
- "name": "ActionsMenu",
1193
- "members": [
1194
- {
1195
- "kind": "field",
1196
- "name": "actions",
1197
- "type": {
1198
- "text": "ActionMenuItem[]"
1199
- }
1200
- },
1201
- {
1202
- "kind": "field",
1203
- "name": "isVertical",
1204
- "type": {
1205
- "text": "boolean"
1206
- },
1207
- "default": "false"
1208
- },
1209
- {
1210
- "kind": "field",
1211
- "name": "addDefaultActions",
1212
- "type": {
1213
- "text": "boolean"
1214
- },
1215
- "default": "true"
1216
988
  },
1217
989
  {
1218
- "kind": "field",
1219
- "name": "autoCloseOnAction",
1220
990
  "type": {
1221
991
  "text": "boolean"
1222
992
  },
1223
- "default": "true"
1224
- },
1225
- {
1226
- "kind": "field",
1227
- "name": "classNames",
1228
- "type": {
1229
- "text": "string"
1230
- }
1231
- },
1232
- {
1233
- "kind": "field",
1234
- "name": "definition",
1235
- "type": {
1236
- "text": "any"
993
+ "default": "false",
994
+ "description": "Expands or collapses the item.",
995
+ "fieldName": "expanded",
996
+ "inheritedFrom": {
997
+ "name": "AccordionItem",
998
+ "module": "src/accordion-item/accordion-item.ts"
1237
999
  }
1238
1000
  },
1239
1001
  {
1240
- "kind": "field",
1241
- "name": "name",
1002
+ "name": "id",
1242
1003
  "type": {
1243
1004
  "text": "string"
1244
1005
  },
1245
- "default": "'Actions'"
1246
- },
1006
+ "description": "The item ID",
1007
+ "fieldName": "id",
1008
+ "inheritedFrom": {
1009
+ "name": "AccordionItem",
1010
+ "module": "src/accordion-item/accordion-item.ts"
1011
+ }
1012
+ }
1013
+ ],
1014
+ "members": [
1247
1015
  {
1248
1016
  "kind": "field",
1249
- "name": "open",
1017
+ "name": "headinglevel",
1250
1018
  "type": {
1251
- "text": "boolean"
1019
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1252
1020
  },
1253
- "default": "false"
1254
- },
1255
- {
1256
- "kind": "field",
1257
- "name": "buttonAppearance",
1258
- "type": {
1259
- "text": "string"
1021
+ "privacy": "public",
1022
+ "default": "2",
1023
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1024
+ "inheritedFrom": {
1025
+ "name": "AccordionItem",
1026
+ "module": "src/accordion-item/accordion-item.ts"
1260
1027
  }
1261
1028
  },
1262
1029
  {
1263
1030
  "kind": "field",
1264
- "name": "hideDisabled",
1031
+ "name": "expanded",
1265
1032
  "type": {
1266
1033
  "text": "boolean"
1267
1034
  },
1268
- "default": "false"
1035
+ "privacy": "public",
1036
+ "default": "false",
1037
+ "description": "Expands or collapses the item.",
1038
+ "inheritedFrom": {
1039
+ "name": "AccordionItem",
1040
+ "module": "src/accordion-item/accordion-item.ts"
1041
+ }
1269
1042
  },
1270
1043
  {
1271
1044
  "kind": "field",
1272
- "name": "hideMenuSingleOption",
1045
+ "name": "id",
1273
1046
  "type": {
1274
- "text": "boolean"
1047
+ "text": "string"
1275
1048
  },
1276
- "default": "false"
1277
- },
1278
- {
1279
- "kind": "field",
1280
- "name": "singleOption",
1281
- "type": {
1282
- "text": "ActionMenuItem"
1049
+ "privacy": "public",
1050
+ "description": "The item ID",
1051
+ "inheritedFrom": {
1052
+ "name": "AccordionItem",
1053
+ "module": "src/accordion-item/accordion-item.ts"
1283
1054
  }
1284
1055
  },
1285
1056
  {
1286
1057
  "kind": "field",
1287
- "name": "actionsMenu",
1288
- "type": {
1289
- "text": "HTMLElement"
1058
+ "name": "change",
1059
+ "privacy": "private",
1060
+ "inheritedFrom": {
1061
+ "name": "AccordionItem",
1062
+ "module": "src/accordion-item/accordion-item.ts"
1290
1063
  }
1291
1064
  },
1292
- {
1293
- "kind": "method",
1294
- "name": "definitionChanged",
1295
- "privacy": "protected",
1296
- "parameters": [
1297
- {
1298
- "name": "oldValue",
1299
- "type": {
1300
- "text": "any"
1301
- }
1302
- },
1303
- {
1304
- "name": "newValue",
1305
- "type": {
1306
- "text": "any"
1307
- }
1308
- }
1309
- ]
1310
- },
1311
- {
1312
- "kind": "method",
1313
- "name": "openChanged",
1314
- "privacy": "protected"
1315
- },
1316
- {
1317
- "kind": "method",
1318
- "name": "toggleActionsMenuVisibility"
1319
- },
1320
- {
1321
- "kind": "method",
1322
- "name": "onActionMenuItemClick",
1323
- "parameters": [
1324
- {
1325
- "name": "callback",
1326
- "type": {
1327
- "text": "(rowData) => void | any"
1328
- }
1329
- }
1330
- ]
1331
- },
1332
- {
1333
- "kind": "field",
1334
- "name": "allActions",
1335
- "type": {
1336
- "text": "ActionMenuItem[]"
1337
- },
1338
- "readonly": true
1339
- },
1340
- {
1341
- "kind": "field",
1342
- "name": "rowData",
1343
- "readonly": true
1344
- },
1345
- {
1346
- "kind": "method",
1347
- "name": "getLabel",
1348
- "parameters": [
1349
- {
1350
- "name": "name",
1351
- "type": {
1352
- "text": "string | ((rowData: any) => string)"
1353
- }
1354
- }
1355
- ]
1356
- },
1357
- {
1358
- "kind": "method",
1359
- "name": "getTemplate",
1360
- "parameters": [
1361
- {
1362
- "name": "prefix",
1363
- "type": {
1364
- "text": "string"
1365
- }
1366
- }
1367
- ]
1368
- },
1369
1065
  {
1370
1066
  "kind": "field",
1371
1067
  "name": "_presentation",
@@ -1478,107 +1174,78 @@
1478
1174
  }
1479
1175
  }
1480
1176
  ],
1481
- "attributes": [
1482
- {
1483
- "name": "is-vertical",
1484
- "type": {
1485
- "text": "boolean"
1486
- },
1487
- "default": "false",
1488
- "fieldName": "isVertical"
1489
- },
1177
+ "events": [
1490
1178
  {
1491
- "name": "add-default-actions",
1492
- "type": {
1493
- "text": "boolean"
1494
- },
1495
- "default": "true",
1496
- "fieldName": "addDefaultActions"
1497
- },
1498
- {
1499
- "name": "auto-close-on-action",
1500
- "type": {
1501
- "text": "boolean"
1502
- },
1503
- "default": "true",
1504
- "fieldName": "autoCloseOnAction"
1505
- },
1506
- {
1507
- "name": "name",
1508
- "type": {
1509
- "text": "string"
1510
- },
1511
- "default": "'Actions'",
1512
- "fieldName": "name"
1513
- },
1514
- {
1515
- "name": "open",
1516
- "type": {
1517
- "text": "boolean"
1518
- },
1519
- "default": "false",
1520
- "fieldName": "open"
1521
- },
1522
- {
1523
- "name": "buttonAppearance",
1524
- "type": {
1525
- "text": "string"
1526
- },
1527
- "fieldName": "buttonAppearance"
1528
- },
1529
- {
1530
- "name": "hide-disabled",
1531
- "type": {
1532
- "text": "boolean"
1533
- },
1534
- "default": "false",
1535
- "fieldName": "hideDisabled"
1536
- },
1537
- {
1538
- "name": "hide-menu-single-option",
1539
- "type": {
1540
- "text": "boolean"
1541
- },
1542
- "default": "false",
1543
- "fieldName": "hideMenuSingleOption"
1179
+ "description": "Fires a custom 'change' event when the button is invoked",
1180
+ "name": "change",
1181
+ "inheritedFrom": {
1182
+ "name": "AccordionItem",
1183
+ "module": "src/accordion-item/accordion-item.ts"
1184
+ }
1544
1185
  }
1545
- ],
1546
- "superclass": {
1547
- "name": "FoundationElement",
1548
- "package": "@microsoft/fast-foundation"
1186
+ ]
1187
+ },
1188
+ {
1189
+ "kind": "variable",
1190
+ "name": "foundationAccordionItemShadowOptions",
1191
+ "type": {
1192
+ "text": "ShadowRootInit"
1549
1193
  },
1550
- "tagName": "%%prefix%%-actions-menu",
1551
- "customElement": true
1194
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1552
1195
  },
1553
1196
  {
1554
1197
  "kind": "variable",
1555
- "name": "foundationActionsMenu",
1556
- "description": "The Foundation Actions Menu",
1198
+ "name": "defaultAccordionItemConfig",
1199
+ "type": {
1200
+ "text": "object"
1201
+ },
1202
+ "default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
1203
+ },
1204
+ {
1205
+ "kind": "variable",
1206
+ "name": "foundationAccordionItem",
1207
+ "description": "The Foundation Accordion Item",
1557
1208
  "privacy": "public"
1558
1209
  }
1559
1210
  ],
1560
1211
  "exports": [
1561
1212
  {
1562
1213
  "kind": "js",
1563
- "name": "ActionsMenu",
1214
+ "name": "AccordionItem",
1564
1215
  "declaration": {
1565
- "name": "ActionsMenu",
1566
- "module": "src/actions-menu/actions-menu.ts"
1216
+ "name": "AccordionItem",
1217
+ "module": "src/accordion-item/accordion-item.ts"
1567
1218
  }
1568
1219
  },
1569
1220
  {
1570
1221
  "kind": "js",
1571
- "name": "foundationActionsMenu",
1222
+ "name": "foundationAccordionItemShadowOptions",
1572
1223
  "declaration": {
1573
- "name": "foundationActionsMenu",
1574
- "module": "src/actions-menu/actions-menu.ts"
1224
+ "name": "foundationAccordionItemShadowOptions",
1225
+ "module": "src/accordion-item/accordion-item.ts"
1226
+ }
1227
+ },
1228
+ {
1229
+ "kind": "js",
1230
+ "name": "defaultAccordionItemConfig",
1231
+ "declaration": {
1232
+ "name": "defaultAccordionItemConfig",
1233
+ "module": "src/accordion-item/accordion-item.ts"
1234
+ }
1235
+ },
1236
+ {
1237
+ "kind": "js",
1238
+ "name": "foundationAccordionItem",
1239
+ "declaration": {
1240
+ "name": "foundationAccordionItem",
1241
+ "module": "src/accordion-item/accordion-item.ts"
1575
1242
  }
1576
1243
  }
1577
1244
  ]
1578
1245
  },
1579
1246
  {
1580
1247
  "kind": "javascript-module",
1581
- "path": "src/actions-menu/index.ts",
1248
+ "path": "src/accordion-item/index.ts",
1582
1249
  "declarations": [],
1583
1250
  "exports": [
1584
1251
  {
@@ -1586,7 +1253,7 @@
1586
1253
  "name": "*",
1587
1254
  "declaration": {
1588
1255
  "name": "*",
1589
- "package": "./actions-menu.styles"
1256
+ "package": "./accordion-item.template"
1590
1257
  }
1591
1258
  },
1592
1259
  {
@@ -1594,7 +1261,7 @@
1594
1261
  "name": "*",
1595
1262
  "declaration": {
1596
1263
  "name": "*",
1597
- "package": "./actions-menu.template"
1264
+ "package": "./accordion-item.styles"
1598
1265
  }
1599
1266
  },
1600
1267
  {
@@ -1602,63 +1269,41 @@
1602
1269
  "name": "*",
1603
1270
  "declaration": {
1604
1271
  "name": "*",
1605
- "package": "./actions-menu"
1272
+ "package": "./accordion-item"
1606
1273
  }
1607
1274
  }
1608
1275
  ]
1609
1276
  },
1610
1277
  {
1611
1278
  "kind": "javascript-module",
1612
- "path": "src/_common/icons.ts",
1279
+ "path": "src/actions-menu/actions-menu.styles.ts",
1613
1280
  "declarations": [
1614
1281
  {
1615
1282
  "kind": "function",
1616
- "name": "closeIcon",
1283
+ "name": "actionsMenuBaseStyles",
1284
+ "return": {
1285
+ "type": {
1286
+ "text": "ElementStyles"
1287
+ }
1288
+ },
1617
1289
  "parameters": [
1618
1290
  {
1619
- "name": "slot",
1620
- "default": "'start'"
1291
+ "name": "context",
1292
+ "type": {
1293
+ "text": "ElementDefinitionContext"
1294
+ }
1621
1295
  },
1622
1296
  {
1623
- "name": "fill",
1624
- "default": "'#879ba6'"
1297
+ "name": "definition",
1298
+ "type": {
1299
+ "text": "FoundationElementDefinition"
1300
+ }
1625
1301
  }
1626
1302
  ]
1627
- }
1628
- ],
1629
- "exports": [
1630
- {
1631
- "kind": "js",
1632
- "name": "closeIcon",
1633
- "declaration": {
1634
- "name": "closeIcon",
1635
- "module": "src/_common/icons.ts"
1636
- }
1637
- }
1638
- ]
1639
- },
1640
- {
1641
- "kind": "javascript-module",
1642
- "path": "src/_common/index.ts",
1643
- "declarations": [],
1644
- "exports": [
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./icons"
1651
- }
1652
- }
1653
- ]
1654
- },
1655
- {
1656
- "kind": "javascript-module",
1657
- "path": "src/anchor/anchor.styles.ts",
1658
- "declarations": [
1303
+ },
1659
1304
  {
1660
1305
  "kind": "function",
1661
- "name": "foundationAnchorStyles",
1306
+ "name": "foundationActionsMenuStyles",
1662
1307
  "return": {
1663
1308
  "type": {
1664
1309
  "text": "ElementStyles"
@@ -1683,327 +1328,304 @@
1683
1328
  "exports": [
1684
1329
  {
1685
1330
  "kind": "js",
1686
- "name": "foundationAnchorStyles",
1331
+ "name": "actionsMenuBaseStyles",
1687
1332
  "declaration": {
1688
- "name": "foundationAnchorStyles",
1689
- "module": "src/anchor/anchor.styles.ts"
1333
+ "name": "actionsMenuBaseStyles",
1334
+ "module": "src/actions-menu/actions-menu.styles.ts"
1335
+ }
1336
+ },
1337
+ {
1338
+ "kind": "js",
1339
+ "name": "foundationActionsMenuStyles",
1340
+ "declaration": {
1341
+ "name": "foundationActionsMenuStyles",
1342
+ "module": "src/actions-menu/actions-menu.styles.ts"
1690
1343
  }
1691
1344
  }
1692
1345
  ]
1693
1346
  },
1694
1347
  {
1695
1348
  "kind": "javascript-module",
1696
- "path": "src/anchor/anchor.template.ts",
1349
+ "path": "src/actions-menu/actions-menu.template.ts",
1697
1350
  "declarations": [
1698
1351
  {
1699
1352
  "kind": "function",
1700
- "name": "foundationAnchorTemplate",
1701
- "return": {
1702
- "type": {
1703
- "text": "ViewTemplate<Anchor>"
1704
- }
1705
- },
1353
+ "name": "menuTemplate",
1706
1354
  "parameters": [
1707
1355
  {
1708
- "name": "context",
1356
+ "name": "prefix",
1709
1357
  "type": {
1710
- "text": "ElementDefinitionContext"
1358
+ "text": "string"
1711
1359
  }
1712
- },
1360
+ }
1361
+ ]
1362
+ },
1363
+ {
1364
+ "kind": "function",
1365
+ "name": "singleOptionTemplate",
1366
+ "parameters": [
1713
1367
  {
1714
- "name": "definition",
1368
+ "name": "prefix",
1715
1369
  "type": {
1716
- "text": "FoundationElementDefinition"
1370
+ "text": "string"
1717
1371
  }
1718
1372
  }
1719
1373
  ]
1374
+ },
1375
+ {
1376
+ "kind": "variable",
1377
+ "name": "foundationActionsMenuTemplate",
1378
+ "type": {
1379
+ "text": "ViewTemplate<ActionsMenu>"
1380
+ },
1381
+ "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
1720
1382
  }
1721
1383
  ],
1722
1384
  "exports": [
1723
1385
  {
1724
1386
  "kind": "js",
1725
- "name": "foundationAnchorTemplate",
1387
+ "name": "menuTemplate",
1726
1388
  "declaration": {
1727
- "name": "foundationAnchorTemplate",
1728
- "module": "src/anchor/anchor.template.ts"
1389
+ "name": "menuTemplate",
1390
+ "module": "src/actions-menu/actions-menu.template.ts"
1391
+ }
1392
+ },
1393
+ {
1394
+ "kind": "js",
1395
+ "name": "singleOptionTemplate",
1396
+ "declaration": {
1397
+ "name": "singleOptionTemplate",
1398
+ "module": "src/actions-menu/actions-menu.template.ts"
1399
+ }
1400
+ },
1401
+ {
1402
+ "kind": "js",
1403
+ "name": "foundationActionsMenuTemplate",
1404
+ "declaration": {
1405
+ "name": "foundationActionsMenuTemplate",
1406
+ "module": "src/actions-menu/actions-menu.template.ts"
1729
1407
  }
1730
1408
  }
1731
1409
  ]
1732
1410
  },
1733
1411
  {
1734
1412
  "kind": "javascript-module",
1735
- "path": "src/anchor/anchor.ts",
1413
+ "path": "src/actions-menu/actions-menu.ts",
1736
1414
  "declarations": [
1737
1415
  {
1738
1416
  "kind": "class",
1739
1417
  "description": "",
1740
- "name": "Anchor",
1741
- "superclass": {
1742
- "name": "FASTAnchor",
1743
- "package": "@microsoft/fast-components"
1744
- },
1745
- "tagName": "%%prefix%%-anchor",
1746
- "customElement": true,
1747
- "attributes": [
1418
+ "name": "ActionsMenu",
1419
+ "members": [
1748
1420
  {
1749
- "name": "download",
1421
+ "kind": "field",
1422
+ "name": "actions",
1750
1423
  "type": {
1751
- "text": "string"
1752
- },
1753
- "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1754
- "fieldName": "download",
1755
- "inheritedFrom": {
1756
- "name": "Anchor",
1757
- "module": "src/anchor/anchor.ts"
1424
+ "text": "ActionMenuItem[]"
1758
1425
  }
1759
1426
  },
1760
1427
  {
1761
- "name": "href",
1428
+ "kind": "field",
1429
+ "name": "isVertical",
1762
1430
  "type": {
1763
- "text": "string"
1431
+ "text": "boolean"
1764
1432
  },
1765
- "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1766
- "fieldName": "href",
1767
- "inheritedFrom": {
1768
- "name": "Anchor",
1769
- "module": "src/anchor/anchor.ts"
1770
- }
1433
+ "default": "false"
1771
1434
  },
1772
1435
  {
1773
- "name": "hreflang",
1436
+ "kind": "field",
1437
+ "name": "addDefaultActions",
1774
1438
  "type": {
1775
- "text": "string"
1439
+ "text": "boolean"
1776
1440
  },
1777
- "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1778
- "fieldName": "hreflang",
1779
- "inheritedFrom": {
1780
- "name": "Anchor",
1781
- "module": "src/anchor/anchor.ts"
1782
- }
1441
+ "default": "true"
1783
1442
  },
1784
1443
  {
1785
- "name": "ping",
1444
+ "kind": "field",
1445
+ "name": "autoCloseOnAction",
1786
1446
  "type": {
1787
- "text": "string"
1447
+ "text": "boolean"
1788
1448
  },
1789
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1790
- "fieldName": "ping",
1791
- "inheritedFrom": {
1792
- "name": "Anchor",
1793
- "module": "src/anchor/anchor.ts"
1794
- }
1449
+ "default": "true"
1795
1450
  },
1796
1451
  {
1797
- "name": "referrerpolicy",
1452
+ "kind": "field",
1453
+ "name": "classNames",
1798
1454
  "type": {
1799
1455
  "text": "string"
1800
- },
1801
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1802
- "fieldName": "referrerpolicy",
1803
- "inheritedFrom": {
1804
- "name": "Anchor",
1805
- "module": "src/anchor/anchor.ts"
1806
1456
  }
1807
1457
  },
1808
1458
  {
1809
- "name": "rel",
1459
+ "kind": "field",
1460
+ "name": "definition",
1810
1461
  "type": {
1811
- "text": "string"
1812
- },
1813
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1814
- "fieldName": "rel",
1815
- "inheritedFrom": {
1816
- "name": "Anchor",
1817
- "module": "src/anchor/anchor.ts"
1462
+ "text": "any"
1818
1463
  }
1819
1464
  },
1820
1465
  {
1821
- "name": "target",
1466
+ "kind": "field",
1467
+ "name": "name",
1822
1468
  "type": {
1823
- "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
1469
+ "text": "string"
1824
1470
  },
1825
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1826
- "fieldName": "target",
1827
- "inheritedFrom": {
1828
- "name": "Anchor",
1829
- "module": "src/anchor/anchor.ts"
1830
- }
1471
+ "default": "'Actions'"
1831
1472
  },
1832
1473
  {
1833
- "name": "type",
1474
+ "kind": "field",
1475
+ "name": "open",
1834
1476
  "type": {
1835
- "text": "string"
1477
+ "text": "boolean"
1836
1478
  },
1837
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1838
- "fieldName": "type",
1839
- "inheritedFrom": {
1840
- "name": "Anchor",
1841
- "module": "src/anchor/anchor.ts"
1842
- }
1843
- }
1844
- ],
1845
- "members": [
1479
+ "default": "false"
1480
+ },
1846
1481
  {
1847
1482
  "kind": "field",
1848
- "name": "download",
1483
+ "name": "buttonAppearance",
1849
1484
  "type": {
1850
1485
  "text": "string"
1851
- },
1852
- "privacy": "public",
1853
- "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1854
- "inheritedFrom": {
1855
- "name": "Anchor",
1856
- "module": "src/anchor/anchor.ts"
1857
1486
  }
1858
1487
  },
1859
1488
  {
1860
1489
  "kind": "field",
1861
- "name": "href",
1490
+ "name": "hideDisabled",
1862
1491
  "type": {
1863
- "text": "string"
1492
+ "text": "boolean"
1864
1493
  },
1865
- "privacy": "public",
1866
- "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1867
- "inheritedFrom": {
1868
- "name": "Anchor",
1869
- "module": "src/anchor/anchor.ts"
1870
- }
1494
+ "default": "false"
1871
1495
  },
1872
1496
  {
1873
1497
  "kind": "field",
1874
- "name": "hreflang",
1498
+ "name": "hideMenuSingleOption",
1875
1499
  "type": {
1876
- "text": "string"
1500
+ "text": "boolean"
1877
1501
  },
1878
- "privacy": "public",
1879
- "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1880
- "inheritedFrom": {
1881
- "name": "Anchor",
1882
- "module": "src/anchor/anchor.ts"
1883
- }
1502
+ "default": "false"
1884
1503
  },
1885
1504
  {
1886
1505
  "kind": "field",
1887
- "name": "ping",
1506
+ "name": "singleOption",
1888
1507
  "type": {
1889
- "text": "string"
1890
- },
1891
- "privacy": "public",
1892
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1893
- "inheritedFrom": {
1894
- "name": "Anchor",
1895
- "module": "src/anchor/anchor.ts"
1508
+ "text": "ActionMenuItem"
1896
1509
  }
1897
1510
  },
1898
1511
  {
1899
1512
  "kind": "field",
1900
- "name": "referrerpolicy",
1513
+ "name": "actionsMenu",
1901
1514
  "type": {
1902
- "text": "string"
1903
- },
1904
- "privacy": "public",
1905
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1906
- "inheritedFrom": {
1907
- "name": "Anchor",
1908
- "module": "src/anchor/anchor.ts"
1515
+ "text": "HTMLElement"
1909
1516
  }
1910
1517
  },
1518
+ {
1519
+ "kind": "method",
1520
+ "name": "definitionChanged",
1521
+ "privacy": "protected",
1522
+ "parameters": [
1523
+ {
1524
+ "name": "oldValue",
1525
+ "type": {
1526
+ "text": "any"
1527
+ }
1528
+ },
1529
+ {
1530
+ "name": "newValue",
1531
+ "type": {
1532
+ "text": "any"
1533
+ }
1534
+ }
1535
+ ]
1536
+ },
1537
+ {
1538
+ "kind": "method",
1539
+ "name": "openChanged",
1540
+ "privacy": "protected"
1541
+ },
1542
+ {
1543
+ "kind": "method",
1544
+ "name": "toggleActionsMenuVisibility"
1545
+ },
1546
+ {
1547
+ "kind": "method",
1548
+ "name": "onActionMenuItemClick",
1549
+ "parameters": [
1550
+ {
1551
+ "name": "callback",
1552
+ "type": {
1553
+ "text": "(rowData) => void | any"
1554
+ }
1555
+ }
1556
+ ]
1557
+ },
1911
1558
  {
1912
1559
  "kind": "field",
1913
- "name": "rel",
1560
+ "name": "allActions",
1914
1561
  "type": {
1915
- "text": "string"
1562
+ "text": "ActionMenuItem[]"
1916
1563
  },
1917
- "privacy": "public",
1918
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1919
- "inheritedFrom": {
1920
- "name": "Anchor",
1921
- "module": "src/anchor/anchor.ts"
1922
- }
1564
+ "readonly": true
1923
1565
  },
1924
1566
  {
1925
1567
  "kind": "field",
1926
- "name": "target",
1568
+ "name": "rowData",
1569
+ "readonly": true
1570
+ },
1571
+ {
1572
+ "kind": "method",
1573
+ "name": "getLabel",
1574
+ "parameters": [
1575
+ {
1576
+ "name": "name",
1577
+ "type": {
1578
+ "text": "string | ((rowData: any) => string)"
1579
+ }
1580
+ }
1581
+ ]
1582
+ },
1583
+ {
1584
+ "kind": "method",
1585
+ "name": "getTemplate",
1586
+ "parameters": [
1587
+ {
1588
+ "name": "prefix",
1589
+ "type": {
1590
+ "text": "string"
1591
+ }
1592
+ }
1593
+ ]
1594
+ },
1595
+ {
1596
+ "kind": "field",
1597
+ "name": "_presentation",
1927
1598
  "type": {
1928
- "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
1599
+ "text": "ComponentPresentation | null | undefined"
1929
1600
  },
1930
- "privacy": "public",
1931
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1601
+ "privacy": "private",
1602
+ "default": "void 0",
1932
1603
  "inheritedFrom": {
1933
- "name": "Anchor",
1934
- "module": "src/anchor/anchor.ts"
1604
+ "name": "FoundationElement",
1605
+ "module": "src/foundation-element/foundation-element.ts"
1935
1606
  }
1936
1607
  },
1937
1608
  {
1938
1609
  "kind": "field",
1939
- "name": "type",
1610
+ "name": "$presentation",
1940
1611
  "type": {
1941
- "text": "string"
1612
+ "text": "ComponentPresentation | null"
1942
1613
  },
1943
1614
  "privacy": "public",
1944
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
1615
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1945
1616
  "inheritedFrom": {
1946
- "name": "Anchor",
1947
- "module": "src/anchor/anchor.ts"
1617
+ "name": "FoundationElement",
1618
+ "module": "src/foundation-element/foundation-element.ts"
1948
1619
  }
1949
1620
  },
1950
1621
  {
1951
1622
  "kind": "field",
1952
- "name": "control",
1623
+ "name": "template",
1953
1624
  "type": {
1954
- "text": "HTMLAnchorElement | undefined"
1625
+ "text": "ElementViewTemplate | void | null"
1955
1626
  },
1956
1627
  "privacy": "public",
1957
- "description": "References the root element",
1958
- "inheritedFrom": {
1959
- "name": "Anchor",
1960
- "module": "src/anchor/anchor.ts"
1961
- }
1962
- },
1963
- {
1964
- "kind": "field",
1965
- "name": "handleUnsupportedDelegatesFocus",
1966
- "privacy": "private",
1967
- "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
1968
- "inheritedFrom": {
1969
- "name": "Anchor",
1970
- "module": "src/anchor/anchor.ts"
1971
- }
1972
- },
1973
- {
1974
- "kind": "field",
1975
- "name": "_presentation",
1976
- "type": {
1977
- "text": "ComponentPresentation | null | undefined"
1978
- },
1979
- "privacy": "private",
1980
- "default": "void 0",
1981
- "inheritedFrom": {
1982
- "name": "FoundationElement",
1983
- "module": "src/foundation-element/foundation-element.ts"
1984
- }
1985
- },
1986
- {
1987
- "kind": "field",
1988
- "name": "$presentation",
1989
- "type": {
1990
- "text": "ComponentPresentation | null"
1991
- },
1992
- "privacy": "public",
1993
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1994
- "inheritedFrom": {
1995
- "name": "FoundationElement",
1996
- "module": "src/foundation-element/foundation-element.ts"
1997
- }
1998
- },
1999
- {
2000
- "kind": "field",
2001
- "name": "template",
2002
- "type": {
2003
- "text": "ElementViewTemplate | void | null"
2004
- },
2005
- "privacy": "public",
2006
- "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.",
1628
+ "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.",
2007
1629
  "inheritedFrom": {
2008
1630
  "name": "FoundationElement",
2009
1631
  "module": "src/foundation-element/foundation-element.ts"
@@ -2081,69 +1703,108 @@
2081
1703
  "module": "src/foundation-element/foundation-element.ts"
2082
1704
  }
2083
1705
  }
2084
- ]
2085
- },
2086
- {
2087
- "kind": "variable",
2088
- "name": "foundationAnchorShadowOptions",
2089
- "type": {
2090
- "text": "ShadowRootInit"
2091
- },
2092
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2093
- },
2094
- {
2095
- "kind": "variable",
2096
- "name": "defaultAnchorConfig",
2097
- "type": {
2098
- "text": "object"
1706
+ ],
1707
+ "attributes": [
1708
+ {
1709
+ "name": "is-vertical",
1710
+ "type": {
1711
+ "text": "boolean"
1712
+ },
1713
+ "default": "false",
1714
+ "fieldName": "isVertical"
1715
+ },
1716
+ {
1717
+ "name": "add-default-actions",
1718
+ "type": {
1719
+ "text": "boolean"
1720
+ },
1721
+ "default": "true",
1722
+ "fieldName": "addDefaultActions"
1723
+ },
1724
+ {
1725
+ "name": "auto-close-on-action",
1726
+ "type": {
1727
+ "text": "boolean"
1728
+ },
1729
+ "default": "true",
1730
+ "fieldName": "autoCloseOnAction"
1731
+ },
1732
+ {
1733
+ "name": "name",
1734
+ "type": {
1735
+ "text": "string"
1736
+ },
1737
+ "default": "'Actions'",
1738
+ "fieldName": "name"
1739
+ },
1740
+ {
1741
+ "name": "open",
1742
+ "type": {
1743
+ "text": "boolean"
1744
+ },
1745
+ "default": "false",
1746
+ "fieldName": "open"
1747
+ },
1748
+ {
1749
+ "name": "buttonAppearance",
1750
+ "type": {
1751
+ "text": "string"
1752
+ },
1753
+ "fieldName": "buttonAppearance"
1754
+ },
1755
+ {
1756
+ "name": "hide-disabled",
1757
+ "type": {
1758
+ "text": "boolean"
1759
+ },
1760
+ "default": "false",
1761
+ "fieldName": "hideDisabled"
1762
+ },
1763
+ {
1764
+ "name": "hide-menu-single-option",
1765
+ "type": {
1766
+ "text": "boolean"
1767
+ },
1768
+ "default": "false",
1769
+ "fieldName": "hideMenuSingleOption"
1770
+ }
1771
+ ],
1772
+ "superclass": {
1773
+ "name": "FoundationElement",
1774
+ "package": "@microsoft/fast-foundation"
2099
1775
  },
2100
- "default": "{}"
1776
+ "tagName": "%%prefix%%-actions-menu",
1777
+ "customElement": true
2101
1778
  },
2102
1779
  {
2103
1780
  "kind": "variable",
2104
- "name": "foundationAnchor",
2105
- "description": "The Foundation Anchor",
1781
+ "name": "foundationActionsMenu",
1782
+ "description": "The Foundation Actions Menu",
2106
1783
  "privacy": "public"
2107
1784
  }
2108
1785
  ],
2109
1786
  "exports": [
2110
1787
  {
2111
1788
  "kind": "js",
2112
- "name": "Anchor",
2113
- "declaration": {
2114
- "name": "Anchor",
2115
- "module": "src/anchor/anchor.ts"
2116
- }
2117
- },
2118
- {
2119
- "kind": "js",
2120
- "name": "foundationAnchorShadowOptions",
2121
- "declaration": {
2122
- "name": "foundationAnchorShadowOptions",
2123
- "module": "src/anchor/anchor.ts"
2124
- }
2125
- },
2126
- {
2127
- "kind": "js",
2128
- "name": "defaultAnchorConfig",
1789
+ "name": "ActionsMenu",
2129
1790
  "declaration": {
2130
- "name": "defaultAnchorConfig",
2131
- "module": "src/anchor/anchor.ts"
1791
+ "name": "ActionsMenu",
1792
+ "module": "src/actions-menu/actions-menu.ts"
2132
1793
  }
2133
1794
  },
2134
1795
  {
2135
1796
  "kind": "js",
2136
- "name": "foundationAnchor",
1797
+ "name": "foundationActionsMenu",
2137
1798
  "declaration": {
2138
- "name": "foundationAnchor",
2139
- "module": "src/anchor/anchor.ts"
1799
+ "name": "foundationActionsMenu",
1800
+ "module": "src/actions-menu/actions-menu.ts"
2140
1801
  }
2141
1802
  }
2142
1803
  ]
2143
1804
  },
2144
1805
  {
2145
1806
  "kind": "javascript-module",
2146
- "path": "src/anchor/index.ts",
1807
+ "path": "src/actions-menu/index.ts",
2147
1808
  "declarations": [],
2148
1809
  "exports": [
2149
1810
  {
@@ -2151,7 +1812,7 @@
2151
1812
  "name": "*",
2152
1813
  "declaration": {
2153
1814
  "name": "*",
2154
- "package": "./anchor.template"
1815
+ "package": "./actions-menu.styles"
2155
1816
  }
2156
1817
  },
2157
1818
  {
@@ -2159,7 +1820,7 @@
2159
1820
  "name": "*",
2160
1821
  "declaration": {
2161
1822
  "name": "*",
2162
- "package": "./anchor.styles"
1823
+ "package": "./actions-menu.template"
2163
1824
  }
2164
1825
  },
2165
1826
  {
@@ -2167,21 +1828,21 @@
2167
1828
  "name": "*",
2168
1829
  "declaration": {
2169
1830
  "name": "*",
2170
- "package": "./anchor"
1831
+ "package": "./actions-menu"
2171
1832
  }
2172
1833
  }
2173
1834
  ]
2174
1835
  },
2175
1836
  {
2176
1837
  "kind": "javascript-module",
2177
- "path": "src/anchored-region/anchor-region.template.ts",
1838
+ "path": "src/anchor/anchor.styles.ts",
2178
1839
  "declarations": [
2179
1840
  {
2180
1841
  "kind": "function",
2181
- "name": "foundationAnchoredRegionTemplate",
1842
+ "name": "foundationAnchorStyles",
2182
1843
  "return": {
2183
1844
  "type": {
2184
- "text": "ViewTemplate<AnchoredRegion>"
1845
+ "text": "ElementStyles"
2185
1846
  }
2186
1847
  },
2187
1848
  "parameters": [
@@ -2203,24 +1864,24 @@
2203
1864
  "exports": [
2204
1865
  {
2205
1866
  "kind": "js",
2206
- "name": "foundationAnchoredRegionTemplate",
1867
+ "name": "foundationAnchorStyles",
2207
1868
  "declaration": {
2208
- "name": "foundationAnchoredRegionTemplate",
2209
- "module": "src/anchored-region/anchor-region.template.ts"
1869
+ "name": "foundationAnchorStyles",
1870
+ "module": "src/anchor/anchor.styles.ts"
2210
1871
  }
2211
1872
  }
2212
1873
  ]
2213
1874
  },
2214
1875
  {
2215
1876
  "kind": "javascript-module",
2216
- "path": "src/anchored-region/anchored-region.styles.ts",
1877
+ "path": "src/anchor/anchor.template.ts",
2217
1878
  "declarations": [
2218
1879
  {
2219
1880
  "kind": "function",
2220
- "name": "foundationAnchoredRegionStyles",
1881
+ "name": "foundationAnchorTemplate",
2221
1882
  "return": {
2222
1883
  "type": {
2223
- "text": "ElementStyles"
1884
+ "text": "ViewTemplate<Anchor>"
2224
1885
  }
2225
1886
  },
2226
1887
  "parameters": [
@@ -2242,580 +1903,797 @@
2242
1903
  "exports": [
2243
1904
  {
2244
1905
  "kind": "js",
2245
- "name": "foundationAnchoredRegionStyles",
1906
+ "name": "foundationAnchorTemplate",
2246
1907
  "declaration": {
2247
- "name": "foundationAnchoredRegionStyles",
2248
- "module": "src/anchored-region/anchored-region.styles.ts"
1908
+ "name": "foundationAnchorTemplate",
1909
+ "module": "src/anchor/anchor.template.ts"
2249
1910
  }
2250
1911
  }
2251
1912
  ]
2252
1913
  },
2253
1914
  {
2254
1915
  "kind": "javascript-module",
2255
- "path": "src/anchored-region/anchored-region.ts",
1916
+ "path": "src/anchor/anchor.ts",
2256
1917
  "declarations": [
2257
1918
  {
2258
1919
  "kind": "class",
2259
1920
  "description": "",
2260
- "name": "AnchoredRegion",
1921
+ "name": "Anchor",
2261
1922
  "superclass": {
2262
- "name": "FASTAnchoredRegion",
1923
+ "name": "FASTAnchor",
2263
1924
  "package": "@microsoft/fast-components"
2264
1925
  },
2265
- "tagName": "%%prefix%%-anchored-region",
1926
+ "tagName": "%%prefix%%-anchor",
2266
1927
  "customElement": true,
2267
1928
  "attributes": [
2268
1929
  {
2269
- "name": "anchor",
1930
+ "name": "download",
2270
1931
  "type": {
2271
1932
  "text": "string"
2272
1933
  },
2273
- "default": "\"\"",
2274
- "description": "The HTML ID of the anchor element this region is positioned relative to",
2275
- "fieldName": "anchor",
1934
+ "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1935
+ "fieldName": "download",
2276
1936
  "inheritedFrom": {
2277
- "name": "AnchoredRegion",
2278
- "module": "src/anchored-region/anchored-region.ts"
1937
+ "name": "Anchor",
1938
+ "module": "src/anchor/anchor.ts"
2279
1939
  }
2280
1940
  },
2281
1941
  {
2282
- "name": "viewport",
1942
+ "name": "href",
2283
1943
  "type": {
2284
1944
  "text": "string"
2285
1945
  },
2286
- "default": "\"\"",
2287
- "description": "The HTML ID of the viewport element this region is positioned relative to",
2288
- "fieldName": "viewport",
1946
+ "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1947
+ "fieldName": "href",
2289
1948
  "inheritedFrom": {
2290
- "name": "AnchoredRegion",
2291
- "module": "src/anchored-region/anchored-region.ts"
1949
+ "name": "Anchor",
1950
+ "module": "src/anchor/anchor.ts"
2292
1951
  }
2293
1952
  },
2294
1953
  {
2295
- "name": "horizontal-positioning-mode",
1954
+ "name": "hreflang",
2296
1955
  "type": {
2297
- "text": "AxisPositioningMode"
1956
+ "text": "string"
2298
1957
  },
2299
- "default": "\"uncontrolled\"",
2300
- "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
2301
- "fieldName": "horizontalPositioningMode",
1958
+ "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1959
+ "fieldName": "hreflang",
2302
1960
  "inheritedFrom": {
2303
- "name": "AnchoredRegion",
2304
- "module": "src/anchored-region/anchored-region.ts"
1961
+ "name": "Anchor",
1962
+ "module": "src/anchor/anchor.ts"
2305
1963
  }
2306
1964
  },
2307
1965
  {
2308
- "name": "horizontal-default-position",
1966
+ "name": "ping",
2309
1967
  "type": {
2310
- "text": "HorizontalPosition"
1968
+ "text": "string"
2311
1969
  },
2312
- "default": "\"unset\"",
2313
- "description": "The default horizontal position of the region relative to the anchor element",
2314
- "fieldName": "horizontalDefaultPosition",
1970
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1971
+ "fieldName": "ping",
2315
1972
  "inheritedFrom": {
2316
- "name": "AnchoredRegion",
2317
- "module": "src/anchored-region/anchored-region.ts"
1973
+ "name": "Anchor",
1974
+ "module": "src/anchor/anchor.ts"
2318
1975
  }
2319
1976
  },
2320
1977
  {
2321
- "name": "horizontal-viewport-lock",
1978
+ "name": "referrerpolicy",
2322
1979
  "type": {
2323
- "text": "boolean"
1980
+ "text": "string"
2324
1981
  },
2325
- "default": "false",
2326
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
2327
- "fieldName": "horizontalViewportLock",
1982
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1983
+ "fieldName": "referrerpolicy",
2328
1984
  "inheritedFrom": {
2329
- "name": "AnchoredRegion",
2330
- "module": "src/anchored-region/anchored-region.ts"
1985
+ "name": "Anchor",
1986
+ "module": "src/anchor/anchor.ts"
2331
1987
  }
2332
1988
  },
2333
1989
  {
2334
- "name": "horizontal-inset",
1990
+ "name": "rel",
2335
1991
  "type": {
2336
- "text": "boolean"
1992
+ "text": "string"
2337
1993
  },
2338
- "default": "false",
2339
- "description": "Whether the region overlaps the anchor on the horizontal axis",
2340
- "fieldName": "horizontalInset",
1994
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
1995
+ "fieldName": "rel",
2341
1996
  "inheritedFrom": {
2342
- "name": "AnchoredRegion",
2343
- "module": "src/anchored-region/anchored-region.ts"
1997
+ "name": "Anchor",
1998
+ "module": "src/anchor/anchor.ts"
2344
1999
  }
2345
2000
  },
2346
2001
  {
2347
- "name": "horizontal-threshold",
2002
+ "name": "target",
2348
2003
  "type": {
2349
- "text": "number"
2004
+ "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2350
2005
  },
2351
- "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
2352
- "fieldName": "horizontalThreshold",
2006
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2007
+ "fieldName": "target",
2353
2008
  "inheritedFrom": {
2354
- "name": "AnchoredRegion",
2355
- "module": "src/anchored-region/anchored-region.ts"
2009
+ "name": "Anchor",
2010
+ "module": "src/anchor/anchor.ts"
2356
2011
  }
2357
2012
  },
2358
2013
  {
2359
- "name": "horizontal-scaling",
2014
+ "name": "type",
2360
2015
  "type": {
2361
- "text": "AxisScalingMode"
2016
+ "text": "string"
2362
2017
  },
2363
- "default": "\"content\"",
2364
- "description": "Defines how the width of the region is calculated",
2365
- "fieldName": "horizontalScaling",
2018
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2019
+ "fieldName": "type",
2366
2020
  "inheritedFrom": {
2367
- "name": "AnchoredRegion",
2368
- "module": "src/anchored-region/anchored-region.ts"
2021
+ "name": "Anchor",
2022
+ "module": "src/anchor/anchor.ts"
2369
2023
  }
2370
- },
2024
+ }
2025
+ ],
2026
+ "members": [
2371
2027
  {
2372
- "name": "vertical-positioning-mode",
2028
+ "kind": "field",
2029
+ "name": "download",
2373
2030
  "type": {
2374
- "text": "AxisPositioningMode"
2031
+ "text": "string"
2375
2032
  },
2376
- "default": "\"uncontrolled\"",
2377
- "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
2378
- "fieldName": "verticalPositioningMode",
2033
+ "privacy": "public",
2034
+ "description": "Prompts the user to save the linked URL. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2379
2035
  "inheritedFrom": {
2380
- "name": "AnchoredRegion",
2381
- "module": "src/anchored-region/anchored-region.ts"
2036
+ "name": "Anchor",
2037
+ "module": "src/anchor/anchor.ts"
2382
2038
  }
2383
2039
  },
2384
2040
  {
2385
- "name": "vertical-default-position",
2041
+ "kind": "field",
2042
+ "name": "href",
2386
2043
  "type": {
2387
- "text": "VerticalPosition"
2044
+ "text": "string"
2388
2045
  },
2389
- "default": "\"unset\"",
2390
- "description": "The default vertical position of the region relative to the anchor element",
2391
- "fieldName": "verticalDefaultPosition",
2046
+ "privacy": "public",
2047
+ "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2392
2048
  "inheritedFrom": {
2393
- "name": "AnchoredRegion",
2394
- "module": "src/anchored-region/anchored-region.ts"
2049
+ "name": "Anchor",
2050
+ "module": "src/anchor/anchor.ts"
2395
2051
  }
2396
2052
  },
2397
2053
  {
2398
- "name": "vertical-viewport-lock",
2054
+ "kind": "field",
2055
+ "name": "hreflang",
2399
2056
  "type": {
2400
- "text": "boolean"
2057
+ "text": "string"
2401
2058
  },
2402
- "default": "false",
2403
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
2404
- "fieldName": "verticalViewportLock",
2059
+ "privacy": "public",
2060
+ "description": "Hints at the language of the referenced resource. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2405
2061
  "inheritedFrom": {
2406
- "name": "AnchoredRegion",
2407
- "module": "src/anchored-region/anchored-region.ts"
2062
+ "name": "Anchor",
2063
+ "module": "src/anchor/anchor.ts"
2408
2064
  }
2409
2065
  },
2410
2066
  {
2411
- "name": "vertical-inset",
2067
+ "kind": "field",
2068
+ "name": "ping",
2412
2069
  "type": {
2413
- "text": "boolean"
2070
+ "text": "string"
2414
2071
  },
2415
- "default": "false",
2416
- "description": "Whether the region overlaps the anchor on the vertical axis",
2417
- "fieldName": "verticalInset",
2072
+ "privacy": "public",
2073
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2418
2074
  "inheritedFrom": {
2419
- "name": "AnchoredRegion",
2420
- "module": "src/anchored-region/anchored-region.ts"
2075
+ "name": "Anchor",
2076
+ "module": "src/anchor/anchor.ts"
2421
2077
  }
2422
2078
  },
2423
2079
  {
2424
- "name": "vertical-threshold",
2080
+ "kind": "field",
2081
+ "name": "referrerpolicy",
2425
2082
  "type": {
2426
- "text": "number"
2083
+ "text": "string"
2427
2084
  },
2428
- "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
2429
- "fieldName": "verticalThreshold",
2085
+ "privacy": "public",
2086
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2430
2087
  "inheritedFrom": {
2431
- "name": "AnchoredRegion",
2432
- "module": "src/anchored-region/anchored-region.ts"
2088
+ "name": "Anchor",
2089
+ "module": "src/anchor/anchor.ts"
2433
2090
  }
2434
2091
  },
2435
2092
  {
2436
- "name": "vertical-scaling",
2093
+ "kind": "field",
2094
+ "name": "rel",
2437
2095
  "type": {
2438
- "text": "AxisScalingMode"
2096
+ "text": "string"
2439
2097
  },
2440
- "default": "\"content\"",
2441
- "description": "Defines how the height of the region is calculated",
2442
- "fieldName": "verticalScaling",
2098
+ "privacy": "public",
2099
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2443
2100
  "inheritedFrom": {
2444
- "name": "AnchoredRegion",
2445
- "module": "src/anchored-region/anchored-region.ts"
2101
+ "name": "Anchor",
2102
+ "module": "src/anchor/anchor.ts"
2446
2103
  }
2447
2104
  },
2448
2105
  {
2449
- "name": "fixed-placement",
2106
+ "kind": "field",
2107
+ "name": "target",
2450
2108
  "type": {
2451
- "text": "boolean"
2109
+ "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2452
2110
  },
2453
- "default": "false",
2454
- "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
2455
- "fieldName": "fixedPlacement",
2111
+ "privacy": "public",
2112
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2456
2113
  "inheritedFrom": {
2457
- "name": "AnchoredRegion",
2458
- "module": "src/anchored-region/anchored-region.ts"
2114
+ "name": "Anchor",
2115
+ "module": "src/anchor/anchor.ts"
2459
2116
  }
2460
2117
  },
2461
2118
  {
2462
- "name": "auto-update-mode",
2119
+ "kind": "field",
2120
+ "name": "type",
2463
2121
  "type": {
2464
- "text": "AutoUpdateMode"
2122
+ "text": "string"
2465
2123
  },
2466
- "default": "\"anchor\"",
2467
- "description": "Defines what triggers the anchored region to revaluate positioning",
2468
- "fieldName": "autoUpdateMode",
2124
+ "privacy": "public",
2125
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2469
2126
  "inheritedFrom": {
2470
- "name": "AnchoredRegion",
2471
- "module": "src/anchored-region/anchored-region.ts"
2127
+ "name": "Anchor",
2128
+ "module": "src/anchor/anchor.ts"
2472
2129
  }
2473
- }
2474
- ],
2475
- "members": [
2130
+ },
2476
2131
  {
2477
2132
  "kind": "field",
2478
- "name": "anchor",
2133
+ "name": "control",
2479
2134
  "type": {
2480
- "text": "string"
2135
+ "text": "HTMLAnchorElement | undefined"
2481
2136
  },
2482
2137
  "privacy": "public",
2483
- "default": "\"\"",
2484
- "description": "The HTML ID of the anchor element this region is positioned relative to",
2138
+ "description": "References the root element",
2485
2139
  "inheritedFrom": {
2486
- "name": "AnchoredRegion",
2487
- "module": "src/anchored-region/anchored-region.ts"
2140
+ "name": "Anchor",
2141
+ "module": "src/anchor/anchor.ts"
2488
2142
  }
2489
2143
  },
2490
2144
  {
2491
- "kind": "method",
2492
- "name": "anchorChanged",
2145
+ "kind": "field",
2146
+ "name": "handleUnsupportedDelegatesFocus",
2493
2147
  "privacy": "private",
2494
- "return": {
2495
- "type": {
2496
- "text": "void"
2497
- }
2498
- },
2148
+ "description": "Overrides the focus call for where delegatesFocus is unsupported.\nThis check works for Chrome, Edge Chromium, FireFox, and Safari\nRelevant PR on the Firefox browser: https://phabricator.services.mozilla.com/D123858",
2499
2149
  "inheritedFrom": {
2500
- "name": "AnchoredRegion",
2501
- "module": "src/anchored-region/anchored-region.ts"
2150
+ "name": "Anchor",
2151
+ "module": "src/anchor/anchor.ts"
2502
2152
  }
2503
2153
  },
2504
2154
  {
2505
2155
  "kind": "field",
2506
- "name": "viewport",
2156
+ "name": "_presentation",
2507
2157
  "type": {
2508
- "text": "string"
2158
+ "text": "ComponentPresentation | null | undefined"
2509
2159
  },
2510
- "privacy": "public",
2511
- "default": "\"\"",
2512
- "description": "The HTML ID of the viewport element this region is positioned relative to",
2160
+ "privacy": "private",
2161
+ "default": "void 0",
2513
2162
  "inheritedFrom": {
2514
- "name": "AnchoredRegion",
2515
- "module": "src/anchored-region/anchored-region.ts"
2163
+ "name": "FoundationElement",
2164
+ "module": "src/foundation-element/foundation-element.ts"
2516
2165
  }
2517
2166
  },
2518
2167
  {
2519
- "kind": "method",
2520
- "name": "viewportChanged",
2521
- "privacy": "private",
2522
- "return": {
2523
- "type": {
2524
- "text": "void"
2525
- }
2168
+ "kind": "field",
2169
+ "name": "$presentation",
2170
+ "type": {
2171
+ "text": "ComponentPresentation | null"
2526
2172
  },
2173
+ "privacy": "public",
2174
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
2527
2175
  "inheritedFrom": {
2528
- "name": "AnchoredRegion",
2529
- "module": "src/anchored-region/anchored-region.ts"
2176
+ "name": "FoundationElement",
2177
+ "module": "src/foundation-element/foundation-element.ts"
2530
2178
  }
2531
2179
  },
2532
2180
  {
2533
2181
  "kind": "field",
2534
- "name": "horizontalPositioningMode",
2182
+ "name": "template",
2535
2183
  "type": {
2536
- "text": "AxisPositioningMode"
2184
+ "text": "ElementViewTemplate | void | null"
2537
2185
  },
2538
2186
  "privacy": "public",
2539
- "default": "\"uncontrolled\"",
2540
- "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
2187
+ "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.",
2541
2188
  "inheritedFrom": {
2542
- "name": "AnchoredRegion",
2543
- "module": "src/anchored-region/anchored-region.ts"
2189
+ "name": "FoundationElement",
2190
+ "module": "src/foundation-element/foundation-element.ts"
2544
2191
  }
2545
2192
  },
2546
2193
  {
2547
2194
  "kind": "method",
2548
- "name": "horizontalPositioningModeChanged",
2549
- "privacy": "private",
2195
+ "name": "templateChanged",
2196
+ "privacy": "protected",
2550
2197
  "return": {
2551
2198
  "type": {
2552
2199
  "text": "void"
2553
2200
  }
2554
2201
  },
2555
2202
  "inheritedFrom": {
2556
- "name": "AnchoredRegion",
2557
- "module": "src/anchored-region/anchored-region.ts"
2203
+ "name": "FoundationElement",
2204
+ "module": "src/foundation-element/foundation-element.ts"
2558
2205
  }
2559
2206
  },
2560
2207
  {
2561
2208
  "kind": "field",
2562
- "name": "horizontalDefaultPosition",
2209
+ "name": "styles",
2563
2210
  "type": {
2564
- "text": "HorizontalPosition"
2211
+ "text": "ElementStyles | void | null"
2565
2212
  },
2566
2213
  "privacy": "public",
2567
- "default": "\"unset\"",
2568
- "description": "The default horizontal position of the region relative to the anchor element",
2214
+ "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.",
2569
2215
  "inheritedFrom": {
2570
- "name": "AnchoredRegion",
2571
- "module": "src/anchored-region/anchored-region.ts"
2216
+ "name": "FoundationElement",
2217
+ "module": "src/foundation-element/foundation-element.ts"
2572
2218
  }
2573
2219
  },
2574
2220
  {
2575
2221
  "kind": "method",
2576
- "name": "horizontalDefaultPositionChanged",
2577
- "privacy": "private",
2222
+ "name": "stylesChanged",
2223
+ "privacy": "protected",
2578
2224
  "return": {
2579
2225
  "type": {
2580
2226
  "text": "void"
2581
2227
  }
2582
2228
  },
2583
2229
  "inheritedFrom": {
2584
- "name": "AnchoredRegion",
2585
- "module": "src/anchored-region/anchored-region.ts"
2230
+ "name": "FoundationElement",
2231
+ "module": "src/foundation-element/foundation-element.ts"
2586
2232
  }
2587
2233
  },
2588
2234
  {
2589
- "kind": "field",
2590
- "name": "horizontalViewportLock",
2235
+ "kind": "method",
2236
+ "name": "compose",
2237
+ "privacy": "public",
2238
+ "static": true,
2239
+ "return": {
2240
+ "type": {
2241
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
2242
+ }
2243
+ },
2244
+ "parameters": [
2245
+ {
2246
+ "name": "this",
2247
+ "type": {
2248
+ "text": "K"
2249
+ }
2250
+ },
2251
+ {
2252
+ "name": "elementDefinition",
2253
+ "type": {
2254
+ "text": "T"
2255
+ },
2256
+ "description": "The definition of the element to create the registry\nfunction for."
2257
+ }
2258
+ ],
2259
+ "description": "Defines an element registry function with a set of element definition defaults.",
2260
+ "inheritedFrom": {
2261
+ "name": "FoundationElement",
2262
+ "module": "src/foundation-element/foundation-element.ts"
2263
+ }
2264
+ }
2265
+ ]
2266
+ },
2267
+ {
2268
+ "kind": "variable",
2269
+ "name": "foundationAnchorShadowOptions",
2270
+ "type": {
2271
+ "text": "ShadowRootInit"
2272
+ },
2273
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2274
+ },
2275
+ {
2276
+ "kind": "variable",
2277
+ "name": "defaultAnchorConfig",
2278
+ "type": {
2279
+ "text": "object"
2280
+ },
2281
+ "default": "{}"
2282
+ },
2283
+ {
2284
+ "kind": "variable",
2285
+ "name": "foundationAnchor",
2286
+ "description": "The Foundation Anchor",
2287
+ "privacy": "public"
2288
+ }
2289
+ ],
2290
+ "exports": [
2291
+ {
2292
+ "kind": "js",
2293
+ "name": "Anchor",
2294
+ "declaration": {
2295
+ "name": "Anchor",
2296
+ "module": "src/anchor/anchor.ts"
2297
+ }
2298
+ },
2299
+ {
2300
+ "kind": "js",
2301
+ "name": "foundationAnchorShadowOptions",
2302
+ "declaration": {
2303
+ "name": "foundationAnchorShadowOptions",
2304
+ "module": "src/anchor/anchor.ts"
2305
+ }
2306
+ },
2307
+ {
2308
+ "kind": "js",
2309
+ "name": "defaultAnchorConfig",
2310
+ "declaration": {
2311
+ "name": "defaultAnchorConfig",
2312
+ "module": "src/anchor/anchor.ts"
2313
+ }
2314
+ },
2315
+ {
2316
+ "kind": "js",
2317
+ "name": "foundationAnchor",
2318
+ "declaration": {
2319
+ "name": "foundationAnchor",
2320
+ "module": "src/anchor/anchor.ts"
2321
+ }
2322
+ }
2323
+ ]
2324
+ },
2325
+ {
2326
+ "kind": "javascript-module",
2327
+ "path": "src/anchor/index.ts",
2328
+ "declarations": [],
2329
+ "exports": [
2330
+ {
2331
+ "kind": "js",
2332
+ "name": "*",
2333
+ "declaration": {
2334
+ "name": "*",
2335
+ "package": "./anchor.template"
2336
+ }
2337
+ },
2338
+ {
2339
+ "kind": "js",
2340
+ "name": "*",
2341
+ "declaration": {
2342
+ "name": "*",
2343
+ "package": "./anchor.styles"
2344
+ }
2345
+ },
2346
+ {
2347
+ "kind": "js",
2348
+ "name": "*",
2349
+ "declaration": {
2350
+ "name": "*",
2351
+ "package": "./anchor"
2352
+ }
2353
+ }
2354
+ ]
2355
+ },
2356
+ {
2357
+ "kind": "javascript-module",
2358
+ "path": "src/_config/index.ts",
2359
+ "declarations": [],
2360
+ "exports": [
2361
+ {
2362
+ "kind": "js",
2363
+ "name": "*",
2364
+ "declaration": {
2365
+ "name": "*",
2366
+ "package": "./styles"
2367
+ }
2368
+ },
2369
+ {
2370
+ "kind": "js",
2371
+ "name": "*",
2372
+ "declaration": {
2373
+ "name": "*",
2374
+ "package": "./tokens"
2375
+ }
2376
+ },
2377
+ {
2378
+ "kind": "js",
2379
+ "name": "*",
2380
+ "declaration": {
2381
+ "name": "*",
2382
+ "package": "./values"
2383
+ }
2384
+ }
2385
+ ]
2386
+ },
2387
+ {
2388
+ "kind": "javascript-module",
2389
+ "path": "src/anchored-region/anchor-region.template.ts",
2390
+ "declarations": [
2391
+ {
2392
+ "kind": "function",
2393
+ "name": "foundationAnchoredRegionTemplate",
2394
+ "return": {
2395
+ "type": {
2396
+ "text": "ViewTemplate<AnchoredRegion>"
2397
+ }
2398
+ },
2399
+ "parameters": [
2400
+ {
2401
+ "name": "context",
2591
2402
  "type": {
2592
- "text": "boolean"
2403
+ "text": "ElementDefinitionContext"
2404
+ }
2405
+ },
2406
+ {
2407
+ "name": "definition",
2408
+ "type": {
2409
+ "text": "FoundationElementDefinition"
2410
+ }
2411
+ }
2412
+ ]
2413
+ }
2414
+ ],
2415
+ "exports": [
2416
+ {
2417
+ "kind": "js",
2418
+ "name": "foundationAnchoredRegionTemplate",
2419
+ "declaration": {
2420
+ "name": "foundationAnchoredRegionTemplate",
2421
+ "module": "src/anchored-region/anchor-region.template.ts"
2422
+ }
2423
+ }
2424
+ ]
2425
+ },
2426
+ {
2427
+ "kind": "javascript-module",
2428
+ "path": "src/anchored-region/anchored-region.styles.ts",
2429
+ "declarations": [
2430
+ {
2431
+ "kind": "function",
2432
+ "name": "foundationAnchoredRegionStyles",
2433
+ "return": {
2434
+ "type": {
2435
+ "text": "ElementStyles"
2436
+ }
2437
+ },
2438
+ "parameters": [
2439
+ {
2440
+ "name": "context",
2441
+ "type": {
2442
+ "text": "ElementDefinitionContext"
2443
+ }
2444
+ },
2445
+ {
2446
+ "name": "definition",
2447
+ "type": {
2448
+ "text": "FoundationElementDefinition"
2449
+ }
2450
+ }
2451
+ ]
2452
+ }
2453
+ ],
2454
+ "exports": [
2455
+ {
2456
+ "kind": "js",
2457
+ "name": "foundationAnchoredRegionStyles",
2458
+ "declaration": {
2459
+ "name": "foundationAnchoredRegionStyles",
2460
+ "module": "src/anchored-region/anchored-region.styles.ts"
2461
+ }
2462
+ }
2463
+ ]
2464
+ },
2465
+ {
2466
+ "kind": "javascript-module",
2467
+ "path": "src/anchored-region/anchored-region.ts",
2468
+ "declarations": [
2469
+ {
2470
+ "kind": "class",
2471
+ "description": "",
2472
+ "name": "AnchoredRegion",
2473
+ "superclass": {
2474
+ "name": "FASTAnchoredRegion",
2475
+ "package": "@microsoft/fast-components"
2476
+ },
2477
+ "tagName": "%%prefix%%-anchored-region",
2478
+ "customElement": true,
2479
+ "attributes": [
2480
+ {
2481
+ "name": "anchor",
2482
+ "type": {
2483
+ "text": "string"
2593
2484
  },
2594
- "privacy": "public",
2595
- "default": "false",
2596
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
2485
+ "default": "\"\"",
2486
+ "description": "The HTML ID of the anchor element this region is positioned relative to",
2487
+ "fieldName": "anchor",
2597
2488
  "inheritedFrom": {
2598
2489
  "name": "AnchoredRegion",
2599
2490
  "module": "src/anchored-region/anchored-region.ts"
2600
2491
  }
2601
2492
  },
2602
2493
  {
2603
- "kind": "method",
2604
- "name": "horizontalViewportLockChanged",
2605
- "privacy": "private",
2606
- "return": {
2607
- "type": {
2608
- "text": "void"
2609
- }
2494
+ "name": "viewport",
2495
+ "type": {
2496
+ "text": "string"
2610
2497
  },
2498
+ "default": "\"\"",
2499
+ "description": "The HTML ID of the viewport element this region is positioned relative to",
2500
+ "fieldName": "viewport",
2611
2501
  "inheritedFrom": {
2612
2502
  "name": "AnchoredRegion",
2613
2503
  "module": "src/anchored-region/anchored-region.ts"
2614
2504
  }
2615
2505
  },
2616
2506
  {
2617
- "kind": "field",
2618
- "name": "horizontalInset",
2507
+ "name": "horizontal-positioning-mode",
2619
2508
  "type": {
2620
- "text": "boolean"
2509
+ "text": "AxisPositioningMode"
2621
2510
  },
2622
- "privacy": "public",
2623
- "default": "false",
2624
- "description": "Whether the region overlaps the anchor on the horizontal axis",
2511
+ "default": "\"uncontrolled\"",
2512
+ "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
2513
+ "fieldName": "horizontalPositioningMode",
2625
2514
  "inheritedFrom": {
2626
2515
  "name": "AnchoredRegion",
2627
2516
  "module": "src/anchored-region/anchored-region.ts"
2628
2517
  }
2629
2518
  },
2630
2519
  {
2631
- "kind": "method",
2632
- "name": "horizontalInsetChanged",
2633
- "privacy": "private",
2634
- "return": {
2635
- "type": {
2636
- "text": "void"
2637
- }
2520
+ "name": "horizontal-default-position",
2521
+ "type": {
2522
+ "text": "HorizontalPosition"
2638
2523
  },
2524
+ "default": "\"unset\"",
2525
+ "description": "The default horizontal position of the region relative to the anchor element",
2526
+ "fieldName": "horizontalDefaultPosition",
2639
2527
  "inheritedFrom": {
2640
2528
  "name": "AnchoredRegion",
2641
2529
  "module": "src/anchored-region/anchored-region.ts"
2642
2530
  }
2643
2531
  },
2644
2532
  {
2645
- "kind": "field",
2646
- "name": "horizontalThreshold",
2533
+ "name": "horizontal-viewport-lock",
2647
2534
  "type": {
2648
- "text": "number"
2535
+ "text": "boolean"
2649
2536
  },
2650
- "privacy": "public",
2651
- "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
2537
+ "default": "false",
2538
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
2539
+ "fieldName": "horizontalViewportLock",
2652
2540
  "inheritedFrom": {
2653
2541
  "name": "AnchoredRegion",
2654
2542
  "module": "src/anchored-region/anchored-region.ts"
2655
2543
  }
2656
2544
  },
2657
2545
  {
2658
- "kind": "method",
2659
- "name": "horizontalThresholdChanged",
2660
- "privacy": "private",
2661
- "return": {
2662
- "type": {
2663
- "text": "void"
2664
- }
2546
+ "name": "horizontal-inset",
2547
+ "type": {
2548
+ "text": "boolean"
2665
2549
  },
2550
+ "default": "false",
2551
+ "description": "Whether the region overlaps the anchor on the horizontal axis",
2552
+ "fieldName": "horizontalInset",
2666
2553
  "inheritedFrom": {
2667
2554
  "name": "AnchoredRegion",
2668
2555
  "module": "src/anchored-region/anchored-region.ts"
2669
2556
  }
2670
2557
  },
2671
2558
  {
2672
- "kind": "field",
2673
- "name": "horizontalScaling",
2559
+ "name": "horizontal-threshold",
2674
2560
  "type": {
2675
- "text": "AxisScalingMode"
2561
+ "text": "number"
2676
2562
  },
2677
- "privacy": "public",
2678
- "default": "\"content\"",
2679
- "description": "Defines how the width of the region is calculated",
2563
+ "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
2564
+ "fieldName": "horizontalThreshold",
2680
2565
  "inheritedFrom": {
2681
2566
  "name": "AnchoredRegion",
2682
2567
  "module": "src/anchored-region/anchored-region.ts"
2683
2568
  }
2684
2569
  },
2685
2570
  {
2686
- "kind": "method",
2687
- "name": "horizontalScalingChanged",
2688
- "privacy": "private",
2689
- "return": {
2690
- "type": {
2691
- "text": "void"
2692
- }
2571
+ "name": "horizontal-scaling",
2572
+ "type": {
2573
+ "text": "AxisScalingMode"
2693
2574
  },
2575
+ "default": "\"content\"",
2576
+ "description": "Defines how the width of the region is calculated",
2577
+ "fieldName": "horizontalScaling",
2694
2578
  "inheritedFrom": {
2695
2579
  "name": "AnchoredRegion",
2696
2580
  "module": "src/anchored-region/anchored-region.ts"
2697
2581
  }
2698
2582
  },
2699
2583
  {
2700
- "kind": "field",
2701
- "name": "verticalPositioningMode",
2584
+ "name": "vertical-positioning-mode",
2702
2585
  "type": {
2703
2586
  "text": "AxisPositioningMode"
2704
2587
  },
2705
- "privacy": "public",
2706
2588
  "default": "\"uncontrolled\"",
2707
2589
  "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
2590
+ "fieldName": "verticalPositioningMode",
2708
2591
  "inheritedFrom": {
2709
2592
  "name": "AnchoredRegion",
2710
2593
  "module": "src/anchored-region/anchored-region.ts"
2711
2594
  }
2712
2595
  },
2713
2596
  {
2714
- "kind": "method",
2715
- "name": "verticalPositioningModeChanged",
2716
- "privacy": "private",
2717
- "return": {
2718
- "type": {
2719
- "text": "void"
2720
- }
2597
+ "name": "vertical-default-position",
2598
+ "type": {
2599
+ "text": "VerticalPosition"
2721
2600
  },
2601
+ "default": "\"unset\"",
2602
+ "description": "The default vertical position of the region relative to the anchor element",
2603
+ "fieldName": "verticalDefaultPosition",
2722
2604
  "inheritedFrom": {
2723
2605
  "name": "AnchoredRegion",
2724
2606
  "module": "src/anchored-region/anchored-region.ts"
2725
2607
  }
2726
2608
  },
2727
2609
  {
2728
- "kind": "field",
2729
- "name": "verticalDefaultPosition",
2610
+ "name": "vertical-viewport-lock",
2730
2611
  "type": {
2731
- "text": "VerticalPosition"
2612
+ "text": "boolean"
2732
2613
  },
2733
- "privacy": "public",
2734
- "default": "\"unset\"",
2735
- "description": "The default vertical position of the region relative to the anchor element",
2614
+ "default": "false",
2615
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
2616
+ "fieldName": "verticalViewportLock",
2736
2617
  "inheritedFrom": {
2737
2618
  "name": "AnchoredRegion",
2738
2619
  "module": "src/anchored-region/anchored-region.ts"
2739
2620
  }
2740
2621
  },
2741
2622
  {
2742
- "kind": "method",
2743
- "name": "verticalDefaultPositionChanged",
2744
- "privacy": "private",
2745
- "return": {
2746
- "type": {
2747
- "text": "void"
2748
- }
2623
+ "name": "vertical-inset",
2624
+ "type": {
2625
+ "text": "boolean"
2749
2626
  },
2627
+ "default": "false",
2628
+ "description": "Whether the region overlaps the anchor on the vertical axis",
2629
+ "fieldName": "verticalInset",
2750
2630
  "inheritedFrom": {
2751
2631
  "name": "AnchoredRegion",
2752
2632
  "module": "src/anchored-region/anchored-region.ts"
2753
2633
  }
2754
2634
  },
2755
2635
  {
2756
- "kind": "field",
2757
- "name": "verticalViewportLock",
2636
+ "name": "vertical-threshold",
2758
2637
  "type": {
2759
- "text": "boolean"
2638
+ "text": "number"
2760
2639
  },
2761
- "privacy": "public",
2762
- "default": "false",
2763
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
2640
+ "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
2641
+ "fieldName": "verticalThreshold",
2764
2642
  "inheritedFrom": {
2765
2643
  "name": "AnchoredRegion",
2766
2644
  "module": "src/anchored-region/anchored-region.ts"
2767
2645
  }
2768
2646
  },
2769
2647
  {
2770
- "kind": "method",
2771
- "name": "verticalViewportLockChanged",
2772
- "privacy": "private",
2773
- "return": {
2774
- "type": {
2775
- "text": "void"
2776
- }
2648
+ "name": "vertical-scaling",
2649
+ "type": {
2650
+ "text": "AxisScalingMode"
2777
2651
  },
2652
+ "default": "\"content\"",
2653
+ "description": "Defines how the height of the region is calculated",
2654
+ "fieldName": "verticalScaling",
2778
2655
  "inheritedFrom": {
2779
2656
  "name": "AnchoredRegion",
2780
2657
  "module": "src/anchored-region/anchored-region.ts"
2781
2658
  }
2782
2659
  },
2783
2660
  {
2784
- "kind": "field",
2785
- "name": "verticalInset",
2661
+ "name": "fixed-placement",
2786
2662
  "type": {
2787
2663
  "text": "boolean"
2788
2664
  },
2789
- "privacy": "public",
2790
2665
  "default": "false",
2791
- "description": "Whether the region overlaps the anchor on the vertical axis",
2666
+ "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
2667
+ "fieldName": "fixedPlacement",
2792
2668
  "inheritedFrom": {
2793
2669
  "name": "AnchoredRegion",
2794
2670
  "module": "src/anchored-region/anchored-region.ts"
2795
2671
  }
2796
2672
  },
2797
2673
  {
2798
- "kind": "method",
2799
- "name": "verticalInsetChanged",
2800
- "privacy": "private",
2801
- "return": {
2802
- "type": {
2803
- "text": "void"
2804
- }
2674
+ "name": "auto-update-mode",
2675
+ "type": {
2676
+ "text": "AutoUpdateMode"
2805
2677
  },
2678
+ "default": "\"anchor\"",
2679
+ "description": "Defines what triggers the anchored region to revaluate positioning",
2680
+ "fieldName": "autoUpdateMode",
2806
2681
  "inheritedFrom": {
2807
2682
  "name": "AnchoredRegion",
2808
2683
  "module": "src/anchored-region/anchored-region.ts"
2809
2684
  }
2810
- },
2685
+ }
2686
+ ],
2687
+ "members": [
2811
2688
  {
2812
2689
  "kind": "field",
2813
- "name": "verticalThreshold",
2690
+ "name": "anchor",
2814
2691
  "type": {
2815
- "text": "number"
2692
+ "text": "string"
2816
2693
  },
2817
2694
  "privacy": "public",
2818
- "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
2695
+ "default": "\"\"",
2696
+ "description": "The HTML ID of the anchor element this region is positioned relative to",
2819
2697
  "inheritedFrom": {
2820
2698
  "name": "AnchoredRegion",
2821
2699
  "module": "src/anchored-region/anchored-region.ts"
@@ -2823,7 +2701,7 @@
2823
2701
  },
2824
2702
  {
2825
2703
  "kind": "method",
2826
- "name": "verticalThresholdChanged",
2704
+ "name": "anchorChanged",
2827
2705
  "privacy": "private",
2828
2706
  "return": {
2829
2707
  "type": {
@@ -2837,13 +2715,13 @@
2837
2715
  },
2838
2716
  {
2839
2717
  "kind": "field",
2840
- "name": "verticalScaling",
2718
+ "name": "viewport",
2841
2719
  "type": {
2842
- "text": "AxisScalingMode"
2720
+ "text": "string"
2843
2721
  },
2844
2722
  "privacy": "public",
2845
- "default": "\"content\"",
2846
- "description": "Defines how the height of the region is calculated",
2723
+ "default": "\"\"",
2724
+ "description": "The HTML ID of the viewport element this region is positioned relative to",
2847
2725
  "inheritedFrom": {
2848
2726
  "name": "AnchoredRegion",
2849
2727
  "module": "src/anchored-region/anchored-region.ts"
@@ -2851,7 +2729,7 @@
2851
2729
  },
2852
2730
  {
2853
2731
  "kind": "method",
2854
- "name": "verticalScalingChanged",
2732
+ "name": "viewportChanged",
2855
2733
  "privacy": "private",
2856
2734
  "return": {
2857
2735
  "type": {
@@ -2865,13 +2743,13 @@
2865
2743
  },
2866
2744
  {
2867
2745
  "kind": "field",
2868
- "name": "fixedPlacement",
2746
+ "name": "horizontalPositioningMode",
2869
2747
  "type": {
2870
- "text": "boolean"
2748
+ "text": "AxisPositioningMode"
2871
2749
  },
2872
2750
  "privacy": "public",
2873
- "default": "false",
2874
- "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
2751
+ "default": "\"uncontrolled\"",
2752
+ "description": "Sets what logic the component uses to determine horizontal placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the horizontal axis",
2875
2753
  "inheritedFrom": {
2876
2754
  "name": "AnchoredRegion",
2877
2755
  "module": "src/anchored-region/anchored-region.ts"
@@ -2879,7 +2757,7 @@
2879
2757
  },
2880
2758
  {
2881
2759
  "kind": "method",
2882
- "name": "fixedPlacementChanged",
2760
+ "name": "horizontalPositioningModeChanged",
2883
2761
  "privacy": "private",
2884
2762
  "return": {
2885
2763
  "type": {
@@ -2893,13 +2771,13 @@
2893
2771
  },
2894
2772
  {
2895
2773
  "kind": "field",
2896
- "name": "autoUpdateMode",
2774
+ "name": "horizontalDefaultPosition",
2897
2775
  "type": {
2898
- "text": "AutoUpdateMode"
2776
+ "text": "HorizontalPosition"
2899
2777
  },
2900
2778
  "privacy": "public",
2901
- "default": "\"anchor\"",
2902
- "description": "Defines what triggers the anchored region to revaluate positioning",
2779
+ "default": "\"unset\"",
2780
+ "description": "The default horizontal position of the region relative to the anchor element",
2903
2781
  "inheritedFrom": {
2904
2782
  "name": "AnchoredRegion",
2905
2783
  "module": "src/anchored-region/anchored-region.ts"
@@ -2907,27 +2785,13 @@
2907
2785
  },
2908
2786
  {
2909
2787
  "kind": "method",
2910
- "name": "autoUpdateModeChanged",
2788
+ "name": "horizontalDefaultPositionChanged",
2911
2789
  "privacy": "private",
2912
2790
  "return": {
2913
2791
  "type": {
2914
2792
  "text": "void"
2915
2793
  }
2916
2794
  },
2917
- "parameters": [
2918
- {
2919
- "name": "prevMode",
2920
- "type": {
2921
- "text": "AutoUpdateMode"
2922
- }
2923
- },
2924
- {
2925
- "name": "newMode",
2926
- "type": {
2927
- "text": "AutoUpdateMode"
2928
- }
2929
- }
2930
- ],
2931
2795
  "inheritedFrom": {
2932
2796
  "name": "AnchoredRegion",
2933
2797
  "module": "src/anchored-region/anchored-region.ts"
@@ -2935,13 +2799,13 @@
2935
2799
  },
2936
2800
  {
2937
2801
  "kind": "field",
2938
- "name": "anchorElement",
2802
+ "name": "horizontalViewportLock",
2939
2803
  "type": {
2940
- "text": "HTMLElement | null"
2804
+ "text": "boolean"
2941
2805
  },
2942
2806
  "privacy": "public",
2943
- "default": "null",
2944
- "description": "The HTML element being used as the anchor",
2807
+ "default": "false",
2808
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
2945
2809
  "inheritedFrom": {
2946
2810
  "name": "AnchoredRegion",
2947
2811
  "module": "src/anchored-region/anchored-region.ts"
@@ -2949,7 +2813,7 @@
2949
2813
  },
2950
2814
  {
2951
2815
  "kind": "method",
2952
- "name": "anchorElementChanged",
2816
+ "name": "horizontalViewportLockChanged",
2953
2817
  "privacy": "private",
2954
2818
  "return": {
2955
2819
  "type": {
@@ -2963,13 +2827,13 @@
2963
2827
  },
2964
2828
  {
2965
2829
  "kind": "field",
2966
- "name": "viewportElement",
2830
+ "name": "horizontalInset",
2967
2831
  "type": {
2968
- "text": "HTMLElement | null"
2832
+ "text": "boolean"
2969
2833
  },
2970
2834
  "privacy": "public",
2971
- "default": "null",
2972
- "description": "The HTML element being used as the viewport",
2835
+ "default": "false",
2836
+ "description": "Whether the region overlaps the anchor on the horizontal axis",
2973
2837
  "inheritedFrom": {
2974
2838
  "name": "AnchoredRegion",
2975
2839
  "module": "src/anchored-region/anchored-region.ts"
@@ -2977,7 +2841,7 @@
2977
2841
  },
2978
2842
  {
2979
2843
  "kind": "method",
2980
- "name": "viewportElementChanged",
2844
+ "name": "horizontalInsetChanged",
2981
2845
  "privacy": "private",
2982
2846
  "return": {
2983
2847
  "type": {
@@ -2991,50 +2855,26 @@
2991
2855
  },
2992
2856
  {
2993
2857
  "kind": "field",
2994
- "name": "verticalPosition",
2995
- "type": {
2996
- "text": "AnchoredRegionPositionLabel | undefined"
2997
- },
2998
- "privacy": "public",
2999
- "description": "indicates the current horizontal position of the region",
3000
- "inheritedFrom": {
3001
- "name": "AnchoredRegion",
3002
- "module": "src/anchored-region/anchored-region.ts"
3003
- }
3004
- },
3005
- {
3006
- "kind": "field",
3007
- "name": "horizontalPosition",
2858
+ "name": "horizontalThreshold",
3008
2859
  "type": {
3009
- "text": "AnchoredRegionPositionLabel | undefined"
2860
+ "text": "number"
3010
2861
  },
3011
2862
  "privacy": "public",
3012
- "description": "indicates the current vertical position of the region",
2863
+ "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
3013
2864
  "inheritedFrom": {
3014
2865
  "name": "AnchoredRegion",
3015
2866
  "module": "src/anchored-region/anchored-region.ts"
3016
2867
  }
3017
2868
  },
3018
2869
  {
3019
- "kind": "field",
3020
- "name": "translateX",
3021
- "type": {
3022
- "text": "number"
3023
- },
2870
+ "kind": "method",
2871
+ "name": "horizontalThresholdChanged",
3024
2872
  "privacy": "private",
3025
- "description": "values to be applied to the component's transform on render",
3026
- "inheritedFrom": {
3027
- "name": "AnchoredRegion",
3028
- "module": "src/anchored-region/anchored-region.ts"
3029
- }
3030
- },
3031
- {
3032
- "kind": "field",
3033
- "name": "translateY",
3034
- "type": {
3035
- "text": "number"
2873
+ "return": {
2874
+ "type": {
2875
+ "text": "void"
2876
+ }
3036
2877
  },
3037
- "privacy": "private",
3038
2878
  "inheritedFrom": {
3039
2879
  "name": "AnchoredRegion",
3040
2880
  "module": "src/anchored-region/anchored-region.ts"
@@ -3042,37 +2882,27 @@
3042
2882
  },
3043
2883
  {
3044
2884
  "kind": "field",
3045
- "name": "regionWidth",
2885
+ "name": "horizontalScaling",
3046
2886
  "type": {
3047
- "text": "string"
2887
+ "text": "AxisScalingMode"
3048
2888
  },
3049
- "privacy": "private",
3050
- "description": "the span to be applied to the region on each axis",
2889
+ "privacy": "public",
2890
+ "default": "\"content\"",
2891
+ "description": "Defines how the width of the region is calculated",
3051
2892
  "inheritedFrom": {
3052
2893
  "name": "AnchoredRegion",
3053
2894
  "module": "src/anchored-region/anchored-region.ts"
3054
2895
  }
3055
2896
  },
3056
2897
  {
3057
- "kind": "field",
3058
- "name": "regionHeight",
3059
- "type": {
3060
- "text": "string"
3061
- },
2898
+ "kind": "method",
2899
+ "name": "horizontalScalingChanged",
3062
2900
  "privacy": "private",
3063
- "inheritedFrom": {
3064
- "name": "AnchoredRegion",
3065
- "module": "src/anchored-region/anchored-region.ts"
3066
- }
3067
- },
3068
- {
3069
- "kind": "field",
3070
- "name": "resizeDetector",
3071
- "type": {
3072
- "text": "ResizeObserverClassDefinition | null"
2901
+ "return": {
2902
+ "type": {
2903
+ "text": "void"
2904
+ }
3073
2905
  },
3074
- "privacy": "private",
3075
- "default": "null",
3076
2906
  "inheritedFrom": {
3077
2907
  "name": "AnchoredRegion",
3078
2908
  "module": "src/anchored-region/anchored-region.ts"
@@ -3080,35 +2910,27 @@
3080
2910
  },
3081
2911
  {
3082
2912
  "kind": "field",
3083
- "name": "viewportRect",
2913
+ "name": "verticalPositioningMode",
3084
2914
  "type": {
3085
- "text": "ClientRect | DOMRect | undefined"
2915
+ "text": "AxisPositioningMode"
3086
2916
  },
3087
- "privacy": "private",
2917
+ "privacy": "public",
2918
+ "default": "\"uncontrolled\"",
2919
+ "description": "Sets what logic the component uses to determine vertical placement.\n'locktodefault' forces the default position\n'dynamic' decides placement based on available space\n'uncontrolled' does not control placement on the vertical axis",
3088
2920
  "inheritedFrom": {
3089
2921
  "name": "AnchoredRegion",
3090
2922
  "module": "src/anchored-region/anchored-region.ts"
3091
2923
  }
3092
2924
  },
3093
2925
  {
3094
- "kind": "field",
3095
- "name": "anchorRect",
3096
- "type": {
3097
- "text": "ClientRect | DOMRect | undefined"
3098
- },
2926
+ "kind": "method",
2927
+ "name": "verticalPositioningModeChanged",
3099
2928
  "privacy": "private",
3100
- "inheritedFrom": {
3101
- "name": "AnchoredRegion",
3102
- "module": "src/anchored-region/anchored-region.ts"
3103
- }
3104
- },
3105
- {
3106
- "kind": "field",
3107
- "name": "regionRect",
3108
- "type": {
3109
- "text": "ClientRect | DOMRect | undefined"
2929
+ "return": {
2930
+ "type": {
2931
+ "text": "void"
2932
+ }
3110
2933
  },
3111
- "privacy": "private",
3112
2934
  "inheritedFrom": {
3113
2935
  "name": "AnchoredRegion",
3114
2936
  "module": "src/anchored-region/anchored-region.ts"
@@ -3116,39 +2938,27 @@
3116
2938
  },
3117
2939
  {
3118
2940
  "kind": "field",
3119
- "name": "baseHorizontalOffset",
2941
+ "name": "verticalDefaultPosition",
3120
2942
  "type": {
3121
- "text": "number"
2943
+ "text": "VerticalPosition"
3122
2944
  },
3123
- "privacy": "private",
3124
- "default": "0",
3125
- "description": "base offsets between the positioner's base position and the anchor's",
2945
+ "privacy": "public",
2946
+ "default": "\"unset\"",
2947
+ "description": "The default vertical position of the region relative to the anchor element",
3126
2948
  "inheritedFrom": {
3127
2949
  "name": "AnchoredRegion",
3128
2950
  "module": "src/anchored-region/anchored-region.ts"
3129
2951
  }
3130
2952
  },
3131
2953
  {
3132
- "kind": "field",
3133
- "name": "baseVerticalOffset",
3134
- "type": {
3135
- "text": "number"
3136
- },
2954
+ "kind": "method",
2955
+ "name": "verticalDefaultPositionChanged",
3137
2956
  "privacy": "private",
3138
- "default": "0",
3139
- "inheritedFrom": {
3140
- "name": "AnchoredRegion",
3141
- "module": "src/anchored-region/anchored-region.ts"
3142
- }
3143
- },
3144
- {
3145
- "kind": "field",
3146
- "name": "pendingPositioningUpdate",
3147
- "type": {
3148
- "text": "boolean"
2957
+ "return": {
2958
+ "type": {
2959
+ "text": "void"
2960
+ }
3149
2961
  },
3150
- "privacy": "private",
3151
- "default": "false",
3152
2962
  "inheritedFrom": {
3153
2963
  "name": "AnchoredRegion",
3154
2964
  "module": "src/anchored-region/anchored-region.ts"
@@ -3156,24 +2966,27 @@
3156
2966
  },
3157
2967
  {
3158
2968
  "kind": "field",
3159
- "name": "pendingReset",
2969
+ "name": "verticalViewportLock",
3160
2970
  "type": {
3161
2971
  "text": "boolean"
3162
2972
  },
3163
- "privacy": "private",
2973
+ "privacy": "public",
3164
2974
  "default": "false",
2975
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
3165
2976
  "inheritedFrom": {
3166
2977
  "name": "AnchoredRegion",
3167
2978
  "module": "src/anchored-region/anchored-region.ts"
3168
2979
  }
3169
2980
  },
3170
2981
  {
3171
- "kind": "field",
3172
- "name": "currentDirection",
3173
- "type": {
3174
- "text": "Direction"
2982
+ "kind": "method",
2983
+ "name": "verticalViewportLockChanged",
2984
+ "privacy": "private",
2985
+ "return": {
2986
+ "type": {
2987
+ "text": "void"
2988
+ }
3175
2989
  },
3176
- "privacy": "private",
3177
2990
  "inheritedFrom": {
3178
2991
  "name": "AnchoredRegion",
3179
2992
  "module": "src/anchored-region/anchored-region.ts"
@@ -3181,25 +2994,27 @@
3181
2994
  },
3182
2995
  {
3183
2996
  "kind": "field",
3184
- "name": "regionVisible",
2997
+ "name": "verticalInset",
3185
2998
  "type": {
3186
2999
  "text": "boolean"
3187
3000
  },
3188
- "privacy": "private",
3001
+ "privacy": "public",
3189
3002
  "default": "false",
3003
+ "description": "Whether the region overlaps the anchor on the vertical axis",
3190
3004
  "inheritedFrom": {
3191
3005
  "name": "AnchoredRegion",
3192
3006
  "module": "src/anchored-region/anchored-region.ts"
3193
3007
  }
3194
3008
  },
3195
3009
  {
3196
- "kind": "field",
3197
- "name": "forceUpdate",
3198
- "type": {
3199
- "text": "boolean"
3200
- },
3010
+ "kind": "method",
3011
+ "name": "verticalInsetChanged",
3201
3012
  "privacy": "private",
3202
- "default": "false",
3013
+ "return": {
3014
+ "type": {
3015
+ "text": "void"
3016
+ }
3017
+ },
3203
3018
  "inheritedFrom": {
3204
3019
  "name": "AnchoredRegion",
3205
3020
  "module": "src/anchored-region/anchored-region.ts"
@@ -3207,26 +3022,26 @@
3207
3022
  },
3208
3023
  {
3209
3024
  "kind": "field",
3210
- "name": "updateThreshold",
3025
+ "name": "verticalThreshold",
3211
3026
  "type": {
3212
3027
  "text": "number"
3213
3028
  },
3214
- "privacy": "private",
3215
- "default": "0.5",
3029
+ "privacy": "public",
3030
+ "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
3216
3031
  "inheritedFrom": {
3217
3032
  "name": "AnchoredRegion",
3218
3033
  "module": "src/anchored-region/anchored-region.ts"
3219
3034
  }
3220
3035
  },
3221
3036
  {
3222
- "kind": "field",
3223
- "name": "intersectionService",
3224
- "type": {
3225
- "text": "IntersectionService"
3226
- },
3037
+ "kind": "method",
3038
+ "name": "verticalThresholdChanged",
3227
3039
  "privacy": "private",
3228
- "static": true,
3229
- "default": "new IntersectionService()",
3040
+ "return": {
3041
+ "type": {
3042
+ "text": "void"
3043
+ }
3044
+ },
3230
3045
  "inheritedFrom": {
3231
3046
  "name": "AnchoredRegion",
3232
3047
  "module": "src/anchored-region/anchored-region.ts"
@@ -3234,9 +3049,13 @@
3234
3049
  },
3235
3050
  {
3236
3051
  "kind": "field",
3237
- "name": "update",
3052
+ "name": "verticalScaling",
3053
+ "type": {
3054
+ "text": "AxisScalingMode"
3055
+ },
3238
3056
  "privacy": "public",
3239
- "description": "update position",
3057
+ "default": "\"content\"",
3058
+ "description": "Defines how the height of the region is calculated",
3240
3059
  "inheritedFrom": {
3241
3060
  "name": "AnchoredRegion",
3242
3061
  "module": "src/anchored-region/anchored-region.ts"
@@ -3244,29 +3063,27 @@
3244
3063
  },
3245
3064
  {
3246
3065
  "kind": "method",
3247
- "name": "disconnectResizeDetector",
3066
+ "name": "verticalScalingChanged",
3248
3067
  "privacy": "private",
3249
3068
  "return": {
3250
3069
  "type": {
3251
3070
  "text": "void"
3252
3071
  }
3253
3072
  },
3254
- "description": "destroys the instance's resize observer",
3255
3073
  "inheritedFrom": {
3256
3074
  "name": "AnchoredRegion",
3257
3075
  "module": "src/anchored-region/anchored-region.ts"
3258
3076
  }
3259
3077
  },
3260
3078
  {
3261
- "kind": "method",
3262
- "name": "initializeResizeDetector",
3263
- "privacy": "private",
3264
- "return": {
3265
- "type": {
3266
- "text": "void"
3267
- }
3079
+ "kind": "field",
3080
+ "name": "fixedPlacement",
3081
+ "type": {
3082
+ "text": "boolean"
3268
3083
  },
3269
- "description": "initializes the instance's resize observer",
3084
+ "privacy": "public",
3085
+ "default": "false",
3086
+ "description": "Whether the region is positioned using css \"position: fixed\".\nOtherwise the region uses \"position: absolute\".\nFixed placement allows the region to break out of parent containers,",
3270
3087
  "inheritedFrom": {
3271
3088
  "name": "AnchoredRegion",
3272
3089
  "module": "src/anchored-region/anchored-region.ts"
@@ -3274,29 +3091,27 @@
3274
3091
  },
3275
3092
  {
3276
3093
  "kind": "method",
3277
- "name": "updateForAttributeChange",
3094
+ "name": "fixedPlacementChanged",
3278
3095
  "privacy": "private",
3279
3096
  "return": {
3280
3097
  "type": {
3281
3098
  "text": "void"
3282
3099
  }
3283
3100
  },
3284
- "description": "react to attribute changes that don't require a reset",
3285
3101
  "inheritedFrom": {
3286
3102
  "name": "AnchoredRegion",
3287
3103
  "module": "src/anchored-region/anchored-region.ts"
3288
3104
  }
3289
3105
  },
3290
3106
  {
3291
- "kind": "method",
3292
- "name": "initialize",
3293
- "privacy": "private",
3294
- "return": {
3295
- "type": {
3296
- "text": "void"
3297
- }
3107
+ "kind": "field",
3108
+ "name": "autoUpdateMode",
3109
+ "type": {
3110
+ "text": "AutoUpdateMode"
3298
3111
  },
3299
- "description": "fully initializes the component",
3112
+ "privacy": "public",
3113
+ "default": "\"anchor\"",
3114
+ "description": "Defines what triggers the anchored region to revaluate positioning",
3300
3115
  "inheritedFrom": {
3301
3116
  "name": "AnchoredRegion",
3302
3117
  "module": "src/anchored-region/anchored-region.ts"
@@ -3304,39 +3119,55 @@
3304
3119
  },
3305
3120
  {
3306
3121
  "kind": "method",
3307
- "name": "requestReset",
3122
+ "name": "autoUpdateModeChanged",
3308
3123
  "privacy": "private",
3309
3124
  "return": {
3310
3125
  "type": {
3311
3126
  "text": "void"
3312
3127
  }
3313
3128
  },
3314
- "description": "Request a reset if there are currently no open requests",
3129
+ "parameters": [
3130
+ {
3131
+ "name": "prevMode",
3132
+ "type": {
3133
+ "text": "AutoUpdateMode"
3134
+ }
3135
+ },
3136
+ {
3137
+ "name": "newMode",
3138
+ "type": {
3139
+ "text": "AutoUpdateMode"
3140
+ }
3141
+ }
3142
+ ],
3315
3143
  "inheritedFrom": {
3316
3144
  "name": "AnchoredRegion",
3317
3145
  "module": "src/anchored-region/anchored-region.ts"
3318
3146
  }
3319
3147
  },
3320
3148
  {
3321
- "kind": "method",
3322
- "name": "setInitialState",
3323
- "privacy": "private",
3324
- "return": {
3325
- "type": {
3326
- "text": "void"
3327
- }
3149
+ "kind": "field",
3150
+ "name": "anchorElement",
3151
+ "type": {
3152
+ "text": "HTMLElement | null"
3328
3153
  },
3329
- "description": "sets the starting configuration for component internal values",
3154
+ "privacy": "public",
3155
+ "default": "null",
3156
+ "description": "The HTML element being used as the anchor",
3330
3157
  "inheritedFrom": {
3331
3158
  "name": "AnchoredRegion",
3332
3159
  "module": "src/anchored-region/anchored-region.ts"
3333
3160
  }
3334
3161
  },
3335
3162
  {
3336
- "kind": "field",
3337
- "name": "startObservers",
3163
+ "kind": "method",
3164
+ "name": "anchorElementChanged",
3338
3165
  "privacy": "private",
3339
- "description": "starts observers",
3166
+ "return": {
3167
+ "type": {
3168
+ "text": "void"
3169
+ }
3170
+ },
3340
3171
  "inheritedFrom": {
3341
3172
  "name": "AnchoredRegion",
3342
3173
  "module": "src/anchored-region/anchored-region.ts"
@@ -3344,19 +3175,27 @@
3344
3175
  },
3345
3176
  {
3346
3177
  "kind": "field",
3347
- "name": "requestPositionUpdates",
3348
- "privacy": "private",
3349
- "description": "get position updates",
3178
+ "name": "viewportElement",
3179
+ "type": {
3180
+ "text": "HTMLElement | null"
3181
+ },
3182
+ "privacy": "public",
3183
+ "default": "null",
3184
+ "description": "The HTML element being used as the viewport",
3350
3185
  "inheritedFrom": {
3351
3186
  "name": "AnchoredRegion",
3352
3187
  "module": "src/anchored-region/anchored-region.ts"
3353
3188
  }
3354
3189
  },
3355
3190
  {
3356
- "kind": "field",
3357
- "name": "stopObservers",
3191
+ "kind": "method",
3192
+ "name": "viewportElementChanged",
3358
3193
  "privacy": "private",
3359
- "description": "stops observers",
3194
+ "return": {
3195
+ "type": {
3196
+ "text": "void"
3197
+ }
3198
+ },
3360
3199
  "inheritedFrom": {
3361
3200
  "name": "AnchoredRegion",
3362
3201
  "module": "src/anchored-region/anchored-region.ts"
@@ -3364,9 +3203,12 @@
3364
3203
  },
3365
3204
  {
3366
3205
  "kind": "field",
3367
- "name": "getViewport",
3368
- "privacy": "private",
3369
- "description": "Gets the viewport element by id, or defaults to document root",
3206
+ "name": "verticalPosition",
3207
+ "type": {
3208
+ "text": "AnchoredRegionPositionLabel | undefined"
3209
+ },
3210
+ "privacy": "public",
3211
+ "description": "indicates the current horizontal position of the region",
3370
3212
  "inheritedFrom": {
3371
3213
  "name": "AnchoredRegion",
3372
3214
  "module": "src/anchored-region/anchored-region.ts"
@@ -3374,9 +3216,12 @@
3374
3216
  },
3375
3217
  {
3376
3218
  "kind": "field",
3377
- "name": "getAnchor",
3378
- "privacy": "private",
3379
- "description": "Gets the anchor element by id",
3219
+ "name": "horizontalPosition",
3220
+ "type": {
3221
+ "text": "AnchoredRegionPositionLabel | undefined"
3222
+ },
3223
+ "privacy": "public",
3224
+ "description": "indicates the current vertical position of the region",
3380
3225
  "inheritedFrom": {
3381
3226
  "name": "AnchoredRegion",
3382
3227
  "module": "src/anchored-region/anchored-region.ts"
@@ -3384,9 +3229,12 @@
3384
3229
  },
3385
3230
  {
3386
3231
  "kind": "field",
3387
- "name": "handleIntersection",
3232
+ "name": "translateX",
3233
+ "type": {
3234
+ "text": "number"
3235
+ },
3388
3236
  "privacy": "private",
3389
- "description": "Handle intersections",
3237
+ "description": "values to be applied to the component's transform on render",
3390
3238
  "inheritedFrom": {
3391
3239
  "name": "AnchoredRegion",
3392
3240
  "module": "src/anchored-region/anchored-region.ts"
@@ -3394,9 +3242,11 @@
3394
3242
  },
3395
3243
  {
3396
3244
  "kind": "field",
3397
- "name": "applyIntersectionEntries",
3245
+ "name": "translateY",
3246
+ "type": {
3247
+ "text": "number"
3248
+ },
3398
3249
  "privacy": "private",
3399
- "description": "iterate through intersection entries and apply data",
3400
3250
  "inheritedFrom": {
3401
3251
  "name": "AnchoredRegion",
3402
3252
  "module": "src/anchored-region/anchored-region.ts"
@@ -3404,9 +3254,12 @@
3404
3254
  },
3405
3255
  {
3406
3256
  "kind": "field",
3407
- "name": "updateRegionOffset",
3257
+ "name": "regionWidth",
3258
+ "type": {
3259
+ "text": "string"
3260
+ },
3408
3261
  "privacy": "private",
3409
- "description": "Update the offset values",
3262
+ "description": "the span to be applied to the region on each axis",
3410
3263
  "inheritedFrom": {
3411
3264
  "name": "AnchoredRegion",
3412
3265
  "module": "src/anchored-region/anchored-region.ts"
@@ -3414,9 +3267,11 @@
3414
3267
  },
3415
3268
  {
3416
3269
  "kind": "field",
3417
- "name": "isRectDifferent",
3270
+ "name": "regionHeight",
3271
+ "type": {
3272
+ "text": "string"
3273
+ },
3418
3274
  "privacy": "private",
3419
- "description": "compare rects to see if there is enough change to justify a DOM update",
3420
3275
  "inheritedFrom": {
3421
3276
  "name": "AnchoredRegion",
3422
3277
  "module": "src/anchored-region/anchored-region.ts"
@@ -3424,9 +3279,12 @@
3424
3279
  },
3425
3280
  {
3426
3281
  "kind": "field",
3427
- "name": "handleResize",
3282
+ "name": "resizeDetector",
3283
+ "type": {
3284
+ "text": "ResizeObserverClassDefinition | null"
3285
+ },
3428
3286
  "privacy": "private",
3429
- "description": "Handle resize events",
3287
+ "default": "null",
3430
3288
  "inheritedFrom": {
3431
3289
  "name": "AnchoredRegion",
3432
3290
  "module": "src/anchored-region/anchored-region.ts"
@@ -3434,9 +3292,11 @@
3434
3292
  },
3435
3293
  {
3436
3294
  "kind": "field",
3437
- "name": "reset",
3295
+ "name": "viewportRect",
3296
+ "type": {
3297
+ "text": "ClientRect | DOMRect | undefined"
3298
+ },
3438
3299
  "privacy": "private",
3439
- "description": "resets the component",
3440
3300
  "inheritedFrom": {
3441
3301
  "name": "AnchoredRegion",
3442
3302
  "module": "src/anchored-region/anchored-region.ts"
@@ -3444,9 +3304,11 @@
3444
3304
  },
3445
3305
  {
3446
3306
  "kind": "field",
3447
- "name": "updateLayout",
3307
+ "name": "anchorRect",
3308
+ "type": {
3309
+ "text": "ClientRect | DOMRect | undefined"
3310
+ },
3448
3311
  "privacy": "private",
3449
- "description": "Recalculate layout related state values",
3450
3312
  "inheritedFrom": {
3451
3313
  "name": "AnchoredRegion",
3452
3314
  "module": "src/anchored-region/anchored-region.ts"
@@ -3454,9 +3316,11 @@
3454
3316
  },
3455
3317
  {
3456
3318
  "kind": "field",
3457
- "name": "updateRegionStyle",
3319
+ "name": "regionRect",
3320
+ "type": {
3321
+ "text": "ClientRect | DOMRect | undefined"
3322
+ },
3458
3323
  "privacy": "private",
3459
- "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
3460
3324
  "inheritedFrom": {
3461
3325
  "name": "AnchoredRegion",
3462
3326
  "module": "src/anchored-region/anchored-region.ts"
@@ -3464,9 +3328,13 @@
3464
3328
  },
3465
3329
  {
3466
3330
  "kind": "field",
3467
- "name": "updatePositionClasses",
3331
+ "name": "baseHorizontalOffset",
3332
+ "type": {
3333
+ "text": "number"
3334
+ },
3468
3335
  "privacy": "private",
3469
- "description": "Updates the css classes that reflect the current position of the element",
3336
+ "default": "0",
3337
+ "description": "base offsets between the positioner's base position and the anchor's",
3470
3338
  "inheritedFrom": {
3471
3339
  "name": "AnchoredRegion",
3472
3340
  "module": "src/anchored-region/anchored-region.ts"
@@ -3474,9 +3342,12 @@
3474
3342
  },
3475
3343
  {
3476
3344
  "kind": "field",
3477
- "name": "setHorizontalPosition",
3345
+ "name": "baseVerticalOffset",
3346
+ "type": {
3347
+ "text": "number"
3348
+ },
3478
3349
  "privacy": "private",
3479
- "description": "Get horizontal positioning state based on desired position",
3350
+ "default": "0",
3480
3351
  "inheritedFrom": {
3481
3352
  "name": "AnchoredRegion",
3482
3353
  "module": "src/anchored-region/anchored-region.ts"
@@ -3484,9 +3355,12 @@
3484
3355
  },
3485
3356
  {
3486
3357
  "kind": "field",
3487
- "name": "setVerticalPosition",
3358
+ "name": "pendingPositioningUpdate",
3359
+ "type": {
3360
+ "text": "boolean"
3361
+ },
3488
3362
  "privacy": "private",
3489
- "description": "Set vertical positioning state based on desired position",
3363
+ "default": "false",
3490
3364
  "inheritedFrom": {
3491
3365
  "name": "AnchoredRegion",
3492
3366
  "module": "src/anchored-region/anchored-region.ts"
@@ -3494,9 +3368,12 @@
3494
3368
  },
3495
3369
  {
3496
3370
  "kind": "field",
3497
- "name": "getPositioningOptions",
3371
+ "name": "pendingReset",
3372
+ "type": {
3373
+ "text": "boolean"
3374
+ },
3498
3375
  "privacy": "private",
3499
- "description": "Get available positions based on positioning mode",
3376
+ "default": "false",
3500
3377
  "inheritedFrom": {
3501
3378
  "name": "AnchoredRegion",
3502
3379
  "module": "src/anchored-region/anchored-region.ts"
@@ -3504,9 +3381,11 @@
3504
3381
  },
3505
3382
  {
3506
3383
  "kind": "field",
3507
- "name": "getAvailableSpace",
3384
+ "name": "currentDirection",
3385
+ "type": {
3386
+ "text": "Direction"
3387
+ },
3508
3388
  "privacy": "private",
3509
- "description": "Get the space available for a particular relative position",
3510
3389
  "inheritedFrom": {
3511
3390
  "name": "AnchoredRegion",
3512
3391
  "module": "src/anchored-region/anchored-region.ts"
@@ -3514,9 +3393,12 @@
3514
3393
  },
3515
3394
  {
3516
3395
  "kind": "field",
3517
- "name": "getNextRegionDimension",
3396
+ "name": "regionVisible",
3397
+ "type": {
3398
+ "text": "boolean"
3399
+ },
3518
3400
  "privacy": "private",
3519
- "description": "Get region dimensions",
3401
+ "default": "false",
3520
3402
  "inheritedFrom": {
3521
3403
  "name": "AnchoredRegion",
3522
3404
  "module": "src/anchored-region/anchored-region.ts"
@@ -3524,9 +3406,12 @@
3524
3406
  },
3525
3407
  {
3526
3408
  "kind": "field",
3527
- "name": "startAutoUpdateEventListeners",
3409
+ "name": "forceUpdate",
3410
+ "type": {
3411
+ "text": "boolean"
3412
+ },
3528
3413
  "privacy": "private",
3529
- "description": "starts event listeners that can trigger auto updating",
3414
+ "default": "false",
3530
3415
  "inheritedFrom": {
3531
3416
  "name": "AnchoredRegion",
3532
3417
  "module": "src/anchored-region/anchored-region.ts"
@@ -3534,9 +3419,12 @@
3534
3419
  },
3535
3420
  {
3536
3421
  "kind": "field",
3537
- "name": "stopAutoUpdateEventListeners",
3422
+ "name": "updateThreshold",
3423
+ "type": {
3424
+ "text": "number"
3425
+ },
3538
3426
  "privacy": "private",
3539
- "description": "stops event listeners that can trigger auto updating",
3427
+ "default": "0.5",
3540
3428
  "inheritedFrom": {
3541
3429
  "name": "AnchoredRegion",
3542
3430
  "module": "src/anchored-region/anchored-region.ts"
@@ -3544,404 +3432,326 @@
3544
3432
  },
3545
3433
  {
3546
3434
  "kind": "field",
3547
- "name": "_presentation",
3435
+ "name": "intersectionService",
3548
3436
  "type": {
3549
- "text": "ComponentPresentation | null | undefined"
3437
+ "text": "IntersectionService"
3550
3438
  },
3551
3439
  "privacy": "private",
3552
- "default": "void 0",
3440
+ "static": true,
3441
+ "default": "new IntersectionService()",
3553
3442
  "inheritedFrom": {
3554
- "name": "FoundationElement",
3555
- "module": "src/foundation-element/foundation-element.ts"
3443
+ "name": "AnchoredRegion",
3444
+ "module": "src/anchored-region/anchored-region.ts"
3556
3445
  }
3557
3446
  },
3558
3447
  {
3559
3448
  "kind": "field",
3560
- "name": "$presentation",
3561
- "type": {
3562
- "text": "ComponentPresentation | null"
3563
- },
3449
+ "name": "update",
3564
3450
  "privacy": "public",
3565
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
3451
+ "description": "update position",
3566
3452
  "inheritedFrom": {
3567
- "name": "FoundationElement",
3568
- "module": "src/foundation-element/foundation-element.ts"
3453
+ "name": "AnchoredRegion",
3454
+ "module": "src/anchored-region/anchored-region.ts"
3569
3455
  }
3570
3456
  },
3571
3457
  {
3572
- "kind": "field",
3573
- "name": "template",
3574
- "type": {
3575
- "text": "ElementViewTemplate | void | null"
3458
+ "kind": "method",
3459
+ "name": "disconnectResizeDetector",
3460
+ "privacy": "private",
3461
+ "return": {
3462
+ "type": {
3463
+ "text": "void"
3464
+ }
3576
3465
  },
3577
- "privacy": "public",
3578
- "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.",
3466
+ "description": "destroys the instance's resize observer",
3579
3467
  "inheritedFrom": {
3580
- "name": "FoundationElement",
3581
- "module": "src/foundation-element/foundation-element.ts"
3468
+ "name": "AnchoredRegion",
3469
+ "module": "src/anchored-region/anchored-region.ts"
3582
3470
  }
3583
3471
  },
3584
3472
  {
3585
3473
  "kind": "method",
3586
- "name": "templateChanged",
3587
- "privacy": "protected",
3474
+ "name": "initializeResizeDetector",
3475
+ "privacy": "private",
3588
3476
  "return": {
3589
3477
  "type": {
3590
3478
  "text": "void"
3591
3479
  }
3592
3480
  },
3481
+ "description": "initializes the instance's resize observer",
3593
3482
  "inheritedFrom": {
3594
- "name": "FoundationElement",
3595
- "module": "src/foundation-element/foundation-element.ts"
3483
+ "name": "AnchoredRegion",
3484
+ "module": "src/anchored-region/anchored-region.ts"
3596
3485
  }
3597
3486
  },
3598
3487
  {
3599
- "kind": "field",
3600
- "name": "styles",
3601
- "type": {
3602
- "text": "ElementStyles | void | null"
3488
+ "kind": "method",
3489
+ "name": "updateForAttributeChange",
3490
+ "privacy": "private",
3491
+ "return": {
3492
+ "type": {
3493
+ "text": "void"
3494
+ }
3603
3495
  },
3604
- "privacy": "public",
3605
- "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.",
3496
+ "description": "react to attribute changes that don't require a reset",
3606
3497
  "inheritedFrom": {
3607
- "name": "FoundationElement",
3608
- "module": "src/foundation-element/foundation-element.ts"
3498
+ "name": "AnchoredRegion",
3499
+ "module": "src/anchored-region/anchored-region.ts"
3609
3500
  }
3610
3501
  },
3611
3502
  {
3612
3503
  "kind": "method",
3613
- "name": "stylesChanged",
3614
- "privacy": "protected",
3504
+ "name": "initialize",
3505
+ "privacy": "private",
3615
3506
  "return": {
3616
3507
  "type": {
3617
3508
  "text": "void"
3618
3509
  }
3619
3510
  },
3511
+ "description": "fully initializes the component",
3620
3512
  "inheritedFrom": {
3621
- "name": "FoundationElement",
3622
- "module": "src/foundation-element/foundation-element.ts"
3513
+ "name": "AnchoredRegion",
3514
+ "module": "src/anchored-region/anchored-region.ts"
3623
3515
  }
3624
3516
  },
3625
3517
  {
3626
3518
  "kind": "method",
3627
- "name": "compose",
3628
- "privacy": "public",
3629
- "static": true,
3519
+ "name": "requestReset",
3520
+ "privacy": "private",
3630
3521
  "return": {
3631
3522
  "type": {
3632
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
3523
+ "text": "void"
3633
3524
  }
3634
3525
  },
3635
- "parameters": [
3636
- {
3637
- "name": "this",
3638
- "type": {
3639
- "text": "K"
3640
- }
3641
- },
3642
- {
3643
- "name": "elementDefinition",
3644
- "type": {
3645
- "text": "T"
3646
- },
3647
- "description": "The definition of the element to create the registry\nfunction for."
3526
+ "description": "Request a reset if there are currently no open requests",
3527
+ "inheritedFrom": {
3528
+ "name": "AnchoredRegion",
3529
+ "module": "src/anchored-region/anchored-region.ts"
3530
+ }
3531
+ },
3532
+ {
3533
+ "kind": "method",
3534
+ "name": "setInitialState",
3535
+ "privacy": "private",
3536
+ "return": {
3537
+ "type": {
3538
+ "text": "void"
3648
3539
  }
3649
- ],
3650
- "description": "Defines an element registry function with a set of element definition defaults.",
3540
+ },
3541
+ "description": "sets the starting configuration for component internal values",
3651
3542
  "inheritedFrom": {
3652
- "name": "FoundationElement",
3653
- "module": "src/foundation-element/foundation-element.ts"
3543
+ "name": "AnchoredRegion",
3544
+ "module": "src/anchored-region/anchored-region.ts"
3654
3545
  }
3655
- }
3656
- ],
3657
- "events": [
3546
+ },
3658
3547
  {
3659
- "description": "Fires a custom 'loaded' event when the region is loaded and visible",
3660
- "name": "loaded",
3548
+ "kind": "field",
3549
+ "name": "startObservers",
3550
+ "privacy": "private",
3551
+ "description": "starts observers",
3661
3552
  "inheritedFrom": {
3662
3553
  "name": "AnchoredRegion",
3663
3554
  "module": "src/anchored-region/anchored-region.ts"
3664
3555
  }
3665
3556
  },
3666
3557
  {
3667
- "description": "Fires a custom 'positionchange' event when the position has changed",
3668
- "name": "positionchange",
3558
+ "kind": "field",
3559
+ "name": "requestPositionUpdates",
3560
+ "privacy": "private",
3561
+ "description": "get position updates",
3669
3562
  "inheritedFrom": {
3670
3563
  "name": "AnchoredRegion",
3671
3564
  "module": "src/anchored-region/anchored-region.ts"
3672
3565
  }
3673
- }
3674
- ]
3675
- },
3676
- {
3677
- "kind": "variable",
3678
- "name": "foundationAnchoredRegionShadowOptions",
3679
- "type": {
3680
- "text": "ShadowRootInit"
3681
- },
3682
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
3683
- },
3684
- {
3685
- "kind": "variable",
3686
- "name": "defaultAnchoredRegionConfig",
3687
- "type": {
3688
- "text": "object"
3689
- },
3690
- "default": "{}"
3691
- },
3692
- {
3693
- "kind": "variable",
3694
- "name": "foundationAnchoredRegion",
3695
- "description": "The Foundation Anchored Region",
3696
- "privacy": "public"
3697
- }
3698
- ],
3699
- "exports": [
3700
- {
3701
- "kind": "js",
3702
- "name": "AnchoredRegion",
3703
- "declaration": {
3704
- "name": "AnchoredRegion",
3705
- "module": "src/anchored-region/anchored-region.ts"
3706
- }
3707
- },
3708
- {
3709
- "kind": "js",
3710
- "name": "foundationAnchoredRegionShadowOptions",
3711
- "declaration": {
3712
- "name": "foundationAnchoredRegionShadowOptions",
3713
- "module": "src/anchored-region/anchored-region.ts"
3714
- }
3715
- },
3716
- {
3717
- "kind": "js",
3718
- "name": "defaultAnchoredRegionConfig",
3719
- "declaration": {
3720
- "name": "defaultAnchoredRegionConfig",
3721
- "module": "src/anchored-region/anchored-region.ts"
3722
- }
3723
- },
3724
- {
3725
- "kind": "js",
3726
- "name": "foundationAnchoredRegion",
3727
- "declaration": {
3728
- "name": "foundationAnchoredRegion",
3729
- "module": "src/anchored-region/anchored-region.ts"
3730
- }
3731
- }
3732
- ]
3733
- },
3734
- {
3735
- "kind": "javascript-module",
3736
- "path": "src/anchored-region/index.ts",
3737
- "declarations": [],
3738
- "exports": [
3739
- {
3740
- "kind": "js",
3741
- "name": "*",
3742
- "declaration": {
3743
- "name": "*",
3744
- "package": "./anchor-region.template"
3745
- }
3746
- },
3747
- {
3748
- "kind": "js",
3749
- "name": "*",
3750
- "declaration": {
3751
- "name": "*",
3752
- "package": "./anchored-region.styles"
3753
- }
3754
- },
3755
- {
3756
- "kind": "js",
3757
- "name": "*",
3758
- "declaration": {
3759
- "name": "*",
3760
- "package": "./anchored-region"
3761
- }
3762
- }
3763
- ]
3764
- },
3765
- {
3766
- "kind": "javascript-module",
3767
- "path": "src/accordion-item/accordion-item.styles.ts",
3768
- "declarations": [
3769
- {
3770
- "kind": "function",
3771
- "name": "foundationAccordionItemStyles",
3772
- "return": {
3773
- "type": {
3774
- "text": "ElementStyles"
3775
- }
3776
- },
3777
- "parameters": [
3566
+ },
3567
+ {
3568
+ "kind": "field",
3569
+ "name": "stopObservers",
3570
+ "privacy": "private",
3571
+ "description": "stops observers",
3572
+ "inheritedFrom": {
3573
+ "name": "AnchoredRegion",
3574
+ "module": "src/anchored-region/anchored-region.ts"
3575
+ }
3576
+ },
3778
3577
  {
3779
- "name": "context",
3780
- "type": {
3781
- "text": "ElementDefinitionContext"
3578
+ "kind": "field",
3579
+ "name": "getViewport",
3580
+ "privacy": "private",
3581
+ "description": "Gets the viewport element by id, or defaults to document root",
3582
+ "inheritedFrom": {
3583
+ "name": "AnchoredRegion",
3584
+ "module": "src/anchored-region/anchored-region.ts"
3782
3585
  }
3783
3586
  },
3784
3587
  {
3785
- "name": "definition",
3786
- "type": {
3787
- "text": "FoundationElementDefinition"
3588
+ "kind": "field",
3589
+ "name": "getAnchor",
3590
+ "privacy": "private",
3591
+ "description": "Gets the anchor element by id",
3592
+ "inheritedFrom": {
3593
+ "name": "AnchoredRegion",
3594
+ "module": "src/anchored-region/anchored-region.ts"
3788
3595
  }
3789
- }
3790
- ]
3791
- }
3792
- ],
3793
- "exports": [
3794
- {
3795
- "kind": "js",
3796
- "name": "foundationAccordionItemStyles",
3797
- "declaration": {
3798
- "name": "foundationAccordionItemStyles",
3799
- "module": "src/accordion-item/accordion-item.styles.ts"
3800
- }
3801
- }
3802
- ]
3803
- },
3804
- {
3805
- "kind": "javascript-module",
3806
- "path": "src/accordion-item/accordion-item.template.ts",
3807
- "declarations": [
3808
- {
3809
- "kind": "function",
3810
- "name": "foundationAccordionItemTemplate",
3811
- "return": {
3812
- "type": {
3813
- "text": "ViewTemplate<AccordionItem>"
3814
- }
3815
- },
3816
- "parameters": [
3596
+ },
3817
3597
  {
3818
- "name": "context",
3819
- "type": {
3820
- "text": "ElementDefinitionContext"
3598
+ "kind": "field",
3599
+ "name": "handleIntersection",
3600
+ "privacy": "private",
3601
+ "description": "Handle intersections",
3602
+ "inheritedFrom": {
3603
+ "name": "AnchoredRegion",
3604
+ "module": "src/anchored-region/anchored-region.ts"
3821
3605
  }
3822
3606
  },
3823
3607
  {
3824
- "name": "definition",
3825
- "type": {
3826
- "text": "FoundationElementDefinition"
3608
+ "kind": "field",
3609
+ "name": "applyIntersectionEntries",
3610
+ "privacy": "private",
3611
+ "description": "iterate through intersection entries and apply data",
3612
+ "inheritedFrom": {
3613
+ "name": "AnchoredRegion",
3614
+ "module": "src/anchored-region/anchored-region.ts"
3827
3615
  }
3828
- }
3829
- ]
3830
- }
3831
- ],
3832
- "exports": [
3833
- {
3834
- "kind": "js",
3835
- "name": "foundationAccordionItemTemplate",
3836
- "declaration": {
3837
- "name": "foundationAccordionItemTemplate",
3838
- "module": "src/accordion-item/accordion-item.template.ts"
3839
- }
3840
- }
3841
- ]
3842
- },
3843
- {
3844
- "kind": "javascript-module",
3845
- "path": "src/accordion-item/accordion-item.ts",
3846
- "declarations": [
3847
- {
3848
- "kind": "class",
3849
- "description": "",
3850
- "name": "AccordionItem",
3851
- "superclass": {
3852
- "name": "FASTAccordionItem",
3853
- "package": "@microsoft/fast-components"
3854
- },
3855
- "tagName": "%%prefix%%-accordion-item",
3856
- "customElement": true,
3857
- "attributes": [
3616
+ },
3858
3617
  {
3859
- "name": "heading-level",
3860
- "type": {
3861
- "text": "1 | 2 | 3 | 4 | 5 | 6"
3862
- },
3863
- "default": "2",
3864
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
3865
- "fieldName": "headinglevel",
3618
+ "kind": "field",
3619
+ "name": "updateRegionOffset",
3620
+ "privacy": "private",
3621
+ "description": "Update the offset values",
3866
3622
  "inheritedFrom": {
3867
- "name": "AccordionItem",
3868
- "module": "src/accordion-item/accordion-item.ts"
3623
+ "name": "AnchoredRegion",
3624
+ "module": "src/anchored-region/anchored-region.ts"
3869
3625
  }
3870
3626
  },
3871
3627
  {
3872
- "type": {
3873
- "text": "boolean"
3874
- },
3875
- "default": "false",
3876
- "description": "Expands or collapses the item.",
3877
- "fieldName": "expanded",
3628
+ "kind": "field",
3629
+ "name": "isRectDifferent",
3630
+ "privacy": "private",
3631
+ "description": "compare rects to see if there is enough change to justify a DOM update",
3878
3632
  "inheritedFrom": {
3879
- "name": "AccordionItem",
3880
- "module": "src/accordion-item/accordion-item.ts"
3633
+ "name": "AnchoredRegion",
3634
+ "module": "src/anchored-region/anchored-region.ts"
3881
3635
  }
3882
3636
  },
3883
3637
  {
3884
- "name": "id",
3885
- "type": {
3886
- "text": "string"
3887
- },
3888
- "description": "The item ID",
3889
- "fieldName": "id",
3638
+ "kind": "field",
3639
+ "name": "handleResize",
3640
+ "privacy": "private",
3641
+ "description": "Handle resize events",
3890
3642
  "inheritedFrom": {
3891
- "name": "AccordionItem",
3892
- "module": "src/accordion-item/accordion-item.ts"
3643
+ "name": "AnchoredRegion",
3644
+ "module": "src/anchored-region/anchored-region.ts"
3893
3645
  }
3894
- }
3895
- ],
3896
- "members": [
3646
+ },
3897
3647
  {
3898
3648
  "kind": "field",
3899
- "name": "headinglevel",
3900
- "type": {
3901
- "text": "1 | 2 | 3 | 4 | 5 | 6"
3902
- },
3903
- "privacy": "public",
3904
- "default": "2",
3905
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
3649
+ "name": "reset",
3650
+ "privacy": "private",
3651
+ "description": "resets the component",
3906
3652
  "inheritedFrom": {
3907
- "name": "AccordionItem",
3908
- "module": "src/accordion-item/accordion-item.ts"
3653
+ "name": "AnchoredRegion",
3654
+ "module": "src/anchored-region/anchored-region.ts"
3909
3655
  }
3910
3656
  },
3911
3657
  {
3912
3658
  "kind": "field",
3913
- "name": "expanded",
3914
- "type": {
3915
- "text": "boolean"
3916
- },
3917
- "privacy": "public",
3918
- "default": "false",
3919
- "description": "Expands or collapses the item.",
3659
+ "name": "updateLayout",
3660
+ "privacy": "private",
3661
+ "description": "Recalculate layout related state values",
3920
3662
  "inheritedFrom": {
3921
- "name": "AccordionItem",
3922
- "module": "src/accordion-item/accordion-item.ts"
3663
+ "name": "AnchoredRegion",
3664
+ "module": "src/anchored-region/anchored-region.ts"
3923
3665
  }
3924
3666
  },
3925
3667
  {
3926
3668
  "kind": "field",
3927
- "name": "id",
3928
- "type": {
3929
- "text": "string"
3930
- },
3931
- "privacy": "public",
3932
- "description": "The item ID",
3669
+ "name": "updateRegionStyle",
3670
+ "privacy": "private",
3671
+ "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
3672
+ "inheritedFrom": {
3673
+ "name": "AnchoredRegion",
3674
+ "module": "src/anchored-region/anchored-region.ts"
3675
+ }
3676
+ },
3677
+ {
3678
+ "kind": "field",
3679
+ "name": "updatePositionClasses",
3680
+ "privacy": "private",
3681
+ "description": "Updates the css classes that reflect the current position of the element",
3682
+ "inheritedFrom": {
3683
+ "name": "AnchoredRegion",
3684
+ "module": "src/anchored-region/anchored-region.ts"
3685
+ }
3686
+ },
3687
+ {
3688
+ "kind": "field",
3689
+ "name": "setHorizontalPosition",
3690
+ "privacy": "private",
3691
+ "description": "Get horizontal positioning state based on desired position",
3692
+ "inheritedFrom": {
3693
+ "name": "AnchoredRegion",
3694
+ "module": "src/anchored-region/anchored-region.ts"
3695
+ }
3696
+ },
3697
+ {
3698
+ "kind": "field",
3699
+ "name": "setVerticalPosition",
3700
+ "privacy": "private",
3701
+ "description": "Set vertical positioning state based on desired position",
3702
+ "inheritedFrom": {
3703
+ "name": "AnchoredRegion",
3704
+ "module": "src/anchored-region/anchored-region.ts"
3705
+ }
3706
+ },
3707
+ {
3708
+ "kind": "field",
3709
+ "name": "getPositioningOptions",
3710
+ "privacy": "private",
3711
+ "description": "Get available positions based on positioning mode",
3712
+ "inheritedFrom": {
3713
+ "name": "AnchoredRegion",
3714
+ "module": "src/anchored-region/anchored-region.ts"
3715
+ }
3716
+ },
3717
+ {
3718
+ "kind": "field",
3719
+ "name": "getAvailableSpace",
3720
+ "privacy": "private",
3721
+ "description": "Get the space available for a particular relative position",
3722
+ "inheritedFrom": {
3723
+ "name": "AnchoredRegion",
3724
+ "module": "src/anchored-region/anchored-region.ts"
3725
+ }
3726
+ },
3727
+ {
3728
+ "kind": "field",
3729
+ "name": "getNextRegionDimension",
3730
+ "privacy": "private",
3731
+ "description": "Get region dimensions",
3732
+ "inheritedFrom": {
3733
+ "name": "AnchoredRegion",
3734
+ "module": "src/anchored-region/anchored-region.ts"
3735
+ }
3736
+ },
3737
+ {
3738
+ "kind": "field",
3739
+ "name": "startAutoUpdateEventListeners",
3740
+ "privacy": "private",
3741
+ "description": "starts event listeners that can trigger auto updating",
3933
3742
  "inheritedFrom": {
3934
- "name": "AccordionItem",
3935
- "module": "src/accordion-item/accordion-item.ts"
3743
+ "name": "AnchoredRegion",
3744
+ "module": "src/anchored-region/anchored-region.ts"
3936
3745
  }
3937
3746
  },
3938
3747
  {
3939
3748
  "kind": "field",
3940
- "name": "change",
3749
+ "name": "stopAutoUpdateEventListeners",
3941
3750
  "privacy": "private",
3751
+ "description": "stops event listeners that can trigger auto updating",
3942
3752
  "inheritedFrom": {
3943
- "name": "AccordionItem",
3944
- "module": "src/accordion-item/accordion-item.ts"
3753
+ "name": "AnchoredRegion",
3754
+ "module": "src/anchored-region/anchored-region.ts"
3945
3755
  }
3946
3756
  },
3947
3757
  {
@@ -4058,18 +3868,26 @@
4058
3868
  ],
4059
3869
  "events": [
4060
3870
  {
4061
- "description": "Fires a custom 'change' event when the button is invoked",
4062
- "name": "change",
3871
+ "description": "Fires a custom 'loaded' event when the region is loaded and visible",
3872
+ "name": "loaded",
4063
3873
  "inheritedFrom": {
4064
- "name": "AccordionItem",
4065
- "module": "src/accordion-item/accordion-item.ts"
3874
+ "name": "AnchoredRegion",
3875
+ "module": "src/anchored-region/anchored-region.ts"
3876
+ }
3877
+ },
3878
+ {
3879
+ "description": "Fires a custom 'positionchange' event when the position has changed",
3880
+ "name": "positionchange",
3881
+ "inheritedFrom": {
3882
+ "name": "AnchoredRegion",
3883
+ "module": "src/anchored-region/anchored-region.ts"
4066
3884
  }
4067
3885
  }
4068
3886
  ]
4069
3887
  },
4070
3888
  {
4071
3889
  "kind": "variable",
4072
- "name": "foundationAccordionItemShadowOptions",
3890
+ "name": "foundationAnchoredRegionShadowOptions",
4073
3891
  "type": {
4074
3892
  "text": "ShadowRootInit"
4075
3893
  },
@@ -4077,57 +3895,57 @@
4077
3895
  },
4078
3896
  {
4079
3897
  "kind": "variable",
4080
- "name": "defaultAccordionItemConfig",
3898
+ "name": "defaultAnchoredRegionConfig",
4081
3899
  "type": {
4082
3900
  "text": "object"
4083
3901
  },
4084
- "default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
3902
+ "default": "{}"
4085
3903
  },
4086
3904
  {
4087
3905
  "kind": "variable",
4088
- "name": "foundationAccordionItem",
4089
- "description": "The Foundation Accordion Item",
3906
+ "name": "foundationAnchoredRegion",
3907
+ "description": "The Foundation Anchored Region",
4090
3908
  "privacy": "public"
4091
3909
  }
4092
3910
  ],
4093
3911
  "exports": [
4094
3912
  {
4095
3913
  "kind": "js",
4096
- "name": "AccordionItem",
3914
+ "name": "AnchoredRegion",
4097
3915
  "declaration": {
4098
- "name": "AccordionItem",
4099
- "module": "src/accordion-item/accordion-item.ts"
3916
+ "name": "AnchoredRegion",
3917
+ "module": "src/anchored-region/anchored-region.ts"
4100
3918
  }
4101
3919
  },
4102
3920
  {
4103
3921
  "kind": "js",
4104
- "name": "foundationAccordionItemShadowOptions",
3922
+ "name": "foundationAnchoredRegionShadowOptions",
4105
3923
  "declaration": {
4106
- "name": "foundationAccordionItemShadowOptions",
4107
- "module": "src/accordion-item/accordion-item.ts"
3924
+ "name": "foundationAnchoredRegionShadowOptions",
3925
+ "module": "src/anchored-region/anchored-region.ts"
4108
3926
  }
4109
3927
  },
4110
3928
  {
4111
3929
  "kind": "js",
4112
- "name": "defaultAccordionItemConfig",
3930
+ "name": "defaultAnchoredRegionConfig",
4113
3931
  "declaration": {
4114
- "name": "defaultAccordionItemConfig",
4115
- "module": "src/accordion-item/accordion-item.ts"
3932
+ "name": "defaultAnchoredRegionConfig",
3933
+ "module": "src/anchored-region/anchored-region.ts"
4116
3934
  }
4117
3935
  },
4118
3936
  {
4119
3937
  "kind": "js",
4120
- "name": "foundationAccordionItem",
3938
+ "name": "foundationAnchoredRegion",
4121
3939
  "declaration": {
4122
- "name": "foundationAccordionItem",
4123
- "module": "src/accordion-item/accordion-item.ts"
3940
+ "name": "foundationAnchoredRegion",
3941
+ "module": "src/anchored-region/anchored-region.ts"
4124
3942
  }
4125
3943
  }
4126
3944
  ]
4127
3945
  },
4128
3946
  {
4129
3947
  "kind": "javascript-module",
4130
- "path": "src/accordion-item/index.ts",
3948
+ "path": "src/anchored-region/index.ts",
4131
3949
  "declarations": [],
4132
3950
  "exports": [
4133
3951
  {
@@ -4135,7 +3953,7 @@
4135
3953
  "name": "*",
4136
3954
  "declaration": {
4137
3955
  "name": "*",
4138
- "package": "./accordion-item.template"
3956
+ "package": "./anchor-region.template"
4139
3957
  }
4140
3958
  },
4141
3959
  {
@@ -4143,7 +3961,7 @@
4143
3961
  "name": "*",
4144
3962
  "declaration": {
4145
3963
  "name": "*",
4146
- "package": "./accordion-item.styles"
3964
+ "package": "./anchored-region.styles"
4147
3965
  }
4148
3966
  },
4149
3967
  {
@@ -4151,7 +3969,189 @@
4151
3969
  "name": "*",
4152
3970
  "declaration": {
4153
3971
  "name": "*",
4154
- "package": "./accordion-item"
3972
+ "package": "./anchored-region"
3973
+ }
3974
+ }
3975
+ ]
3976
+ },
3977
+ {
3978
+ "kind": "javascript-module",
3979
+ "path": "src/accordion/accordion.styles.ts",
3980
+ "declarations": [
3981
+ {
3982
+ "kind": "function",
3983
+ "name": "foundationAccordionStyles",
3984
+ "return": {
3985
+ "type": {
3986
+ "text": "ElementStyles"
3987
+ }
3988
+ },
3989
+ "parameters": [
3990
+ {
3991
+ "name": "context",
3992
+ "type": {
3993
+ "text": "ElementDefinitionContext"
3994
+ }
3995
+ },
3996
+ {
3997
+ "name": "definition",
3998
+ "type": {
3999
+ "text": "FoundationElementDefinition"
4000
+ }
4001
+ }
4002
+ ]
4003
+ }
4004
+ ],
4005
+ "exports": [
4006
+ {
4007
+ "kind": "js",
4008
+ "name": "foundationAccordionStyles",
4009
+ "declaration": {
4010
+ "name": "foundationAccordionStyles",
4011
+ "module": "src/accordion/accordion.styles.ts"
4012
+ }
4013
+ }
4014
+ ]
4015
+ },
4016
+ {
4017
+ "kind": "javascript-module",
4018
+ "path": "src/accordion/accordion.template.ts",
4019
+ "declarations": [
4020
+ {
4021
+ "kind": "function",
4022
+ "name": "foundationAccordionTemplate",
4023
+ "return": {
4024
+ "type": {
4025
+ "text": "ViewTemplate<Accordion>"
4026
+ }
4027
+ },
4028
+ "parameters": [
4029
+ {
4030
+ "name": "context",
4031
+ "type": {
4032
+ "text": "ElementDefinitionContext"
4033
+ }
4034
+ },
4035
+ {
4036
+ "name": "definition",
4037
+ "type": {
4038
+ "text": "FoundationElementDefinition"
4039
+ }
4040
+ }
4041
+ ]
4042
+ }
4043
+ ],
4044
+ "exports": [
4045
+ {
4046
+ "kind": "js",
4047
+ "name": "foundationAccordionTemplate",
4048
+ "declaration": {
4049
+ "name": "foundationAccordionTemplate",
4050
+ "module": "src/accordion/accordion.template.ts"
4051
+ }
4052
+ }
4053
+ ]
4054
+ },
4055
+ {
4056
+ "kind": "javascript-module",
4057
+ "path": "src/accordion/accordion.ts",
4058
+ "declarations": [
4059
+ {
4060
+ "kind": "class",
4061
+ "description": "",
4062
+ "name": "Accordion",
4063
+ "superclass": {
4064
+ "name": "FASTAccordion",
4065
+ "package": "@microsoft/fast-foundation"
4066
+ },
4067
+ "tagName": "%%prefix%%-accordion",
4068
+ "customElement": true
4069
+ },
4070
+ {
4071
+ "kind": "variable",
4072
+ "name": "foundationAccordionShadowOptions",
4073
+ "type": {
4074
+ "text": "ShadowRootInit"
4075
+ },
4076
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4077
+ },
4078
+ {
4079
+ "kind": "variable",
4080
+ "name": "defaultAccordionConfig",
4081
+ "type": {
4082
+ "text": "object"
4083
+ },
4084
+ "default": "{}"
4085
+ },
4086
+ {
4087
+ "kind": "variable",
4088
+ "name": "foundationAccordion",
4089
+ "description": "The Foundation Accordion",
4090
+ "privacy": "public"
4091
+ }
4092
+ ],
4093
+ "exports": [
4094
+ {
4095
+ "kind": "js",
4096
+ "name": "Accordion",
4097
+ "declaration": {
4098
+ "name": "Accordion",
4099
+ "module": "src/accordion/accordion.ts"
4100
+ }
4101
+ },
4102
+ {
4103
+ "kind": "js",
4104
+ "name": "foundationAccordionShadowOptions",
4105
+ "declaration": {
4106
+ "name": "foundationAccordionShadowOptions",
4107
+ "module": "src/accordion/accordion.ts"
4108
+ }
4109
+ },
4110
+ {
4111
+ "kind": "js",
4112
+ "name": "defaultAccordionConfig",
4113
+ "declaration": {
4114
+ "name": "defaultAccordionConfig",
4115
+ "module": "src/accordion/accordion.ts"
4116
+ }
4117
+ },
4118
+ {
4119
+ "kind": "js",
4120
+ "name": "foundationAccordion",
4121
+ "declaration": {
4122
+ "name": "foundationAccordion",
4123
+ "module": "src/accordion/accordion.ts"
4124
+ }
4125
+ }
4126
+ ]
4127
+ },
4128
+ {
4129
+ "kind": "javascript-module",
4130
+ "path": "src/accordion/index.ts",
4131
+ "declarations": [],
4132
+ "exports": [
4133
+ {
4134
+ "kind": "js",
4135
+ "name": "*",
4136
+ "declaration": {
4137
+ "name": "*",
4138
+ "package": "./accordion.template"
4139
+ }
4140
+ },
4141
+ {
4142
+ "kind": "js",
4143
+ "name": "*",
4144
+ "declaration": {
4145
+ "name": "*",
4146
+ "package": "./accordion.styles"
4147
+ }
4148
+ },
4149
+ {
4150
+ "kind": "js",
4151
+ "name": "*",
4152
+ "declaration": {
4153
+ "name": "*",
4154
+ "package": "./accordion"
4155
4155
  }
4156
4156
  }
4157
4157
  ]
@@ -25259,7 +25259,7 @@
25259
25259
  {
25260
25260
  "kind": "variable",
25261
25261
  "name": "multiselectStyles",
25262
- "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-color: 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: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\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: var(--neutral-layer-2) var(--neutral-layer-4);\n list-style: none;\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 ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\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: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\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 var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\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\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
25262
+ "default": "css`\n :host {\n --scrollbar-width: 12px;\n --scrollbar-thumb-width: 8px;\n }\n\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-color: 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: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\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 ::-webkit-scrollbar {\n width: var(--scrollbar-width);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: var(--scrollbar-thumb-width);\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-corner {\n background: var(--neutral-layer-4);\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n list-style: none;\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 .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\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\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
25263
25263
  }
25264
25264
  ],
25265
25265
  "exports": [