@genesislcap/foundation-ui 14.134.0 → 14.135.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +717 -717
  2. package/package.json +10 -10
package/dist/custom-elements.json CHANGED
@@ -1033,34 +1033,11 @@
1033
1033
  },
1034
1034
  {
1035
1035
  "kind": "javascript-module",
1036
- "path": "src/actions-menu/actions-menu.styles.ts",
1036
+ "path": "src/accordion-item/accordion-item.styles.ts",
1037
1037
  "declarations": [
1038
1038
  {
1039
1039
  "kind": "function",
1040
- "name": "actionsMenuBaseStyles",
1041
- "return": {
1042
- "type": {
1043
- "text": "ElementStyles"
1044
- }
1045
- },
1046
- "parameters": [
1047
- {
1048
- "name": "context",
1049
- "type": {
1050
- "text": "ElementDefinitionContext"
1051
- }
1052
- },
1053
- {
1054
- "name": "definition",
1055
- "type": {
1056
- "text": "FoundationElementDefinition"
1057
- }
1058
- }
1059
- ]
1060
- },
1061
- {
1062
- "kind": "function",
1063
- "name": "foundationActionsMenuStyles",
1040
+ "name": "foundationAccordionItemStyles",
1064
1041
  "return": {
1065
1042
  "type": {
1066
1043
  "text": "ElementStyles"
@@ -1085,339 +1062,226 @@
1085
1062
  "exports": [
1086
1063
  {
1087
1064
  "kind": "js",
1088
- "name": "actionsMenuBaseStyles",
1089
- "declaration": {
1090
- "name": "actionsMenuBaseStyles",
1091
- "module": "src/actions-menu/actions-menu.styles.ts"
1092
- }
1093
- },
1094
- {
1095
- "kind": "js",
1096
- "name": "foundationActionsMenuStyles",
1065
+ "name": "foundationAccordionItemStyles",
1097
1066
  "declaration": {
1098
- "name": "foundationActionsMenuStyles",
1099
- "module": "src/actions-menu/actions-menu.styles.ts"
1067
+ "name": "foundationAccordionItemStyles",
1068
+ "module": "src/accordion-item/accordion-item.styles.ts"
1100
1069
  }
1101
1070
  }
1102
1071
  ]
1103
1072
  },
1104
1073
  {
1105
1074
  "kind": "javascript-module",
1106
- "path": "src/actions-menu/actions-menu.template.ts",
1075
+ "path": "src/accordion-item/accordion-item.template.ts",
1107
1076
  "declarations": [
1108
1077
  {
1109
1078
  "kind": "function",
1110
- "name": "menuTemplate",
1079
+ "name": "foundationAccordionItemTemplate",
1080
+ "return": {
1081
+ "type": {
1082
+ "text": "ViewTemplate<AccordionItem>"
1083
+ }
1084
+ },
1111
1085
  "parameters": [
1112
1086
  {
1113
- "name": "prefix",
1087
+ "name": "context",
1114
1088
  "type": {
1115
- "text": "string"
1089
+ "text": "ElementDefinitionContext"
1116
1090
  }
1117
- }
1118
- ]
1119
- },
1120
- {
1121
- "kind": "function",
1122
- "name": "singleOptionTemplate",
1123
- "parameters": [
1091
+ },
1124
1092
  {
1125
- "name": "prefix",
1093
+ "name": "definition",
1126
1094
  "type": {
1127
- "text": "string"
1095
+ "text": "FoundationElementDefinition"
1128
1096
  }
1129
1097
  }
1130
1098
  ]
1131
- },
1132
- {
1133
- "kind": "variable",
1134
- "name": "foundationActionsMenuTemplate",
1135
- "type": {
1136
- "text": "ViewTemplate<ActionsMenu>"
1137
- },
1138
- "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`"
1139
1099
  }
1140
1100
  ],
1141
1101
  "exports": [
1142
1102
  {
1143
1103
  "kind": "js",
1144
- "name": "menuTemplate",
1145
- "declaration": {
1146
- "name": "menuTemplate",
1147
- "module": "src/actions-menu/actions-menu.template.ts"
1148
- }
1149
- },
1150
- {
1151
- "kind": "js",
1152
- "name": "singleOptionTemplate",
1153
- "declaration": {
1154
- "name": "singleOptionTemplate",
1155
- "module": "src/actions-menu/actions-menu.template.ts"
1156
- }
1157
- },
1158
- {
1159
- "kind": "js",
1160
- "name": "foundationActionsMenuTemplate",
1104
+ "name": "foundationAccordionItemTemplate",
1161
1105
  "declaration": {
1162
- "name": "foundationActionsMenuTemplate",
1163
- "module": "src/actions-menu/actions-menu.template.ts"
1106
+ "name": "foundationAccordionItemTemplate",
1107
+ "module": "src/accordion-item/accordion-item.template.ts"
1164
1108
  }
1165
1109
  }
1166
1110
  ]
1167
1111
  },
1168
1112
  {
1169
1113
  "kind": "javascript-module",
1170
- "path": "src/actions-menu/actions-menu.ts",
1114
+ "path": "src/accordion-item/accordion-item.ts",
1171
1115
  "declarations": [
1172
1116
  {
1173
1117
  "kind": "class",
1174
1118
  "description": "",
1175
- "name": "ActionsMenu",
1176
- "members": [
1119
+ "name": "AccordionItem",
1120
+ "superclass": {
1121
+ "name": "FASTAccordionItem",
1122
+ "package": "@microsoft/fast-components"
1123
+ },
1124
+ "tagName": "%%prefix%%-accordion-item",
1125
+ "customElement": true,
1126
+ "attributes": [
1177
1127
  {
1178
- "kind": "field",
1179
- "name": "actions",
1128
+ "name": "heading-level",
1180
1129
  "type": {
1181
- "text": "ActionMenuItem[]"
1130
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1131
+ },
1132
+ "default": "2",
1133
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1134
+ "fieldName": "headinglevel",
1135
+ "inheritedFrom": {
1136
+ "name": "AccordionItem",
1137
+ "module": "src/accordion-item/accordion-item.ts"
1182
1138
  }
1183
1139
  },
1184
1140
  {
1185
- "kind": "field",
1186
- "name": "isVertical",
1187
1141
  "type": {
1188
1142
  "text": "boolean"
1189
1143
  },
1190
- "default": "false"
1144
+ "default": "false",
1145
+ "description": "Expands or collapses the item.",
1146
+ "fieldName": "expanded",
1147
+ "inheritedFrom": {
1148
+ "name": "AccordionItem",
1149
+ "module": "src/accordion-item/accordion-item.ts"
1150
+ }
1191
1151
  },
1192
1152
  {
1193
- "kind": "field",
1194
- "name": "addDefaultActions",
1153
+ "name": "id",
1195
1154
  "type": {
1196
- "text": "boolean"
1155
+ "text": "string"
1197
1156
  },
1198
- "default": "true"
1199
- },
1157
+ "description": "The item ID",
1158
+ "fieldName": "id",
1159
+ "inheritedFrom": {
1160
+ "name": "AccordionItem",
1161
+ "module": "src/accordion-item/accordion-item.ts"
1162
+ }
1163
+ }
1164
+ ],
1165
+ "members": [
1200
1166
  {
1201
1167
  "kind": "field",
1202
- "name": "autoCloseOnAction",
1168
+ "name": "headinglevel",
1203
1169
  "type": {
1204
- "text": "boolean"
1170
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1205
1171
  },
1206
- "default": "true"
1207
- },
1208
- {
1209
- "kind": "field",
1210
- "name": "classNames",
1211
- "type": {
1212
- "text": "string"
1172
+ "privacy": "public",
1173
+ "default": "2",
1174
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1175
+ "inheritedFrom": {
1176
+ "name": "AccordionItem",
1177
+ "module": "src/accordion-item/accordion-item.ts"
1213
1178
  }
1214
1179
  },
1215
1180
  {
1216
1181
  "kind": "field",
1217
- "name": "definition",
1182
+ "name": "expanded",
1218
1183
  "type": {
1219
- "text": "any"
1184
+ "text": "boolean"
1185
+ },
1186
+ "privacy": "public",
1187
+ "default": "false",
1188
+ "description": "Expands or collapses the item.",
1189
+ "inheritedFrom": {
1190
+ "name": "AccordionItem",
1191
+ "module": "src/accordion-item/accordion-item.ts"
1220
1192
  }
1221
1193
  },
1222
1194
  {
1223
1195
  "kind": "field",
1224
- "name": "name",
1196
+ "name": "id",
1225
1197
  "type": {
1226
1198
  "text": "string"
1227
1199
  },
1228
- "default": "'Actions'"
1200
+ "privacy": "public",
1201
+ "description": "The item ID",
1202
+ "inheritedFrom": {
1203
+ "name": "AccordionItem",
1204
+ "module": "src/accordion-item/accordion-item.ts"
1205
+ }
1229
1206
  },
1230
1207
  {
1231
1208
  "kind": "field",
1232
- "name": "open",
1233
- "type": {
1234
- "text": "boolean"
1235
- },
1236
- "default": "false"
1209
+ "name": "change",
1210
+ "privacy": "private",
1211
+ "inheritedFrom": {
1212
+ "name": "AccordionItem",
1213
+ "module": "src/accordion-item/accordion-item.ts"
1214
+ }
1237
1215
  },
1238
1216
  {
1239
1217
  "kind": "field",
1240
- "name": "buttonAppearance",
1218
+ "name": "_presentation",
1241
1219
  "type": {
1242
- "text": "string"
1220
+ "text": "ComponentPresentation | null | undefined"
1221
+ },
1222
+ "privacy": "private",
1223
+ "default": "void 0",
1224
+ "inheritedFrom": {
1225
+ "name": "FoundationElement",
1226
+ "module": "src/foundation-element/foundation-element.ts"
1243
1227
  }
1244
1228
  },
1245
1229
  {
1246
1230
  "kind": "field",
1247
- "name": "hideDisabled",
1231
+ "name": "$presentation",
1248
1232
  "type": {
1249
- "text": "boolean"
1233
+ "text": "ComponentPresentation | null"
1250
1234
  },
1251
- "default": "false"
1235
+ "privacy": "public",
1236
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1237
+ "inheritedFrom": {
1238
+ "name": "FoundationElement",
1239
+ "module": "src/foundation-element/foundation-element.ts"
1240
+ }
1252
1241
  },
1253
1242
  {
1254
1243
  "kind": "field",
1255
- "name": "hideMenuSingleOption",
1244
+ "name": "template",
1256
1245
  "type": {
1257
- "text": "boolean"
1246
+ "text": "ElementViewTemplate | void | null"
1258
1247
  },
1259
- "default": "false"
1248
+ "privacy": "public",
1249
+ "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.",
1250
+ "inheritedFrom": {
1251
+ "name": "FoundationElement",
1252
+ "module": "src/foundation-element/foundation-element.ts"
1253
+ }
1260
1254
  },
1261
1255
  {
1262
- "kind": "field",
1263
- "name": "singleOption",
1264
- "type": {
1265
- "text": "ActionMenuItem"
1256
+ "kind": "method",
1257
+ "name": "templateChanged",
1258
+ "privacy": "protected",
1259
+ "return": {
1260
+ "type": {
1261
+ "text": "void"
1262
+ }
1263
+ },
1264
+ "inheritedFrom": {
1265
+ "name": "FoundationElement",
1266
+ "module": "src/foundation-element/foundation-element.ts"
1266
1267
  }
1267
1268
  },
1268
1269
  {
1269
1270
  "kind": "field",
1270
- "name": "actionsMenu",
1271
+ "name": "styles",
1271
1272
  "type": {
1272
- "text": "HTMLElement"
1273
+ "text": "ElementStyles | void | null"
1274
+ },
1275
+ "privacy": "public",
1276
+ "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.",
1277
+ "inheritedFrom": {
1278
+ "name": "FoundationElement",
1279
+ "module": "src/foundation-element/foundation-element.ts"
1273
1280
  }
1274
1281
  },
1275
1282
  {
1276
1283
  "kind": "method",
1277
- "name": "definitionChanged",
1278
- "privacy": "protected",
1279
- "parameters": [
1280
- {
1281
- "name": "oldValue",
1282
- "type": {
1283
- "text": "any"
1284
- }
1285
- },
1286
- {
1287
- "name": "newValue",
1288
- "type": {
1289
- "text": "any"
1290
- }
1291
- }
1292
- ]
1293
- },
1294
- {
1295
- "kind": "method",
1296
- "name": "openChanged",
1297
- "privacy": "protected"
1298
- },
1299
- {
1300
- "kind": "method",
1301
- "name": "toggleActionsMenuVisibility"
1302
- },
1303
- {
1304
- "kind": "method",
1305
- "name": "onActionMenuItemClick",
1306
- "parameters": [
1307
- {
1308
- "name": "callback",
1309
- "type": {
1310
- "text": "(rowData) => void | any"
1311
- }
1312
- }
1313
- ]
1314
- },
1315
- {
1316
- "kind": "field",
1317
- "name": "allActions",
1318
- "type": {
1319
- "text": "ActionMenuItem[]"
1320
- },
1321
- "readonly": true
1322
- },
1323
- {
1324
- "kind": "field",
1325
- "name": "rowData",
1326
- "readonly": true
1327
- },
1328
- {
1329
- "kind": "method",
1330
- "name": "getLabel",
1331
- "parameters": [
1332
- {
1333
- "name": "name",
1334
- "type": {
1335
- "text": "string | ((rowData: any) => string)"
1336
- }
1337
- }
1338
- ]
1339
- },
1340
- {
1341
- "kind": "method",
1342
- "name": "getTemplate",
1343
- "parameters": [
1344
- {
1345
- "name": "prefix",
1346
- "type": {
1347
- "text": "string"
1348
- }
1349
- }
1350
- ]
1351
- },
1352
- {
1353
- "kind": "field",
1354
- "name": "_presentation",
1355
- "type": {
1356
- "text": "ComponentPresentation | null | undefined"
1357
- },
1358
- "privacy": "private",
1359
- "default": "void 0",
1360
- "inheritedFrom": {
1361
- "name": "FoundationElement",
1362
- "module": "src/foundation-element/foundation-element.ts"
1363
- }
1364
- },
1365
- {
1366
- "kind": "field",
1367
- "name": "$presentation",
1368
- "type": {
1369
- "text": "ComponentPresentation | null"
1370
- },
1371
- "privacy": "public",
1372
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1373
- "inheritedFrom": {
1374
- "name": "FoundationElement",
1375
- "module": "src/foundation-element/foundation-element.ts"
1376
- }
1377
- },
1378
- {
1379
- "kind": "field",
1380
- "name": "template",
1381
- "type": {
1382
- "text": "ElementViewTemplate | void | null"
1383
- },
1384
- "privacy": "public",
1385
- "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.",
1386
- "inheritedFrom": {
1387
- "name": "FoundationElement",
1388
- "module": "src/foundation-element/foundation-element.ts"
1389
- }
1390
- },
1391
- {
1392
- "kind": "method",
1393
- "name": "templateChanged",
1394
- "privacy": "protected",
1395
- "return": {
1396
- "type": {
1397
- "text": "void"
1398
- }
1399
- },
1400
- "inheritedFrom": {
1401
- "name": "FoundationElement",
1402
- "module": "src/foundation-element/foundation-element.ts"
1403
- }
1404
- },
1405
- {
1406
- "kind": "field",
1407
- "name": "styles",
1408
- "type": {
1409
- "text": "ElementStyles | void | null"
1410
- },
1411
- "privacy": "public",
1412
- "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.",
1413
- "inheritedFrom": {
1414
- "name": "FoundationElement",
1415
- "module": "src/foundation-element/foundation-element.ts"
1416
- }
1417
- },
1418
- {
1419
- "kind": "method",
1420
- "name": "stylesChanged",
1284
+ "name": "stylesChanged",
1421
1285
  "privacy": "protected",
1422
1286
  "return": {
1423
1287
  "type": {
@@ -1461,107 +1325,78 @@
1461
1325
  }
1462
1326
  }
1463
1327
  ],
1464
- "attributes": [
1465
- {
1466
- "name": "is-vertical",
1467
- "type": {
1468
- "text": "boolean"
1469
- },
1470
- "default": "false",
1471
- "fieldName": "isVertical"
1472
- },
1473
- {
1474
- "name": "add-default-actions",
1475
- "type": {
1476
- "text": "boolean"
1477
- },
1478
- "default": "true",
1479
- "fieldName": "addDefaultActions"
1480
- },
1481
- {
1482
- "name": "auto-close-on-action",
1483
- "type": {
1484
- "text": "boolean"
1485
- },
1486
- "default": "true",
1487
- "fieldName": "autoCloseOnAction"
1488
- },
1489
- {
1490
- "name": "name",
1491
- "type": {
1492
- "text": "string"
1493
- },
1494
- "default": "'Actions'",
1495
- "fieldName": "name"
1496
- },
1497
- {
1498
- "name": "open",
1499
- "type": {
1500
- "text": "boolean"
1501
- },
1502
- "default": "false",
1503
- "fieldName": "open"
1504
- },
1505
- {
1506
- "name": "buttonAppearance",
1507
- "type": {
1508
- "text": "string"
1509
- },
1510
- "fieldName": "buttonAppearance"
1511
- },
1512
- {
1513
- "name": "hide-disabled",
1514
- "type": {
1515
- "text": "boolean"
1516
- },
1517
- "default": "false",
1518
- "fieldName": "hideDisabled"
1519
- },
1328
+ "events": [
1520
1329
  {
1521
- "name": "hide-menu-single-option",
1522
- "type": {
1523
- "text": "boolean"
1524
- },
1525
- "default": "false",
1526
- "fieldName": "hideMenuSingleOption"
1330
+ "description": "Fires a custom 'change' event when the button is invoked",
1331
+ "name": "change",
1332
+ "inheritedFrom": {
1333
+ "name": "AccordionItem",
1334
+ "module": "src/accordion-item/accordion-item.ts"
1335
+ }
1527
1336
  }
1528
- ],
1529
- "superclass": {
1530
- "name": "FoundationElement",
1531
- "package": "@microsoft/fast-foundation"
1337
+ ]
1338
+ },
1339
+ {
1340
+ "kind": "variable",
1341
+ "name": "foundationAccordionItemShadowOptions",
1342
+ "type": {
1343
+ "text": "ShadowRootInit"
1532
1344
  },
1533
- "tagName": "%%prefix%%-actions-menu",
1534
- "customElement": true
1345
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1535
1346
  },
1536
1347
  {
1537
1348
  "kind": "variable",
1538
- "name": "foundationActionsMenu",
1539
- "description": "The Foundation Actions Menu",
1349
+ "name": "defaultAccordionItemConfig",
1350
+ "type": {
1351
+ "text": "object"
1352
+ },
1353
+ "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}"
1354
+ },
1355
+ {
1356
+ "kind": "variable",
1357
+ "name": "foundationAccordionItem",
1358
+ "description": "The Foundation Accordion Item",
1540
1359
  "privacy": "public"
1541
1360
  }
1542
1361
  ],
1543
1362
  "exports": [
1544
1363
  {
1545
1364
  "kind": "js",
1546
- "name": "ActionsMenu",
1365
+ "name": "AccordionItem",
1547
1366
  "declaration": {
1548
- "name": "ActionsMenu",
1549
- "module": "src/actions-menu/actions-menu.ts"
1367
+ "name": "AccordionItem",
1368
+ "module": "src/accordion-item/accordion-item.ts"
1550
1369
  }
1551
1370
  },
1552
1371
  {
1553
1372
  "kind": "js",
1554
- "name": "foundationActionsMenu",
1373
+ "name": "foundationAccordionItemShadowOptions",
1555
1374
  "declaration": {
1556
- "name": "foundationActionsMenu",
1557
- "module": "src/actions-menu/actions-menu.ts"
1375
+ "name": "foundationAccordionItemShadowOptions",
1376
+ "module": "src/accordion-item/accordion-item.ts"
1377
+ }
1378
+ },
1379
+ {
1380
+ "kind": "js",
1381
+ "name": "defaultAccordionItemConfig",
1382
+ "declaration": {
1383
+ "name": "defaultAccordionItemConfig",
1384
+ "module": "src/accordion-item/accordion-item.ts"
1385
+ }
1386
+ },
1387
+ {
1388
+ "kind": "js",
1389
+ "name": "foundationAccordionItem",
1390
+ "declaration": {
1391
+ "name": "foundationAccordionItem",
1392
+ "module": "src/accordion-item/accordion-item.ts"
1558
1393
  }
1559
1394
  }
1560
1395
  ]
1561
1396
  },
1562
1397
  {
1563
1398
  "kind": "javascript-module",
1564
- "path": "src/actions-menu/index.ts",
1399
+ "path": "src/accordion-item/index.ts",
1565
1400
  "declarations": [],
1566
1401
  "exports": [
1567
1402
  {
@@ -1569,7 +1404,7 @@
1569
1404
  "name": "*",
1570
1405
  "declaration": {
1571
1406
  "name": "*",
1572
- "package": "./actions-menu.styles"
1407
+ "package": "./accordion-item.template"
1573
1408
  }
1574
1409
  },
1575
1410
  {
@@ -1577,7 +1412,7 @@
1577
1412
  "name": "*",
1578
1413
  "declaration": {
1579
1414
  "name": "*",
1580
- "package": "./actions-menu.template"
1415
+ "package": "./accordion-item.styles"
1581
1416
  }
1582
1417
  },
1583
1418
  {
@@ -1585,18 +1420,41 @@
1585
1420
  "name": "*",
1586
1421
  "declaration": {
1587
1422
  "name": "*",
1588
- "package": "./actions-menu"
1423
+ "package": "./accordion-item"
1589
1424
  }
1590
1425
  }
1591
1426
  ]
1592
1427
  },
1593
1428
  {
1594
1429
  "kind": "javascript-module",
1595
- "path": "src/accordion-item/accordion-item.styles.ts",
1430
+ "path": "src/actions-menu/actions-menu.styles.ts",
1596
1431
  "declarations": [
1597
1432
  {
1598
1433
  "kind": "function",
1599
- "name": "foundationAccordionItemStyles",
1434
+ "name": "actionsMenuBaseStyles",
1435
+ "return": {
1436
+ "type": {
1437
+ "text": "ElementStyles"
1438
+ }
1439
+ },
1440
+ "parameters": [
1441
+ {
1442
+ "name": "context",
1443
+ "type": {
1444
+ "text": "ElementDefinitionContext"
1445
+ }
1446
+ },
1447
+ {
1448
+ "name": "definition",
1449
+ "type": {
1450
+ "text": "FoundationElementDefinition"
1451
+ }
1452
+ }
1453
+ ]
1454
+ },
1455
+ {
1456
+ "kind": "function",
1457
+ "name": "foundationActionsMenuStyles",
1600
1458
  "return": {
1601
1459
  "type": {
1602
1460
  "text": "ElementStyles"
@@ -1621,157 +1479,270 @@
1621
1479
  "exports": [
1622
1480
  {
1623
1481
  "kind": "js",
1624
- "name": "foundationAccordionItemStyles",
1482
+ "name": "actionsMenuBaseStyles",
1625
1483
  "declaration": {
1626
- "name": "foundationAccordionItemStyles",
1627
- "module": "src/accordion-item/accordion-item.styles.ts"
1484
+ "name": "actionsMenuBaseStyles",
1485
+ "module": "src/actions-menu/actions-menu.styles.ts"
1486
+ }
1487
+ },
1488
+ {
1489
+ "kind": "js",
1490
+ "name": "foundationActionsMenuStyles",
1491
+ "declaration": {
1492
+ "name": "foundationActionsMenuStyles",
1493
+ "module": "src/actions-menu/actions-menu.styles.ts"
1628
1494
  }
1629
1495
  }
1630
1496
  ]
1631
1497
  },
1632
1498
  {
1633
1499
  "kind": "javascript-module",
1634
- "path": "src/accordion-item/accordion-item.template.ts",
1500
+ "path": "src/actions-menu/actions-menu.template.ts",
1635
1501
  "declarations": [
1636
1502
  {
1637
1503
  "kind": "function",
1638
- "name": "foundationAccordionItemTemplate",
1639
- "return": {
1640
- "type": {
1641
- "text": "ViewTemplate<AccordionItem>"
1642
- }
1643
- },
1504
+ "name": "menuTemplate",
1644
1505
  "parameters": [
1645
1506
  {
1646
- "name": "context",
1507
+ "name": "prefix",
1647
1508
  "type": {
1648
- "text": "ElementDefinitionContext"
1509
+ "text": "string"
1649
1510
  }
1650
- },
1511
+ }
1512
+ ]
1513
+ },
1514
+ {
1515
+ "kind": "function",
1516
+ "name": "singleOptionTemplate",
1517
+ "parameters": [
1651
1518
  {
1652
- "name": "definition",
1519
+ "name": "prefix",
1653
1520
  "type": {
1654
- "text": "FoundationElementDefinition"
1521
+ "text": "string"
1655
1522
  }
1656
1523
  }
1657
1524
  ]
1525
+ },
1526
+ {
1527
+ "kind": "variable",
1528
+ "name": "foundationActionsMenuTemplate",
1529
+ "type": {
1530
+ "text": "ViewTemplate<ActionsMenu>"
1531
+ },
1532
+ "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`"
1658
1533
  }
1659
1534
  ],
1660
1535
  "exports": [
1661
1536
  {
1662
1537
  "kind": "js",
1663
- "name": "foundationAccordionItemTemplate",
1538
+ "name": "menuTemplate",
1664
1539
  "declaration": {
1665
- "name": "foundationAccordionItemTemplate",
1666
- "module": "src/accordion-item/accordion-item.template.ts"
1540
+ "name": "menuTemplate",
1541
+ "module": "src/actions-menu/actions-menu.template.ts"
1542
+ }
1543
+ },
1544
+ {
1545
+ "kind": "js",
1546
+ "name": "singleOptionTemplate",
1547
+ "declaration": {
1548
+ "name": "singleOptionTemplate",
1549
+ "module": "src/actions-menu/actions-menu.template.ts"
1550
+ }
1551
+ },
1552
+ {
1553
+ "kind": "js",
1554
+ "name": "foundationActionsMenuTemplate",
1555
+ "declaration": {
1556
+ "name": "foundationActionsMenuTemplate",
1557
+ "module": "src/actions-menu/actions-menu.template.ts"
1667
1558
  }
1668
1559
  }
1669
1560
  ]
1670
1561
  },
1671
1562
  {
1672
1563
  "kind": "javascript-module",
1673
- "path": "src/accordion-item/accordion-item.ts",
1564
+ "path": "src/actions-menu/actions-menu.ts",
1674
1565
  "declarations": [
1675
1566
  {
1676
1567
  "kind": "class",
1677
1568
  "description": "",
1678
- "name": "AccordionItem",
1679
- "superclass": {
1680
- "name": "FASTAccordionItem",
1681
- "package": "@microsoft/fast-components"
1682
- },
1683
- "tagName": "%%prefix%%-accordion-item",
1684
- "customElement": true,
1685
- "attributes": [
1569
+ "name": "ActionsMenu",
1570
+ "members": [
1571
+ {
1572
+ "kind": "field",
1573
+ "name": "actions",
1574
+ "type": {
1575
+ "text": "ActionMenuItem[]"
1576
+ }
1577
+ },
1578
+ {
1579
+ "kind": "field",
1580
+ "name": "isVertical",
1581
+ "type": {
1582
+ "text": "boolean"
1583
+ },
1584
+ "default": "false"
1585
+ },
1586
+ {
1587
+ "kind": "field",
1588
+ "name": "addDefaultActions",
1589
+ "type": {
1590
+ "text": "boolean"
1591
+ },
1592
+ "default": "true"
1593
+ },
1594
+ {
1595
+ "kind": "field",
1596
+ "name": "autoCloseOnAction",
1597
+ "type": {
1598
+ "text": "boolean"
1599
+ },
1600
+ "default": "true"
1601
+ },
1686
1602
  {
1687
- "name": "heading-level",
1603
+ "kind": "field",
1604
+ "name": "classNames",
1688
1605
  "type": {
1689
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1690
- },
1691
- "default": "2",
1692
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1693
- "fieldName": "headinglevel",
1694
- "inheritedFrom": {
1695
- "name": "AccordionItem",
1696
- "module": "src/accordion-item/accordion-item.ts"
1606
+ "text": "string"
1697
1607
  }
1698
1608
  },
1699
1609
  {
1610
+ "kind": "field",
1611
+ "name": "definition",
1700
1612
  "type": {
1701
- "text": "boolean"
1702
- },
1703
- "default": "false",
1704
- "description": "Expands or collapses the item.",
1705
- "fieldName": "expanded",
1706
- "inheritedFrom": {
1707
- "name": "AccordionItem",
1708
- "module": "src/accordion-item/accordion-item.ts"
1613
+ "text": "any"
1709
1614
  }
1710
1615
  },
1711
1616
  {
1712
- "name": "id",
1617
+ "kind": "field",
1618
+ "name": "name",
1713
1619
  "type": {
1714
1620
  "text": "string"
1715
1621
  },
1716
- "description": "The item ID",
1717
- "fieldName": "id",
1718
- "inheritedFrom": {
1719
- "name": "AccordionItem",
1720
- "module": "src/accordion-item/accordion-item.ts"
1721
- }
1722
- }
1723
- ],
1724
- "members": [
1622
+ "default": "'Actions'"
1623
+ },
1725
1624
  {
1726
1625
  "kind": "field",
1727
- "name": "headinglevel",
1626
+ "name": "open",
1728
1627
  "type": {
1729
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1628
+ "text": "boolean"
1730
1629
  },
1731
- "privacy": "public",
1732
- "default": "2",
1733
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1734
- "inheritedFrom": {
1735
- "name": "AccordionItem",
1736
- "module": "src/accordion-item/accordion-item.ts"
1630
+ "default": "false"
1631
+ },
1632
+ {
1633
+ "kind": "field",
1634
+ "name": "buttonAppearance",
1635
+ "type": {
1636
+ "text": "string"
1737
1637
  }
1738
1638
  },
1739
1639
  {
1740
1640
  "kind": "field",
1741
- "name": "expanded",
1641
+ "name": "hideDisabled",
1742
1642
  "type": {
1743
1643
  "text": "boolean"
1744
1644
  },
1745
- "privacy": "public",
1746
- "default": "false",
1747
- "description": "Expands or collapses the item.",
1748
- "inheritedFrom": {
1749
- "name": "AccordionItem",
1750
- "module": "src/accordion-item/accordion-item.ts"
1751
- }
1645
+ "default": "false"
1752
1646
  },
1753
1647
  {
1754
1648
  "kind": "field",
1755
- "name": "id",
1649
+ "name": "hideMenuSingleOption",
1756
1650
  "type": {
1757
- "text": "string"
1651
+ "text": "boolean"
1758
1652
  },
1759
- "privacy": "public",
1760
- "description": "The item ID",
1761
- "inheritedFrom": {
1762
- "name": "AccordionItem",
1763
- "module": "src/accordion-item/accordion-item.ts"
1653
+ "default": "false"
1654
+ },
1655
+ {
1656
+ "kind": "field",
1657
+ "name": "singleOption",
1658
+ "type": {
1659
+ "text": "ActionMenuItem"
1764
1660
  }
1765
1661
  },
1766
1662
  {
1767
1663
  "kind": "field",
1768
- "name": "change",
1769
- "privacy": "private",
1770
- "inheritedFrom": {
1771
- "name": "AccordionItem",
1772
- "module": "src/accordion-item/accordion-item.ts"
1664
+ "name": "actionsMenu",
1665
+ "type": {
1666
+ "text": "HTMLElement"
1773
1667
  }
1774
1668
  },
1669
+ {
1670
+ "kind": "method",
1671
+ "name": "definitionChanged",
1672
+ "privacy": "protected",
1673
+ "parameters": [
1674
+ {
1675
+ "name": "oldValue",
1676
+ "type": {
1677
+ "text": "any"
1678
+ }
1679
+ },
1680
+ {
1681
+ "name": "newValue",
1682
+ "type": {
1683
+ "text": "any"
1684
+ }
1685
+ }
1686
+ ]
1687
+ },
1688
+ {
1689
+ "kind": "method",
1690
+ "name": "openChanged",
1691
+ "privacy": "protected"
1692
+ },
1693
+ {
1694
+ "kind": "method",
1695
+ "name": "toggleActionsMenuVisibility"
1696
+ },
1697
+ {
1698
+ "kind": "method",
1699
+ "name": "onActionMenuItemClick",
1700
+ "parameters": [
1701
+ {
1702
+ "name": "callback",
1703
+ "type": {
1704
+ "text": "(rowData) => void | any"
1705
+ }
1706
+ }
1707
+ ]
1708
+ },
1709
+ {
1710
+ "kind": "field",
1711
+ "name": "allActions",
1712
+ "type": {
1713
+ "text": "ActionMenuItem[]"
1714
+ },
1715
+ "readonly": true
1716
+ },
1717
+ {
1718
+ "kind": "field",
1719
+ "name": "rowData",
1720
+ "readonly": true
1721
+ },
1722
+ {
1723
+ "kind": "method",
1724
+ "name": "getLabel",
1725
+ "parameters": [
1726
+ {
1727
+ "name": "name",
1728
+ "type": {
1729
+ "text": "string | ((rowData: any) => string)"
1730
+ }
1731
+ }
1732
+ ]
1733
+ },
1734
+ {
1735
+ "kind": "method",
1736
+ "name": "getTemplate",
1737
+ "parameters": [
1738
+ {
1739
+ "name": "prefix",
1740
+ "type": {
1741
+ "text": "string"
1742
+ }
1743
+ }
1744
+ ]
1745
+ },
1775
1746
  {
1776
1747
  "kind": "field",
1777
1748
  "name": "_presentation",
@@ -1884,78 +1855,107 @@
1884
1855
  }
1885
1856
  }
1886
1857
  ],
1887
- "events": [
1858
+ "attributes": [
1888
1859
  {
1889
- "description": "Fires a custom 'change' event when the button is invoked",
1890
- "name": "change",
1891
- "inheritedFrom": {
1892
- "name": "AccordionItem",
1893
- "module": "src/accordion-item/accordion-item.ts"
1894
- }
1860
+ "name": "is-vertical",
1861
+ "type": {
1862
+ "text": "boolean"
1863
+ },
1864
+ "default": "false",
1865
+ "fieldName": "isVertical"
1866
+ },
1867
+ {
1868
+ "name": "add-default-actions",
1869
+ "type": {
1870
+ "text": "boolean"
1871
+ },
1872
+ "default": "true",
1873
+ "fieldName": "addDefaultActions"
1874
+ },
1875
+ {
1876
+ "name": "auto-close-on-action",
1877
+ "type": {
1878
+ "text": "boolean"
1879
+ },
1880
+ "default": "true",
1881
+ "fieldName": "autoCloseOnAction"
1882
+ },
1883
+ {
1884
+ "name": "name",
1885
+ "type": {
1886
+ "text": "string"
1887
+ },
1888
+ "default": "'Actions'",
1889
+ "fieldName": "name"
1890
+ },
1891
+ {
1892
+ "name": "open",
1893
+ "type": {
1894
+ "text": "boolean"
1895
+ },
1896
+ "default": "false",
1897
+ "fieldName": "open"
1898
+ },
1899
+ {
1900
+ "name": "buttonAppearance",
1901
+ "type": {
1902
+ "text": "string"
1903
+ },
1904
+ "fieldName": "buttonAppearance"
1905
+ },
1906
+ {
1907
+ "name": "hide-disabled",
1908
+ "type": {
1909
+ "text": "boolean"
1910
+ },
1911
+ "default": "false",
1912
+ "fieldName": "hideDisabled"
1913
+ },
1914
+ {
1915
+ "name": "hide-menu-single-option",
1916
+ "type": {
1917
+ "text": "boolean"
1918
+ },
1919
+ "default": "false",
1920
+ "fieldName": "hideMenuSingleOption"
1895
1921
  }
1896
- ]
1897
- },
1898
- {
1899
- "kind": "variable",
1900
- "name": "foundationAccordionItemShadowOptions",
1901
- "type": {
1902
- "text": "ShadowRootInit"
1903
- },
1904
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1905
- },
1906
- {
1907
- "kind": "variable",
1908
- "name": "defaultAccordionItemConfig",
1909
- "type": {
1910
- "text": "object"
1922
+ ],
1923
+ "superclass": {
1924
+ "name": "FoundationElement",
1925
+ "package": "@microsoft/fast-foundation"
1911
1926
  },
1912
- "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}"
1927
+ "tagName": "%%prefix%%-actions-menu",
1928
+ "customElement": true
1913
1929
  },
1914
1930
  {
1915
1931
  "kind": "variable",
1916
- "name": "foundationAccordionItem",
1917
- "description": "The Foundation Accordion Item",
1932
+ "name": "foundationActionsMenu",
1933
+ "description": "The Foundation Actions Menu",
1918
1934
  "privacy": "public"
1919
1935
  }
1920
1936
  ],
1921
1937
  "exports": [
1922
1938
  {
1923
1939
  "kind": "js",
1924
- "name": "AccordionItem",
1925
- "declaration": {
1926
- "name": "AccordionItem",
1927
- "module": "src/accordion-item/accordion-item.ts"
1928
- }
1929
- },
1930
- {
1931
- "kind": "js",
1932
- "name": "foundationAccordionItemShadowOptions",
1933
- "declaration": {
1934
- "name": "foundationAccordionItemShadowOptions",
1935
- "module": "src/accordion-item/accordion-item.ts"
1936
- }
1937
- },
1938
- {
1939
- "kind": "js",
1940
- "name": "defaultAccordionItemConfig",
1940
+ "name": "ActionsMenu",
1941
1941
  "declaration": {
1942
- "name": "defaultAccordionItemConfig",
1943
- "module": "src/accordion-item/accordion-item.ts"
1942
+ "name": "ActionsMenu",
1943
+ "module": "src/actions-menu/actions-menu.ts"
1944
1944
  }
1945
1945
  },
1946
1946
  {
1947
1947
  "kind": "js",
1948
- "name": "foundationAccordionItem",
1948
+ "name": "foundationActionsMenu",
1949
1949
  "declaration": {
1950
- "name": "foundationAccordionItem",
1951
- "module": "src/accordion-item/accordion-item.ts"
1950
+ "name": "foundationActionsMenu",
1951
+ "module": "src/actions-menu/actions-menu.ts"
1952
1952
  }
1953
1953
  }
1954
1954
  ]
1955
1955
  },
1956
1956
  {
1957
1957
  "kind": "javascript-module",
1958
- "path": "src/accordion-item/index.ts",
1958
+ "path": "src/actions-menu/index.ts",
1959
1959
  "declarations": [],
1960
1960
  "exports": [
1961
1961
  {
@@ -1963,7 +1963,7 @@
1963
1963
  "name": "*",
1964
1964
  "declaration": {
1965
1965
  "name": "*",
1966
- "package": "./accordion-item.template"
1966
+ "package": "./actions-menu.styles"
1967
1967
  }
1968
1968
  },
1969
1969
  {
@@ -1971,7 +1971,7 @@
1971
1971
  "name": "*",
1972
1972
  "declaration": {
1973
1973
  "name": "*",
1974
- "package": "./accordion-item.styles"
1974
+ "package": "./actions-menu.template"
1975
1975
  }
1976
1976
  },
1977
1977
  {
@@ -1979,7 +1979,7 @@
1979
1979
  "name": "*",
1980
1980
  "declaration": {
1981
1981
  "name": "*",
1982
- "package": "./accordion-item"
1982
+ "package": "./actions-menu"
1983
1983
  }
1984
1984
  }
1985
1985
  ]
@@ -4506,181 +4506,125 @@
4506
4506
  },
4507
4507
  {
4508
4508
  "kind": "javascript-module",
4509
- "path": "src/badge/badge.styles.ts",
4509
+ "path": "src/banner/banner.styles.ts",
4510
4510
  "declarations": [
4511
4511
  {
4512
- "kind": "function",
4513
- "name": "foundationBadgeStyles",
4514
- "return": {
4515
- "type": {
4516
- "text": "ElementStyles"
4517
- }
4512
+ "kind": "variable",
4513
+ "name": "foundationBannerStyles",
4514
+ "type": {
4515
+ "text": "ElementStyles"
4518
4516
  },
4519
- "parameters": [
4520
- {
4521
- "name": "context",
4522
- "type": {
4523
- "text": "ElementDefinitionContext"
4524
- }
4525
- },
4526
- {
4527
- "name": "definition",
4528
- "type": {
4529
- "text": "FoundationElementDefinition"
4530
- }
4531
- }
4532
- ]
4517
+ "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4533
4518
  }
4534
4519
  ],
4535
4520
  "exports": [
4536
4521
  {
4537
4522
  "kind": "js",
4538
- "name": "foundationBadgeStyles",
4523
+ "name": "foundationBannerStyles",
4539
4524
  "declaration": {
4540
- "name": "foundationBadgeStyles",
4541
- "module": "src/badge/badge.styles.ts"
4525
+ "name": "foundationBannerStyles",
4526
+ "module": "src/banner/banner.styles.ts"
4542
4527
  }
4543
4528
  }
4544
4529
  ]
4545
4530
  },
4546
4531
  {
4547
4532
  "kind": "javascript-module",
4548
- "path": "src/badge/badge.template.ts",
4533
+ "path": "src/banner/banner.template.ts",
4549
4534
  "declarations": [
4550
4535
  {
4551
4536
  "kind": "function",
4552
- "name": "foundationBadgeTemplate",
4553
- "return": {
4554
- "type": {
4555
- "text": "ViewTemplate<Badge>"
4556
- }
4557
- },
4537
+ "name": "getBannerTemplate",
4558
4538
  "parameters": [
4559
4539
  {
4560
- "name": "context",
4561
- "type": {
4562
- "text": "ElementDefinitionContext"
4563
- }
4564
- },
4565
- {
4566
- "name": "definition",
4540
+ "name": "prefix",
4567
4541
  "type": {
4568
- "text": "FoundationElementDefinition"
4542
+ "text": "string"
4569
4543
  }
4570
4544
  }
4571
4545
  ]
4546
+ },
4547
+ {
4548
+ "kind": "variable",
4549
+ "name": "foundationBannerTemplate",
4550
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4572
4551
  }
4573
4552
  ],
4574
4553
  "exports": [
4575
4554
  {
4576
4555
  "kind": "js",
4577
- "name": "foundationBadgeTemplate",
4556
+ "name": "getBannerTemplate",
4578
4557
  "declaration": {
4579
- "name": "foundationBadgeTemplate",
4580
- "module": "src/badge/badge.template.ts"
4558
+ "name": "getBannerTemplate",
4559
+ "module": "src/banner/banner.template.ts"
4560
+ }
4561
+ },
4562
+ {
4563
+ "kind": "js",
4564
+ "name": "foundationBannerTemplate",
4565
+ "declaration": {
4566
+ "name": "foundationBannerTemplate",
4567
+ "module": "src/banner/banner.template.ts"
4581
4568
  }
4582
4569
  }
4583
4570
  ]
4584
4571
  },
4585
4572
  {
4586
4573
  "kind": "javascript-module",
4587
- "path": "src/badge/badge.ts",
4574
+ "path": "src/banner/banner.ts",
4588
4575
  "declarations": [
4576
+ {
4577
+ "kind": "variable",
4578
+ "name": "foundationBannerShadowOptions",
4579
+ "type": {
4580
+ "text": "ShadowRootInit"
4581
+ },
4582
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4583
+ },
4589
4584
  {
4590
4585
  "kind": "class",
4591
4586
  "description": "",
4592
- "name": "Badge",
4593
- "superclass": {
4594
- "name": "FASTBadge",
4595
- "package": "@microsoft/fast-components"
4596
- },
4597
- "tagName": "%%prefix%%-badge",
4598
- "customElement": true,
4599
- "attributes": [
4600
- {
4601
- "name": "fill",
4602
- "type": {
4603
- "text": "string"
4604
- },
4605
- "description": "Indicates the badge should have a filled style.",
4606
- "fieldName": "fill",
4607
- "inheritedFrom": {
4608
- "name": "Badge",
4609
- "module": "src/badge/badge.ts"
4610
- }
4611
- },
4587
+ "name": "Banner",
4588
+ "members": [
4612
4589
  {
4613
- "name": "color",
4590
+ "kind": "field",
4591
+ "name": "banner",
4614
4592
  "type": {
4615
- "text": "string"
4593
+ "text": "HTMLElement"
4616
4594
  },
4617
- "description": "Indicates the badge should have a filled style.",
4618
- "fieldName": "color",
4619
- "inheritedFrom": {
4620
- "name": "Badge",
4621
- "module": "src/badge/badge.ts"
4622
- }
4595
+ "privacy": "public"
4623
4596
  },
4624
- {
4625
- "type": {
4626
- "text": "boolean"
4627
- },
4628
- "description": "Indicates the element should be circular",
4629
- "fieldName": "circular",
4630
- "inheritedFrom": {
4631
- "name": "Badge",
4632
- "module": "src/badge/badge.ts"
4633
- }
4634
- }
4635
- ],
4636
- "members": [
4637
4597
  {
4638
4598
  "kind": "field",
4639
- "name": "fill",
4599
+ "name": "dismissAnimation",
4640
4600
  "type": {
4641
- "text": "string"
4601
+ "text": "'banner-delete' | ''"
4642
4602
  },
4643
- "privacy": "public",
4644
- "description": "Indicates the badge should have a filled style.",
4645
- "inheritedFrom": {
4646
- "name": "Badge",
4647
- "module": "src/badge/badge.ts"
4648
- }
4603
+ "default": "''"
4649
4604
  },
4650
4605
  {
4651
4606
  "kind": "field",
4652
- "name": "color",
4607
+ "name": "notification",
4653
4608
  "type": {
4654
- "text": "string"
4655
- },
4656
- "privacy": "public",
4657
- "description": "Indicates the badge should have a filled style.",
4658
- "inheritedFrom": {
4659
- "name": "Badge",
4660
- "module": "src/badge/badge.ts"
4609
+ "text": "NotificationStructure"
4661
4610
  }
4662
4611
  },
4663
4612
  {
4664
- "kind": "field",
4665
- "name": "circular",
4666
- "type": {
4667
- "text": "boolean"
4668
- },
4613
+ "kind": "method",
4614
+ "name": "dismiss",
4669
4615
  "privacy": "public",
4670
- "description": "Indicates the element should be circular",
4671
- "inheritedFrom": {
4672
- "name": "Badge",
4673
- "module": "src/badge/badge.ts"
4674
- }
4616
+ "return": {
4617
+ "type": {
4618
+ "text": "Promise<void>"
4619
+ }
4620
+ },
4621
+ "description": "Dismiss the Banner from display."
4675
4622
  },
4676
4623
  {
4677
- "kind": "field",
4678
- "name": "generateBadgeStyle",
4624
+ "kind": "method",
4625
+ "name": "dismissNotification",
4679
4626
  "privacy": "public",
4680
- "inheritedFrom": {
4681
- "name": "Badge",
4682
- "module": "src/badge/badge.ts"
4683
- }
4627
+ "description": "Dismiss the Banner (NotificationStructure) from display."
4684
4628
  },
4685
4629
  {
4686
4630
  "kind": "field",
@@ -4793,69 +4737,51 @@
4793
4737
  "module": "src/foundation-element/foundation-element.ts"
4794
4738
  }
4795
4739
  }
4796
- ]
4797
- },
4798
- {
4799
- "kind": "variable",
4800
- "name": "foundationBadgeShadowOptions",
4801
- "type": {
4802
- "text": "ShadowRootInit"
4803
- },
4804
- "default": "undefined"
4805
- },
4806
- {
4807
- "kind": "variable",
4808
- "name": "defaultBadgeConfig",
4809
- "type": {
4810
- "text": "object"
4740
+ ],
4741
+ "superclass": {
4742
+ "name": "FoundationElement",
4743
+ "package": "@microsoft/fast-foundation"
4811
4744
  },
4812
- "default": "{}"
4745
+ "tagName": "%%prefix%%-banner",
4746
+ "customElement": true
4813
4747
  },
4814
4748
  {
4815
4749
  "kind": "variable",
4816
- "name": "foundationBadge",
4817
- "description": "The Foundation Badge",
4750
+ "name": "foundationBanner",
4751
+ "description": "The Foundation Banner",
4818
4752
  "privacy": "public"
4819
4753
  }
4820
4754
  ],
4821
4755
  "exports": [
4822
4756
  {
4823
4757
  "kind": "js",
4824
- "name": "Badge",
4825
- "declaration": {
4826
- "name": "Badge",
4827
- "module": "src/badge/badge.ts"
4828
- }
4829
- },
4830
- {
4831
- "kind": "js",
4832
- "name": "foundationBadgeShadowOptions",
4758
+ "name": "foundationBannerShadowOptions",
4833
4759
  "declaration": {
4834
- "name": "foundationBadgeShadowOptions",
4835
- "module": "src/badge/badge.ts"
4760
+ "name": "foundationBannerShadowOptions",
4761
+ "module": "src/banner/banner.ts"
4836
4762
  }
4837
4763
  },
4838
4764
  {
4839
4765
  "kind": "js",
4840
- "name": "defaultBadgeConfig",
4766
+ "name": "Banner",
4841
4767
  "declaration": {
4842
- "name": "defaultBadgeConfig",
4843
- "module": "src/badge/badge.ts"
4768
+ "name": "Banner",
4769
+ "module": "src/banner/banner.ts"
4844
4770
  }
4845
4771
  },
4846
4772
  {
4847
4773
  "kind": "js",
4848
- "name": "foundationBadge",
4774
+ "name": "foundationBanner",
4849
4775
  "declaration": {
4850
- "name": "foundationBadge",
4851
- "module": "src/badge/badge.ts"
4776
+ "name": "foundationBanner",
4777
+ "module": "src/banner/banner.ts"
4852
4778
  }
4853
4779
  }
4854
4780
  ]
4855
4781
  },
4856
4782
  {
4857
4783
  "kind": "javascript-module",
4858
- "path": "src/badge/index.ts",
4784
+ "path": "src/banner/index.ts",
4859
4785
  "declarations": [],
4860
4786
  "exports": [
4861
4787
  {
@@ -4863,7 +4789,7 @@
4863
4789
  "name": "*",
4864
4790
  "declaration": {
4865
4791
  "name": "*",
4866
- "package": "./badge.template"
4792
+ "package": "./banner.styles"
4867
4793
  }
4868
4794
  },
4869
4795
  {
@@ -4871,7 +4797,7 @@
4871
4797
  "name": "*",
4872
4798
  "declaration": {
4873
4799
  "name": "*",
4874
- "package": "./badge.styles"
4800
+ "package": "./banner.template"
4875
4801
  }
4876
4802
  },
4877
4803
  {
@@ -4879,132 +4805,188 @@
4879
4805
  "name": "*",
4880
4806
  "declaration": {
4881
4807
  "name": "*",
4882
- "package": "./badge"
4808
+ "package": "./banner"
4883
4809
  }
4884
4810
  }
4885
4811
  ]
4886
4812
  },
4887
4813
  {
4888
4814
  "kind": "javascript-module",
4889
- "path": "src/banner/banner.styles.ts",
4815
+ "path": "src/badge/badge.styles.ts",
4890
4816
  "declarations": [
4891
4817
  {
4892
- "kind": "variable",
4893
- "name": "foundationBannerStyles",
4894
- "type": {
4895
- "text": "ElementStyles"
4818
+ "kind": "function",
4819
+ "name": "foundationBadgeStyles",
4820
+ "return": {
4821
+ "type": {
4822
+ "text": "ElementStyles"
4823
+ }
4896
4824
  },
4897
- "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4825
+ "parameters": [
4826
+ {
4827
+ "name": "context",
4828
+ "type": {
4829
+ "text": "ElementDefinitionContext"
4830
+ }
4831
+ },
4832
+ {
4833
+ "name": "definition",
4834
+ "type": {
4835
+ "text": "FoundationElementDefinition"
4836
+ }
4837
+ }
4838
+ ]
4898
4839
  }
4899
4840
  ],
4900
4841
  "exports": [
4901
4842
  {
4902
4843
  "kind": "js",
4903
- "name": "foundationBannerStyles",
4844
+ "name": "foundationBadgeStyles",
4904
4845
  "declaration": {
4905
- "name": "foundationBannerStyles",
4906
- "module": "src/banner/banner.styles.ts"
4846
+ "name": "foundationBadgeStyles",
4847
+ "module": "src/badge/badge.styles.ts"
4907
4848
  }
4908
4849
  }
4909
4850
  ]
4910
4851
  },
4911
4852
  {
4912
4853
  "kind": "javascript-module",
4913
- "path": "src/banner/banner.template.ts",
4854
+ "path": "src/badge/badge.template.ts",
4914
4855
  "declarations": [
4915
4856
  {
4916
4857
  "kind": "function",
4917
- "name": "getBannerTemplate",
4858
+ "name": "foundationBadgeTemplate",
4859
+ "return": {
4860
+ "type": {
4861
+ "text": "ViewTemplate<Badge>"
4862
+ }
4863
+ },
4918
4864
  "parameters": [
4919
4865
  {
4920
- "name": "prefix",
4866
+ "name": "context",
4921
4867
  "type": {
4922
- "text": "string"
4868
+ "text": "ElementDefinitionContext"
4869
+ }
4870
+ },
4871
+ {
4872
+ "name": "definition",
4873
+ "type": {
4874
+ "text": "FoundationElementDefinition"
4923
4875
  }
4924
4876
  }
4925
4877
  ]
4926
- },
4927
- {
4928
- "kind": "variable",
4929
- "name": "foundationBannerTemplate",
4930
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4931
4878
  }
4932
4879
  ],
4933
4880
  "exports": [
4934
4881
  {
4935
4882
  "kind": "js",
4936
- "name": "getBannerTemplate",
4937
- "declaration": {
4938
- "name": "getBannerTemplate",
4939
- "module": "src/banner/banner.template.ts"
4940
- }
4941
- },
4942
- {
4943
- "kind": "js",
4944
- "name": "foundationBannerTemplate",
4883
+ "name": "foundationBadgeTemplate",
4945
4884
  "declaration": {
4946
- "name": "foundationBannerTemplate",
4947
- "module": "src/banner/banner.template.ts"
4885
+ "name": "foundationBadgeTemplate",
4886
+ "module": "src/badge/badge.template.ts"
4948
4887
  }
4949
4888
  }
4950
4889
  ]
4951
4890
  },
4952
4891
  {
4953
4892
  "kind": "javascript-module",
4954
- "path": "src/banner/banner.ts",
4893
+ "path": "src/badge/badge.ts",
4955
4894
  "declarations": [
4956
- {
4957
- "kind": "variable",
4958
- "name": "foundationBannerShadowOptions",
4959
- "type": {
4960
- "text": "ShadowRootInit"
4961
- },
4962
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4963
- },
4964
4895
  {
4965
4896
  "kind": "class",
4966
4897
  "description": "",
4967
- "name": "Banner",
4968
- "members": [
4898
+ "name": "Badge",
4899
+ "superclass": {
4900
+ "name": "FASTBadge",
4901
+ "package": "@microsoft/fast-components"
4902
+ },
4903
+ "tagName": "%%prefix%%-badge",
4904
+ "customElement": true,
4905
+ "attributes": [
4969
4906
  {
4970
- "kind": "field",
4971
- "name": "banner",
4907
+ "name": "fill",
4972
4908
  "type": {
4973
- "text": "HTMLElement"
4909
+ "text": "string"
4974
4910
  },
4975
- "privacy": "public"
4911
+ "description": "Indicates the badge should have a filled style.",
4912
+ "fieldName": "fill",
4913
+ "inheritedFrom": {
4914
+ "name": "Badge",
4915
+ "module": "src/badge/badge.ts"
4916
+ }
4976
4917
  },
4977
4918
  {
4978
- "kind": "field",
4979
- "name": "dismissAnimation",
4919
+ "name": "color",
4980
4920
  "type": {
4981
- "text": "'banner-delete' | ''"
4921
+ "text": "string"
4982
4922
  },
4983
- "default": "''"
4923
+ "description": "Indicates the badge should have a filled style.",
4924
+ "fieldName": "color",
4925
+ "inheritedFrom": {
4926
+ "name": "Badge",
4927
+ "module": "src/badge/badge.ts"
4928
+ }
4984
4929
  },
4930
+ {
4931
+ "type": {
4932
+ "text": "boolean"
4933
+ },
4934
+ "description": "Indicates the element should be circular",
4935
+ "fieldName": "circular",
4936
+ "inheritedFrom": {
4937
+ "name": "Badge",
4938
+ "module": "src/badge/badge.ts"
4939
+ }
4940
+ }
4941
+ ],
4942
+ "members": [
4985
4943
  {
4986
4944
  "kind": "field",
4987
- "name": "notification",
4945
+ "name": "fill",
4988
4946
  "type": {
4989
- "text": "NotificationStructure"
4947
+ "text": "string"
4948
+ },
4949
+ "privacy": "public",
4950
+ "description": "Indicates the badge should have a filled style.",
4951
+ "inheritedFrom": {
4952
+ "name": "Badge",
4953
+ "module": "src/badge/badge.ts"
4990
4954
  }
4991
4955
  },
4992
4956
  {
4993
- "kind": "method",
4994
- "name": "dismiss",
4957
+ "kind": "field",
4958
+ "name": "color",
4959
+ "type": {
4960
+ "text": "string"
4961
+ },
4995
4962
  "privacy": "public",
4996
- "return": {
4997
- "type": {
4998
- "text": "Promise<void>"
4999
- }
4963
+ "description": "Indicates the badge should have a filled style.",
4964
+ "inheritedFrom": {
4965
+ "name": "Badge",
4966
+ "module": "src/badge/badge.ts"
4967
+ }
4968
+ },
4969
+ {
4970
+ "kind": "field",
4971
+ "name": "circular",
4972
+ "type": {
4973
+ "text": "boolean"
5000
4974
  },
5001
- "description": "Dismiss the Banner from display."
4975
+ "privacy": "public",
4976
+ "description": "Indicates the element should be circular",
4977
+ "inheritedFrom": {
4978
+ "name": "Badge",
4979
+ "module": "src/badge/badge.ts"
4980
+ }
5002
4981
  },
5003
4982
  {
5004
- "kind": "method",
5005
- "name": "dismissNotification",
4983
+ "kind": "field",
4984
+ "name": "generateBadgeStyle",
5006
4985
  "privacy": "public",
5007
- "description": "Dismiss the Banner (NotificationStructure) from display."
4986
+ "inheritedFrom": {
4987
+ "name": "Badge",
4988
+ "module": "src/badge/badge.ts"
4989
+ }
5008
4990
  },
5009
4991
  {
5010
4992
  "kind": "field",
@@ -5117,51 +5099,69 @@
5117
5099
  "module": "src/foundation-element/foundation-element.ts"
5118
5100
  }
5119
5101
  }
5120
- ],
5121
- "superclass": {
5122
- "name": "FoundationElement",
5123
- "package": "@microsoft/fast-foundation"
5102
+ ]
5103
+ },
5104
+ {
5105
+ "kind": "variable",
5106
+ "name": "foundationBadgeShadowOptions",
5107
+ "type": {
5108
+ "text": "ShadowRootInit"
5124
5109
  },
5125
- "tagName": "%%prefix%%-banner",
5126
- "customElement": true
5110
+ "default": "undefined"
5127
5111
  },
5128
5112
  {
5129
5113
  "kind": "variable",
5130
- "name": "foundationBanner",
5131
- "description": "The Foundation Banner",
5114
+ "name": "defaultBadgeConfig",
5115
+ "type": {
5116
+ "text": "object"
5117
+ },
5118
+ "default": "{}"
5119
+ },
5120
+ {
5121
+ "kind": "variable",
5122
+ "name": "foundationBadge",
5123
+ "description": "The Foundation Badge",
5132
5124
  "privacy": "public"
5133
5125
  }
5134
5126
  ],
5135
5127
  "exports": [
5136
5128
  {
5137
5129
  "kind": "js",
5138
- "name": "foundationBannerShadowOptions",
5130
+ "name": "Badge",
5139
5131
  "declaration": {
5140
- "name": "foundationBannerShadowOptions",
5141
- "module": "src/banner/banner.ts"
5132
+ "name": "Badge",
5133
+ "module": "src/badge/badge.ts"
5142
5134
  }
5143
5135
  },
5144
5136
  {
5145
5137
  "kind": "js",
5146
- "name": "Banner",
5138
+ "name": "foundationBadgeShadowOptions",
5147
5139
  "declaration": {
5148
- "name": "Banner",
5149
- "module": "src/banner/banner.ts"
5140
+ "name": "foundationBadgeShadowOptions",
5141
+ "module": "src/badge/badge.ts"
5150
5142
  }
5151
5143
  },
5152
5144
  {
5153
5145
  "kind": "js",
5154
- "name": "foundationBanner",
5146
+ "name": "defaultBadgeConfig",
5155
5147
  "declaration": {
5156
- "name": "foundationBanner",
5157
- "module": "src/banner/banner.ts"
5148
+ "name": "defaultBadgeConfig",
5149
+ "module": "src/badge/badge.ts"
5150
+ }
5151
+ },
5152
+ {
5153
+ "kind": "js",
5154
+ "name": "foundationBadge",
5155
+ "declaration": {
5156
+ "name": "foundationBadge",
5157
+ "module": "src/badge/badge.ts"
5158
5158
  }
5159
5159
  }
5160
5160
  ]
5161
5161
  },
5162
5162
  {
5163
5163
  "kind": "javascript-module",
5164
- "path": "src/banner/index.ts",
5164
+ "path": "src/badge/index.ts",
5165
5165
  "declarations": [],
5166
5166
  "exports": [
5167
5167
  {
@@ -5169,7 +5169,7 @@
5169
5169
  "name": "*",
5170
5170
  "declaration": {
5171
5171
  "name": "*",
5172
- "package": "./banner.styles"
5172
+ "package": "./badge.template"
5173
5173
  }
5174
5174
  },
5175
5175
  {
@@ -5177,7 +5177,7 @@
5177
5177
  "name": "*",
5178
5178
  "declaration": {
5179
5179
  "name": "*",
5180
- "package": "./banner.template"
5180
+ "package": "./badge.styles"
5181
5181
  }
5182
5182
  },
5183
5183
  {
@@ -5185,7 +5185,7 @@
5185
5185
  "name": "*",
5186
5186
  "declaration": {
5187
5187
  "name": "*",
5188
- "package": "./banner"
5188
+ "package": "./badge"
5189
5189
  }
5190
5190
  }
5191
5191
  ]