@genesislcap/foundation-ui 14.205.0-jsdom.1 → 14.205.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.
Files changed (2) hide show
  1. package/dist/custom-elements.json +717 -717
  2. package/package.json +16 -16
package/dist/custom-elements.json CHANGED
@@ -1077,34 +1077,11 @@
1077
1077
  },
1078
1078
  {
1079
1079
  "kind": "javascript-module",
1080
- "path": "src/actions-menu/actions-menu.styles.ts",
1080
+ "path": "src/accordion-item/accordion-item.styles.ts",
1081
1081
  "declarations": [
1082
1082
  {
1083
1083
  "kind": "function",
1084
- "name": "actionsMenuBaseStyles",
1085
- "return": {
1086
- "type": {
1087
- "text": "ElementStyles"
1088
- }
1089
- },
1090
- "parameters": [
1091
- {
1092
- "name": "context",
1093
- "type": {
1094
- "text": "ElementDefinitionContext"
1095
- }
1096
- },
1097
- {
1098
- "name": "definition",
1099
- "type": {
1100
- "text": "FoundationElementDefinition"
1101
- }
1102
- }
1103
- ]
1104
- },
1105
- {
1106
- "kind": "function",
1107
- "name": "foundationActionsMenuStyles",
1084
+ "name": "foundationAccordionItemStyles",
1108
1085
  "return": {
1109
1086
  "type": {
1110
1087
  "text": "ElementStyles"
@@ -1129,339 +1106,226 @@
1129
1106
  "exports": [
1130
1107
  {
1131
1108
  "kind": "js",
1132
- "name": "actionsMenuBaseStyles",
1133
- "declaration": {
1134
- "name": "actionsMenuBaseStyles",
1135
- "module": "src/actions-menu/actions-menu.styles.ts"
1136
- }
1137
- },
1138
- {
1139
- "kind": "js",
1140
- "name": "foundationActionsMenuStyles",
1109
+ "name": "foundationAccordionItemStyles",
1141
1110
  "declaration": {
1142
- "name": "foundationActionsMenuStyles",
1143
- "module": "src/actions-menu/actions-menu.styles.ts"
1111
+ "name": "foundationAccordionItemStyles",
1112
+ "module": "src/accordion-item/accordion-item.styles.ts"
1144
1113
  }
1145
1114
  }
1146
1115
  ]
1147
1116
  },
1148
1117
  {
1149
1118
  "kind": "javascript-module",
1150
- "path": "src/actions-menu/actions-menu.template.ts",
1119
+ "path": "src/accordion-item/accordion-item.template.ts",
1151
1120
  "declarations": [
1152
1121
  {
1153
1122
  "kind": "function",
1154
- "name": "menuTemplate",
1123
+ "name": "foundationAccordionItemTemplate",
1124
+ "return": {
1125
+ "type": {
1126
+ "text": "ViewTemplate<AccordionItem>"
1127
+ }
1128
+ },
1155
1129
  "parameters": [
1156
1130
  {
1157
- "name": "prefix",
1131
+ "name": "context",
1158
1132
  "type": {
1159
- "text": "string"
1133
+ "text": "ElementDefinitionContext"
1160
1134
  }
1161
- }
1162
- ]
1163
- },
1164
- {
1165
- "kind": "function",
1166
- "name": "singleOptionTemplate",
1167
- "parameters": [
1135
+ },
1168
1136
  {
1169
- "name": "prefix",
1137
+ "name": "definition",
1170
1138
  "type": {
1171
- "text": "string"
1139
+ "text": "FoundationElementDefinition"
1172
1140
  }
1173
1141
  }
1174
1142
  ]
1175
- },
1176
- {
1177
- "kind": "variable",
1178
- "name": "foundationActionsMenuTemplate",
1179
- "type": {
1180
- "text": "ViewTemplate<ActionsMenu>"
1181
- },
1182
- "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`"
1183
1143
  }
1184
1144
  ],
1185
1145
  "exports": [
1186
1146
  {
1187
1147
  "kind": "js",
1188
- "name": "menuTemplate",
1189
- "declaration": {
1190
- "name": "menuTemplate",
1191
- "module": "src/actions-menu/actions-menu.template.ts"
1192
- }
1193
- },
1194
- {
1195
- "kind": "js",
1196
- "name": "singleOptionTemplate",
1197
- "declaration": {
1198
- "name": "singleOptionTemplate",
1199
- "module": "src/actions-menu/actions-menu.template.ts"
1200
- }
1201
- },
1202
- {
1203
- "kind": "js",
1204
- "name": "foundationActionsMenuTemplate",
1148
+ "name": "foundationAccordionItemTemplate",
1205
1149
  "declaration": {
1206
- "name": "foundationActionsMenuTemplate",
1207
- "module": "src/actions-menu/actions-menu.template.ts"
1150
+ "name": "foundationAccordionItemTemplate",
1151
+ "module": "src/accordion-item/accordion-item.template.ts"
1208
1152
  }
1209
1153
  }
1210
1154
  ]
1211
1155
  },
1212
1156
  {
1213
1157
  "kind": "javascript-module",
1214
- "path": "src/actions-menu/actions-menu.ts",
1158
+ "path": "src/accordion-item/accordion-item.ts",
1215
1159
  "declarations": [
1216
1160
  {
1217
1161
  "kind": "class",
1218
1162
  "description": "",
1219
- "name": "ActionsMenu",
1220
- "members": [
1163
+ "name": "AccordionItem",
1164
+ "superclass": {
1165
+ "name": "FASTAccordionItem",
1166
+ "package": "@microsoft/fast-components"
1167
+ },
1168
+ "tagName": "%%prefix%%-accordion-item",
1169
+ "customElement": true,
1170
+ "attributes": [
1221
1171
  {
1222
- "kind": "field",
1223
- "name": "actions",
1172
+ "name": "heading-level",
1224
1173
  "type": {
1225
- "text": "ActionMenuItem[]"
1174
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1175
+ },
1176
+ "default": "2",
1177
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1178
+ "fieldName": "headinglevel",
1179
+ "inheritedFrom": {
1180
+ "name": "AccordionItem",
1181
+ "module": "src/accordion-item/accordion-item.ts"
1226
1182
  }
1227
1183
  },
1228
1184
  {
1229
- "kind": "field",
1230
- "name": "isVertical",
1231
1185
  "type": {
1232
1186
  "text": "boolean"
1233
1187
  },
1234
- "default": "false"
1188
+ "default": "false",
1189
+ "description": "Expands or collapses the item.",
1190
+ "fieldName": "expanded",
1191
+ "inheritedFrom": {
1192
+ "name": "AccordionItem",
1193
+ "module": "src/accordion-item/accordion-item.ts"
1194
+ }
1235
1195
  },
1236
1196
  {
1237
- "kind": "field",
1238
- "name": "addDefaultActions",
1197
+ "name": "id",
1239
1198
  "type": {
1240
- "text": "boolean"
1199
+ "text": "string"
1241
1200
  },
1242
- "default": "true"
1243
- },
1201
+ "description": "The item ID",
1202
+ "fieldName": "id",
1203
+ "inheritedFrom": {
1204
+ "name": "AccordionItem",
1205
+ "module": "src/accordion-item/accordion-item.ts"
1206
+ }
1207
+ }
1208
+ ],
1209
+ "members": [
1244
1210
  {
1245
1211
  "kind": "field",
1246
- "name": "autoCloseOnAction",
1212
+ "name": "headinglevel",
1247
1213
  "type": {
1248
- "text": "boolean"
1214
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1249
1215
  },
1250
- "default": "true"
1251
- },
1252
- {
1253
- "kind": "field",
1254
- "name": "classNames",
1255
- "type": {
1256
- "text": "string"
1216
+ "privacy": "public",
1217
+ "default": "2",
1218
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1219
+ "inheritedFrom": {
1220
+ "name": "AccordionItem",
1221
+ "module": "src/accordion-item/accordion-item.ts"
1257
1222
  }
1258
1223
  },
1259
1224
  {
1260
1225
  "kind": "field",
1261
- "name": "definition",
1226
+ "name": "expanded",
1262
1227
  "type": {
1263
- "text": "any"
1228
+ "text": "boolean"
1229
+ },
1230
+ "privacy": "public",
1231
+ "default": "false",
1232
+ "description": "Expands or collapses the item.",
1233
+ "inheritedFrom": {
1234
+ "name": "AccordionItem",
1235
+ "module": "src/accordion-item/accordion-item.ts"
1264
1236
  }
1265
1237
  },
1266
1238
  {
1267
1239
  "kind": "field",
1268
- "name": "name",
1240
+ "name": "id",
1269
1241
  "type": {
1270
1242
  "text": "string"
1271
1243
  },
1272
- "default": "'Actions'"
1244
+ "privacy": "public",
1245
+ "description": "The item ID",
1246
+ "inheritedFrom": {
1247
+ "name": "AccordionItem",
1248
+ "module": "src/accordion-item/accordion-item.ts"
1249
+ }
1273
1250
  },
1274
1251
  {
1275
1252
  "kind": "field",
1276
- "name": "open",
1277
- "type": {
1278
- "text": "boolean"
1279
- },
1280
- "default": "false"
1253
+ "name": "change",
1254
+ "privacy": "private",
1255
+ "inheritedFrom": {
1256
+ "name": "AccordionItem",
1257
+ "module": "src/accordion-item/accordion-item.ts"
1258
+ }
1281
1259
  },
1282
1260
  {
1283
1261
  "kind": "field",
1284
- "name": "buttonAppearance",
1262
+ "name": "_presentation",
1285
1263
  "type": {
1286
- "text": "string"
1264
+ "text": "ComponentPresentation | null | undefined"
1265
+ },
1266
+ "privacy": "private",
1267
+ "default": "void 0",
1268
+ "inheritedFrom": {
1269
+ "name": "FoundationElement",
1270
+ "module": "src/foundation-element/foundation-element.ts"
1287
1271
  }
1288
1272
  },
1289
1273
  {
1290
1274
  "kind": "field",
1291
- "name": "hideDisabled",
1275
+ "name": "$presentation",
1292
1276
  "type": {
1293
- "text": "boolean"
1277
+ "text": "ComponentPresentation | null"
1294
1278
  },
1295
- "default": "false"
1279
+ "privacy": "public",
1280
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1281
+ "inheritedFrom": {
1282
+ "name": "FoundationElement",
1283
+ "module": "src/foundation-element/foundation-element.ts"
1284
+ }
1296
1285
  },
1297
1286
  {
1298
1287
  "kind": "field",
1299
- "name": "hideMenuSingleOption",
1288
+ "name": "template",
1300
1289
  "type": {
1301
- "text": "boolean"
1290
+ "text": "ElementViewTemplate | void | null"
1302
1291
  },
1303
- "default": "false"
1292
+ "privacy": "public",
1293
+ "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.",
1294
+ "inheritedFrom": {
1295
+ "name": "FoundationElement",
1296
+ "module": "src/foundation-element/foundation-element.ts"
1297
+ }
1304
1298
  },
1305
1299
  {
1306
- "kind": "field",
1307
- "name": "singleOption",
1308
- "type": {
1309
- "text": "ActionMenuItem"
1300
+ "kind": "method",
1301
+ "name": "templateChanged",
1302
+ "privacy": "protected",
1303
+ "return": {
1304
+ "type": {
1305
+ "text": "void"
1306
+ }
1307
+ },
1308
+ "inheritedFrom": {
1309
+ "name": "FoundationElement",
1310
+ "module": "src/foundation-element/foundation-element.ts"
1310
1311
  }
1311
1312
  },
1312
1313
  {
1313
1314
  "kind": "field",
1314
- "name": "actionsMenu",
1315
+ "name": "styles",
1315
1316
  "type": {
1316
- "text": "HTMLElement"
1317
+ "text": "ElementStyles | void | null"
1318
+ },
1319
+ "privacy": "public",
1320
+ "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.",
1321
+ "inheritedFrom": {
1322
+ "name": "FoundationElement",
1323
+ "module": "src/foundation-element/foundation-element.ts"
1317
1324
  }
1318
1325
  },
1319
1326
  {
1320
1327
  "kind": "method",
1321
- "name": "definitionChanged",
1322
- "privacy": "protected",
1323
- "parameters": [
1324
- {
1325
- "name": "oldValue",
1326
- "type": {
1327
- "text": "any"
1328
- }
1329
- },
1330
- {
1331
- "name": "newValue",
1332
- "type": {
1333
- "text": "any"
1334
- }
1335
- }
1336
- ]
1337
- },
1338
- {
1339
- "kind": "method",
1340
- "name": "openChanged",
1341
- "privacy": "protected"
1342
- },
1343
- {
1344
- "kind": "method",
1345
- "name": "toggleActionsMenuVisibility"
1346
- },
1347
- {
1348
- "kind": "method",
1349
- "name": "onActionMenuItemClick",
1350
- "parameters": [
1351
- {
1352
- "name": "callback",
1353
- "type": {
1354
- "text": "(rowData) => void | any"
1355
- }
1356
- }
1357
- ]
1358
- },
1359
- {
1360
- "kind": "field",
1361
- "name": "allActions",
1362
- "type": {
1363
- "text": "ActionMenuItem[]"
1364
- },
1365
- "readonly": true
1366
- },
1367
- {
1368
- "kind": "field",
1369
- "name": "rowData",
1370
- "readonly": true
1371
- },
1372
- {
1373
- "kind": "method",
1374
- "name": "getLabel",
1375
- "parameters": [
1376
- {
1377
- "name": "name",
1378
- "type": {
1379
- "text": "string | ((rowData: any) => string)"
1380
- }
1381
- }
1382
- ]
1383
- },
1384
- {
1385
- "kind": "method",
1386
- "name": "getTemplate",
1387
- "parameters": [
1388
- {
1389
- "name": "prefix",
1390
- "type": {
1391
- "text": "string"
1392
- }
1393
- }
1394
- ]
1395
- },
1396
- {
1397
- "kind": "field",
1398
- "name": "_presentation",
1399
- "type": {
1400
- "text": "ComponentPresentation | null | undefined"
1401
- },
1402
- "privacy": "private",
1403
- "default": "void 0",
1404
- "inheritedFrom": {
1405
- "name": "FoundationElement",
1406
- "module": "src/foundation-element/foundation-element.ts"
1407
- }
1408
- },
1409
- {
1410
- "kind": "field",
1411
- "name": "$presentation",
1412
- "type": {
1413
- "text": "ComponentPresentation | null"
1414
- },
1415
- "privacy": "public",
1416
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1417
- "inheritedFrom": {
1418
- "name": "FoundationElement",
1419
- "module": "src/foundation-element/foundation-element.ts"
1420
- }
1421
- },
1422
- {
1423
- "kind": "field",
1424
- "name": "template",
1425
- "type": {
1426
- "text": "ElementViewTemplate | void | null"
1427
- },
1428
- "privacy": "public",
1429
- "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.",
1430
- "inheritedFrom": {
1431
- "name": "FoundationElement",
1432
- "module": "src/foundation-element/foundation-element.ts"
1433
- }
1434
- },
1435
- {
1436
- "kind": "method",
1437
- "name": "templateChanged",
1438
- "privacy": "protected",
1439
- "return": {
1440
- "type": {
1441
- "text": "void"
1442
- }
1443
- },
1444
- "inheritedFrom": {
1445
- "name": "FoundationElement",
1446
- "module": "src/foundation-element/foundation-element.ts"
1447
- }
1448
- },
1449
- {
1450
- "kind": "field",
1451
- "name": "styles",
1452
- "type": {
1453
- "text": "ElementStyles | void | null"
1454
- },
1455
- "privacy": "public",
1456
- "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.",
1457
- "inheritedFrom": {
1458
- "name": "FoundationElement",
1459
- "module": "src/foundation-element/foundation-element.ts"
1460
- }
1461
- },
1462
- {
1463
- "kind": "method",
1464
- "name": "stylesChanged",
1328
+ "name": "stylesChanged",
1465
1329
  "privacy": "protected",
1466
1330
  "return": {
1467
1331
  "type": {
@@ -1505,107 +1369,78 @@
1505
1369
  }
1506
1370
  }
1507
1371
  ],
1508
- "attributes": [
1509
- {
1510
- "name": "is-vertical",
1511
- "type": {
1512
- "text": "boolean"
1513
- },
1514
- "default": "false",
1515
- "fieldName": "isVertical"
1516
- },
1517
- {
1518
- "name": "add-default-actions",
1519
- "type": {
1520
- "text": "boolean"
1521
- },
1522
- "default": "true",
1523
- "fieldName": "addDefaultActions"
1524
- },
1525
- {
1526
- "name": "auto-close-on-action",
1527
- "type": {
1528
- "text": "boolean"
1529
- },
1530
- "default": "true",
1531
- "fieldName": "autoCloseOnAction"
1532
- },
1533
- {
1534
- "name": "name",
1535
- "type": {
1536
- "text": "string"
1537
- },
1538
- "default": "'Actions'",
1539
- "fieldName": "name"
1540
- },
1541
- {
1542
- "name": "open",
1543
- "type": {
1544
- "text": "boolean"
1545
- },
1546
- "default": "false",
1547
- "fieldName": "open"
1548
- },
1549
- {
1550
- "name": "buttonAppearance",
1551
- "type": {
1552
- "text": "string"
1553
- },
1554
- "fieldName": "buttonAppearance"
1555
- },
1556
- {
1557
- "name": "hide-disabled",
1558
- "type": {
1559
- "text": "boolean"
1560
- },
1561
- "default": "false",
1562
- "fieldName": "hideDisabled"
1563
- },
1372
+ "events": [
1564
1373
  {
1565
- "name": "hide-menu-single-option",
1566
- "type": {
1567
- "text": "boolean"
1568
- },
1569
- "default": "false",
1570
- "fieldName": "hideMenuSingleOption"
1374
+ "description": "Fires a custom 'change' event when the button is invoked",
1375
+ "name": "change",
1376
+ "inheritedFrom": {
1377
+ "name": "AccordionItem",
1378
+ "module": "src/accordion-item/accordion-item.ts"
1379
+ }
1571
1380
  }
1572
- ],
1573
- "superclass": {
1574
- "name": "FoundationElement",
1575
- "package": "@microsoft/fast-foundation"
1381
+ ]
1382
+ },
1383
+ {
1384
+ "kind": "variable",
1385
+ "name": "foundationAccordionItemShadowOptions",
1386
+ "type": {
1387
+ "text": "ShadowRootInit"
1576
1388
  },
1577
- "tagName": "%%prefix%%-actions-menu",
1578
- "customElement": true
1389
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1579
1390
  },
1580
1391
  {
1581
1392
  "kind": "variable",
1582
- "name": "foundationActionsMenu",
1583
- "description": "The Foundation Actions Menu",
1393
+ "name": "defaultAccordionItemConfig",
1394
+ "type": {
1395
+ "text": "object"
1396
+ },
1397
+ "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}"
1398
+ },
1399
+ {
1400
+ "kind": "variable",
1401
+ "name": "foundationAccordionItem",
1402
+ "description": "The Foundation Accordion Item",
1584
1403
  "privacy": "public"
1585
1404
  }
1586
1405
  ],
1587
1406
  "exports": [
1588
1407
  {
1589
1408
  "kind": "js",
1590
- "name": "ActionsMenu",
1409
+ "name": "AccordionItem",
1591
1410
  "declaration": {
1592
- "name": "ActionsMenu",
1593
- "module": "src/actions-menu/actions-menu.ts"
1411
+ "name": "AccordionItem",
1412
+ "module": "src/accordion-item/accordion-item.ts"
1594
1413
  }
1595
1414
  },
1596
1415
  {
1597
1416
  "kind": "js",
1598
- "name": "foundationActionsMenu",
1417
+ "name": "foundationAccordionItemShadowOptions",
1599
1418
  "declaration": {
1600
- "name": "foundationActionsMenu",
1601
- "module": "src/actions-menu/actions-menu.ts"
1419
+ "name": "foundationAccordionItemShadowOptions",
1420
+ "module": "src/accordion-item/accordion-item.ts"
1421
+ }
1422
+ },
1423
+ {
1424
+ "kind": "js",
1425
+ "name": "defaultAccordionItemConfig",
1426
+ "declaration": {
1427
+ "name": "defaultAccordionItemConfig",
1428
+ "module": "src/accordion-item/accordion-item.ts"
1429
+ }
1430
+ },
1431
+ {
1432
+ "kind": "js",
1433
+ "name": "foundationAccordionItem",
1434
+ "declaration": {
1435
+ "name": "foundationAccordionItem",
1436
+ "module": "src/accordion-item/accordion-item.ts"
1602
1437
  }
1603
1438
  }
1604
1439
  ]
1605
1440
  },
1606
1441
  {
1607
1442
  "kind": "javascript-module",
1608
- "path": "src/actions-menu/index.ts",
1443
+ "path": "src/accordion-item/index.ts",
1609
1444
  "declarations": [],
1610
1445
  "exports": [
1611
1446
  {
@@ -1613,7 +1448,7 @@
1613
1448
  "name": "*",
1614
1449
  "declaration": {
1615
1450
  "name": "*",
1616
- "package": "./actions-menu.styles"
1451
+ "package": "./accordion-item.template"
1617
1452
  }
1618
1453
  },
1619
1454
  {
@@ -1621,7 +1456,7 @@
1621
1456
  "name": "*",
1622
1457
  "declaration": {
1623
1458
  "name": "*",
1624
- "package": "./actions-menu.template"
1459
+ "package": "./accordion-item.styles"
1625
1460
  }
1626
1461
  },
1627
1462
  {
@@ -1629,18 +1464,41 @@
1629
1464
  "name": "*",
1630
1465
  "declaration": {
1631
1466
  "name": "*",
1632
- "package": "./actions-menu"
1467
+ "package": "./accordion-item"
1633
1468
  }
1634
1469
  }
1635
1470
  ]
1636
1471
  },
1637
1472
  {
1638
1473
  "kind": "javascript-module",
1639
- "path": "src/accordion-item/accordion-item.styles.ts",
1474
+ "path": "src/actions-menu/actions-menu.styles.ts",
1640
1475
  "declarations": [
1641
1476
  {
1642
1477
  "kind": "function",
1643
- "name": "foundationAccordionItemStyles",
1478
+ "name": "actionsMenuBaseStyles",
1479
+ "return": {
1480
+ "type": {
1481
+ "text": "ElementStyles"
1482
+ }
1483
+ },
1484
+ "parameters": [
1485
+ {
1486
+ "name": "context",
1487
+ "type": {
1488
+ "text": "ElementDefinitionContext"
1489
+ }
1490
+ },
1491
+ {
1492
+ "name": "definition",
1493
+ "type": {
1494
+ "text": "FoundationElementDefinition"
1495
+ }
1496
+ }
1497
+ ]
1498
+ },
1499
+ {
1500
+ "kind": "function",
1501
+ "name": "foundationActionsMenuStyles",
1644
1502
  "return": {
1645
1503
  "type": {
1646
1504
  "text": "ElementStyles"
@@ -1665,157 +1523,270 @@
1665
1523
  "exports": [
1666
1524
  {
1667
1525
  "kind": "js",
1668
- "name": "foundationAccordionItemStyles",
1526
+ "name": "actionsMenuBaseStyles",
1669
1527
  "declaration": {
1670
- "name": "foundationAccordionItemStyles",
1671
- "module": "src/accordion-item/accordion-item.styles.ts"
1528
+ "name": "actionsMenuBaseStyles",
1529
+ "module": "src/actions-menu/actions-menu.styles.ts"
1530
+ }
1531
+ },
1532
+ {
1533
+ "kind": "js",
1534
+ "name": "foundationActionsMenuStyles",
1535
+ "declaration": {
1536
+ "name": "foundationActionsMenuStyles",
1537
+ "module": "src/actions-menu/actions-menu.styles.ts"
1672
1538
  }
1673
1539
  }
1674
1540
  ]
1675
1541
  },
1676
1542
  {
1677
1543
  "kind": "javascript-module",
1678
- "path": "src/accordion-item/accordion-item.template.ts",
1544
+ "path": "src/actions-menu/actions-menu.template.ts",
1679
1545
  "declarations": [
1680
1546
  {
1681
1547
  "kind": "function",
1682
- "name": "foundationAccordionItemTemplate",
1683
- "return": {
1684
- "type": {
1685
- "text": "ViewTemplate<AccordionItem>"
1686
- }
1687
- },
1548
+ "name": "menuTemplate",
1688
1549
  "parameters": [
1689
1550
  {
1690
- "name": "context",
1551
+ "name": "prefix",
1691
1552
  "type": {
1692
- "text": "ElementDefinitionContext"
1553
+ "text": "string"
1693
1554
  }
1694
- },
1555
+ }
1556
+ ]
1557
+ },
1558
+ {
1559
+ "kind": "function",
1560
+ "name": "singleOptionTemplate",
1561
+ "parameters": [
1695
1562
  {
1696
- "name": "definition",
1563
+ "name": "prefix",
1697
1564
  "type": {
1698
- "text": "FoundationElementDefinition"
1565
+ "text": "string"
1699
1566
  }
1700
1567
  }
1701
1568
  ]
1569
+ },
1570
+ {
1571
+ "kind": "variable",
1572
+ "name": "foundationActionsMenuTemplate",
1573
+ "type": {
1574
+ "text": "ViewTemplate<ActionsMenu>"
1575
+ },
1576
+ "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`"
1702
1577
  }
1703
1578
  ],
1704
1579
  "exports": [
1705
1580
  {
1706
1581
  "kind": "js",
1707
- "name": "foundationAccordionItemTemplate",
1582
+ "name": "menuTemplate",
1708
1583
  "declaration": {
1709
- "name": "foundationAccordionItemTemplate",
1710
- "module": "src/accordion-item/accordion-item.template.ts"
1584
+ "name": "menuTemplate",
1585
+ "module": "src/actions-menu/actions-menu.template.ts"
1586
+ }
1587
+ },
1588
+ {
1589
+ "kind": "js",
1590
+ "name": "singleOptionTemplate",
1591
+ "declaration": {
1592
+ "name": "singleOptionTemplate",
1593
+ "module": "src/actions-menu/actions-menu.template.ts"
1594
+ }
1595
+ },
1596
+ {
1597
+ "kind": "js",
1598
+ "name": "foundationActionsMenuTemplate",
1599
+ "declaration": {
1600
+ "name": "foundationActionsMenuTemplate",
1601
+ "module": "src/actions-menu/actions-menu.template.ts"
1711
1602
  }
1712
1603
  }
1713
1604
  ]
1714
1605
  },
1715
1606
  {
1716
1607
  "kind": "javascript-module",
1717
- "path": "src/accordion-item/accordion-item.ts",
1608
+ "path": "src/actions-menu/actions-menu.ts",
1718
1609
  "declarations": [
1719
1610
  {
1720
1611
  "kind": "class",
1721
1612
  "description": "",
1722
- "name": "AccordionItem",
1723
- "superclass": {
1724
- "name": "FASTAccordionItem",
1725
- "package": "@microsoft/fast-components"
1726
- },
1727
- "tagName": "%%prefix%%-accordion-item",
1728
- "customElement": true,
1729
- "attributes": [
1613
+ "name": "ActionsMenu",
1614
+ "members": [
1615
+ {
1616
+ "kind": "field",
1617
+ "name": "actions",
1618
+ "type": {
1619
+ "text": "ActionMenuItem[]"
1620
+ }
1621
+ },
1622
+ {
1623
+ "kind": "field",
1624
+ "name": "isVertical",
1625
+ "type": {
1626
+ "text": "boolean"
1627
+ },
1628
+ "default": "false"
1629
+ },
1630
+ {
1631
+ "kind": "field",
1632
+ "name": "addDefaultActions",
1633
+ "type": {
1634
+ "text": "boolean"
1635
+ },
1636
+ "default": "true"
1637
+ },
1638
+ {
1639
+ "kind": "field",
1640
+ "name": "autoCloseOnAction",
1641
+ "type": {
1642
+ "text": "boolean"
1643
+ },
1644
+ "default": "true"
1645
+ },
1730
1646
  {
1731
- "name": "heading-level",
1647
+ "kind": "field",
1648
+ "name": "classNames",
1732
1649
  "type": {
1733
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1734
- },
1735
- "default": "2",
1736
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1737
- "fieldName": "headinglevel",
1738
- "inheritedFrom": {
1739
- "name": "AccordionItem",
1740
- "module": "src/accordion-item/accordion-item.ts"
1650
+ "text": "string"
1741
1651
  }
1742
1652
  },
1743
1653
  {
1654
+ "kind": "field",
1655
+ "name": "definition",
1744
1656
  "type": {
1745
- "text": "boolean"
1746
- },
1747
- "default": "false",
1748
- "description": "Expands or collapses the item.",
1749
- "fieldName": "expanded",
1750
- "inheritedFrom": {
1751
- "name": "AccordionItem",
1752
- "module": "src/accordion-item/accordion-item.ts"
1657
+ "text": "any"
1753
1658
  }
1754
1659
  },
1755
1660
  {
1756
- "name": "id",
1661
+ "kind": "field",
1662
+ "name": "name",
1757
1663
  "type": {
1758
1664
  "text": "string"
1759
1665
  },
1760
- "description": "The item ID",
1761
- "fieldName": "id",
1762
- "inheritedFrom": {
1763
- "name": "AccordionItem",
1764
- "module": "src/accordion-item/accordion-item.ts"
1765
- }
1766
- }
1767
- ],
1768
- "members": [
1666
+ "default": "'Actions'"
1667
+ },
1769
1668
  {
1770
1669
  "kind": "field",
1771
- "name": "headinglevel",
1670
+ "name": "open",
1772
1671
  "type": {
1773
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1672
+ "text": "boolean"
1774
1673
  },
1775
- "privacy": "public",
1776
- "default": "2",
1777
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1778
- "inheritedFrom": {
1779
- "name": "AccordionItem",
1780
- "module": "src/accordion-item/accordion-item.ts"
1674
+ "default": "false"
1675
+ },
1676
+ {
1677
+ "kind": "field",
1678
+ "name": "buttonAppearance",
1679
+ "type": {
1680
+ "text": "string"
1781
1681
  }
1782
1682
  },
1783
1683
  {
1784
1684
  "kind": "field",
1785
- "name": "expanded",
1685
+ "name": "hideDisabled",
1786
1686
  "type": {
1787
1687
  "text": "boolean"
1788
1688
  },
1789
- "privacy": "public",
1790
- "default": "false",
1791
- "description": "Expands or collapses the item.",
1792
- "inheritedFrom": {
1793
- "name": "AccordionItem",
1794
- "module": "src/accordion-item/accordion-item.ts"
1795
- }
1689
+ "default": "false"
1796
1690
  },
1797
1691
  {
1798
1692
  "kind": "field",
1799
- "name": "id",
1693
+ "name": "hideMenuSingleOption",
1800
1694
  "type": {
1801
- "text": "string"
1695
+ "text": "boolean"
1802
1696
  },
1803
- "privacy": "public",
1804
- "description": "The item ID",
1805
- "inheritedFrom": {
1806
- "name": "AccordionItem",
1807
- "module": "src/accordion-item/accordion-item.ts"
1697
+ "default": "false"
1698
+ },
1699
+ {
1700
+ "kind": "field",
1701
+ "name": "singleOption",
1702
+ "type": {
1703
+ "text": "ActionMenuItem"
1808
1704
  }
1809
1705
  },
1810
1706
  {
1811
1707
  "kind": "field",
1812
- "name": "change",
1813
- "privacy": "private",
1814
- "inheritedFrom": {
1815
- "name": "AccordionItem",
1816
- "module": "src/accordion-item/accordion-item.ts"
1708
+ "name": "actionsMenu",
1709
+ "type": {
1710
+ "text": "HTMLElement"
1817
1711
  }
1818
1712
  },
1713
+ {
1714
+ "kind": "method",
1715
+ "name": "definitionChanged",
1716
+ "privacy": "protected",
1717
+ "parameters": [
1718
+ {
1719
+ "name": "oldValue",
1720
+ "type": {
1721
+ "text": "any"
1722
+ }
1723
+ },
1724
+ {
1725
+ "name": "newValue",
1726
+ "type": {
1727
+ "text": "any"
1728
+ }
1729
+ }
1730
+ ]
1731
+ },
1732
+ {
1733
+ "kind": "method",
1734
+ "name": "openChanged",
1735
+ "privacy": "protected"
1736
+ },
1737
+ {
1738
+ "kind": "method",
1739
+ "name": "toggleActionsMenuVisibility"
1740
+ },
1741
+ {
1742
+ "kind": "method",
1743
+ "name": "onActionMenuItemClick",
1744
+ "parameters": [
1745
+ {
1746
+ "name": "callback",
1747
+ "type": {
1748
+ "text": "(rowData) => void | any"
1749
+ }
1750
+ }
1751
+ ]
1752
+ },
1753
+ {
1754
+ "kind": "field",
1755
+ "name": "allActions",
1756
+ "type": {
1757
+ "text": "ActionMenuItem[]"
1758
+ },
1759
+ "readonly": true
1760
+ },
1761
+ {
1762
+ "kind": "field",
1763
+ "name": "rowData",
1764
+ "readonly": true
1765
+ },
1766
+ {
1767
+ "kind": "method",
1768
+ "name": "getLabel",
1769
+ "parameters": [
1770
+ {
1771
+ "name": "name",
1772
+ "type": {
1773
+ "text": "string | ((rowData: any) => string)"
1774
+ }
1775
+ }
1776
+ ]
1777
+ },
1778
+ {
1779
+ "kind": "method",
1780
+ "name": "getTemplate",
1781
+ "parameters": [
1782
+ {
1783
+ "name": "prefix",
1784
+ "type": {
1785
+ "text": "string"
1786
+ }
1787
+ }
1788
+ ]
1789
+ },
1819
1790
  {
1820
1791
  "kind": "field",
1821
1792
  "name": "_presentation",
@@ -1928,78 +1899,107 @@
1928
1899
  }
1929
1900
  }
1930
1901
  ],
1931
- "events": [
1902
+ "attributes": [
1932
1903
  {
1933
- "description": "Fires a custom 'change' event when the button is invoked",
1934
- "name": "change",
1935
- "inheritedFrom": {
1936
- "name": "AccordionItem",
1937
- "module": "src/accordion-item/accordion-item.ts"
1938
- }
1904
+ "name": "is-vertical",
1905
+ "type": {
1906
+ "text": "boolean"
1907
+ },
1908
+ "default": "false",
1909
+ "fieldName": "isVertical"
1910
+ },
1911
+ {
1912
+ "name": "add-default-actions",
1913
+ "type": {
1914
+ "text": "boolean"
1915
+ },
1916
+ "default": "true",
1917
+ "fieldName": "addDefaultActions"
1918
+ },
1919
+ {
1920
+ "name": "auto-close-on-action",
1921
+ "type": {
1922
+ "text": "boolean"
1923
+ },
1924
+ "default": "true",
1925
+ "fieldName": "autoCloseOnAction"
1926
+ },
1927
+ {
1928
+ "name": "name",
1929
+ "type": {
1930
+ "text": "string"
1931
+ },
1932
+ "default": "'Actions'",
1933
+ "fieldName": "name"
1934
+ },
1935
+ {
1936
+ "name": "open",
1937
+ "type": {
1938
+ "text": "boolean"
1939
+ },
1940
+ "default": "false",
1941
+ "fieldName": "open"
1942
+ },
1943
+ {
1944
+ "name": "buttonAppearance",
1945
+ "type": {
1946
+ "text": "string"
1947
+ },
1948
+ "fieldName": "buttonAppearance"
1949
+ },
1950
+ {
1951
+ "name": "hide-disabled",
1952
+ "type": {
1953
+ "text": "boolean"
1954
+ },
1955
+ "default": "false",
1956
+ "fieldName": "hideDisabled"
1957
+ },
1958
+ {
1959
+ "name": "hide-menu-single-option",
1960
+ "type": {
1961
+ "text": "boolean"
1962
+ },
1963
+ "default": "false",
1964
+ "fieldName": "hideMenuSingleOption"
1939
1965
  }
1940
- ]
1941
- },
1942
- {
1943
- "kind": "variable",
1944
- "name": "foundationAccordionItemShadowOptions",
1945
- "type": {
1946
- "text": "ShadowRootInit"
1947
- },
1948
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1949
- },
1950
- {
1951
- "kind": "variable",
1952
- "name": "defaultAccordionItemConfig",
1953
- "type": {
1954
- "text": "object"
1966
+ ],
1967
+ "superclass": {
1968
+ "name": "FoundationElement",
1969
+ "package": "@microsoft/fast-foundation"
1955
1970
  },
1956
- "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}"
1971
+ "tagName": "%%prefix%%-actions-menu",
1972
+ "customElement": true
1957
1973
  },
1958
1974
  {
1959
1975
  "kind": "variable",
1960
- "name": "foundationAccordionItem",
1961
- "description": "The Foundation Accordion Item",
1976
+ "name": "foundationActionsMenu",
1977
+ "description": "The Foundation Actions Menu",
1962
1978
  "privacy": "public"
1963
1979
  }
1964
1980
  ],
1965
1981
  "exports": [
1966
1982
  {
1967
1983
  "kind": "js",
1968
- "name": "AccordionItem",
1969
- "declaration": {
1970
- "name": "AccordionItem",
1971
- "module": "src/accordion-item/accordion-item.ts"
1972
- }
1973
- },
1974
- {
1975
- "kind": "js",
1976
- "name": "foundationAccordionItemShadowOptions",
1977
- "declaration": {
1978
- "name": "foundationAccordionItemShadowOptions",
1979
- "module": "src/accordion-item/accordion-item.ts"
1980
- }
1981
- },
1982
- {
1983
- "kind": "js",
1984
- "name": "defaultAccordionItemConfig",
1984
+ "name": "ActionsMenu",
1985
1985
  "declaration": {
1986
- "name": "defaultAccordionItemConfig",
1987
- "module": "src/accordion-item/accordion-item.ts"
1986
+ "name": "ActionsMenu",
1987
+ "module": "src/actions-menu/actions-menu.ts"
1988
1988
  }
1989
1989
  },
1990
1990
  {
1991
1991
  "kind": "js",
1992
- "name": "foundationAccordionItem",
1992
+ "name": "foundationActionsMenu",
1993
1993
  "declaration": {
1994
- "name": "foundationAccordionItem",
1995
- "module": "src/accordion-item/accordion-item.ts"
1994
+ "name": "foundationActionsMenu",
1995
+ "module": "src/actions-menu/actions-menu.ts"
1996
1996
  }
1997
1997
  }
1998
1998
  ]
1999
1999
  },
2000
2000
  {
2001
2001
  "kind": "javascript-module",
2002
- "path": "src/accordion-item/index.ts",
2002
+ "path": "src/actions-menu/index.ts",
2003
2003
  "declarations": [],
2004
2004
  "exports": [
2005
2005
  {
@@ -2007,7 +2007,7 @@
2007
2007
  "name": "*",
2008
2008
  "declaration": {
2009
2009
  "name": "*",
2010
- "package": "./accordion-item.template"
2010
+ "package": "./actions-menu.styles"
2011
2011
  }
2012
2012
  },
2013
2013
  {
@@ -2015,7 +2015,7 @@
2015
2015
  "name": "*",
2016
2016
  "declaration": {
2017
2017
  "name": "*",
2018
- "package": "./accordion-item.styles"
2018
+ "package": "./actions-menu.template"
2019
2019
  }
2020
2020
  },
2021
2021
  {
@@ -2023,7 +2023,7 @@
2023
2023
  "name": "*",
2024
2024
  "declaration": {
2025
2025
  "name": "*",
2026
- "package": "./accordion-item"
2026
+ "package": "./actions-menu"
2027
2027
  }
2028
2028
  }
2029
2029
  ]
@@ -4550,125 +4550,181 @@
4550
4550
  },
4551
4551
  {
4552
4552
  "kind": "javascript-module",
4553
- "path": "src/banner/banner.styles.ts",
4553
+ "path": "src/badge/badge.styles.ts",
4554
4554
  "declarations": [
4555
4555
  {
4556
- "kind": "variable",
4557
- "name": "foundationBannerStyles",
4558
- "type": {
4559
- "text": "ElementStyles"
4556
+ "kind": "function",
4557
+ "name": "foundationBadgeStyles",
4558
+ "return": {
4559
+ "type": {
4560
+ "text": "ElementStyles"
4561
+ }
4560
4562
  },
4561
- "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`"
4563
+ "parameters": [
4564
+ {
4565
+ "name": "context",
4566
+ "type": {
4567
+ "text": "ElementDefinitionContext"
4568
+ }
4569
+ },
4570
+ {
4571
+ "name": "definition",
4572
+ "type": {
4573
+ "text": "FoundationElementDefinition"
4574
+ }
4575
+ }
4576
+ ]
4562
4577
  }
4563
4578
  ],
4564
4579
  "exports": [
4565
4580
  {
4566
4581
  "kind": "js",
4567
- "name": "foundationBannerStyles",
4582
+ "name": "foundationBadgeStyles",
4568
4583
  "declaration": {
4569
- "name": "foundationBannerStyles",
4570
- "module": "src/banner/banner.styles.ts"
4584
+ "name": "foundationBadgeStyles",
4585
+ "module": "src/badge/badge.styles.ts"
4571
4586
  }
4572
4587
  }
4573
4588
  ]
4574
4589
  },
4575
4590
  {
4576
4591
  "kind": "javascript-module",
4577
- "path": "src/banner/banner.template.ts",
4592
+ "path": "src/badge/badge.template.ts",
4578
4593
  "declarations": [
4579
4594
  {
4580
4595
  "kind": "function",
4581
- "name": "getBannerTemplate",
4596
+ "name": "foundationBadgeTemplate",
4597
+ "return": {
4598
+ "type": {
4599
+ "text": "ViewTemplate<Badge>"
4600
+ }
4601
+ },
4582
4602
  "parameters": [
4583
4603
  {
4584
- "name": "prefix",
4604
+ "name": "context",
4585
4605
  "type": {
4586
- "text": "string"
4606
+ "text": "ElementDefinitionContext"
4607
+ }
4608
+ },
4609
+ {
4610
+ "name": "definition",
4611
+ "type": {
4612
+ "text": "FoundationElementDefinition"
4587
4613
  }
4588
4614
  }
4589
4615
  ]
4590
- },
4591
- {
4592
- "kind": "variable",
4593
- "name": "foundationBannerTemplate",
4594
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4595
4616
  }
4596
4617
  ],
4597
4618
  "exports": [
4598
4619
  {
4599
4620
  "kind": "js",
4600
- "name": "getBannerTemplate",
4601
- "declaration": {
4602
- "name": "getBannerTemplate",
4603
- "module": "src/banner/banner.template.ts"
4604
- }
4605
- },
4606
- {
4607
- "kind": "js",
4608
- "name": "foundationBannerTemplate",
4621
+ "name": "foundationBadgeTemplate",
4609
4622
  "declaration": {
4610
- "name": "foundationBannerTemplate",
4611
- "module": "src/banner/banner.template.ts"
4623
+ "name": "foundationBadgeTemplate",
4624
+ "module": "src/badge/badge.template.ts"
4612
4625
  }
4613
4626
  }
4614
4627
  ]
4615
4628
  },
4616
4629
  {
4617
4630
  "kind": "javascript-module",
4618
- "path": "src/banner/banner.ts",
4631
+ "path": "src/badge/badge.ts",
4619
4632
  "declarations": [
4620
- {
4621
- "kind": "variable",
4622
- "name": "foundationBannerShadowOptions",
4623
- "type": {
4624
- "text": "ShadowRootInit"
4625
- },
4626
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4627
- },
4628
4633
  {
4629
4634
  "kind": "class",
4630
4635
  "description": "",
4631
- "name": "Banner",
4632
- "members": [
4636
+ "name": "Badge",
4637
+ "superclass": {
4638
+ "name": "FASTBadge",
4639
+ "package": "@microsoft/fast-components"
4640
+ },
4641
+ "tagName": "%%prefix%%-badge",
4642
+ "customElement": true,
4643
+ "attributes": [
4633
4644
  {
4634
- "kind": "field",
4635
- "name": "banner",
4645
+ "name": "fill",
4636
4646
  "type": {
4637
- "text": "HTMLElement"
4647
+ "text": "string"
4638
4648
  },
4639
- "privacy": "public"
4649
+ "description": "Indicates the badge should have a filled style.",
4650
+ "fieldName": "fill",
4651
+ "inheritedFrom": {
4652
+ "name": "Badge",
4653
+ "module": "src/badge/badge.ts"
4654
+ }
4640
4655
  },
4641
4656
  {
4642
- "kind": "field",
4643
- "name": "dismissAnimation",
4657
+ "name": "color",
4644
4658
  "type": {
4645
- "text": "'banner-delete' | ''"
4659
+ "text": "string"
4646
4660
  },
4647
- "default": "''"
4661
+ "description": "Indicates the badge should have a filled style.",
4662
+ "fieldName": "color",
4663
+ "inheritedFrom": {
4664
+ "name": "Badge",
4665
+ "module": "src/badge/badge.ts"
4666
+ }
4648
4667
  },
4668
+ {
4669
+ "type": {
4670
+ "text": "boolean"
4671
+ },
4672
+ "description": "Indicates the element should be circular",
4673
+ "fieldName": "circular",
4674
+ "inheritedFrom": {
4675
+ "name": "Badge",
4676
+ "module": "src/badge/badge.ts"
4677
+ }
4678
+ }
4679
+ ],
4680
+ "members": [
4649
4681
  {
4650
4682
  "kind": "field",
4651
- "name": "notification",
4683
+ "name": "fill",
4652
4684
  "type": {
4653
- "text": "NotificationStructure"
4685
+ "text": "string"
4686
+ },
4687
+ "privacy": "public",
4688
+ "description": "Indicates the badge should have a filled style.",
4689
+ "inheritedFrom": {
4690
+ "name": "Badge",
4691
+ "module": "src/badge/badge.ts"
4654
4692
  }
4655
4693
  },
4656
4694
  {
4657
- "kind": "method",
4658
- "name": "dismiss",
4695
+ "kind": "field",
4696
+ "name": "color",
4697
+ "type": {
4698
+ "text": "string"
4699
+ },
4659
4700
  "privacy": "public",
4660
- "return": {
4661
- "type": {
4662
- "text": "Promise<void>"
4663
- }
4701
+ "description": "Indicates the badge should have a filled style.",
4702
+ "inheritedFrom": {
4703
+ "name": "Badge",
4704
+ "module": "src/badge/badge.ts"
4705
+ }
4706
+ },
4707
+ {
4708
+ "kind": "field",
4709
+ "name": "circular",
4710
+ "type": {
4711
+ "text": "boolean"
4664
4712
  },
4665
- "description": "Dismiss the Banner from display."
4713
+ "privacy": "public",
4714
+ "description": "Indicates the element should be circular",
4715
+ "inheritedFrom": {
4716
+ "name": "Badge",
4717
+ "module": "src/badge/badge.ts"
4718
+ }
4666
4719
  },
4667
4720
  {
4668
- "kind": "method",
4669
- "name": "dismissNotification",
4721
+ "kind": "field",
4722
+ "name": "generateBadgeStyle",
4670
4723
  "privacy": "public",
4671
- "description": "Dismiss the Banner (NotificationStructure) from display."
4724
+ "inheritedFrom": {
4725
+ "name": "Badge",
4726
+ "module": "src/badge/badge.ts"
4727
+ }
4672
4728
  },
4673
4729
  {
4674
4730
  "kind": "field",
@@ -4781,51 +4837,69 @@
4781
4837
  "module": "src/foundation-element/foundation-element.ts"
4782
4838
  }
4783
4839
  }
4784
- ],
4785
- "superclass": {
4786
- "name": "FoundationElement",
4787
- "package": "@microsoft/fast-foundation"
4840
+ ]
4841
+ },
4842
+ {
4843
+ "kind": "variable",
4844
+ "name": "foundationBadgeShadowOptions",
4845
+ "type": {
4846
+ "text": "ShadowRootInit"
4788
4847
  },
4789
- "tagName": "%%prefix%%-banner",
4790
- "customElement": true
4848
+ "default": "undefined"
4791
4849
  },
4792
4850
  {
4793
4851
  "kind": "variable",
4794
- "name": "foundationBanner",
4795
- "description": "The Foundation Banner",
4852
+ "name": "defaultBadgeConfig",
4853
+ "type": {
4854
+ "text": "object"
4855
+ },
4856
+ "default": "{}"
4857
+ },
4858
+ {
4859
+ "kind": "variable",
4860
+ "name": "foundationBadge",
4861
+ "description": "The Foundation Badge",
4796
4862
  "privacy": "public"
4797
4863
  }
4798
4864
  ],
4799
4865
  "exports": [
4800
4866
  {
4801
4867
  "kind": "js",
4802
- "name": "foundationBannerShadowOptions",
4868
+ "name": "Badge",
4803
4869
  "declaration": {
4804
- "name": "foundationBannerShadowOptions",
4805
- "module": "src/banner/banner.ts"
4870
+ "name": "Badge",
4871
+ "module": "src/badge/badge.ts"
4872
+ }
4873
+ },
4874
+ {
4875
+ "kind": "js",
4876
+ "name": "foundationBadgeShadowOptions",
4877
+ "declaration": {
4878
+ "name": "foundationBadgeShadowOptions",
4879
+ "module": "src/badge/badge.ts"
4806
4880
  }
4807
4881
  },
4808
4882
  {
4809
4883
  "kind": "js",
4810
- "name": "Banner",
4884
+ "name": "defaultBadgeConfig",
4811
4885
  "declaration": {
4812
- "name": "Banner",
4813
- "module": "src/banner/banner.ts"
4886
+ "name": "defaultBadgeConfig",
4887
+ "module": "src/badge/badge.ts"
4814
4888
  }
4815
4889
  },
4816
4890
  {
4817
4891
  "kind": "js",
4818
- "name": "foundationBanner",
4892
+ "name": "foundationBadge",
4819
4893
  "declaration": {
4820
- "name": "foundationBanner",
4821
- "module": "src/banner/banner.ts"
4894
+ "name": "foundationBadge",
4895
+ "module": "src/badge/badge.ts"
4822
4896
  }
4823
4897
  }
4824
4898
  ]
4825
4899
  },
4826
4900
  {
4827
4901
  "kind": "javascript-module",
4828
- "path": "src/banner/index.ts",
4902
+ "path": "src/badge/index.ts",
4829
4903
  "declarations": [],
4830
4904
  "exports": [
4831
4905
  {
@@ -4833,7 +4907,7 @@
4833
4907
  "name": "*",
4834
4908
  "declaration": {
4835
4909
  "name": "*",
4836
- "package": "./banner.styles"
4910
+ "package": "./badge.template"
4837
4911
  }
4838
4912
  },
4839
4913
  {
@@ -4841,7 +4915,7 @@
4841
4915
  "name": "*",
4842
4916
  "declaration": {
4843
4917
  "name": "*",
4844
- "package": "./banner.template"
4918
+ "package": "./badge.styles"
4845
4919
  }
4846
4920
  },
4847
4921
  {
@@ -4849,188 +4923,132 @@
4849
4923
  "name": "*",
4850
4924
  "declaration": {
4851
4925
  "name": "*",
4852
- "package": "./banner"
4926
+ "package": "./badge"
4853
4927
  }
4854
4928
  }
4855
4929
  ]
4856
4930
  },
4857
4931
  {
4858
4932
  "kind": "javascript-module",
4859
- "path": "src/badge/badge.styles.ts",
4933
+ "path": "src/banner/banner.styles.ts",
4860
4934
  "declarations": [
4861
4935
  {
4862
- "kind": "function",
4863
- "name": "foundationBadgeStyles",
4864
- "return": {
4865
- "type": {
4866
- "text": "ElementStyles"
4867
- }
4936
+ "kind": "variable",
4937
+ "name": "foundationBannerStyles",
4938
+ "type": {
4939
+ "text": "ElementStyles"
4868
4940
  },
4869
- "parameters": [
4870
- {
4871
- "name": "context",
4872
- "type": {
4873
- "text": "ElementDefinitionContext"
4874
- }
4875
- },
4876
- {
4877
- "name": "definition",
4878
- "type": {
4879
- "text": "FoundationElementDefinition"
4880
- }
4881
- }
4882
- ]
4941
+ "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`"
4883
4942
  }
4884
4943
  ],
4885
4944
  "exports": [
4886
4945
  {
4887
4946
  "kind": "js",
4888
- "name": "foundationBadgeStyles",
4947
+ "name": "foundationBannerStyles",
4889
4948
  "declaration": {
4890
- "name": "foundationBadgeStyles",
4891
- "module": "src/badge/badge.styles.ts"
4949
+ "name": "foundationBannerStyles",
4950
+ "module": "src/banner/banner.styles.ts"
4892
4951
  }
4893
4952
  }
4894
4953
  ]
4895
4954
  },
4896
4955
  {
4897
4956
  "kind": "javascript-module",
4898
- "path": "src/badge/badge.template.ts",
4957
+ "path": "src/banner/banner.template.ts",
4899
4958
  "declarations": [
4900
4959
  {
4901
4960
  "kind": "function",
4902
- "name": "foundationBadgeTemplate",
4903
- "return": {
4904
- "type": {
4905
- "text": "ViewTemplate<Badge>"
4906
- }
4907
- },
4961
+ "name": "getBannerTemplate",
4908
4962
  "parameters": [
4909
4963
  {
4910
- "name": "context",
4911
- "type": {
4912
- "text": "ElementDefinitionContext"
4913
- }
4914
- },
4915
- {
4916
- "name": "definition",
4964
+ "name": "prefix",
4917
4965
  "type": {
4918
- "text": "FoundationElementDefinition"
4966
+ "text": "string"
4919
4967
  }
4920
4968
  }
4921
4969
  ]
4970
+ },
4971
+ {
4972
+ "kind": "variable",
4973
+ "name": "foundationBannerTemplate",
4974
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4922
4975
  }
4923
4976
  ],
4924
4977
  "exports": [
4925
4978
  {
4926
4979
  "kind": "js",
4927
- "name": "foundationBadgeTemplate",
4980
+ "name": "getBannerTemplate",
4928
4981
  "declaration": {
4929
- "name": "foundationBadgeTemplate",
4930
- "module": "src/badge/badge.template.ts"
4982
+ "name": "getBannerTemplate",
4983
+ "module": "src/banner/banner.template.ts"
4984
+ }
4985
+ },
4986
+ {
4987
+ "kind": "js",
4988
+ "name": "foundationBannerTemplate",
4989
+ "declaration": {
4990
+ "name": "foundationBannerTemplate",
4991
+ "module": "src/banner/banner.template.ts"
4931
4992
  }
4932
4993
  }
4933
4994
  ]
4934
4995
  },
4935
4996
  {
4936
4997
  "kind": "javascript-module",
4937
- "path": "src/badge/badge.ts",
4998
+ "path": "src/banner/banner.ts",
4938
4999
  "declarations": [
5000
+ {
5001
+ "kind": "variable",
5002
+ "name": "foundationBannerShadowOptions",
5003
+ "type": {
5004
+ "text": "ShadowRootInit"
5005
+ },
5006
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5007
+ },
4939
5008
  {
4940
5009
  "kind": "class",
4941
5010
  "description": "",
4942
- "name": "Badge",
4943
- "superclass": {
4944
- "name": "FASTBadge",
4945
- "package": "@microsoft/fast-components"
4946
- },
4947
- "tagName": "%%prefix%%-badge",
4948
- "customElement": true,
4949
- "attributes": [
4950
- {
4951
- "name": "fill",
4952
- "type": {
4953
- "text": "string"
4954
- },
4955
- "description": "Indicates the badge should have a filled style.",
4956
- "fieldName": "fill",
4957
- "inheritedFrom": {
4958
- "name": "Badge",
4959
- "module": "src/badge/badge.ts"
4960
- }
4961
- },
5011
+ "name": "Banner",
5012
+ "members": [
4962
5013
  {
4963
- "name": "color",
5014
+ "kind": "field",
5015
+ "name": "banner",
4964
5016
  "type": {
4965
- "text": "string"
5017
+ "text": "HTMLElement"
4966
5018
  },
4967
- "description": "Indicates the badge should have a filled style.",
4968
- "fieldName": "color",
4969
- "inheritedFrom": {
4970
- "name": "Badge",
4971
- "module": "src/badge/badge.ts"
4972
- }
5019
+ "privacy": "public"
4973
5020
  },
4974
- {
4975
- "type": {
4976
- "text": "boolean"
4977
- },
4978
- "description": "Indicates the element should be circular",
4979
- "fieldName": "circular",
4980
- "inheritedFrom": {
4981
- "name": "Badge",
4982
- "module": "src/badge/badge.ts"
4983
- }
4984
- }
4985
- ],
4986
- "members": [
4987
5021
  {
4988
5022
  "kind": "field",
4989
- "name": "fill",
5023
+ "name": "dismissAnimation",
4990
5024
  "type": {
4991
- "text": "string"
5025
+ "text": "'banner-delete' | ''"
4992
5026
  },
4993
- "privacy": "public",
4994
- "description": "Indicates the badge should have a filled style.",
4995
- "inheritedFrom": {
4996
- "name": "Badge",
4997
- "module": "src/badge/badge.ts"
4998
- }
5027
+ "default": "''"
4999
5028
  },
5000
5029
  {
5001
5030
  "kind": "field",
5002
- "name": "color",
5031
+ "name": "notification",
5003
5032
  "type": {
5004
- "text": "string"
5005
- },
5006
- "privacy": "public",
5007
- "description": "Indicates the badge should have a filled style.",
5008
- "inheritedFrom": {
5009
- "name": "Badge",
5010
- "module": "src/badge/badge.ts"
5033
+ "text": "NotificationStructure"
5011
5034
  }
5012
5035
  },
5013
5036
  {
5014
- "kind": "field",
5015
- "name": "circular",
5016
- "type": {
5017
- "text": "boolean"
5018
- },
5037
+ "kind": "method",
5038
+ "name": "dismiss",
5019
5039
  "privacy": "public",
5020
- "description": "Indicates the element should be circular",
5021
- "inheritedFrom": {
5022
- "name": "Badge",
5023
- "module": "src/badge/badge.ts"
5024
- }
5040
+ "return": {
5041
+ "type": {
5042
+ "text": "Promise<void>"
5043
+ }
5044
+ },
5045
+ "description": "Dismiss the Banner from display."
5025
5046
  },
5026
5047
  {
5027
- "kind": "field",
5028
- "name": "generateBadgeStyle",
5048
+ "kind": "method",
5049
+ "name": "dismissNotification",
5029
5050
  "privacy": "public",
5030
- "inheritedFrom": {
5031
- "name": "Badge",
5032
- "module": "src/badge/badge.ts"
5033
- }
5051
+ "description": "Dismiss the Banner (NotificationStructure) from display."
5034
5052
  },
5035
5053
  {
5036
5054
  "kind": "field",
@@ -5143,69 +5161,51 @@
5143
5161
  "module": "src/foundation-element/foundation-element.ts"
5144
5162
  }
5145
5163
  }
5146
- ]
5147
- },
5148
- {
5149
- "kind": "variable",
5150
- "name": "foundationBadgeShadowOptions",
5151
- "type": {
5152
- "text": "ShadowRootInit"
5153
- },
5154
- "default": "undefined"
5155
- },
5156
- {
5157
- "kind": "variable",
5158
- "name": "defaultBadgeConfig",
5159
- "type": {
5160
- "text": "object"
5164
+ ],
5165
+ "superclass": {
5166
+ "name": "FoundationElement",
5167
+ "package": "@microsoft/fast-foundation"
5161
5168
  },
5162
- "default": "{}"
5169
+ "tagName": "%%prefix%%-banner",
5170
+ "customElement": true
5163
5171
  },
5164
5172
  {
5165
5173
  "kind": "variable",
5166
- "name": "foundationBadge",
5167
- "description": "The Foundation Badge",
5174
+ "name": "foundationBanner",
5175
+ "description": "The Foundation Banner",
5168
5176
  "privacy": "public"
5169
5177
  }
5170
5178
  ],
5171
5179
  "exports": [
5172
5180
  {
5173
5181
  "kind": "js",
5174
- "name": "Badge",
5175
- "declaration": {
5176
- "name": "Badge",
5177
- "module": "src/badge/badge.ts"
5178
- }
5179
- },
5180
- {
5181
- "kind": "js",
5182
- "name": "foundationBadgeShadowOptions",
5182
+ "name": "foundationBannerShadowOptions",
5183
5183
  "declaration": {
5184
- "name": "foundationBadgeShadowOptions",
5185
- "module": "src/badge/badge.ts"
5184
+ "name": "foundationBannerShadowOptions",
5185
+ "module": "src/banner/banner.ts"
5186
5186
  }
5187
5187
  },
5188
5188
  {
5189
5189
  "kind": "js",
5190
- "name": "defaultBadgeConfig",
5190
+ "name": "Banner",
5191
5191
  "declaration": {
5192
- "name": "defaultBadgeConfig",
5193
- "module": "src/badge/badge.ts"
5192
+ "name": "Banner",
5193
+ "module": "src/banner/banner.ts"
5194
5194
  }
5195
5195
  },
5196
5196
  {
5197
5197
  "kind": "js",
5198
- "name": "foundationBadge",
5198
+ "name": "foundationBanner",
5199
5199
  "declaration": {
5200
- "name": "foundationBadge",
5201
- "module": "src/badge/badge.ts"
5200
+ "name": "foundationBanner",
5201
+ "module": "src/banner/banner.ts"
5202
5202
  }
5203
5203
  }
5204
5204
  ]
5205
5205
  },
5206
5206
  {
5207
5207
  "kind": "javascript-module",
5208
- "path": "src/badge/index.ts",
5208
+ "path": "src/banner/index.ts",
5209
5209
  "declarations": [],
5210
5210
  "exports": [
5211
5211
  {
@@ -5213,7 +5213,7 @@
5213
5213
  "name": "*",
5214
5214
  "declaration": {
5215
5215
  "name": "*",
5216
- "package": "./badge.template"
5216
+ "package": "./banner.styles"
5217
5217
  }
5218
5218
  },
5219
5219
  {
@@ -5221,7 +5221,7 @@
5221
5221
  "name": "*",
5222
5222
  "declaration": {
5223
5223
  "name": "*",
5224
- "package": "./badge.styles"
5224
+ "package": "./banner.template"
5225
5225
  }
5226
5226
  },
5227
5227
  {
@@ -5229,7 +5229,7 @@
5229
5229
  "name": "*",
5230
5230
  "declaration": {
5231
5231
  "name": "*",
5232
- "package": "./badge"
5232
+ "package": "./banner"
5233
5233
  }
5234
5234
  }
5235
5235
  ]