@genesislcap/foundation-ui 14.360.1 → 14.361.0-tabs-z-index-fix.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.
@@ -902,271 +902,245 @@
902
902
  },
903
903
  {
904
904
  "kind": "javascript-module",
905
- "path": "src/accordion-item/accordion-item.styles.ts",
906
- "declarations": [
907
- {
908
- "kind": "function",
909
- "name": "foundationAccordionItemStyles",
910
- "return": {
911
- "type": {
912
- "text": "ElementStyles"
913
- }
914
- },
915
- "parameters": [
916
- {
917
- "name": "context",
918
- "type": {
919
- "text": "ElementDefinitionContext"
920
- }
921
- },
922
- {
923
- "name": "definition",
924
- "type": {
925
- "text": "FoundationElementDefinition"
926
- }
927
- }
928
- ]
929
- }
930
- ],
931
- "exports": [
932
- {
933
- "kind": "js",
934
- "name": "foundationAccordionItemStyles",
935
- "declaration": {
936
- "name": "foundationAccordionItemStyles",
937
- "module": "src/accordion-item/accordion-item.styles.ts"
938
- }
939
- }
940
- ]
941
- },
942
- {
943
- "kind": "javascript-module",
944
- "path": "src/accordion-item/accordion-item.template.ts",
945
- "declarations": [
946
- {
947
- "kind": "function",
948
- "name": "foundationAccordionItemTemplate",
949
- "return": {
950
- "type": {
951
- "text": "ViewTemplate<AccordionItem>"
952
- }
953
- },
954
- "parameters": [
955
- {
956
- "name": "context",
957
- "type": {
958
- "text": "ElementDefinitionContext"
959
- }
960
- },
961
- {
962
- "name": "definition",
963
- "type": {
964
- "text": "FoundationElementDefinition"
965
- }
966
- }
967
- ]
968
- }
969
- ],
970
- "exports": [
971
- {
972
- "kind": "js",
973
- "name": "foundationAccordionItemTemplate",
974
- "declaration": {
975
- "name": "foundationAccordionItemTemplate",
976
- "module": "src/accordion-item/accordion-item.template.ts"
977
- }
978
- }
979
- ]
980
- },
981
- {
982
- "kind": "javascript-module",
983
- "path": "src/accordion-item/accordion-item.ts",
905
+ "path": "src/_common/base-file-component.ts",
984
906
  "declarations": [
985
907
  {
986
908
  "kind": "class",
987
- "description": "",
988
- "name": "AccordionItem",
989
- "superclass": {
990
- "name": "FASTAccordionItem",
991
- "package": "@microsoft/fast-components"
992
- },
993
- "tagName": "%%prefix%%-accordion-item",
994
- "customElement": true,
995
- "attributes": [
996
- {
997
- "name": "heading-level",
998
- "type": {
999
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1000
- },
1001
- "default": "2",
1002
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1003
- "fieldName": "headinglevel",
1004
- "inheritedFrom": {
1005
- "name": "AccordionItem",
1006
- "module": "src/accordion-item/accordion-item.ts"
1007
- }
1008
- },
909
+ "description": "Abstract base class for file handling components\nProvides common functionality for file selection, validation, and UI state management",
910
+ "name": "BaseFileComponent",
911
+ "members": [
1009
912
  {
913
+ "kind": "field",
914
+ "name": "fileInput",
1010
915
  "type": {
1011
- "text": "boolean"
916
+ "text": "HTMLInputElement"
1012
917
  },
1013
- "default": "false",
1014
- "description": "Expands or collapses the item.",
1015
- "fieldName": "expanded",
1016
- "inheritedFrom": {
1017
- "name": "AccordionItem",
1018
- "module": "src/accordion-item/accordion-item.ts"
1019
- }
918
+ "privacy": "public"
1020
919
  },
1021
- {
1022
- "name": "id",
1023
- "type": {
1024
- "text": "string"
1025
- },
1026
- "description": "The item ID",
1027
- "fieldName": "id",
1028
- "inheritedFrom": {
1029
- "name": "AccordionItem",
1030
- "module": "src/accordion-item/accordion-item.ts"
1031
- }
1032
- }
1033
- ],
1034
- "members": [
1035
920
  {
1036
921
  "kind": "field",
1037
- "name": "headinglevel",
922
+ "name": "selectedFile",
1038
923
  "type": {
1039
- "text": "1 | 2 | 3 | 4 | 5 | 6"
924
+ "text": "File | null"
1040
925
  },
1041
- "privacy": "public",
1042
- "default": "2",
1043
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1044
- "inheritedFrom": {
1045
- "name": "AccordionItem",
1046
- "module": "src/accordion-item/accordion-item.ts"
1047
- }
926
+ "privacy": "protected",
927
+ "default": "null"
1048
928
  },
1049
929
  {
1050
930
  "kind": "field",
1051
- "name": "expanded",
931
+ "name": "label",
1052
932
  "type": {
1053
- "text": "boolean"
1054
- },
1055
- "privacy": "public",
1056
- "default": "false",
1057
- "description": "Expands or collapses the item.",
1058
- "inheritedFrom": {
1059
- "name": "AccordionItem",
1060
- "module": "src/accordion-item/accordion-item.ts"
933
+ "text": "string"
1061
934
  }
1062
935
  },
1063
936
  {
1064
937
  "kind": "field",
1065
- "name": "id",
938
+ "name": "accept",
1066
939
  "type": {
1067
940
  "text": "string"
1068
941
  },
1069
- "privacy": "public",
1070
- "description": "The item ID",
1071
- "inheritedFrom": {
1072
- "name": "AccordionItem",
1073
- "module": "src/accordion-item/accordion-item.ts"
1074
- }
942
+ "default": "''"
1075
943
  },
1076
944
  {
1077
945
  "kind": "field",
1078
- "name": "change",
1079
- "privacy": "private",
1080
- "inheritedFrom": {
1081
- "name": "AccordionItem",
1082
- "module": "src/accordion-item/accordion-item.ts"
946
+ "name": "fileSizeLimitBytes",
947
+ "default": "10_485_760",
948
+ "type": {
949
+ "text": "number"
1083
950
  }
1084
951
  },
1085
952
  {
1086
953
  "kind": "field",
1087
- "name": "_presentation",
954
+ "name": "fileName",
1088
955
  "type": {
1089
- "text": "ComponentPresentation | null | undefined"
956
+ "text": "string"
1090
957
  },
1091
- "privacy": "private",
1092
- "default": "void 0",
1093
- "inheritedFrom": {
1094
- "name": "FoundationElement",
1095
- "module": "src/foundation-element/foundation-element.ts"
1096
- }
958
+ "default": "''"
1097
959
  },
1098
960
  {
1099
961
  "kind": "field",
1100
- "name": "$presentation",
962
+ "name": "isProcessing",
1101
963
  "type": {
1102
- "text": "ComponentPresentation | null"
964
+ "text": "boolean"
1103
965
  },
1104
- "privacy": "public",
1105
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1106
- "inheritedFrom": {
1107
- "name": "FoundationElement",
1108
- "module": "src/foundation-element/foundation-element.ts"
1109
- }
966
+ "default": "false"
1110
967
  },
1111
968
  {
1112
- "kind": "field",
1113
- "name": "template",
1114
- "type": {
1115
- "text": "ElementViewTemplate | void | null"
1116
- },
969
+ "kind": "method",
970
+ "name": "handleClick",
1117
971
  "privacy": "public",
1118
- "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.",
1119
- "inheritedFrom": {
1120
- "name": "FoundationElement",
1121
- "module": "src/foundation-element/foundation-element.ts"
1122
- }
972
+ "description": "Opens the file picker dialog\nClears any previous file selection before opening"
1123
973
  },
1124
974
  {
1125
975
  "kind": "method",
1126
- "name": "templateChanged",
1127
- "privacy": "protected",
1128
- "return": {
1129
- "type": {
1130
- "text": "void"
976
+ "name": "onInputChange",
977
+ "privacy": "public",
978
+ "parameters": [
979
+ {
980
+ "name": "e",
981
+ "type": {
982
+ "text": "Event"
983
+ },
984
+ "description": "The change event from the file input"
1131
985
  }
1132
- },
1133
- "inheritedFrom": {
1134
- "name": "FoundationElement",
1135
- "module": "src/foundation-element/foundation-element.ts"
1136
- }
986
+ ],
987
+ "description": "Handles file selection from the file input\nValidates file size and sets up for processing"
1137
988
  },
1138
989
  {
1139
- "kind": "field",
1140
- "name": "styles",
1141
- "type": {
1142
- "text": "ElementStyles | void | null"
1143
- },
990
+ "kind": "method",
991
+ "name": "clearSelection",
1144
992
  "privacy": "public",
1145
- "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.",
1146
- "inheritedFrom": {
1147
- "name": "FoundationElement",
1148
- "module": "src/foundation-element/foundation-element.ts"
1149
- }
993
+ "description": "Clears all file selection and processing state\nResets the component to its initial state"
1150
994
  },
1151
995
  {
1152
996
  "kind": "method",
1153
- "name": "stylesChanged",
1154
- "privacy": "protected",
997
+ "name": "getSelectedFile",
998
+ "privacy": "public",
999
+ "description": "Gets the currently selected file object",
1155
1000
  "return": {
1156
1001
  "type": {
1157
- "text": "void"
1002
+ "text": ""
1158
1003
  }
1159
- },
1160
- "inheritedFrom": {
1161
- "name": "FoundationElement",
1162
- "module": "src/foundation-element/foundation-element.ts"
1163
1004
  }
1164
1005
  },
1165
1006
  {
1166
1007
  "kind": "method",
1167
- "name": "compose",
1168
- "privacy": "public",
1169
- "static": true,
1008
+ "name": "showError",
1009
+ "privacy": "protected",
1010
+ "parameters": [
1011
+ {
1012
+ "name": "title",
1013
+ "type": {
1014
+ "text": "string"
1015
+ },
1016
+ "description": "The error title"
1017
+ },
1018
+ {
1019
+ "name": "message",
1020
+ "type": {
1021
+ "text": "string"
1022
+ },
1023
+ "description": "The error message"
1024
+ }
1025
+ ],
1026
+ "description": "Shows an error notification using the unified error handling system"
1027
+ },
1028
+ {
1029
+ "kind": "method",
1030
+ "name": "onFileSelected",
1031
+ "privacy": "protected",
1032
+ "return": {
1033
+ "type": {
1034
+ "text": "void"
1035
+ }
1036
+ },
1037
+ "parameters": [
1038
+ {
1039
+ "name": "files",
1040
+ "type": {
1041
+ "text": "File[]"
1042
+ },
1043
+ "description": "The selected file"
1044
+ }
1045
+ ],
1046
+ "description": "Abstract method called when a file is selected"
1047
+ },
1048
+ {
1049
+ "kind": "method",
1050
+ "name": "onFileCleared",
1051
+ "privacy": "protected",
1052
+ "return": {
1053
+ "type": {
1054
+ "text": "void"
1055
+ }
1056
+ },
1057
+ "description": "Abstract method called when file selection is cleared"
1058
+ },
1059
+ {
1060
+ "kind": "field",
1061
+ "name": "_presentation",
1062
+ "type": {
1063
+ "text": "ComponentPresentation | null | undefined"
1064
+ },
1065
+ "privacy": "private",
1066
+ "default": "void 0",
1067
+ "inheritedFrom": {
1068
+ "name": "FoundationElement",
1069
+ "module": "src/foundation-element/foundation-element.ts"
1070
+ }
1071
+ },
1072
+ {
1073
+ "kind": "field",
1074
+ "name": "$presentation",
1075
+ "type": {
1076
+ "text": "ComponentPresentation | null"
1077
+ },
1078
+ "privacy": "public",
1079
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1080
+ "inheritedFrom": {
1081
+ "name": "FoundationElement",
1082
+ "module": "src/foundation-element/foundation-element.ts"
1083
+ }
1084
+ },
1085
+ {
1086
+ "kind": "field",
1087
+ "name": "template",
1088
+ "type": {
1089
+ "text": "ElementViewTemplate | void | null"
1090
+ },
1091
+ "privacy": "public",
1092
+ "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.",
1093
+ "inheritedFrom": {
1094
+ "name": "FoundationElement",
1095
+ "module": "src/foundation-element/foundation-element.ts"
1096
+ }
1097
+ },
1098
+ {
1099
+ "kind": "method",
1100
+ "name": "templateChanged",
1101
+ "privacy": "protected",
1102
+ "return": {
1103
+ "type": {
1104
+ "text": "void"
1105
+ }
1106
+ },
1107
+ "inheritedFrom": {
1108
+ "name": "FoundationElement",
1109
+ "module": "src/foundation-element/foundation-element.ts"
1110
+ }
1111
+ },
1112
+ {
1113
+ "kind": "field",
1114
+ "name": "styles",
1115
+ "type": {
1116
+ "text": "ElementStyles | void | null"
1117
+ },
1118
+ "privacy": "public",
1119
+ "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.",
1120
+ "inheritedFrom": {
1121
+ "name": "FoundationElement",
1122
+ "module": "src/foundation-element/foundation-element.ts"
1123
+ }
1124
+ },
1125
+ {
1126
+ "kind": "method",
1127
+ "name": "stylesChanged",
1128
+ "privacy": "protected",
1129
+ "return": {
1130
+ "type": {
1131
+ "text": "void"
1132
+ }
1133
+ },
1134
+ "inheritedFrom": {
1135
+ "name": "FoundationElement",
1136
+ "module": "src/foundation-element/foundation-element.ts"
1137
+ }
1138
+ },
1139
+ {
1140
+ "kind": "method",
1141
+ "name": "compose",
1142
+ "privacy": "public",
1143
+ "static": true,
1170
1144
  "return": {
1171
1145
  "type": {
1172
1146
  "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
@@ -1194,78 +1168,81 @@
1194
1168
  }
1195
1169
  }
1196
1170
  ],
1197
- "events": [
1171
+ "attributes": [
1198
1172
  {
1199
- "description": "Fires a custom 'change' event when the button is invoked",
1200
- "name": "change",
1201
- "inheritedFrom": {
1202
- "name": "AccordionItem",
1203
- "module": "src/accordion-item/accordion-item.ts"
1204
- }
1173
+ "name": "label",
1174
+ "type": {
1175
+ "text": "string"
1176
+ },
1177
+ "fieldName": "label"
1178
+ },
1179
+ {
1180
+ "name": "accept",
1181
+ "type": {
1182
+ "text": "string"
1183
+ },
1184
+ "default": "''",
1185
+ "fieldName": "accept"
1186
+ },
1187
+ {
1188
+ "name": "file-size-limit-bytes",
1189
+ "default": "DEFAULT_FILE_SIZE_LIMIT",
1190
+ "resolveInitializer": {
1191
+ "module": "src/_common/base-file-component.ts"
1192
+ },
1193
+ "fieldName": "fileSizeLimitBytes"
1205
1194
  }
1206
- ]
1207
- },
1208
- {
1209
- "kind": "variable",
1210
- "name": "foundationAccordionItemShadowOptions",
1211
- "type": {
1212
- "text": "ShadowRootInit"
1213
- },
1214
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1215
- },
1216
- {
1217
- "kind": "variable",
1218
- "name": "defaultAccordionItemConfig",
1219
- "type": {
1220
- "text": "object"
1221
- },
1222
- "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}"
1223
- },
1224
- {
1225
- "kind": "variable",
1226
- "name": "foundationAccordionItem",
1227
- "description": "The Foundation Accordion Item",
1228
- "privacy": "public"
1195
+ ],
1196
+ "superclass": {
1197
+ "name": "FoundationElement",
1198
+ "package": "@microsoft/fast-foundation"
1199
+ }
1229
1200
  }
1230
1201
  ],
1231
1202
  "exports": [
1232
1203
  {
1233
1204
  "kind": "js",
1234
- "name": "AccordionItem",
1235
- "declaration": {
1236
- "name": "AccordionItem",
1237
- "module": "src/accordion-item/accordion-item.ts"
1238
- }
1239
- },
1240
- {
1241
- "kind": "js",
1242
- "name": "foundationAccordionItemShadowOptions",
1205
+ "name": "BaseFileComponent",
1243
1206
  "declaration": {
1244
- "name": "foundationAccordionItemShadowOptions",
1245
- "module": "src/accordion-item/accordion-item.ts"
1207
+ "name": "BaseFileComponent",
1208
+ "module": "src/_common/base-file-component.ts"
1246
1209
  }
1247
- },
1210
+ }
1211
+ ]
1212
+ },
1213
+ {
1214
+ "kind": "javascript-module",
1215
+ "path": "src/_common/icons.ts",
1216
+ "declarations": [
1248
1217
  {
1249
- "kind": "js",
1250
- "name": "defaultAccordionItemConfig",
1251
- "declaration": {
1252
- "name": "defaultAccordionItemConfig",
1253
- "module": "src/accordion-item/accordion-item.ts"
1254
- }
1255
- },
1218
+ "kind": "function",
1219
+ "name": "closeIcon",
1220
+ "parameters": [
1221
+ {
1222
+ "name": "slot",
1223
+ "default": "'start'"
1224
+ },
1225
+ {
1226
+ "name": "fill",
1227
+ "default": "'#879ba6'"
1228
+ }
1229
+ ]
1230
+ }
1231
+ ],
1232
+ "exports": [
1256
1233
  {
1257
1234
  "kind": "js",
1258
- "name": "foundationAccordionItem",
1235
+ "name": "closeIcon",
1259
1236
  "declaration": {
1260
- "name": "foundationAccordionItem",
1261
- "module": "src/accordion-item/accordion-item.ts"
1237
+ "name": "closeIcon",
1238
+ "module": "src/_common/icons.ts"
1262
1239
  }
1263
1240
  }
1264
1241
  ]
1265
1242
  },
1266
1243
  {
1267
1244
  "kind": "javascript-module",
1268
- "path": "src/accordion-item/index.ts",
1245
+ "path": "src/_common/index.ts",
1269
1246
  "declarations": [],
1270
1247
  "exports": [
1271
1248
  {
@@ -1273,7 +1250,7 @@
1273
1250
  "name": "*",
1274
1251
  "declaration": {
1275
1252
  "name": "*",
1276
- "package": "./accordion-item.template"
1253
+ "package": "./base-file-component"
1277
1254
  }
1278
1255
  },
1279
1256
  {
@@ -1281,26 +1258,18 @@
1281
1258
  "name": "*",
1282
1259
  "declaration": {
1283
1260
  "name": "*",
1284
- "package": "./accordion-item.styles"
1285
- }
1286
- },
1287
- {
1288
- "kind": "js",
1289
- "name": "*",
1290
- "declaration": {
1291
- "name": "*",
1292
- "package": "./accordion-item"
1261
+ "package": "./icons"
1293
1262
  }
1294
1263
  }
1295
1264
  ]
1296
1265
  },
1297
1266
  {
1298
1267
  "kind": "javascript-module",
1299
- "path": "src/actions-menu/actions-menu.styles.ts",
1268
+ "path": "src/accordion/accordion.styles.ts",
1300
1269
  "declarations": [
1301
1270
  {
1302
1271
  "kind": "function",
1303
- "name": "actionsMenuBaseStyles",
1272
+ "name": "foundationAccordionStyles",
1304
1273
  "return": {
1305
1274
  "type": {
1306
1275
  "text": "ElementStyles"
@@ -1320,13 +1289,29 @@
1320
1289
  }
1321
1290
  }
1322
1291
  ]
1323
- },
1292
+ }
1293
+ ],
1294
+ "exports": [
1295
+ {
1296
+ "kind": "js",
1297
+ "name": "foundationAccordionStyles",
1298
+ "declaration": {
1299
+ "name": "foundationAccordionStyles",
1300
+ "module": "src/accordion/accordion.styles.ts"
1301
+ }
1302
+ }
1303
+ ]
1304
+ },
1305
+ {
1306
+ "kind": "javascript-module",
1307
+ "path": "src/accordion/accordion.template.ts",
1308
+ "declarations": [
1324
1309
  {
1325
1310
  "kind": "function",
1326
- "name": "foundationActionsMenuStyles",
1311
+ "name": "foundationAccordionTemplate",
1327
1312
  "return": {
1328
1313
  "type": {
1329
- "text": "ElementStyles"
1314
+ "text": "ViewTemplate<Accordion>"
1330
1315
  }
1331
1316
  },
1332
1317
  "parameters": [
@@ -1348,270 +1333,300 @@
1348
1333
  "exports": [
1349
1334
  {
1350
1335
  "kind": "js",
1351
- "name": "actionsMenuBaseStyles",
1336
+ "name": "foundationAccordionTemplate",
1352
1337
  "declaration": {
1353
- "name": "actionsMenuBaseStyles",
1354
- "module": "src/actions-menu/actions-menu.styles.ts"
1338
+ "name": "foundationAccordionTemplate",
1339
+ "module": "src/accordion/accordion.template.ts"
1340
+ }
1341
+ }
1342
+ ]
1343
+ },
1344
+ {
1345
+ "kind": "javascript-module",
1346
+ "path": "src/accordion/accordion.ts",
1347
+ "declarations": [
1348
+ {
1349
+ "kind": "class",
1350
+ "description": "",
1351
+ "name": "Accordion",
1352
+ "superclass": {
1353
+ "name": "FASTAccordion",
1354
+ "package": "@microsoft/fast-foundation"
1355
+ },
1356
+ "tagName": "%%prefix%%-accordion",
1357
+ "customElement": true
1358
+ },
1359
+ {
1360
+ "kind": "variable",
1361
+ "name": "foundationAccordionShadowOptions",
1362
+ "type": {
1363
+ "text": "ShadowRootInit"
1364
+ },
1365
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1366
+ },
1367
+ {
1368
+ "kind": "variable",
1369
+ "name": "defaultAccordionConfig",
1370
+ "type": {
1371
+ "text": "object"
1372
+ },
1373
+ "default": "{}"
1374
+ },
1375
+ {
1376
+ "kind": "variable",
1377
+ "name": "foundationAccordion",
1378
+ "description": "The Foundation Accordion",
1379
+ "privacy": "public"
1380
+ }
1381
+ ],
1382
+ "exports": [
1383
+ {
1384
+ "kind": "js",
1385
+ "name": "Accordion",
1386
+ "declaration": {
1387
+ "name": "Accordion",
1388
+ "module": "src/accordion/accordion.ts"
1355
1389
  }
1356
1390
  },
1357
1391
  {
1358
1392
  "kind": "js",
1359
- "name": "foundationActionsMenuStyles",
1393
+ "name": "foundationAccordionShadowOptions",
1360
1394
  "declaration": {
1361
- "name": "foundationActionsMenuStyles",
1362
- "module": "src/actions-menu/actions-menu.styles.ts"
1395
+ "name": "foundationAccordionShadowOptions",
1396
+ "module": "src/accordion/accordion.ts"
1397
+ }
1398
+ },
1399
+ {
1400
+ "kind": "js",
1401
+ "name": "defaultAccordionConfig",
1402
+ "declaration": {
1403
+ "name": "defaultAccordionConfig",
1404
+ "module": "src/accordion/accordion.ts"
1405
+ }
1406
+ },
1407
+ {
1408
+ "kind": "js",
1409
+ "name": "foundationAccordion",
1410
+ "declaration": {
1411
+ "name": "foundationAccordion",
1412
+ "module": "src/accordion/accordion.ts"
1363
1413
  }
1364
1414
  }
1365
1415
  ]
1366
1416
  },
1367
1417
  {
1368
1418
  "kind": "javascript-module",
1369
- "path": "src/actions-menu/actions-menu.template.ts",
1419
+ "path": "src/accordion/index.ts",
1420
+ "declarations": [],
1421
+ "exports": [
1422
+ {
1423
+ "kind": "js",
1424
+ "name": "*",
1425
+ "declaration": {
1426
+ "name": "*",
1427
+ "package": "./accordion.template"
1428
+ }
1429
+ },
1430
+ {
1431
+ "kind": "js",
1432
+ "name": "*",
1433
+ "declaration": {
1434
+ "name": "*",
1435
+ "package": "./accordion.styles"
1436
+ }
1437
+ },
1438
+ {
1439
+ "kind": "js",
1440
+ "name": "*",
1441
+ "declaration": {
1442
+ "name": "*",
1443
+ "package": "./accordion"
1444
+ }
1445
+ }
1446
+ ]
1447
+ },
1448
+ {
1449
+ "kind": "javascript-module",
1450
+ "path": "src/accordion-item/accordion-item.styles.ts",
1370
1451
  "declarations": [
1371
1452
  {
1372
1453
  "kind": "function",
1373
- "name": "menuTemplate",
1454
+ "name": "foundationAccordionItemStyles",
1455
+ "return": {
1456
+ "type": {
1457
+ "text": "ElementStyles"
1458
+ }
1459
+ },
1374
1460
  "parameters": [
1375
1461
  {
1376
- "name": "prefix",
1462
+ "name": "context",
1377
1463
  "type": {
1378
- "text": "string"
1464
+ "text": "ElementDefinitionContext"
1379
1465
  }
1380
- }
1381
- ]
1382
- },
1383
- {
1384
- "kind": "function",
1385
- "name": "singleOptionTemplate",
1386
- "parameters": [
1466
+ },
1387
1467
  {
1388
- "name": "prefix",
1468
+ "name": "definition",
1389
1469
  "type": {
1390
- "text": "string"
1470
+ "text": "FoundationElementDefinition"
1391
1471
  }
1392
1472
  }
1393
1473
  ]
1394
- },
1395
- {
1396
- "kind": "variable",
1397
- "name": "foundationActionsMenuTemplate",
1398
- "type": {
1399
- "text": "ViewTemplate<ActionsMenu>"
1400
- },
1401
- "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`"
1402
1474
  }
1403
1475
  ],
1404
1476
  "exports": [
1405
1477
  {
1406
1478
  "kind": "js",
1407
- "name": "menuTemplate",
1479
+ "name": "foundationAccordionItemStyles",
1408
1480
  "declaration": {
1409
- "name": "menuTemplate",
1410
- "module": "src/actions-menu/actions-menu.template.ts"
1481
+ "name": "foundationAccordionItemStyles",
1482
+ "module": "src/accordion-item/accordion-item.styles.ts"
1411
1483
  }
1412
- },
1484
+ }
1485
+ ]
1486
+ },
1487
+ {
1488
+ "kind": "javascript-module",
1489
+ "path": "src/accordion-item/accordion-item.template.ts",
1490
+ "declarations": [
1413
1491
  {
1414
- "kind": "js",
1415
- "name": "singleOptionTemplate",
1416
- "declaration": {
1417
- "name": "singleOptionTemplate",
1418
- "module": "src/actions-menu/actions-menu.template.ts"
1419
- }
1420
- },
1492
+ "kind": "function",
1493
+ "name": "foundationAccordionItemTemplate",
1494
+ "return": {
1495
+ "type": {
1496
+ "text": "ViewTemplate<AccordionItem>"
1497
+ }
1498
+ },
1499
+ "parameters": [
1500
+ {
1501
+ "name": "context",
1502
+ "type": {
1503
+ "text": "ElementDefinitionContext"
1504
+ }
1505
+ },
1506
+ {
1507
+ "name": "definition",
1508
+ "type": {
1509
+ "text": "FoundationElementDefinition"
1510
+ }
1511
+ }
1512
+ ]
1513
+ }
1514
+ ],
1515
+ "exports": [
1421
1516
  {
1422
1517
  "kind": "js",
1423
- "name": "foundationActionsMenuTemplate",
1518
+ "name": "foundationAccordionItemTemplate",
1424
1519
  "declaration": {
1425
- "name": "foundationActionsMenuTemplate",
1426
- "module": "src/actions-menu/actions-menu.template.ts"
1520
+ "name": "foundationAccordionItemTemplate",
1521
+ "module": "src/accordion-item/accordion-item.template.ts"
1427
1522
  }
1428
1523
  }
1429
1524
  ]
1430
1525
  },
1431
1526
  {
1432
1527
  "kind": "javascript-module",
1433
- "path": "src/actions-menu/actions-menu.ts",
1528
+ "path": "src/accordion-item/accordion-item.ts",
1434
1529
  "declarations": [
1435
1530
  {
1436
1531
  "kind": "class",
1437
1532
  "description": "",
1438
- "name": "ActionsMenu",
1439
- "members": [
1533
+ "name": "AccordionItem",
1534
+ "superclass": {
1535
+ "name": "FASTAccordionItem",
1536
+ "package": "@microsoft/fast-components"
1537
+ },
1538
+ "tagName": "%%prefix%%-accordion-item",
1539
+ "customElement": true,
1540
+ "attributes": [
1440
1541
  {
1441
- "kind": "field",
1442
- "name": "actions",
1542
+ "name": "heading-level",
1443
1543
  "type": {
1444
- "text": "ActionMenuItem[]"
1544
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1545
+ },
1546
+ "default": "2",
1547
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1548
+ "fieldName": "headinglevel",
1549
+ "inheritedFrom": {
1550
+ "name": "AccordionItem",
1551
+ "module": "src/accordion-item/accordion-item.ts"
1445
1552
  }
1446
1553
  },
1447
1554
  {
1448
- "kind": "field",
1449
- "name": "isVertical",
1450
1555
  "type": {
1451
1556
  "text": "boolean"
1452
1557
  },
1453
- "default": "false"
1558
+ "default": "false",
1559
+ "description": "Expands or collapses the item.",
1560
+ "fieldName": "expanded",
1561
+ "inheritedFrom": {
1562
+ "name": "AccordionItem",
1563
+ "module": "src/accordion-item/accordion-item.ts"
1564
+ }
1454
1565
  },
1455
1566
  {
1456
- "kind": "field",
1457
- "name": "addDefaultActions",
1458
- "type": {
1459
- "text": "boolean"
1460
- },
1461
- "default": "true"
1462
- },
1463
- {
1464
- "kind": "field",
1465
- "name": "autoCloseOnAction",
1466
- "type": {
1467
- "text": "boolean"
1468
- },
1469
- "default": "true"
1470
- },
1471
- {
1472
- "kind": "field",
1473
- "name": "classNames",
1474
- "type": {
1475
- "text": "string"
1476
- }
1477
- },
1478
- {
1479
- "kind": "field",
1480
- "name": "definition",
1481
- "type": {
1482
- "text": "any"
1483
- }
1484
- },
1485
- {
1486
- "kind": "field",
1487
- "name": "name",
1567
+ "name": "id",
1488
1568
  "type": {
1489
1569
  "text": "string"
1490
1570
  },
1491
- "default": "'Actions'"
1492
- },
1571
+ "description": "The item ID",
1572
+ "fieldName": "id",
1573
+ "inheritedFrom": {
1574
+ "name": "AccordionItem",
1575
+ "module": "src/accordion-item/accordion-item.ts"
1576
+ }
1577
+ }
1578
+ ],
1579
+ "members": [
1493
1580
  {
1494
1581
  "kind": "field",
1495
- "name": "open",
1582
+ "name": "headinglevel",
1496
1583
  "type": {
1497
- "text": "boolean"
1584
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1498
1585
  },
1499
- "default": "false"
1500
- },
1501
- {
1502
- "kind": "field",
1503
- "name": "buttonAppearance",
1504
- "type": {
1505
- "text": "string"
1586
+ "privacy": "public",
1587
+ "default": "2",
1588
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1589
+ "inheritedFrom": {
1590
+ "name": "AccordionItem",
1591
+ "module": "src/accordion-item/accordion-item.ts"
1506
1592
  }
1507
1593
  },
1508
1594
  {
1509
1595
  "kind": "field",
1510
- "name": "hideDisabled",
1596
+ "name": "expanded",
1511
1597
  "type": {
1512
1598
  "text": "boolean"
1513
1599
  },
1514
- "default": "false"
1600
+ "privacy": "public",
1601
+ "default": "false",
1602
+ "description": "Expands or collapses the item.",
1603
+ "inheritedFrom": {
1604
+ "name": "AccordionItem",
1605
+ "module": "src/accordion-item/accordion-item.ts"
1606
+ }
1515
1607
  },
1516
1608
  {
1517
1609
  "kind": "field",
1518
- "name": "hideMenuSingleOption",
1610
+ "name": "id",
1519
1611
  "type": {
1520
- "text": "boolean"
1612
+ "text": "string"
1521
1613
  },
1522
- "default": "false"
1523
- },
1524
- {
1525
- "kind": "field",
1526
- "name": "singleOption",
1527
- "type": {
1528
- "text": "ActionMenuItem"
1614
+ "privacy": "public",
1615
+ "description": "The item ID",
1616
+ "inheritedFrom": {
1617
+ "name": "AccordionItem",
1618
+ "module": "src/accordion-item/accordion-item.ts"
1529
1619
  }
1530
1620
  },
1531
1621
  {
1532
1622
  "kind": "field",
1533
- "name": "actionsMenu",
1534
- "type": {
1535
- "text": "HTMLElement"
1623
+ "name": "change",
1624
+ "privacy": "private",
1625
+ "inheritedFrom": {
1626
+ "name": "AccordionItem",
1627
+ "module": "src/accordion-item/accordion-item.ts"
1536
1628
  }
1537
1629
  },
1538
- {
1539
- "kind": "method",
1540
- "name": "definitionChanged",
1541
- "privacy": "protected",
1542
- "parameters": [
1543
- {
1544
- "name": "oldValue",
1545
- "type": {
1546
- "text": "any"
1547
- }
1548
- },
1549
- {
1550
- "name": "newValue",
1551
- "type": {
1552
- "text": "any"
1553
- }
1554
- }
1555
- ]
1556
- },
1557
- {
1558
- "kind": "method",
1559
- "name": "openChanged",
1560
- "privacy": "protected"
1561
- },
1562
- {
1563
- "kind": "method",
1564
- "name": "toggleActionsMenuVisibility"
1565
- },
1566
- {
1567
- "kind": "method",
1568
- "name": "onActionMenuItemClick",
1569
- "parameters": [
1570
- {
1571
- "name": "callback",
1572
- "type": {
1573
- "text": "(rowData) => void | any"
1574
- }
1575
- }
1576
- ]
1577
- },
1578
- {
1579
- "kind": "field",
1580
- "name": "allActions",
1581
- "type": {
1582
- "text": "ActionMenuItem[]"
1583
- },
1584
- "readonly": true
1585
- },
1586
- {
1587
- "kind": "field",
1588
- "name": "rowData",
1589
- "readonly": true
1590
- },
1591
- {
1592
- "kind": "method",
1593
- "name": "getLabel",
1594
- "parameters": [
1595
- {
1596
- "name": "name",
1597
- "type": {
1598
- "text": "string | ((rowData: any) => string)"
1599
- }
1600
- }
1601
- ]
1602
- },
1603
- {
1604
- "kind": "method",
1605
- "name": "getTemplate",
1606
- "parameters": [
1607
- {
1608
- "name": "prefix",
1609
- "type": {
1610
- "text": "string"
1611
- }
1612
- }
1613
- ]
1614
- },
1615
1630
  {
1616
1631
  "kind": "field",
1617
1632
  "name": "_presentation",
@@ -1724,107 +1739,78 @@
1724
1739
  }
1725
1740
  }
1726
1741
  ],
1727
- "attributes": [
1728
- {
1729
- "name": "is-vertical",
1730
- "type": {
1731
- "text": "boolean"
1732
- },
1733
- "default": "false",
1734
- "fieldName": "isVertical"
1735
- },
1736
- {
1737
- "name": "add-default-actions",
1738
- "type": {
1739
- "text": "boolean"
1740
- },
1741
- "default": "true",
1742
- "fieldName": "addDefaultActions"
1743
- },
1744
- {
1745
- "name": "auto-close-on-action",
1746
- "type": {
1747
- "text": "boolean"
1748
- },
1749
- "default": "true",
1750
- "fieldName": "autoCloseOnAction"
1751
- },
1752
- {
1753
- "name": "name",
1754
- "type": {
1755
- "text": "string"
1756
- },
1757
- "default": "'Actions'",
1758
- "fieldName": "name"
1759
- },
1760
- {
1761
- "name": "open",
1762
- "type": {
1763
- "text": "boolean"
1764
- },
1765
- "default": "false",
1766
- "fieldName": "open"
1767
- },
1768
- {
1769
- "name": "buttonAppearance",
1770
- "type": {
1771
- "text": "string"
1772
- },
1773
- "fieldName": "buttonAppearance"
1774
- },
1775
- {
1776
- "name": "hide-disabled",
1777
- "type": {
1778
- "text": "boolean"
1779
- },
1780
- "default": "false",
1781
- "fieldName": "hideDisabled"
1782
- },
1742
+ "events": [
1783
1743
  {
1784
- "name": "hide-menu-single-option",
1785
- "type": {
1786
- "text": "boolean"
1787
- },
1788
- "default": "false",
1789
- "fieldName": "hideMenuSingleOption"
1744
+ "description": "Fires a custom 'change' event when the button is invoked",
1745
+ "name": "change",
1746
+ "inheritedFrom": {
1747
+ "name": "AccordionItem",
1748
+ "module": "src/accordion-item/accordion-item.ts"
1749
+ }
1790
1750
  }
1791
- ],
1792
- "superclass": {
1793
- "name": "FoundationElement",
1794
- "package": "@microsoft/fast-foundation"
1751
+ ]
1752
+ },
1753
+ {
1754
+ "kind": "variable",
1755
+ "name": "foundationAccordionItemShadowOptions",
1756
+ "type": {
1757
+ "text": "ShadowRootInit"
1795
1758
  },
1796
- "tagName": "%%prefix%%-actions-menu",
1797
- "customElement": true
1759
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1798
1760
  },
1799
1761
  {
1800
1762
  "kind": "variable",
1801
- "name": "foundationActionsMenu",
1802
- "description": "The Foundation Actions Menu",
1803
- "privacy": "public"
1804
- }
1763
+ "name": "defaultAccordionItemConfig",
1764
+ "type": {
1765
+ "text": "object"
1766
+ },
1767
+ "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}"
1768
+ },
1769
+ {
1770
+ "kind": "variable",
1771
+ "name": "foundationAccordionItem",
1772
+ "description": "The Foundation Accordion Item",
1773
+ "privacy": "public"
1774
+ }
1805
1775
  ],
1806
1776
  "exports": [
1807
1777
  {
1808
1778
  "kind": "js",
1809
- "name": "ActionsMenu",
1779
+ "name": "AccordionItem",
1810
1780
  "declaration": {
1811
- "name": "ActionsMenu",
1812
- "module": "src/actions-menu/actions-menu.ts"
1781
+ "name": "AccordionItem",
1782
+ "module": "src/accordion-item/accordion-item.ts"
1813
1783
  }
1814
1784
  },
1815
1785
  {
1816
1786
  "kind": "js",
1817
- "name": "foundationActionsMenu",
1787
+ "name": "foundationAccordionItemShadowOptions",
1818
1788
  "declaration": {
1819
- "name": "foundationActionsMenu",
1820
- "module": "src/actions-menu/actions-menu.ts"
1789
+ "name": "foundationAccordionItemShadowOptions",
1790
+ "module": "src/accordion-item/accordion-item.ts"
1791
+ }
1792
+ },
1793
+ {
1794
+ "kind": "js",
1795
+ "name": "defaultAccordionItemConfig",
1796
+ "declaration": {
1797
+ "name": "defaultAccordionItemConfig",
1798
+ "module": "src/accordion-item/accordion-item.ts"
1799
+ }
1800
+ },
1801
+ {
1802
+ "kind": "js",
1803
+ "name": "foundationAccordionItem",
1804
+ "declaration": {
1805
+ "name": "foundationAccordionItem",
1806
+ "module": "src/accordion-item/accordion-item.ts"
1821
1807
  }
1822
1808
  }
1823
1809
  ]
1824
1810
  },
1825
1811
  {
1826
1812
  "kind": "javascript-module",
1827
- "path": "src/actions-menu/index.ts",
1813
+ "path": "src/accordion-item/index.ts",
1828
1814
  "declarations": [],
1829
1815
  "exports": [
1830
1816
  {
@@ -1832,7 +1818,7 @@
1832
1818
  "name": "*",
1833
1819
  "declaration": {
1834
1820
  "name": "*",
1835
- "package": "./actions-menu.styles"
1821
+ "package": "./accordion-item.template"
1836
1822
  }
1837
1823
  },
1838
1824
  {
@@ -1840,7 +1826,7 @@
1840
1826
  "name": "*",
1841
1827
  "declaration": {
1842
1828
  "name": "*",
1843
- "package": "./actions-menu.template"
1829
+ "package": "./accordion-item.styles"
1844
1830
  }
1845
1831
  },
1846
1832
  {
@@ -1848,18 +1834,49 @@
1848
1834
  "name": "*",
1849
1835
  "declaration": {
1850
1836
  "name": "*",
1851
- "package": "./actions-menu"
1837
+ "package": "./accordion-item"
1852
1838
  }
1853
1839
  }
1854
1840
  ]
1855
1841
  },
1856
1842
  {
1857
1843
  "kind": "javascript-module",
1858
- "path": "src/accordion/accordion.styles.ts",
1844
+ "path": "src/_config/index.ts",
1845
+ "declarations": [],
1846
+ "exports": [
1847
+ {
1848
+ "kind": "js",
1849
+ "name": "*",
1850
+ "declaration": {
1851
+ "name": "*",
1852
+ "package": "./styles"
1853
+ }
1854
+ },
1855
+ {
1856
+ "kind": "js",
1857
+ "name": "*",
1858
+ "declaration": {
1859
+ "name": "*",
1860
+ "package": "./tokens"
1861
+ }
1862
+ },
1863
+ {
1864
+ "kind": "js",
1865
+ "name": "*",
1866
+ "declaration": {
1867
+ "name": "*",
1868
+ "package": "./values"
1869
+ }
1870
+ }
1871
+ ]
1872
+ },
1873
+ {
1874
+ "kind": "javascript-module",
1875
+ "path": "src/actions-menu/actions-menu.styles.ts",
1859
1876
  "declarations": [
1860
1877
  {
1861
1878
  "kind": "function",
1862
- "name": "foundationAccordionStyles",
1879
+ "name": "actionsMenuBaseStyles",
1863
1880
  "return": {
1864
1881
  "type": {
1865
1882
  "text": "ElementStyles"
@@ -1879,29 +1896,13 @@
1879
1896
  }
1880
1897
  }
1881
1898
  ]
1882
- }
1883
- ],
1884
- "exports": [
1885
- {
1886
- "kind": "js",
1887
- "name": "foundationAccordionStyles",
1888
- "declaration": {
1889
- "name": "foundationAccordionStyles",
1890
- "module": "src/accordion/accordion.styles.ts"
1891
- }
1892
- }
1893
- ]
1894
- },
1895
- {
1896
- "kind": "javascript-module",
1897
- "path": "src/accordion/accordion.template.ts",
1898
- "declarations": [
1899
+ },
1899
1900
  {
1900
1901
  "kind": "function",
1901
- "name": "foundationAccordionTemplate",
1902
+ "name": "foundationActionsMenuStyles",
1902
1903
  "return": {
1903
1904
  "type": {
1904
- "text": "ViewTemplate<Accordion>"
1905
+ "text": "ElementStyles"
1905
1906
  }
1906
1907
  },
1907
1908
  "parameters": [
@@ -1923,435 +1924,269 @@
1923
1924
  "exports": [
1924
1925
  {
1925
1926
  "kind": "js",
1926
- "name": "foundationAccordionTemplate",
1927
+ "name": "actionsMenuBaseStyles",
1927
1928
  "declaration": {
1928
- "name": "foundationAccordionTemplate",
1929
- "module": "src/accordion/accordion.template.ts"
1929
+ "name": "actionsMenuBaseStyles",
1930
+ "module": "src/actions-menu/actions-menu.styles.ts"
1931
+ }
1932
+ },
1933
+ {
1934
+ "kind": "js",
1935
+ "name": "foundationActionsMenuStyles",
1936
+ "declaration": {
1937
+ "name": "foundationActionsMenuStyles",
1938
+ "module": "src/actions-menu/actions-menu.styles.ts"
1930
1939
  }
1931
1940
  }
1932
1941
  ]
1933
1942
  },
1934
1943
  {
1935
1944
  "kind": "javascript-module",
1936
- "path": "src/accordion/accordion.ts",
1945
+ "path": "src/actions-menu/actions-menu.template.ts",
1937
1946
  "declarations": [
1938
1947
  {
1939
- "kind": "class",
1940
- "description": "",
1941
- "name": "Accordion",
1942
- "superclass": {
1943
- "name": "FASTAccordion",
1944
- "package": "@microsoft/fast-foundation"
1945
- },
1946
- "tagName": "%%prefix%%-accordion",
1947
- "customElement": true
1948
+ "kind": "function",
1949
+ "name": "menuTemplate",
1950
+ "parameters": [
1951
+ {
1952
+ "name": "prefix",
1953
+ "type": {
1954
+ "text": "string"
1955
+ }
1956
+ }
1957
+ ]
1948
1958
  },
1949
1959
  {
1950
- "kind": "variable",
1951
- "name": "foundationAccordionShadowOptions",
1952
- "type": {
1953
- "text": "ShadowRootInit"
1954
- },
1955
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1960
+ "kind": "function",
1961
+ "name": "singleOptionTemplate",
1962
+ "parameters": [
1963
+ {
1964
+ "name": "prefix",
1965
+ "type": {
1966
+ "text": "string"
1967
+ }
1968
+ }
1969
+ ]
1956
1970
  },
1957
1971
  {
1958
1972
  "kind": "variable",
1959
- "name": "defaultAccordionConfig",
1973
+ "name": "foundationActionsMenuTemplate",
1960
1974
  "type": {
1961
- "text": "object"
1975
+ "text": "ViewTemplate<ActionsMenu>"
1962
1976
  },
1963
- "default": "{}"
1964
- },
1965
- {
1966
- "kind": "variable",
1967
- "name": "foundationAccordion",
1968
- "description": "The Foundation Accordion",
1969
- "privacy": "public"
1977
+ "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`"
1970
1978
  }
1971
1979
  ],
1972
1980
  "exports": [
1973
1981
  {
1974
1982
  "kind": "js",
1975
- "name": "Accordion",
1976
- "declaration": {
1977
- "name": "Accordion",
1978
- "module": "src/accordion/accordion.ts"
1979
- }
1980
- },
1981
- {
1982
- "kind": "js",
1983
- "name": "foundationAccordionShadowOptions",
1984
- "declaration": {
1985
- "name": "foundationAccordionShadowOptions",
1986
- "module": "src/accordion/accordion.ts"
1987
- }
1988
- },
1989
- {
1990
- "kind": "js",
1991
- "name": "defaultAccordionConfig",
1992
- "declaration": {
1993
- "name": "defaultAccordionConfig",
1994
- "module": "src/accordion/accordion.ts"
1995
- }
1996
- },
1997
- {
1998
- "kind": "js",
1999
- "name": "foundationAccordion",
2000
- "declaration": {
2001
- "name": "foundationAccordion",
2002
- "module": "src/accordion/accordion.ts"
2003
- }
2004
- }
2005
- ]
2006
- },
2007
- {
2008
- "kind": "javascript-module",
2009
- "path": "src/accordion/index.ts",
2010
- "declarations": [],
2011
- "exports": [
2012
- {
2013
- "kind": "js",
2014
- "name": "*",
1983
+ "name": "menuTemplate",
2015
1984
  "declaration": {
2016
- "name": "*",
2017
- "package": "./accordion.template"
1985
+ "name": "menuTemplate",
1986
+ "module": "src/actions-menu/actions-menu.template.ts"
2018
1987
  }
2019
1988
  },
2020
1989
  {
2021
1990
  "kind": "js",
2022
- "name": "*",
1991
+ "name": "singleOptionTemplate",
2023
1992
  "declaration": {
2024
- "name": "*",
2025
- "package": "./accordion.styles"
1993
+ "name": "singleOptionTemplate",
1994
+ "module": "src/actions-menu/actions-menu.template.ts"
2026
1995
  }
2027
1996
  },
2028
1997
  {
2029
1998
  "kind": "js",
2030
- "name": "*",
1999
+ "name": "foundationActionsMenuTemplate",
2031
2000
  "declaration": {
2032
- "name": "*",
2033
- "package": "./accordion"
2001
+ "name": "foundationActionsMenuTemplate",
2002
+ "module": "src/actions-menu/actions-menu.template.ts"
2034
2003
  }
2035
2004
  }
2036
2005
  ]
2037
2006
  },
2038
2007
  {
2039
2008
  "kind": "javascript-module",
2040
- "path": "src/anchor/anchor.styles.ts",
2009
+ "path": "src/actions-menu/actions-menu.ts",
2041
2010
  "declarations": [
2042
2011
  {
2043
- "kind": "function",
2044
- "name": "foundationAnchorStyles",
2045
- "return": {
2046
- "type": {
2047
- "text": "ElementStyles"
2048
- }
2049
- },
2050
- "parameters": [
2012
+ "kind": "class",
2013
+ "description": "",
2014
+ "name": "ActionsMenu",
2015
+ "members": [
2051
2016
  {
2052
- "name": "context",
2017
+ "kind": "field",
2018
+ "name": "actions",
2053
2019
  "type": {
2054
- "text": "ElementDefinitionContext"
2020
+ "text": "ActionMenuItem[]"
2055
2021
  }
2056
2022
  },
2057
2023
  {
2058
- "name": "definition",
2024
+ "kind": "field",
2025
+ "name": "isVertical",
2059
2026
  "type": {
2060
- "text": "FoundationElementDefinition"
2061
- }
2062
- }
2063
- ]
2064
- }
2065
- ],
2066
- "exports": [
2067
- {
2068
- "kind": "js",
2069
- "name": "foundationAnchorStyles",
2070
- "declaration": {
2071
- "name": "foundationAnchorStyles",
2072
- "module": "src/anchor/anchor.styles.ts"
2073
- }
2074
- }
2075
- ]
2076
- },
2077
- {
2078
- "kind": "javascript-module",
2079
- "path": "src/anchor/anchor.template.ts",
2080
- "declarations": [
2081
- {
2082
- "kind": "function",
2083
- "name": "foundationAnchorTemplate",
2084
- "return": {
2085
- "type": {
2086
- "text": "ViewTemplate<Anchor>"
2087
- }
2088
- },
2089
- "parameters": [
2090
- {
2091
- "name": "context",
2092
- "type": {
2093
- "text": "ElementDefinitionContext"
2094
- }
2095
- },
2096
- {
2097
- "name": "definition",
2098
- "type": {
2099
- "text": "FoundationElementDefinition"
2100
- }
2101
- }
2102
- ]
2103
- }
2104
- ],
2105
- "exports": [
2106
- {
2107
- "kind": "js",
2108
- "name": "foundationAnchorTemplate",
2109
- "declaration": {
2110
- "name": "foundationAnchorTemplate",
2111
- "module": "src/anchor/anchor.template.ts"
2112
- }
2113
- }
2114
- ]
2115
- },
2116
- {
2117
- "kind": "javascript-module",
2118
- "path": "src/anchor/anchor.ts",
2119
- "declarations": [
2120
- {
2121
- "kind": "class",
2122
- "description": "",
2123
- "name": "Anchor",
2124
- "superclass": {
2125
- "name": "FASTAnchor",
2126
- "package": "@microsoft/fast-components"
2127
- },
2128
- "tagName": "%%prefix%%-anchor",
2129
- "customElement": true,
2130
- "attributes": [
2131
- {
2132
- "name": "download",
2133
- "type": {
2134
- "text": "string"
2027
+ "text": "boolean"
2135
2028
  },
2136
- "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.",
2137
- "fieldName": "download",
2138
- "inheritedFrom": {
2139
- "name": "Anchor",
2140
- "module": "src/anchor/anchor.ts"
2141
- }
2029
+ "default": "false"
2142
2030
  },
2143
2031
  {
2144
- "name": "href",
2032
+ "kind": "field",
2033
+ "name": "addDefaultActions",
2145
2034
  "type": {
2146
- "text": "string"
2035
+ "text": "boolean"
2147
2036
  },
2148
- "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2149
- "fieldName": "href",
2150
- "inheritedFrom": {
2151
- "name": "Anchor",
2152
- "module": "src/anchor/anchor.ts"
2153
- }
2037
+ "default": "true"
2154
2038
  },
2155
2039
  {
2156
- "name": "hreflang",
2040
+ "kind": "field",
2041
+ "name": "autoCloseOnAction",
2157
2042
  "type": {
2158
- "text": "string"
2043
+ "text": "boolean"
2159
2044
  },
2160
- "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.",
2161
- "fieldName": "hreflang",
2162
- "inheritedFrom": {
2163
- "name": "Anchor",
2164
- "module": "src/anchor/anchor.ts"
2165
- }
2045
+ "default": "true"
2166
2046
  },
2167
2047
  {
2168
- "name": "ping",
2048
+ "kind": "field",
2049
+ "name": "classNames",
2169
2050
  "type": {
2170
2051
  "text": "string"
2171
- },
2172
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2173
- "fieldName": "ping",
2174
- "inheritedFrom": {
2175
- "name": "Anchor",
2176
- "module": "src/anchor/anchor.ts"
2177
2052
  }
2178
2053
  },
2179
2054
  {
2180
- "name": "referrerpolicy",
2055
+ "kind": "field",
2056
+ "name": "definition",
2181
2057
  "type": {
2182
- "text": "string"
2183
- },
2184
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2185
- "fieldName": "referrerpolicy",
2186
- "inheritedFrom": {
2187
- "name": "Anchor",
2188
- "module": "src/anchor/anchor.ts"
2058
+ "text": "any"
2189
2059
  }
2190
2060
  },
2191
2061
  {
2192
- "name": "rel",
2062
+ "kind": "field",
2063
+ "name": "name",
2193
2064
  "type": {
2194
2065
  "text": "string"
2195
2066
  },
2196
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2197
- "fieldName": "rel",
2198
- "inheritedFrom": {
2199
- "name": "Anchor",
2200
- "module": "src/anchor/anchor.ts"
2201
- }
2067
+ "default": "'Actions'"
2202
2068
  },
2203
2069
  {
2204
- "name": "target",
2070
+ "kind": "field",
2071
+ "name": "open",
2205
2072
  "type": {
2206
- "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2073
+ "text": "boolean"
2207
2074
  },
2208
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2209
- "fieldName": "target",
2210
- "inheritedFrom": {
2211
- "name": "Anchor",
2212
- "module": "src/anchor/anchor.ts"
2213
- }
2075
+ "default": "false"
2214
2076
  },
2215
- {
2216
- "name": "type",
2217
- "type": {
2218
- "text": "string"
2219
- },
2220
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2221
- "fieldName": "type",
2222
- "inheritedFrom": {
2223
- "name": "Anchor",
2224
- "module": "src/anchor/anchor.ts"
2225
- }
2226
- }
2227
- ],
2228
- "members": [
2229
2077
  {
2230
2078
  "kind": "field",
2231
- "name": "download",
2079
+ "name": "buttonAppearance",
2232
2080
  "type": {
2233
2081
  "text": "string"
2234
- },
2235
- "privacy": "public",
2236
- "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.",
2237
- "inheritedFrom": {
2238
- "name": "Anchor",
2239
- "module": "src/anchor/anchor.ts"
2240
2082
  }
2241
2083
  },
2242
2084
  {
2243
2085
  "kind": "field",
2244
- "name": "href",
2086
+ "name": "hideDisabled",
2245
2087
  "type": {
2246
- "text": "string"
2088
+ "text": "boolean"
2247
2089
  },
2248
- "privacy": "public",
2249
- "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2250
- "inheritedFrom": {
2251
- "name": "Anchor",
2252
- "module": "src/anchor/anchor.ts"
2253
- }
2090
+ "default": "false"
2254
2091
  },
2255
2092
  {
2256
2093
  "kind": "field",
2257
- "name": "hreflang",
2094
+ "name": "hideMenuSingleOption",
2258
2095
  "type": {
2259
- "text": "string"
2096
+ "text": "boolean"
2260
2097
  },
2261
- "privacy": "public",
2262
- "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.",
2263
- "inheritedFrom": {
2264
- "name": "Anchor",
2265
- "module": "src/anchor/anchor.ts"
2266
- }
2098
+ "default": "false"
2267
2099
  },
2268
2100
  {
2269
2101
  "kind": "field",
2270
- "name": "ping",
2102
+ "name": "singleOption",
2271
2103
  "type": {
2272
- "text": "string"
2273
- },
2274
- "privacy": "public",
2275
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2276
- "inheritedFrom": {
2277
- "name": "Anchor",
2278
- "module": "src/anchor/anchor.ts"
2104
+ "text": "ActionMenuItem"
2279
2105
  }
2280
2106
  },
2281
2107
  {
2282
2108
  "kind": "field",
2283
- "name": "referrerpolicy",
2109
+ "name": "actionsMenu",
2284
2110
  "type": {
2285
- "text": "string"
2286
- },
2287
- "privacy": "public",
2288
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2289
- "inheritedFrom": {
2290
- "name": "Anchor",
2291
- "module": "src/anchor/anchor.ts"
2111
+ "text": "HTMLElement"
2292
2112
  }
2293
2113
  },
2114
+ {
2115
+ "kind": "method",
2116
+ "name": "definitionChanged",
2117
+ "privacy": "protected",
2118
+ "parameters": [
2119
+ {
2120
+ "name": "oldValue",
2121
+ "type": {
2122
+ "text": "any"
2123
+ }
2124
+ },
2125
+ {
2126
+ "name": "newValue",
2127
+ "type": {
2128
+ "text": "any"
2129
+ }
2130
+ }
2131
+ ]
2132
+ },
2133
+ {
2134
+ "kind": "method",
2135
+ "name": "openChanged",
2136
+ "privacy": "protected"
2137
+ },
2138
+ {
2139
+ "kind": "method",
2140
+ "name": "toggleActionsMenuVisibility"
2141
+ },
2142
+ {
2143
+ "kind": "method",
2144
+ "name": "onActionMenuItemClick",
2145
+ "parameters": [
2146
+ {
2147
+ "name": "callback",
2148
+ "type": {
2149
+ "text": "(rowData) => void | any"
2150
+ }
2151
+ }
2152
+ ]
2153
+ },
2294
2154
  {
2295
2155
  "kind": "field",
2296
- "name": "rel",
2156
+ "name": "allActions",
2297
2157
  "type": {
2298
- "text": "string"
2158
+ "text": "ActionMenuItem[]"
2299
2159
  },
2300
- "privacy": "public",
2301
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2302
- "inheritedFrom": {
2303
- "name": "Anchor",
2304
- "module": "src/anchor/anchor.ts"
2305
- }
2160
+ "readonly": true
2306
2161
  },
2307
2162
  {
2308
2163
  "kind": "field",
2309
- "name": "target",
2310
- "type": {
2311
- "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2312
- },
2313
- "privacy": "public",
2314
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2315
- "inheritedFrom": {
2316
- "name": "Anchor",
2317
- "module": "src/anchor/anchor.ts"
2318
- }
2319
- },
2320
- {
2321
- "kind": "field",
2322
- "name": "type",
2323
- "type": {
2324
- "text": "string"
2325
- },
2326
- "privacy": "public",
2327
- "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2328
- "inheritedFrom": {
2329
- "name": "Anchor",
2330
- "module": "src/anchor/anchor.ts"
2331
- }
2164
+ "name": "rowData",
2165
+ "readonly": true
2332
2166
  },
2333
2167
  {
2334
- "kind": "field",
2335
- "name": "control",
2336
- "type": {
2337
- "text": "HTMLAnchorElement | undefined"
2338
- },
2339
- "privacy": "public",
2340
- "description": "References the root element",
2341
- "inheritedFrom": {
2342
- "name": "Anchor",
2343
- "module": "src/anchor/anchor.ts"
2344
- }
2168
+ "kind": "method",
2169
+ "name": "getLabel",
2170
+ "parameters": [
2171
+ {
2172
+ "name": "name",
2173
+ "type": {
2174
+ "text": "string | ((rowData: any) => string)"
2175
+ }
2176
+ }
2177
+ ]
2345
2178
  },
2346
2179
  {
2347
- "kind": "field",
2348
- "name": "handleUnsupportedDelegatesFocus",
2349
- "privacy": "private",
2350
- "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",
2351
- "inheritedFrom": {
2352
- "name": "Anchor",
2353
- "module": "src/anchor/anchor.ts"
2354
- }
2180
+ "kind": "method",
2181
+ "name": "getTemplate",
2182
+ "parameters": [
2183
+ {
2184
+ "name": "prefix",
2185
+ "type": {
2186
+ "text": "string"
2187
+ }
2188
+ }
2189
+ ]
2355
2190
  },
2356
2191
  {
2357
2192
  "kind": "field",
@@ -2464,69 +2299,108 @@
2464
2299
  "module": "src/foundation-element/foundation-element.ts"
2465
2300
  }
2466
2301
  }
2467
- ]
2468
- },
2469
- {
2470
- "kind": "variable",
2471
- "name": "foundationAnchorShadowOptions",
2472
- "type": {
2473
- "text": "ShadowRootInit"
2474
- },
2475
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2476
- },
2477
- {
2478
- "kind": "variable",
2479
- "name": "defaultAnchorConfig",
2480
- "type": {
2481
- "text": "object"
2302
+ ],
2303
+ "attributes": [
2304
+ {
2305
+ "name": "is-vertical",
2306
+ "type": {
2307
+ "text": "boolean"
2308
+ },
2309
+ "default": "false",
2310
+ "fieldName": "isVertical"
2311
+ },
2312
+ {
2313
+ "name": "add-default-actions",
2314
+ "type": {
2315
+ "text": "boolean"
2316
+ },
2317
+ "default": "true",
2318
+ "fieldName": "addDefaultActions"
2319
+ },
2320
+ {
2321
+ "name": "auto-close-on-action",
2322
+ "type": {
2323
+ "text": "boolean"
2324
+ },
2325
+ "default": "true",
2326
+ "fieldName": "autoCloseOnAction"
2327
+ },
2328
+ {
2329
+ "name": "name",
2330
+ "type": {
2331
+ "text": "string"
2332
+ },
2333
+ "default": "'Actions'",
2334
+ "fieldName": "name"
2335
+ },
2336
+ {
2337
+ "name": "open",
2338
+ "type": {
2339
+ "text": "boolean"
2340
+ },
2341
+ "default": "false",
2342
+ "fieldName": "open"
2343
+ },
2344
+ {
2345
+ "name": "buttonAppearance",
2346
+ "type": {
2347
+ "text": "string"
2348
+ },
2349
+ "fieldName": "buttonAppearance"
2350
+ },
2351
+ {
2352
+ "name": "hide-disabled",
2353
+ "type": {
2354
+ "text": "boolean"
2355
+ },
2356
+ "default": "false",
2357
+ "fieldName": "hideDisabled"
2358
+ },
2359
+ {
2360
+ "name": "hide-menu-single-option",
2361
+ "type": {
2362
+ "text": "boolean"
2363
+ },
2364
+ "default": "false",
2365
+ "fieldName": "hideMenuSingleOption"
2366
+ }
2367
+ ],
2368
+ "superclass": {
2369
+ "name": "FoundationElement",
2370
+ "package": "@microsoft/fast-foundation"
2482
2371
  },
2483
- "default": "{}"
2372
+ "tagName": "%%prefix%%-actions-menu",
2373
+ "customElement": true
2484
2374
  },
2485
2375
  {
2486
2376
  "kind": "variable",
2487
- "name": "foundationAnchor",
2488
- "description": "The Foundation Anchor",
2377
+ "name": "foundationActionsMenu",
2378
+ "description": "The Foundation Actions Menu",
2489
2379
  "privacy": "public"
2490
2380
  }
2491
2381
  ],
2492
2382
  "exports": [
2493
2383
  {
2494
2384
  "kind": "js",
2495
- "name": "Anchor",
2496
- "declaration": {
2497
- "name": "Anchor",
2498
- "module": "src/anchor/anchor.ts"
2499
- }
2500
- },
2501
- {
2502
- "kind": "js",
2503
- "name": "foundationAnchorShadowOptions",
2504
- "declaration": {
2505
- "name": "foundationAnchorShadowOptions",
2506
- "module": "src/anchor/anchor.ts"
2507
- }
2508
- },
2509
- {
2510
- "kind": "js",
2511
- "name": "defaultAnchorConfig",
2385
+ "name": "ActionsMenu",
2512
2386
  "declaration": {
2513
- "name": "defaultAnchorConfig",
2514
- "module": "src/anchor/anchor.ts"
2387
+ "name": "ActionsMenu",
2388
+ "module": "src/actions-menu/actions-menu.ts"
2515
2389
  }
2516
2390
  },
2517
2391
  {
2518
2392
  "kind": "js",
2519
- "name": "foundationAnchor",
2393
+ "name": "foundationActionsMenu",
2520
2394
  "declaration": {
2521
- "name": "foundationAnchor",
2522
- "module": "src/anchor/anchor.ts"
2395
+ "name": "foundationActionsMenu",
2396
+ "module": "src/actions-menu/actions-menu.ts"
2523
2397
  }
2524
2398
  }
2525
2399
  ]
2526
2400
  },
2527
2401
  {
2528
2402
  "kind": "javascript-module",
2529
- "path": "src/anchor/index.ts",
2403
+ "path": "src/actions-menu/index.ts",
2530
2404
  "declarations": [],
2531
2405
  "exports": [
2532
2406
  {
@@ -2534,7 +2408,7 @@
2534
2408
  "name": "*",
2535
2409
  "declaration": {
2536
2410
  "name": "*",
2537
- "package": "./anchor.template"
2411
+ "package": "./actions-menu.styles"
2538
2412
  }
2539
2413
  },
2540
2414
  {
@@ -2542,7 +2416,7 @@
2542
2416
  "name": "*",
2543
2417
  "declaration": {
2544
2418
  "name": "*",
2545
- "package": "./anchor.styles"
2419
+ "package": "./actions-menu.template"
2546
2420
  }
2547
2421
  },
2548
2422
  {
@@ -2550,21 +2424,21 @@
2550
2424
  "name": "*",
2551
2425
  "declaration": {
2552
2426
  "name": "*",
2553
- "package": "./anchor"
2427
+ "package": "./actions-menu"
2554
2428
  }
2555
2429
  }
2556
2430
  ]
2557
2431
  },
2558
2432
  {
2559
2433
  "kind": "javascript-module",
2560
- "path": "src/anchored-region/anchor-region.template.ts",
2434
+ "path": "src/anchor/anchor.styles.ts",
2561
2435
  "declarations": [
2562
2436
  {
2563
2437
  "kind": "function",
2564
- "name": "foundationAnchoredRegionTemplate",
2438
+ "name": "foundationAnchorStyles",
2565
2439
  "return": {
2566
2440
  "type": {
2567
- "text": "ViewTemplate<AnchoredRegion>"
2441
+ "text": "ElementStyles"
2568
2442
  }
2569
2443
  },
2570
2444
  "parameters": [
@@ -2586,24 +2460,24 @@
2586
2460
  "exports": [
2587
2461
  {
2588
2462
  "kind": "js",
2589
- "name": "foundationAnchoredRegionTemplate",
2463
+ "name": "foundationAnchorStyles",
2590
2464
  "declaration": {
2591
- "name": "foundationAnchoredRegionTemplate",
2592
- "module": "src/anchored-region/anchor-region.template.ts"
2465
+ "name": "foundationAnchorStyles",
2466
+ "module": "src/anchor/anchor.styles.ts"
2593
2467
  }
2594
2468
  }
2595
2469
  ]
2596
2470
  },
2597
2471
  {
2598
2472
  "kind": "javascript-module",
2599
- "path": "src/anchored-region/anchored-region.styles.ts",
2473
+ "path": "src/anchor/anchor.template.ts",
2600
2474
  "declarations": [
2601
2475
  {
2602
2476
  "kind": "function",
2603
- "name": "foundationAnchoredRegionStyles",
2477
+ "name": "foundationAnchorTemplate",
2604
2478
  "return": {
2605
2479
  "type": {
2606
- "text": "ElementStyles"
2480
+ "text": "ViewTemplate<Anchor>"
2607
2481
  }
2608
2482
  },
2609
2483
  "parameters": [
@@ -2625,311 +2499,831 @@
2625
2499
  "exports": [
2626
2500
  {
2627
2501
  "kind": "js",
2628
- "name": "foundationAnchoredRegionStyles",
2502
+ "name": "foundationAnchorTemplate",
2629
2503
  "declaration": {
2630
- "name": "foundationAnchoredRegionStyles",
2631
- "module": "src/anchored-region/anchored-region.styles.ts"
2504
+ "name": "foundationAnchorTemplate",
2505
+ "module": "src/anchor/anchor.template.ts"
2632
2506
  }
2633
2507
  }
2634
2508
  ]
2635
2509
  },
2636
2510
  {
2637
2511
  "kind": "javascript-module",
2638
- "path": "src/anchored-region/anchored-region.ts",
2512
+ "path": "src/anchor/anchor.ts",
2639
2513
  "declarations": [
2640
2514
  {
2641
2515
  "kind": "class",
2642
2516
  "description": "",
2643
- "name": "AnchoredRegion",
2517
+ "name": "Anchor",
2644
2518
  "superclass": {
2645
- "name": "FASTAnchoredRegion",
2519
+ "name": "FASTAnchor",
2646
2520
  "package": "@microsoft/fast-components"
2647
2521
  },
2648
- "tagName": "%%prefix%%-anchored-region",
2522
+ "tagName": "%%prefix%%-anchor",
2649
2523
  "customElement": true,
2650
2524
  "attributes": [
2651
2525
  {
2652
- "name": "anchor",
2526
+ "name": "download",
2653
2527
  "type": {
2654
2528
  "text": "string"
2655
2529
  },
2656
- "default": "\"\"",
2657
- "description": "The HTML ID of the anchor element this region is positioned relative to",
2658
- "fieldName": "anchor",
2530
+ "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.",
2531
+ "fieldName": "download",
2659
2532
  "inheritedFrom": {
2660
- "name": "AnchoredRegion",
2661
- "module": "src/anchored-region/anchored-region.ts"
2533
+ "name": "Anchor",
2534
+ "module": "src/anchor/anchor.ts"
2662
2535
  }
2663
2536
  },
2664
2537
  {
2665
- "name": "viewport",
2538
+ "name": "href",
2666
2539
  "type": {
2667
2540
  "text": "string"
2668
2541
  },
2669
- "default": "\"\"",
2670
- "description": "The HTML ID of the viewport element this region is positioned relative to",
2671
- "fieldName": "viewport",
2542
+ "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2543
+ "fieldName": "href",
2672
2544
  "inheritedFrom": {
2673
- "name": "AnchoredRegion",
2674
- "module": "src/anchored-region/anchored-region.ts"
2545
+ "name": "Anchor",
2546
+ "module": "src/anchor/anchor.ts"
2675
2547
  }
2676
2548
  },
2677
2549
  {
2678
- "name": "horizontal-positioning-mode",
2550
+ "name": "hreflang",
2679
2551
  "type": {
2680
- "text": "AxisPositioningMode"
2552
+ "text": "string"
2681
2553
  },
2682
- "default": "\"uncontrolled\"",
2683
- "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",
2684
- "fieldName": "horizontalPositioningMode",
2554
+ "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.",
2555
+ "fieldName": "hreflang",
2685
2556
  "inheritedFrom": {
2686
- "name": "AnchoredRegion",
2687
- "module": "src/anchored-region/anchored-region.ts"
2688
- }
2557
+ "name": "Anchor",
2558
+ "module": "src/anchor/anchor.ts"
2559
+ }
2689
2560
  },
2690
2561
  {
2691
- "name": "horizontal-default-position",
2562
+ "name": "ping",
2692
2563
  "type": {
2693
- "text": "HorizontalPosition"
2564
+ "text": "string"
2694
2565
  },
2695
- "default": "\"unset\"",
2696
- "description": "The default horizontal position of the region relative to the anchor element",
2697
- "fieldName": "horizontalDefaultPosition",
2566
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2567
+ "fieldName": "ping",
2698
2568
  "inheritedFrom": {
2699
- "name": "AnchoredRegion",
2700
- "module": "src/anchored-region/anchored-region.ts"
2569
+ "name": "Anchor",
2570
+ "module": "src/anchor/anchor.ts"
2701
2571
  }
2702
2572
  },
2703
2573
  {
2704
- "name": "horizontal-viewport-lock",
2574
+ "name": "referrerpolicy",
2705
2575
  "type": {
2706
- "text": "boolean"
2576
+ "text": "string"
2707
2577
  },
2708
- "default": "false",
2709
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
2710
- "fieldName": "horizontalViewportLock",
2578
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2579
+ "fieldName": "referrerpolicy",
2711
2580
  "inheritedFrom": {
2712
- "name": "AnchoredRegion",
2713
- "module": "src/anchored-region/anchored-region.ts"
2581
+ "name": "Anchor",
2582
+ "module": "src/anchor/anchor.ts"
2714
2583
  }
2715
2584
  },
2716
2585
  {
2717
- "name": "horizontal-inset",
2586
+ "name": "rel",
2718
2587
  "type": {
2719
- "text": "boolean"
2588
+ "text": "string"
2720
2589
  },
2721
- "default": "false",
2722
- "description": "Whether the region overlaps the anchor on the horizontal axis",
2723
- "fieldName": "horizontalInset",
2590
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2591
+ "fieldName": "rel",
2724
2592
  "inheritedFrom": {
2725
- "name": "AnchoredRegion",
2726
- "module": "src/anchored-region/anchored-region.ts"
2593
+ "name": "Anchor",
2594
+ "module": "src/anchor/anchor.ts"
2727
2595
  }
2728
2596
  },
2729
2597
  {
2730
- "name": "horizontal-threshold",
2598
+ "name": "target",
2731
2599
  "type": {
2732
- "text": "number"
2600
+ "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2733
2601
  },
2734
- "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
2735
- "fieldName": "horizontalThreshold",
2602
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2603
+ "fieldName": "target",
2736
2604
  "inheritedFrom": {
2737
- "name": "AnchoredRegion",
2738
- "module": "src/anchored-region/anchored-region.ts"
2605
+ "name": "Anchor",
2606
+ "module": "src/anchor/anchor.ts"
2739
2607
  }
2740
2608
  },
2741
2609
  {
2742
- "name": "horizontal-scaling",
2610
+ "name": "type",
2743
2611
  "type": {
2744
- "text": "AxisScalingMode"
2612
+ "text": "string"
2745
2613
  },
2746
- "default": "\"content\"",
2747
- "description": "Defines how the width of the region is calculated",
2748
- "fieldName": "horizontalScaling",
2614
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2615
+ "fieldName": "type",
2749
2616
  "inheritedFrom": {
2750
- "name": "AnchoredRegion",
2751
- "module": "src/anchored-region/anchored-region.ts"
2617
+ "name": "Anchor",
2618
+ "module": "src/anchor/anchor.ts"
2752
2619
  }
2753
- },
2620
+ }
2621
+ ],
2622
+ "members": [
2754
2623
  {
2755
- "name": "vertical-positioning-mode",
2624
+ "kind": "field",
2625
+ "name": "download",
2756
2626
  "type": {
2757
- "text": "AxisPositioningMode"
2627
+ "text": "string"
2758
2628
  },
2759
- "default": "\"uncontrolled\"",
2760
- "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",
2761
- "fieldName": "verticalPositioningMode",
2629
+ "privacy": "public",
2630
+ "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.",
2762
2631
  "inheritedFrom": {
2763
- "name": "AnchoredRegion",
2764
- "module": "src/anchored-region/anchored-region.ts"
2632
+ "name": "Anchor",
2633
+ "module": "src/anchor/anchor.ts"
2765
2634
  }
2766
2635
  },
2767
2636
  {
2768
- "name": "vertical-default-position",
2637
+ "kind": "field",
2638
+ "name": "href",
2769
2639
  "type": {
2770
- "text": "VerticalPosition"
2640
+ "text": "string"
2771
2641
  },
2772
- "default": "\"unset\"",
2773
- "description": "The default vertical position of the region relative to the anchor element",
2774
- "fieldName": "verticalDefaultPosition",
2642
+ "privacy": "public",
2643
+ "description": "The URL the hyperlink references. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2775
2644
  "inheritedFrom": {
2776
- "name": "AnchoredRegion",
2777
- "module": "src/anchored-region/anchored-region.ts"
2645
+ "name": "Anchor",
2646
+ "module": "src/anchor/anchor.ts"
2778
2647
  }
2779
2648
  },
2780
2649
  {
2781
- "name": "vertical-viewport-lock",
2650
+ "kind": "field",
2651
+ "name": "hreflang",
2782
2652
  "type": {
2783
- "text": "boolean"
2653
+ "text": "string"
2784
2654
  },
2785
- "default": "false",
2786
- "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
2787
- "fieldName": "verticalViewportLock",
2655
+ "privacy": "public",
2656
+ "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.",
2788
2657
  "inheritedFrom": {
2789
- "name": "AnchoredRegion",
2790
- "module": "src/anchored-region/anchored-region.ts"
2658
+ "name": "Anchor",
2659
+ "module": "src/anchor/anchor.ts"
2791
2660
  }
2792
2661
  },
2793
2662
  {
2794
- "name": "vertical-inset",
2663
+ "kind": "field",
2664
+ "name": "ping",
2795
2665
  "type": {
2796
- "text": "boolean"
2666
+ "text": "string"
2797
2667
  },
2798
- "default": "false",
2799
- "description": "Whether the region overlaps the anchor on the vertical axis",
2800
- "fieldName": "verticalInset",
2668
+ "privacy": "public",
2669
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2801
2670
  "inheritedFrom": {
2802
- "name": "AnchoredRegion",
2803
- "module": "src/anchored-region/anchored-region.ts"
2671
+ "name": "Anchor",
2672
+ "module": "src/anchor/anchor.ts"
2804
2673
  }
2805
2674
  },
2806
2675
  {
2807
- "name": "vertical-threshold",
2676
+ "kind": "field",
2677
+ "name": "referrerpolicy",
2808
2678
  "type": {
2809
- "text": "number"
2679
+ "text": "string"
2810
2680
  },
2811
- "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
2812
- "fieldName": "verticalThreshold",
2681
+ "privacy": "public",
2682
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2813
2683
  "inheritedFrom": {
2814
- "name": "AnchoredRegion",
2815
- "module": "src/anchored-region/anchored-region.ts"
2684
+ "name": "Anchor",
2685
+ "module": "src/anchor/anchor.ts"
2816
2686
  }
2817
2687
  },
2818
2688
  {
2819
- "name": "vertical-scaling",
2689
+ "kind": "field",
2690
+ "name": "rel",
2820
2691
  "type": {
2821
- "text": "AxisScalingMode"
2692
+ "text": "string"
2822
2693
  },
2823
- "default": "\"content\"",
2824
- "description": "Defines how the height of the region is calculated",
2825
- "fieldName": "verticalScaling",
2694
+ "privacy": "public",
2695
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2826
2696
  "inheritedFrom": {
2827
- "name": "AnchoredRegion",
2828
- "module": "src/anchored-region/anchored-region.ts"
2697
+ "name": "Anchor",
2698
+ "module": "src/anchor/anchor.ts"
2829
2699
  }
2830
2700
  },
2831
2701
  {
2832
- "name": "fixed-placement",
2702
+ "kind": "field",
2703
+ "name": "target",
2833
2704
  "type": {
2834
- "text": "boolean"
2705
+ "text": "\"_self\" | \"_blank\" | \"_parent\" | \"_top\""
2835
2706
  },
2836
- "default": "false",
2837
- "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,",
2838
- "fieldName": "fixedPlacement",
2707
+ "privacy": "public",
2708
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2839
2709
  "inheritedFrom": {
2840
- "name": "AnchoredRegion",
2841
- "module": "src/anchored-region/anchored-region.ts"
2710
+ "name": "Anchor",
2711
+ "module": "src/anchor/anchor.ts"
2842
2712
  }
2843
2713
  },
2844
2714
  {
2845
- "name": "auto-update-mode",
2715
+ "kind": "field",
2716
+ "name": "type",
2846
2717
  "type": {
2847
- "text": "AutoUpdateMode"
2718
+ "text": "string"
2848
2719
  },
2849
- "default": "\"anchor\"",
2850
- "description": "Defines what triggers the anchored region to revaluate positioning",
2851
- "fieldName": "autoUpdateMode",
2720
+ "privacy": "public",
2721
+ "description": "See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element } for more information.",
2852
2722
  "inheritedFrom": {
2853
- "name": "AnchoredRegion",
2854
- "module": "src/anchored-region/anchored-region.ts"
2723
+ "name": "Anchor",
2724
+ "module": "src/anchor/anchor.ts"
2855
2725
  }
2856
- }
2857
- ],
2858
- "members": [
2726
+ },
2859
2727
  {
2860
2728
  "kind": "field",
2861
- "name": "anchor",
2729
+ "name": "control",
2862
2730
  "type": {
2863
- "text": "string"
2731
+ "text": "HTMLAnchorElement | undefined"
2864
2732
  },
2865
2733
  "privacy": "public",
2866
- "default": "\"\"",
2867
- "description": "The HTML ID of the anchor element this region is positioned relative to",
2734
+ "description": "References the root element",
2868
2735
  "inheritedFrom": {
2869
- "name": "AnchoredRegion",
2870
- "module": "src/anchored-region/anchored-region.ts"
2736
+ "name": "Anchor",
2737
+ "module": "src/anchor/anchor.ts"
2871
2738
  }
2872
2739
  },
2873
2740
  {
2874
- "kind": "method",
2875
- "name": "anchorChanged",
2741
+ "kind": "field",
2742
+ "name": "handleUnsupportedDelegatesFocus",
2876
2743
  "privacy": "private",
2877
- "return": {
2878
- "type": {
2879
- "text": "void"
2880
- }
2881
- },
2744
+ "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",
2882
2745
  "inheritedFrom": {
2883
- "name": "AnchoredRegion",
2884
- "module": "src/anchored-region/anchored-region.ts"
2746
+ "name": "Anchor",
2747
+ "module": "src/anchor/anchor.ts"
2885
2748
  }
2886
2749
  },
2887
2750
  {
2888
2751
  "kind": "field",
2889
- "name": "viewport",
2752
+ "name": "_presentation",
2890
2753
  "type": {
2891
- "text": "string"
2754
+ "text": "ComponentPresentation | null | undefined"
2892
2755
  },
2893
- "privacy": "public",
2894
- "default": "\"\"",
2895
- "description": "The HTML ID of the viewport element this region is positioned relative to",
2756
+ "privacy": "private",
2757
+ "default": "void 0",
2896
2758
  "inheritedFrom": {
2897
- "name": "AnchoredRegion",
2898
- "module": "src/anchored-region/anchored-region.ts"
2759
+ "name": "FoundationElement",
2760
+ "module": "src/foundation-element/foundation-element.ts"
2899
2761
  }
2900
2762
  },
2901
2763
  {
2902
- "kind": "method",
2903
- "name": "viewportChanged",
2904
- "privacy": "private",
2905
- "return": {
2906
- "type": {
2907
- "text": "void"
2908
- }
2764
+ "kind": "field",
2765
+ "name": "$presentation",
2766
+ "type": {
2767
+ "text": "ComponentPresentation | null"
2909
2768
  },
2769
+ "privacy": "public",
2770
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
2910
2771
  "inheritedFrom": {
2911
- "name": "AnchoredRegion",
2912
- "module": "src/anchored-region/anchored-region.ts"
2772
+ "name": "FoundationElement",
2773
+ "module": "src/foundation-element/foundation-element.ts"
2913
2774
  }
2914
2775
  },
2915
2776
  {
2916
2777
  "kind": "field",
2917
- "name": "horizontalPositioningMode",
2778
+ "name": "template",
2918
2779
  "type": {
2919
- "text": "AxisPositioningMode"
2780
+ "text": "ElementViewTemplate | void | null"
2920
2781
  },
2921
2782
  "privacy": "public",
2922
- "default": "\"uncontrolled\"",
2923
- "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",
2783
+ "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.",
2924
2784
  "inheritedFrom": {
2925
- "name": "AnchoredRegion",
2926
- "module": "src/anchored-region/anchored-region.ts"
2785
+ "name": "FoundationElement",
2786
+ "module": "src/foundation-element/foundation-element.ts"
2927
2787
  }
2928
2788
  },
2929
2789
  {
2930
2790
  "kind": "method",
2931
- "name": "horizontalPositioningModeChanged",
2932
- "privacy": "private",
2791
+ "name": "templateChanged",
2792
+ "privacy": "protected",
2793
+ "return": {
2794
+ "type": {
2795
+ "text": "void"
2796
+ }
2797
+ },
2798
+ "inheritedFrom": {
2799
+ "name": "FoundationElement",
2800
+ "module": "src/foundation-element/foundation-element.ts"
2801
+ }
2802
+ },
2803
+ {
2804
+ "kind": "field",
2805
+ "name": "styles",
2806
+ "type": {
2807
+ "text": "ElementStyles | void | null"
2808
+ },
2809
+ "privacy": "public",
2810
+ "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.",
2811
+ "inheritedFrom": {
2812
+ "name": "FoundationElement",
2813
+ "module": "src/foundation-element/foundation-element.ts"
2814
+ }
2815
+ },
2816
+ {
2817
+ "kind": "method",
2818
+ "name": "stylesChanged",
2819
+ "privacy": "protected",
2820
+ "return": {
2821
+ "type": {
2822
+ "text": "void"
2823
+ }
2824
+ },
2825
+ "inheritedFrom": {
2826
+ "name": "FoundationElement",
2827
+ "module": "src/foundation-element/foundation-element.ts"
2828
+ }
2829
+ },
2830
+ {
2831
+ "kind": "method",
2832
+ "name": "compose",
2833
+ "privacy": "public",
2834
+ "static": true,
2835
+ "return": {
2836
+ "type": {
2837
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
2838
+ }
2839
+ },
2840
+ "parameters": [
2841
+ {
2842
+ "name": "this",
2843
+ "type": {
2844
+ "text": "K"
2845
+ }
2846
+ },
2847
+ {
2848
+ "name": "elementDefinition",
2849
+ "type": {
2850
+ "text": "T"
2851
+ },
2852
+ "description": "The definition of the element to create the registry\nfunction for."
2853
+ }
2854
+ ],
2855
+ "description": "Defines an element registry function with a set of element definition defaults.",
2856
+ "inheritedFrom": {
2857
+ "name": "FoundationElement",
2858
+ "module": "src/foundation-element/foundation-element.ts"
2859
+ }
2860
+ }
2861
+ ]
2862
+ },
2863
+ {
2864
+ "kind": "variable",
2865
+ "name": "foundationAnchorShadowOptions",
2866
+ "type": {
2867
+ "text": "ShadowRootInit"
2868
+ },
2869
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2870
+ },
2871
+ {
2872
+ "kind": "variable",
2873
+ "name": "defaultAnchorConfig",
2874
+ "type": {
2875
+ "text": "object"
2876
+ },
2877
+ "default": "{}"
2878
+ },
2879
+ {
2880
+ "kind": "variable",
2881
+ "name": "foundationAnchor",
2882
+ "description": "The Foundation Anchor",
2883
+ "privacy": "public"
2884
+ }
2885
+ ],
2886
+ "exports": [
2887
+ {
2888
+ "kind": "js",
2889
+ "name": "Anchor",
2890
+ "declaration": {
2891
+ "name": "Anchor",
2892
+ "module": "src/anchor/anchor.ts"
2893
+ }
2894
+ },
2895
+ {
2896
+ "kind": "js",
2897
+ "name": "foundationAnchorShadowOptions",
2898
+ "declaration": {
2899
+ "name": "foundationAnchorShadowOptions",
2900
+ "module": "src/anchor/anchor.ts"
2901
+ }
2902
+ },
2903
+ {
2904
+ "kind": "js",
2905
+ "name": "defaultAnchorConfig",
2906
+ "declaration": {
2907
+ "name": "defaultAnchorConfig",
2908
+ "module": "src/anchor/anchor.ts"
2909
+ }
2910
+ },
2911
+ {
2912
+ "kind": "js",
2913
+ "name": "foundationAnchor",
2914
+ "declaration": {
2915
+ "name": "foundationAnchor",
2916
+ "module": "src/anchor/anchor.ts"
2917
+ }
2918
+ }
2919
+ ]
2920
+ },
2921
+ {
2922
+ "kind": "javascript-module",
2923
+ "path": "src/anchor/index.ts",
2924
+ "declarations": [],
2925
+ "exports": [
2926
+ {
2927
+ "kind": "js",
2928
+ "name": "*",
2929
+ "declaration": {
2930
+ "name": "*",
2931
+ "package": "./anchor.template"
2932
+ }
2933
+ },
2934
+ {
2935
+ "kind": "js",
2936
+ "name": "*",
2937
+ "declaration": {
2938
+ "name": "*",
2939
+ "package": "./anchor.styles"
2940
+ }
2941
+ },
2942
+ {
2943
+ "kind": "js",
2944
+ "name": "*",
2945
+ "declaration": {
2946
+ "name": "*",
2947
+ "package": "./anchor"
2948
+ }
2949
+ }
2950
+ ]
2951
+ },
2952
+ {
2953
+ "kind": "javascript-module",
2954
+ "path": "src/anchored-region/anchor-region.template.ts",
2955
+ "declarations": [
2956
+ {
2957
+ "kind": "function",
2958
+ "name": "foundationAnchoredRegionTemplate",
2959
+ "return": {
2960
+ "type": {
2961
+ "text": "ViewTemplate<AnchoredRegion>"
2962
+ }
2963
+ },
2964
+ "parameters": [
2965
+ {
2966
+ "name": "context",
2967
+ "type": {
2968
+ "text": "ElementDefinitionContext"
2969
+ }
2970
+ },
2971
+ {
2972
+ "name": "definition",
2973
+ "type": {
2974
+ "text": "FoundationElementDefinition"
2975
+ }
2976
+ }
2977
+ ]
2978
+ }
2979
+ ],
2980
+ "exports": [
2981
+ {
2982
+ "kind": "js",
2983
+ "name": "foundationAnchoredRegionTemplate",
2984
+ "declaration": {
2985
+ "name": "foundationAnchoredRegionTemplate",
2986
+ "module": "src/anchored-region/anchor-region.template.ts"
2987
+ }
2988
+ }
2989
+ ]
2990
+ },
2991
+ {
2992
+ "kind": "javascript-module",
2993
+ "path": "src/anchored-region/anchored-region.styles.ts",
2994
+ "declarations": [
2995
+ {
2996
+ "kind": "function",
2997
+ "name": "foundationAnchoredRegionStyles",
2998
+ "return": {
2999
+ "type": {
3000
+ "text": "ElementStyles"
3001
+ }
3002
+ },
3003
+ "parameters": [
3004
+ {
3005
+ "name": "context",
3006
+ "type": {
3007
+ "text": "ElementDefinitionContext"
3008
+ }
3009
+ },
3010
+ {
3011
+ "name": "definition",
3012
+ "type": {
3013
+ "text": "FoundationElementDefinition"
3014
+ }
3015
+ }
3016
+ ]
3017
+ }
3018
+ ],
3019
+ "exports": [
3020
+ {
3021
+ "kind": "js",
3022
+ "name": "foundationAnchoredRegionStyles",
3023
+ "declaration": {
3024
+ "name": "foundationAnchoredRegionStyles",
3025
+ "module": "src/anchored-region/anchored-region.styles.ts"
3026
+ }
3027
+ }
3028
+ ]
3029
+ },
3030
+ {
3031
+ "kind": "javascript-module",
3032
+ "path": "src/anchored-region/anchored-region.ts",
3033
+ "declarations": [
3034
+ {
3035
+ "kind": "class",
3036
+ "description": "",
3037
+ "name": "AnchoredRegion",
3038
+ "superclass": {
3039
+ "name": "FASTAnchoredRegion",
3040
+ "package": "@microsoft/fast-components"
3041
+ },
3042
+ "tagName": "%%prefix%%-anchored-region",
3043
+ "customElement": true,
3044
+ "attributes": [
3045
+ {
3046
+ "name": "anchor",
3047
+ "type": {
3048
+ "text": "string"
3049
+ },
3050
+ "default": "\"\"",
3051
+ "description": "The HTML ID of the anchor element this region is positioned relative to",
3052
+ "fieldName": "anchor",
3053
+ "inheritedFrom": {
3054
+ "name": "AnchoredRegion",
3055
+ "module": "src/anchored-region/anchored-region.ts"
3056
+ }
3057
+ },
3058
+ {
3059
+ "name": "viewport",
3060
+ "type": {
3061
+ "text": "string"
3062
+ },
3063
+ "default": "\"\"",
3064
+ "description": "The HTML ID of the viewport element this region is positioned relative to",
3065
+ "fieldName": "viewport",
3066
+ "inheritedFrom": {
3067
+ "name": "AnchoredRegion",
3068
+ "module": "src/anchored-region/anchored-region.ts"
3069
+ }
3070
+ },
3071
+ {
3072
+ "name": "horizontal-positioning-mode",
3073
+ "type": {
3074
+ "text": "AxisPositioningMode"
3075
+ },
3076
+ "default": "\"uncontrolled\"",
3077
+ "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",
3078
+ "fieldName": "horizontalPositioningMode",
3079
+ "inheritedFrom": {
3080
+ "name": "AnchoredRegion",
3081
+ "module": "src/anchored-region/anchored-region.ts"
3082
+ }
3083
+ },
3084
+ {
3085
+ "name": "horizontal-default-position",
3086
+ "type": {
3087
+ "text": "HorizontalPosition"
3088
+ },
3089
+ "default": "\"unset\"",
3090
+ "description": "The default horizontal position of the region relative to the anchor element",
3091
+ "fieldName": "horizontalDefaultPosition",
3092
+ "inheritedFrom": {
3093
+ "name": "AnchoredRegion",
3094
+ "module": "src/anchored-region/anchored-region.ts"
3095
+ }
3096
+ },
3097
+ {
3098
+ "name": "horizontal-viewport-lock",
3099
+ "type": {
3100
+ "text": "boolean"
3101
+ },
3102
+ "default": "false",
3103
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the horizontal axis",
3104
+ "fieldName": "horizontalViewportLock",
3105
+ "inheritedFrom": {
3106
+ "name": "AnchoredRegion",
3107
+ "module": "src/anchored-region/anchored-region.ts"
3108
+ }
3109
+ },
3110
+ {
3111
+ "name": "horizontal-inset",
3112
+ "type": {
3113
+ "text": "boolean"
3114
+ },
3115
+ "default": "false",
3116
+ "description": "Whether the region overlaps the anchor on the horizontal axis",
3117
+ "fieldName": "horizontalInset",
3118
+ "inheritedFrom": {
3119
+ "name": "AnchoredRegion",
3120
+ "module": "src/anchored-region/anchored-region.ts"
3121
+ }
3122
+ },
3123
+ {
3124
+ "name": "horizontal-threshold",
3125
+ "type": {
3126
+ "text": "number"
3127
+ },
3128
+ "description": "How narrow the space allocated to the default position has to be before the widest area\nis selected for layout",
3129
+ "fieldName": "horizontalThreshold",
3130
+ "inheritedFrom": {
3131
+ "name": "AnchoredRegion",
3132
+ "module": "src/anchored-region/anchored-region.ts"
3133
+ }
3134
+ },
3135
+ {
3136
+ "name": "horizontal-scaling",
3137
+ "type": {
3138
+ "text": "AxisScalingMode"
3139
+ },
3140
+ "default": "\"content\"",
3141
+ "description": "Defines how the width of the region is calculated",
3142
+ "fieldName": "horizontalScaling",
3143
+ "inheritedFrom": {
3144
+ "name": "AnchoredRegion",
3145
+ "module": "src/anchored-region/anchored-region.ts"
3146
+ }
3147
+ },
3148
+ {
3149
+ "name": "vertical-positioning-mode",
3150
+ "type": {
3151
+ "text": "AxisPositioningMode"
3152
+ },
3153
+ "default": "\"uncontrolled\"",
3154
+ "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",
3155
+ "fieldName": "verticalPositioningMode",
3156
+ "inheritedFrom": {
3157
+ "name": "AnchoredRegion",
3158
+ "module": "src/anchored-region/anchored-region.ts"
3159
+ }
3160
+ },
3161
+ {
3162
+ "name": "vertical-default-position",
3163
+ "type": {
3164
+ "text": "VerticalPosition"
3165
+ },
3166
+ "default": "\"unset\"",
3167
+ "description": "The default vertical position of the region relative to the anchor element",
3168
+ "fieldName": "verticalDefaultPosition",
3169
+ "inheritedFrom": {
3170
+ "name": "AnchoredRegion",
3171
+ "module": "src/anchored-region/anchored-region.ts"
3172
+ }
3173
+ },
3174
+ {
3175
+ "name": "vertical-viewport-lock",
3176
+ "type": {
3177
+ "text": "boolean"
3178
+ },
3179
+ "default": "false",
3180
+ "description": "Whether the region remains in the viewport (ie. detaches from the anchor) on the vertical axis",
3181
+ "fieldName": "verticalViewportLock",
3182
+ "inheritedFrom": {
3183
+ "name": "AnchoredRegion",
3184
+ "module": "src/anchored-region/anchored-region.ts"
3185
+ }
3186
+ },
3187
+ {
3188
+ "name": "vertical-inset",
3189
+ "type": {
3190
+ "text": "boolean"
3191
+ },
3192
+ "default": "false",
3193
+ "description": "Whether the region overlaps the anchor on the vertical axis",
3194
+ "fieldName": "verticalInset",
3195
+ "inheritedFrom": {
3196
+ "name": "AnchoredRegion",
3197
+ "module": "src/anchored-region/anchored-region.ts"
3198
+ }
3199
+ },
3200
+ {
3201
+ "name": "vertical-threshold",
3202
+ "type": {
3203
+ "text": "number"
3204
+ },
3205
+ "description": "How short the space allocated to the default position has to be before the tallest area\nis selected for layout",
3206
+ "fieldName": "verticalThreshold",
3207
+ "inheritedFrom": {
3208
+ "name": "AnchoredRegion",
3209
+ "module": "src/anchored-region/anchored-region.ts"
3210
+ }
3211
+ },
3212
+ {
3213
+ "name": "vertical-scaling",
3214
+ "type": {
3215
+ "text": "AxisScalingMode"
3216
+ },
3217
+ "default": "\"content\"",
3218
+ "description": "Defines how the height of the region is calculated",
3219
+ "fieldName": "verticalScaling",
3220
+ "inheritedFrom": {
3221
+ "name": "AnchoredRegion",
3222
+ "module": "src/anchored-region/anchored-region.ts"
3223
+ }
3224
+ },
3225
+ {
3226
+ "name": "fixed-placement",
3227
+ "type": {
3228
+ "text": "boolean"
3229
+ },
3230
+ "default": "false",
3231
+ "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,",
3232
+ "fieldName": "fixedPlacement",
3233
+ "inheritedFrom": {
3234
+ "name": "AnchoredRegion",
3235
+ "module": "src/anchored-region/anchored-region.ts"
3236
+ }
3237
+ },
3238
+ {
3239
+ "name": "auto-update-mode",
3240
+ "type": {
3241
+ "text": "AutoUpdateMode"
3242
+ },
3243
+ "default": "\"anchor\"",
3244
+ "description": "Defines what triggers the anchored region to revaluate positioning",
3245
+ "fieldName": "autoUpdateMode",
3246
+ "inheritedFrom": {
3247
+ "name": "AnchoredRegion",
3248
+ "module": "src/anchored-region/anchored-region.ts"
3249
+ }
3250
+ }
3251
+ ],
3252
+ "members": [
3253
+ {
3254
+ "kind": "field",
3255
+ "name": "anchor",
3256
+ "type": {
3257
+ "text": "string"
3258
+ },
3259
+ "privacy": "public",
3260
+ "default": "\"\"",
3261
+ "description": "The HTML ID of the anchor element this region is positioned relative to",
3262
+ "inheritedFrom": {
3263
+ "name": "AnchoredRegion",
3264
+ "module": "src/anchored-region/anchored-region.ts"
3265
+ }
3266
+ },
3267
+ {
3268
+ "kind": "method",
3269
+ "name": "anchorChanged",
3270
+ "privacy": "private",
3271
+ "return": {
3272
+ "type": {
3273
+ "text": "void"
3274
+ }
3275
+ },
3276
+ "inheritedFrom": {
3277
+ "name": "AnchoredRegion",
3278
+ "module": "src/anchored-region/anchored-region.ts"
3279
+ }
3280
+ },
3281
+ {
3282
+ "kind": "field",
3283
+ "name": "viewport",
3284
+ "type": {
3285
+ "text": "string"
3286
+ },
3287
+ "privacy": "public",
3288
+ "default": "\"\"",
3289
+ "description": "The HTML ID of the viewport element this region is positioned relative to",
3290
+ "inheritedFrom": {
3291
+ "name": "AnchoredRegion",
3292
+ "module": "src/anchored-region/anchored-region.ts"
3293
+ }
3294
+ },
3295
+ {
3296
+ "kind": "method",
3297
+ "name": "viewportChanged",
3298
+ "privacy": "private",
3299
+ "return": {
3300
+ "type": {
3301
+ "text": "void"
3302
+ }
3303
+ },
3304
+ "inheritedFrom": {
3305
+ "name": "AnchoredRegion",
3306
+ "module": "src/anchored-region/anchored-region.ts"
3307
+ }
3308
+ },
3309
+ {
3310
+ "kind": "field",
3311
+ "name": "horizontalPositioningMode",
3312
+ "type": {
3313
+ "text": "AxisPositioningMode"
3314
+ },
3315
+ "privacy": "public",
3316
+ "default": "\"uncontrolled\"",
3317
+ "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",
3318
+ "inheritedFrom": {
3319
+ "name": "AnchoredRegion",
3320
+ "module": "src/anchored-region/anchored-region.ts"
3321
+ }
3322
+ },
3323
+ {
3324
+ "kind": "method",
3325
+ "name": "horizontalPositioningModeChanged",
3326
+ "privacy": "private",
2933
3327
  "return": {
2934
3328
  "type": {
2935
3329
  "text": "void"
@@ -3741,565 +4135,189 @@
3741
4135
  "privacy": "private",
3742
4136
  "description": "stops observers",
3743
4137
  "inheritedFrom": {
3744
- "name": "AnchoredRegion",
3745
- "module": "src/anchored-region/anchored-region.ts"
3746
- }
3747
- },
3748
- {
3749
- "kind": "field",
3750
- "name": "getViewport",
3751
- "privacy": "private",
3752
- "description": "Gets the viewport element by id, or defaults to document root",
3753
- "inheritedFrom": {
3754
- "name": "AnchoredRegion",
3755
- "module": "src/anchored-region/anchored-region.ts"
3756
- }
3757
- },
3758
- {
3759
- "kind": "field",
3760
- "name": "getAnchor",
3761
- "privacy": "private",
3762
- "description": "Gets the anchor element by id",
3763
- "inheritedFrom": {
3764
- "name": "AnchoredRegion",
3765
- "module": "src/anchored-region/anchored-region.ts"
3766
- }
3767
- },
3768
- {
3769
- "kind": "field",
3770
- "name": "handleIntersection",
3771
- "privacy": "private",
3772
- "description": "Handle intersections",
3773
- "inheritedFrom": {
3774
- "name": "AnchoredRegion",
3775
- "module": "src/anchored-region/anchored-region.ts"
3776
- }
3777
- },
3778
- {
3779
- "kind": "field",
3780
- "name": "applyIntersectionEntries",
3781
- "privacy": "private",
3782
- "description": "iterate through intersection entries and apply data",
3783
- "inheritedFrom": {
3784
- "name": "AnchoredRegion",
3785
- "module": "src/anchored-region/anchored-region.ts"
3786
- }
3787
- },
3788
- {
3789
- "kind": "field",
3790
- "name": "updateRegionOffset",
3791
- "privacy": "private",
3792
- "description": "Update the offset values",
3793
- "inheritedFrom": {
3794
- "name": "AnchoredRegion",
3795
- "module": "src/anchored-region/anchored-region.ts"
3796
- }
3797
- },
3798
- {
3799
- "kind": "field",
3800
- "name": "isRectDifferent",
3801
- "privacy": "private",
3802
- "description": "compare rects to see if there is enough change to justify a DOM update",
3803
- "inheritedFrom": {
3804
- "name": "AnchoredRegion",
3805
- "module": "src/anchored-region/anchored-region.ts"
3806
- }
3807
- },
3808
- {
3809
- "kind": "field",
3810
- "name": "handleResize",
3811
- "privacy": "private",
3812
- "description": "Handle resize events",
3813
- "inheritedFrom": {
3814
- "name": "AnchoredRegion",
3815
- "module": "src/anchored-region/anchored-region.ts"
3816
- }
3817
- },
3818
- {
3819
- "kind": "field",
3820
- "name": "reset",
3821
- "privacy": "private",
3822
- "description": "resets the component",
3823
- "inheritedFrom": {
3824
- "name": "AnchoredRegion",
3825
- "module": "src/anchored-region/anchored-region.ts"
3826
- }
3827
- },
3828
- {
3829
- "kind": "field",
3830
- "name": "updateLayout",
3831
- "privacy": "private",
3832
- "description": "Recalculate layout related state values",
3833
- "inheritedFrom": {
3834
- "name": "AnchoredRegion",
3835
- "module": "src/anchored-region/anchored-region.ts"
3836
- }
3837
- },
3838
- {
3839
- "kind": "field",
3840
- "name": "updateRegionStyle",
3841
- "privacy": "private",
3842
- "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
3843
- "inheritedFrom": {
3844
- "name": "AnchoredRegion",
3845
- "module": "src/anchored-region/anchored-region.ts"
3846
- }
3847
- },
3848
- {
3849
- "kind": "field",
3850
- "name": "updatePositionClasses",
3851
- "privacy": "private",
3852
- "description": "Updates the css classes that reflect the current position of the element",
3853
- "inheritedFrom": {
3854
- "name": "AnchoredRegion",
3855
- "module": "src/anchored-region/anchored-region.ts"
3856
- }
3857
- },
3858
- {
3859
- "kind": "field",
3860
- "name": "setHorizontalPosition",
3861
- "privacy": "private",
3862
- "description": "Get horizontal positioning state based on desired position",
3863
- "inheritedFrom": {
3864
- "name": "AnchoredRegion",
3865
- "module": "src/anchored-region/anchored-region.ts"
3866
- }
3867
- },
3868
- {
3869
- "kind": "field",
3870
- "name": "setVerticalPosition",
3871
- "privacy": "private",
3872
- "description": "Set vertical positioning state based on desired position",
3873
- "inheritedFrom": {
3874
- "name": "AnchoredRegion",
3875
- "module": "src/anchored-region/anchored-region.ts"
3876
- }
3877
- },
3878
- {
3879
- "kind": "field",
3880
- "name": "getPositioningOptions",
3881
- "privacy": "private",
3882
- "description": "Get available positions based on positioning mode",
3883
- "inheritedFrom": {
3884
- "name": "AnchoredRegion",
3885
- "module": "src/anchored-region/anchored-region.ts"
3886
- }
3887
- },
3888
- {
3889
- "kind": "field",
3890
- "name": "getAvailableSpace",
3891
- "privacy": "private",
3892
- "description": "Get the space available for a particular relative position",
3893
- "inheritedFrom": {
3894
- "name": "AnchoredRegion",
3895
- "module": "src/anchored-region/anchored-region.ts"
3896
- }
3897
- },
3898
- {
3899
- "kind": "field",
3900
- "name": "getNextRegionDimension",
3901
- "privacy": "private",
3902
- "description": "Get region dimensions",
3903
- "inheritedFrom": {
3904
- "name": "AnchoredRegion",
3905
- "module": "src/anchored-region/anchored-region.ts"
3906
- }
3907
- },
3908
- {
3909
- "kind": "field",
3910
- "name": "startAutoUpdateEventListeners",
3911
- "privacy": "private",
3912
- "description": "starts event listeners that can trigger auto updating",
3913
- "inheritedFrom": {
3914
- "name": "AnchoredRegion",
3915
- "module": "src/anchored-region/anchored-region.ts"
3916
- }
3917
- },
3918
- {
3919
- "kind": "field",
3920
- "name": "stopAutoUpdateEventListeners",
3921
- "privacy": "private",
3922
- "description": "stops event listeners that can trigger auto updating",
3923
- "inheritedFrom": {
3924
- "name": "AnchoredRegion",
3925
- "module": "src/anchored-region/anchored-region.ts"
3926
- }
3927
- },
3928
- {
3929
- "kind": "field",
3930
- "name": "_presentation",
3931
- "type": {
3932
- "text": "ComponentPresentation | null | undefined"
3933
- },
3934
- "privacy": "private",
3935
- "default": "void 0",
3936
- "inheritedFrom": {
3937
- "name": "FoundationElement",
3938
- "module": "src/foundation-element/foundation-element.ts"
3939
- }
3940
- },
3941
- {
3942
- "kind": "field",
3943
- "name": "$presentation",
3944
- "type": {
3945
- "text": "ComponentPresentation | null"
3946
- },
3947
- "privacy": "public",
3948
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
3949
- "inheritedFrom": {
3950
- "name": "FoundationElement",
3951
- "module": "src/foundation-element/foundation-element.ts"
3952
- }
3953
- },
3954
- {
3955
- "kind": "field",
3956
- "name": "template",
3957
- "type": {
3958
- "text": "ElementViewTemplate | void | null"
3959
- },
3960
- "privacy": "public",
3961
- "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.",
3962
- "inheritedFrom": {
3963
- "name": "FoundationElement",
3964
- "module": "src/foundation-element/foundation-element.ts"
3965
- }
3966
- },
3967
- {
3968
- "kind": "method",
3969
- "name": "templateChanged",
3970
- "privacy": "protected",
3971
- "return": {
3972
- "type": {
3973
- "text": "void"
3974
- }
3975
- },
3976
- "inheritedFrom": {
3977
- "name": "FoundationElement",
3978
- "module": "src/foundation-element/foundation-element.ts"
3979
- }
3980
- },
3981
- {
3982
- "kind": "field",
3983
- "name": "styles",
3984
- "type": {
3985
- "text": "ElementStyles | void | null"
3986
- },
3987
- "privacy": "public",
3988
- "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.",
3989
- "inheritedFrom": {
3990
- "name": "FoundationElement",
3991
- "module": "src/foundation-element/foundation-element.ts"
4138
+ "name": "AnchoredRegion",
4139
+ "module": "src/anchored-region/anchored-region.ts"
3992
4140
  }
3993
4141
  },
3994
4142
  {
3995
- "kind": "method",
3996
- "name": "stylesChanged",
3997
- "privacy": "protected",
3998
- "return": {
3999
- "type": {
4000
- "text": "void"
4001
- }
4002
- },
4143
+ "kind": "field",
4144
+ "name": "getViewport",
4145
+ "privacy": "private",
4146
+ "description": "Gets the viewport element by id, or defaults to document root",
4003
4147
  "inheritedFrom": {
4004
- "name": "FoundationElement",
4005
- "module": "src/foundation-element/foundation-element.ts"
4148
+ "name": "AnchoredRegion",
4149
+ "module": "src/anchored-region/anchored-region.ts"
4006
4150
  }
4007
4151
  },
4008
4152
  {
4009
- "kind": "method",
4010
- "name": "compose",
4011
- "privacy": "public",
4012
- "static": true,
4013
- "return": {
4014
- "type": {
4015
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
4016
- }
4017
- },
4018
- "parameters": [
4019
- {
4020
- "name": "this",
4021
- "type": {
4022
- "text": "K"
4023
- }
4024
- },
4025
- {
4026
- "name": "elementDefinition",
4027
- "type": {
4028
- "text": "T"
4029
- },
4030
- "description": "The definition of the element to create the registry\nfunction for."
4031
- }
4032
- ],
4033
- "description": "Defines an element registry function with a set of element definition defaults.",
4153
+ "kind": "field",
4154
+ "name": "getAnchor",
4155
+ "privacy": "private",
4156
+ "description": "Gets the anchor element by id",
4034
4157
  "inheritedFrom": {
4035
- "name": "FoundationElement",
4036
- "module": "src/foundation-element/foundation-element.ts"
4158
+ "name": "AnchoredRegion",
4159
+ "module": "src/anchored-region/anchored-region.ts"
4037
4160
  }
4038
- }
4039
- ],
4040
- "events": [
4161
+ },
4041
4162
  {
4042
- "description": "Fires a custom 'loaded' event when the region is loaded and visible",
4043
- "name": "loaded",
4163
+ "kind": "field",
4164
+ "name": "handleIntersection",
4165
+ "privacy": "private",
4166
+ "description": "Handle intersections",
4044
4167
  "inheritedFrom": {
4045
4168
  "name": "AnchoredRegion",
4046
4169
  "module": "src/anchored-region/anchored-region.ts"
4047
4170
  }
4048
4171
  },
4049
4172
  {
4050
- "description": "Fires a custom 'positionchange' event when the position has changed",
4051
- "name": "positionchange",
4173
+ "kind": "field",
4174
+ "name": "applyIntersectionEntries",
4175
+ "privacy": "private",
4176
+ "description": "iterate through intersection entries and apply data",
4052
4177
  "inheritedFrom": {
4053
4178
  "name": "AnchoredRegion",
4054
4179
  "module": "src/anchored-region/anchored-region.ts"
4055
4180
  }
4056
- }
4057
- ]
4058
- },
4059
- {
4060
- "kind": "variable",
4061
- "name": "foundationAnchoredRegionShadowOptions",
4062
- "type": {
4063
- "text": "ShadowRootInit"
4064
- },
4065
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4066
- },
4067
- {
4068
- "kind": "variable",
4069
- "name": "defaultAnchoredRegionConfig",
4070
- "type": {
4071
- "text": "object"
4072
- },
4073
- "default": "{}"
4074
- },
4075
- {
4076
- "kind": "variable",
4077
- "name": "foundationAnchoredRegion",
4078
- "description": "The Foundation Anchored Region",
4079
- "privacy": "public"
4080
- }
4081
- ],
4082
- "exports": [
4083
- {
4084
- "kind": "js",
4085
- "name": "AnchoredRegion",
4086
- "declaration": {
4087
- "name": "AnchoredRegion",
4088
- "module": "src/anchored-region/anchored-region.ts"
4089
- }
4090
- },
4091
- {
4092
- "kind": "js",
4093
- "name": "foundationAnchoredRegionShadowOptions",
4094
- "declaration": {
4095
- "name": "foundationAnchoredRegionShadowOptions",
4096
- "module": "src/anchored-region/anchored-region.ts"
4097
- }
4098
- },
4099
- {
4100
- "kind": "js",
4101
- "name": "defaultAnchoredRegionConfig",
4102
- "declaration": {
4103
- "name": "defaultAnchoredRegionConfig",
4104
- "module": "src/anchored-region/anchored-region.ts"
4105
- }
4106
- },
4107
- {
4108
- "kind": "js",
4109
- "name": "foundationAnchoredRegion",
4110
- "declaration": {
4111
- "name": "foundationAnchoredRegion",
4112
- "module": "src/anchored-region/anchored-region.ts"
4113
- }
4114
- }
4115
- ]
4116
- },
4117
- {
4118
- "kind": "javascript-module",
4119
- "path": "src/anchored-region/index.ts",
4120
- "declarations": [],
4121
- "exports": [
4122
- {
4123
- "kind": "js",
4124
- "name": "*",
4125
- "declaration": {
4126
- "name": "*",
4127
- "package": "./anchor-region.template"
4128
- }
4129
- },
4130
- {
4131
- "kind": "js",
4132
- "name": "*",
4133
- "declaration": {
4134
- "name": "*",
4135
- "package": "./anchored-region.styles"
4136
- }
4137
- },
4138
- {
4139
- "kind": "js",
4140
- "name": "*",
4141
- "declaration": {
4142
- "name": "*",
4143
- "package": "./anchored-region"
4144
- }
4145
- }
4146
- ]
4147
- },
4148
- {
4149
- "kind": "javascript-module",
4150
- "path": "src/_common/base-file-component.ts",
4151
- "declarations": [
4152
- {
4153
- "kind": "class",
4154
- "description": "Abstract base class for file handling components\nProvides common functionality for file selection, validation, and UI state management",
4155
- "name": "BaseFileComponent",
4156
- "members": [
4157
- {
4158
- "kind": "field",
4159
- "name": "fileInput",
4160
- "type": {
4161
- "text": "HTMLInputElement"
4162
- },
4163
- "privacy": "public"
4164
4181
  },
4165
4182
  {
4166
4183
  "kind": "field",
4167
- "name": "selectedFile",
4168
- "type": {
4169
- "text": "File | null"
4170
- },
4171
- "privacy": "protected",
4172
- "default": "null"
4184
+ "name": "updateRegionOffset",
4185
+ "privacy": "private",
4186
+ "description": "Update the offset values",
4187
+ "inheritedFrom": {
4188
+ "name": "AnchoredRegion",
4189
+ "module": "src/anchored-region/anchored-region.ts"
4190
+ }
4173
4191
  },
4174
4192
  {
4175
4193
  "kind": "field",
4176
- "name": "label",
4177
- "type": {
4178
- "text": "string"
4194
+ "name": "isRectDifferent",
4195
+ "privacy": "private",
4196
+ "description": "compare rects to see if there is enough change to justify a DOM update",
4197
+ "inheritedFrom": {
4198
+ "name": "AnchoredRegion",
4199
+ "module": "src/anchored-region/anchored-region.ts"
4179
4200
  }
4180
4201
  },
4181
4202
  {
4182
4203
  "kind": "field",
4183
- "name": "accept",
4184
- "type": {
4185
- "text": "string"
4186
- },
4187
- "default": "''"
4204
+ "name": "handleResize",
4205
+ "privacy": "private",
4206
+ "description": "Handle resize events",
4207
+ "inheritedFrom": {
4208
+ "name": "AnchoredRegion",
4209
+ "module": "src/anchored-region/anchored-region.ts"
4210
+ }
4188
4211
  },
4189
4212
  {
4190
4213
  "kind": "field",
4191
- "name": "fileSizeLimitBytes",
4192
- "default": "10_485_760",
4193
- "type": {
4194
- "text": "number"
4214
+ "name": "reset",
4215
+ "privacy": "private",
4216
+ "description": "resets the component",
4217
+ "inheritedFrom": {
4218
+ "name": "AnchoredRegion",
4219
+ "module": "src/anchored-region/anchored-region.ts"
4195
4220
  }
4196
4221
  },
4197
4222
  {
4198
4223
  "kind": "field",
4199
- "name": "fileName",
4200
- "type": {
4201
- "text": "string"
4202
- },
4203
- "default": "''"
4224
+ "name": "updateLayout",
4225
+ "privacy": "private",
4226
+ "description": "Recalculate layout related state values",
4227
+ "inheritedFrom": {
4228
+ "name": "AnchoredRegion",
4229
+ "module": "src/anchored-region/anchored-region.ts"
4230
+ }
4204
4231
  },
4205
4232
  {
4206
4233
  "kind": "field",
4207
- "name": "isProcessing",
4208
- "type": {
4209
- "text": "boolean"
4210
- },
4211
- "default": "false"
4234
+ "name": "updateRegionStyle",
4235
+ "privacy": "private",
4236
+ "description": "Updates the style string applied to the region element as well as the css classes attached\nto the root element",
4237
+ "inheritedFrom": {
4238
+ "name": "AnchoredRegion",
4239
+ "module": "src/anchored-region/anchored-region.ts"
4240
+ }
4212
4241
  },
4213
4242
  {
4214
- "kind": "method",
4215
- "name": "handleClick",
4216
- "privacy": "public",
4217
- "description": "Opens the file picker dialog\nClears any previous file selection before opening"
4243
+ "kind": "field",
4244
+ "name": "updatePositionClasses",
4245
+ "privacy": "private",
4246
+ "description": "Updates the css classes that reflect the current position of the element",
4247
+ "inheritedFrom": {
4248
+ "name": "AnchoredRegion",
4249
+ "module": "src/anchored-region/anchored-region.ts"
4250
+ }
4218
4251
  },
4219
4252
  {
4220
- "kind": "method",
4221
- "name": "onInputChange",
4222
- "privacy": "public",
4223
- "parameters": [
4224
- {
4225
- "name": "e",
4226
- "type": {
4227
- "text": "Event"
4228
- },
4229
- "description": "The change event from the file input"
4230
- }
4231
- ],
4232
- "description": "Handles file selection from the file input\nValidates file size and sets up for processing"
4253
+ "kind": "field",
4254
+ "name": "setHorizontalPosition",
4255
+ "privacy": "private",
4256
+ "description": "Get horizontal positioning state based on desired position",
4257
+ "inheritedFrom": {
4258
+ "name": "AnchoredRegion",
4259
+ "module": "src/anchored-region/anchored-region.ts"
4260
+ }
4233
4261
  },
4234
4262
  {
4235
- "kind": "method",
4236
- "name": "clearSelection",
4237
- "privacy": "public",
4238
- "description": "Clears all file selection and processing state\nResets the component to its initial state"
4263
+ "kind": "field",
4264
+ "name": "setVerticalPosition",
4265
+ "privacy": "private",
4266
+ "description": "Set vertical positioning state based on desired position",
4267
+ "inheritedFrom": {
4268
+ "name": "AnchoredRegion",
4269
+ "module": "src/anchored-region/anchored-region.ts"
4270
+ }
4239
4271
  },
4240
4272
  {
4241
- "kind": "method",
4242
- "name": "getSelectedFile",
4243
- "privacy": "public",
4244
- "description": "Gets the currently selected file object",
4245
- "return": {
4246
- "type": {
4247
- "text": ""
4248
- }
4273
+ "kind": "field",
4274
+ "name": "getPositioningOptions",
4275
+ "privacy": "private",
4276
+ "description": "Get available positions based on positioning mode",
4277
+ "inheritedFrom": {
4278
+ "name": "AnchoredRegion",
4279
+ "module": "src/anchored-region/anchored-region.ts"
4249
4280
  }
4250
4281
  },
4251
4282
  {
4252
- "kind": "method",
4253
- "name": "showError",
4254
- "privacy": "protected",
4255
- "parameters": [
4256
- {
4257
- "name": "title",
4258
- "type": {
4259
- "text": "string"
4260
- },
4261
- "description": "The error title"
4262
- },
4263
- {
4264
- "name": "message",
4265
- "type": {
4266
- "text": "string"
4267
- },
4268
- "description": "The error message"
4269
- }
4270
- ],
4271
- "description": "Shows an error notification using the unified error handling system"
4283
+ "kind": "field",
4284
+ "name": "getAvailableSpace",
4285
+ "privacy": "private",
4286
+ "description": "Get the space available for a particular relative position",
4287
+ "inheritedFrom": {
4288
+ "name": "AnchoredRegion",
4289
+ "module": "src/anchored-region/anchored-region.ts"
4290
+ }
4272
4291
  },
4273
4292
  {
4274
- "kind": "method",
4275
- "name": "onFileSelected",
4276
- "privacy": "protected",
4277
- "return": {
4278
- "type": {
4279
- "text": "void"
4280
- }
4281
- },
4282
- "parameters": [
4283
- {
4284
- "name": "files",
4285
- "type": {
4286
- "text": "File[]"
4287
- },
4288
- "description": "The selected file"
4289
- }
4290
- ],
4291
- "description": "Abstract method called when a file is selected"
4293
+ "kind": "field",
4294
+ "name": "getNextRegionDimension",
4295
+ "privacy": "private",
4296
+ "description": "Get region dimensions",
4297
+ "inheritedFrom": {
4298
+ "name": "AnchoredRegion",
4299
+ "module": "src/anchored-region/anchored-region.ts"
4300
+ }
4292
4301
  },
4293
4302
  {
4294
- "kind": "method",
4295
- "name": "onFileCleared",
4296
- "privacy": "protected",
4297
- "return": {
4298
- "type": {
4299
- "text": "void"
4300
- }
4301
- },
4302
- "description": "Abstract method called when file selection is cleared"
4303
+ "kind": "field",
4304
+ "name": "startAutoUpdateEventListeners",
4305
+ "privacy": "private",
4306
+ "description": "starts event listeners that can trigger auto updating",
4307
+ "inheritedFrom": {
4308
+ "name": "AnchoredRegion",
4309
+ "module": "src/anchored-region/anchored-region.ts"
4310
+ }
4311
+ },
4312
+ {
4313
+ "kind": "field",
4314
+ "name": "stopAutoUpdateEventListeners",
4315
+ "privacy": "private",
4316
+ "description": "stops event listeners that can trigger auto updating",
4317
+ "inheritedFrom": {
4318
+ "name": "AnchoredRegion",
4319
+ "module": "src/anchored-region/anchored-region.ts"
4320
+ }
4303
4321
  },
4304
4322
  {
4305
4323
  "kind": "field",
@@ -4413,104 +4431,86 @@
4413
4431
  }
4414
4432
  }
4415
4433
  ],
4416
- "attributes": [
4417
- {
4418
- "name": "label",
4419
- "type": {
4420
- "text": "string"
4421
- },
4422
- "fieldName": "label"
4423
- },
4434
+ "events": [
4424
4435
  {
4425
- "name": "accept",
4426
- "type": {
4427
- "text": "string"
4428
- },
4429
- "default": "''",
4430
- "fieldName": "accept"
4436
+ "description": "Fires a custom 'loaded' event when the region is loaded and visible",
4437
+ "name": "loaded",
4438
+ "inheritedFrom": {
4439
+ "name": "AnchoredRegion",
4440
+ "module": "src/anchored-region/anchored-region.ts"
4441
+ }
4431
4442
  },
4432
4443
  {
4433
- "name": "file-size-limit-bytes",
4434
- "default": "DEFAULT_FILE_SIZE_LIMIT",
4435
- "resolveInitializer": {
4436
- "module": "src/_common/base-file-component.ts"
4437
- },
4438
- "fieldName": "fileSizeLimitBytes"
4444
+ "description": "Fires a custom 'positionchange' event when the position has changed",
4445
+ "name": "positionchange",
4446
+ "inheritedFrom": {
4447
+ "name": "AnchoredRegion",
4448
+ "module": "src/anchored-region/anchored-region.ts"
4449
+ }
4439
4450
  }
4440
- ],
4441
- "superclass": {
4442
- "name": "FoundationElement",
4443
- "package": "@microsoft/fast-foundation"
4444
- }
4451
+ ]
4452
+ },
4453
+ {
4454
+ "kind": "variable",
4455
+ "name": "foundationAnchoredRegionShadowOptions",
4456
+ "type": {
4457
+ "text": "ShadowRootInit"
4458
+ },
4459
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4460
+ },
4461
+ {
4462
+ "kind": "variable",
4463
+ "name": "defaultAnchoredRegionConfig",
4464
+ "type": {
4465
+ "text": "object"
4466
+ },
4467
+ "default": "{}"
4468
+ },
4469
+ {
4470
+ "kind": "variable",
4471
+ "name": "foundationAnchoredRegion",
4472
+ "description": "The Foundation Anchored Region",
4473
+ "privacy": "public"
4445
4474
  }
4446
4475
  ],
4447
4476
  "exports": [
4448
4477
  {
4449
4478
  "kind": "js",
4450
- "name": "BaseFileComponent",
4479
+ "name": "AnchoredRegion",
4451
4480
  "declaration": {
4452
- "name": "BaseFileComponent",
4453
- "module": "src/_common/base-file-component.ts"
4481
+ "name": "AnchoredRegion",
4482
+ "module": "src/anchored-region/anchored-region.ts"
4454
4483
  }
4455
- }
4456
- ]
4457
- },
4458
- {
4459
- "kind": "javascript-module",
4460
- "path": "src/_common/icons.ts",
4461
- "declarations": [
4462
- {
4463
- "kind": "function",
4464
- "name": "closeIcon",
4465
- "parameters": [
4466
- {
4467
- "name": "slot",
4468
- "default": "'start'"
4469
- },
4470
- {
4471
- "name": "fill",
4472
- "default": "'#879ba6'"
4473
- }
4474
- ]
4475
- }
4476
- ],
4477
- "exports": [
4484
+ },
4478
4485
  {
4479
4486
  "kind": "js",
4480
- "name": "closeIcon",
4487
+ "name": "foundationAnchoredRegionShadowOptions",
4481
4488
  "declaration": {
4482
- "name": "closeIcon",
4483
- "module": "src/_common/icons.ts"
4489
+ "name": "foundationAnchoredRegionShadowOptions",
4490
+ "module": "src/anchored-region/anchored-region.ts"
4484
4491
  }
4485
- }
4486
- ]
4487
- },
4488
- {
4489
- "kind": "javascript-module",
4490
- "path": "src/_common/index.ts",
4491
- "declarations": [],
4492
- "exports": [
4492
+ },
4493
4493
  {
4494
4494
  "kind": "js",
4495
- "name": "*",
4495
+ "name": "defaultAnchoredRegionConfig",
4496
4496
  "declaration": {
4497
- "name": "*",
4498
- "package": "./base-file-component"
4497
+ "name": "defaultAnchoredRegionConfig",
4498
+ "module": "src/anchored-region/anchored-region.ts"
4499
4499
  }
4500
4500
  },
4501
4501
  {
4502
4502
  "kind": "js",
4503
- "name": "*",
4503
+ "name": "foundationAnchoredRegion",
4504
4504
  "declaration": {
4505
- "name": "*",
4506
- "package": "./icons"
4505
+ "name": "foundationAnchoredRegion",
4506
+ "module": "src/anchored-region/anchored-region.ts"
4507
4507
  }
4508
4508
  }
4509
4509
  ]
4510
4510
  },
4511
4511
  {
4512
4512
  "kind": "javascript-module",
4513
- "path": "src/_config/index.ts",
4513
+ "path": "src/anchored-region/index.ts",
4514
4514
  "declarations": [],
4515
4515
  "exports": [
4516
4516
  {
@@ -4518,7 +4518,7 @@
4518
4518
  "name": "*",
4519
4519
  "declaration": {
4520
4520
  "name": "*",
4521
- "package": "./styles"
4521
+ "package": "./anchor-region.template"
4522
4522
  }
4523
4523
  },
4524
4524
  {
@@ -4526,7 +4526,7 @@
4526
4526
  "name": "*",
4527
4527
  "declaration": {
4528
4528
  "name": "*",
4529
- "package": "./tokens"
4529
+ "package": "./anchored-region.styles"
4530
4530
  }
4531
4531
  },
4532
4532
  {
@@ -4534,7 +4534,7 @@
4534
4534
  "name": "*",
4535
4535
  "declaration": {
4536
4536
  "name": "*",
4537
- "package": "./values"
4537
+ "package": "./anchored-region"
4538
4538
  }
4539
4539
  }
4540
4540
  ]
@@ -13267,7 +13267,7 @@
13267
13267
  "type": {
13268
13268
  "text": "ElementStyles"
13269
13269
  },
13270
- "default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-fill-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.hide-weekends {\n width: 215px;\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .calendar-dropdown.inline {\n display: block;\n position: static;\n margin-top: 5px;\n transform: none;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 10px;\n }\n\n .header h3 {\n margin: 0;\n text-transform: capitalize;\n font-weight: bold;\n color: var(--neutral-foreground-rest);\n }\n\n .header .icon-button {\n height: auto;\n padding: 0;\n min-width: auto;\n }\n\n .header .months-arrows {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .week-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n margin-bottom: 10px;\n color: var(--neutral-foreground-rest);\n }\n\n .week-days span {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n text-transform: capitalize;\n }\n\n .week-days span.disabled {\n opacity: 60%;\n }\n\n .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n }\n\n .week-days.hide-weekends,\n .month-days.hide-weekends {\n grid-template-columns: repeat(5, 1fr);\n }\n\n .month-day {\n padding: 8px 5px;\n color: #808080;\n background: none;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: calc(var(--control-corner-radius) * 4px);\n cursor: pointer;\n border: none;\n }\n\n .month-day.current {\n opacity: 100%;\n color: var(--neutral-foreground-hint);\n }\n\n .month-day.selected {\n background: var(--accent-foreground-rest);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day:hover:not(:disabled) {\n background: var(--neutral-stroke-hover);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day[disabled] {\n opacity: 50%;\n cursor: not-allowed;\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
13270
+ "default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-fill-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.hide-weekends {\n width: 215px;\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .calendar-dropdown.inline {\n display: block;\n position: static;\n z-index: auto;\n margin-top: 5px;\n transform: none;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 10px;\n }\n\n .header h3 {\n margin: 0;\n text-transform: capitalize;\n font-weight: bold;\n color: var(--neutral-foreground-rest);\n }\n\n .header .icon-button {\n height: auto;\n padding: 0;\n min-width: auto;\n }\n\n .header .months-arrows {\n display: flex;\n gap: calc(var(--design-unit) * 2px);\n }\n\n .week-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n margin-bottom: 10px;\n color: var(--neutral-foreground-rest);\n }\n\n .week-days span {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n text-transform: capitalize;\n }\n\n .week-days span.disabled {\n opacity: 60%;\n }\n\n .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n }\n\n .week-days.hide-weekends,\n .month-days.hide-weekends {\n grid-template-columns: repeat(5, 1fr);\n }\n\n .month-day {\n padding: 8px 5px;\n color: #808080;\n background: none;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: calc(var(--control-corner-radius) * 4px);\n cursor: pointer;\n border: none;\n }\n\n .month-day.current {\n opacity: 100%;\n color: var(--neutral-foreground-hint);\n }\n\n .month-day.selected {\n background: var(--accent-foreground-rest);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day:hover:not(:disabled) {\n background: var(--neutral-stroke-hover);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day[disabled] {\n opacity: 50%;\n cursor: not-allowed;\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
13271
13271
  }
13272
13272
  ],
13273
13273
  "exports": [