@genesislcap/foundation-ui 14.257.1 → 14.258.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.
@@ -835,6 +835,51 @@
835
835
  }
836
836
  ]
837
837
  },
838
+ {
839
+ "kind": "javascript-module",
840
+ "path": "src/_common/icons.ts",
841
+ "declarations": [
842
+ {
843
+ "kind": "function",
844
+ "name": "closeIcon",
845
+ "parameters": [
846
+ {
847
+ "name": "slot",
848
+ "default": "'start'"
849
+ },
850
+ {
851
+ "name": "fill",
852
+ "default": "'#879ba6'"
853
+ }
854
+ ]
855
+ }
856
+ ],
857
+ "exports": [
858
+ {
859
+ "kind": "js",
860
+ "name": "closeIcon",
861
+ "declaration": {
862
+ "name": "closeIcon",
863
+ "module": "src/_common/icons.ts"
864
+ }
865
+ }
866
+ ]
867
+ },
868
+ {
869
+ "kind": "javascript-module",
870
+ "path": "src/_common/index.ts",
871
+ "declarations": [],
872
+ "exports": [
873
+ {
874
+ "kind": "js",
875
+ "name": "*",
876
+ "declaration": {
877
+ "name": "*",
878
+ "package": "./icons"
879
+ }
880
+ }
881
+ ]
882
+ },
838
883
  {
839
884
  "kind": "javascript-module",
840
885
  "path": "src/accordion/accordion.styles.ts",
@@ -1050,34 +1095,11 @@
1050
1095
  },
1051
1096
  {
1052
1097
  "kind": "javascript-module",
1053
- "path": "src/actions-menu/actions-menu.styles.ts",
1098
+ "path": "src/accordion-item/accordion-item.styles.ts",
1054
1099
  "declarations": [
1055
1100
  {
1056
1101
  "kind": "function",
1057
- "name": "actionsMenuBaseStyles",
1058
- "return": {
1059
- "type": {
1060
- "text": "ElementStyles"
1061
- }
1062
- },
1063
- "parameters": [
1064
- {
1065
- "name": "context",
1066
- "type": {
1067
- "text": "ElementDefinitionContext"
1068
- }
1069
- },
1070
- {
1071
- "name": "definition",
1072
- "type": {
1073
- "text": "FoundationElementDefinition"
1074
- }
1075
- }
1076
- ]
1077
- },
1078
- {
1079
- "kind": "function",
1080
- "name": "foundationActionsMenuStyles",
1102
+ "name": "foundationAccordionItemStyles",
1081
1103
  "return": {
1082
1104
  "type": {
1083
1105
  "text": "ElementStyles"
@@ -1102,299 +1124,186 @@
1102
1124
  "exports": [
1103
1125
  {
1104
1126
  "kind": "js",
1105
- "name": "actionsMenuBaseStyles",
1106
- "declaration": {
1107
- "name": "actionsMenuBaseStyles",
1108
- "module": "src/actions-menu/actions-menu.styles.ts"
1109
- }
1110
- },
1111
- {
1112
- "kind": "js",
1113
- "name": "foundationActionsMenuStyles",
1127
+ "name": "foundationAccordionItemStyles",
1114
1128
  "declaration": {
1115
- "name": "foundationActionsMenuStyles",
1116
- "module": "src/actions-menu/actions-menu.styles.ts"
1129
+ "name": "foundationAccordionItemStyles",
1130
+ "module": "src/accordion-item/accordion-item.styles.ts"
1117
1131
  }
1118
1132
  }
1119
1133
  ]
1120
1134
  },
1121
1135
  {
1122
1136
  "kind": "javascript-module",
1123
- "path": "src/actions-menu/actions-menu.template.ts",
1137
+ "path": "src/accordion-item/accordion-item.template.ts",
1124
1138
  "declarations": [
1125
1139
  {
1126
1140
  "kind": "function",
1127
- "name": "menuTemplate",
1141
+ "name": "foundationAccordionItemTemplate",
1142
+ "return": {
1143
+ "type": {
1144
+ "text": "ViewTemplate<AccordionItem>"
1145
+ }
1146
+ },
1128
1147
  "parameters": [
1129
1148
  {
1130
- "name": "prefix",
1149
+ "name": "context",
1131
1150
  "type": {
1132
- "text": "string"
1151
+ "text": "ElementDefinitionContext"
1133
1152
  }
1134
- }
1135
- ]
1136
- },
1137
- {
1138
- "kind": "function",
1139
- "name": "singleOptionTemplate",
1140
- "parameters": [
1153
+ },
1141
1154
  {
1142
- "name": "prefix",
1155
+ "name": "definition",
1143
1156
  "type": {
1144
- "text": "string"
1157
+ "text": "FoundationElementDefinition"
1145
1158
  }
1146
1159
  }
1147
1160
  ]
1148
- },
1149
- {
1150
- "kind": "variable",
1151
- "name": "foundationActionsMenuTemplate",
1152
- "type": {
1153
- "text": "ViewTemplate<ActionsMenu>"
1154
- },
1155
- "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
1156
1161
  }
1157
1162
  ],
1158
1163
  "exports": [
1159
1164
  {
1160
1165
  "kind": "js",
1161
- "name": "menuTemplate",
1162
- "declaration": {
1163
- "name": "menuTemplate",
1164
- "module": "src/actions-menu/actions-menu.template.ts"
1165
- }
1166
- },
1167
- {
1168
- "kind": "js",
1169
- "name": "singleOptionTemplate",
1170
- "declaration": {
1171
- "name": "singleOptionTemplate",
1172
- "module": "src/actions-menu/actions-menu.template.ts"
1173
- }
1174
- },
1175
- {
1176
- "kind": "js",
1177
- "name": "foundationActionsMenuTemplate",
1166
+ "name": "foundationAccordionItemTemplate",
1178
1167
  "declaration": {
1179
- "name": "foundationActionsMenuTemplate",
1180
- "module": "src/actions-menu/actions-menu.template.ts"
1168
+ "name": "foundationAccordionItemTemplate",
1169
+ "module": "src/accordion-item/accordion-item.template.ts"
1181
1170
  }
1182
1171
  }
1183
1172
  ]
1184
1173
  },
1185
1174
  {
1186
1175
  "kind": "javascript-module",
1187
- "path": "src/actions-menu/actions-menu.ts",
1176
+ "path": "src/accordion-item/accordion-item.ts",
1188
1177
  "declarations": [
1189
1178
  {
1190
1179
  "kind": "class",
1191
1180
  "description": "",
1192
- "name": "ActionsMenu",
1193
- "members": [
1181
+ "name": "AccordionItem",
1182
+ "superclass": {
1183
+ "name": "FASTAccordionItem",
1184
+ "package": "@microsoft/fast-components"
1185
+ },
1186
+ "tagName": "%%prefix%%-accordion-item",
1187
+ "customElement": true,
1188
+ "attributes": [
1194
1189
  {
1195
- "kind": "field",
1196
- "name": "actions",
1190
+ "name": "heading-level",
1197
1191
  "type": {
1198
- "text": "ActionMenuItem[]"
1192
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1193
+ },
1194
+ "default": "2",
1195
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1196
+ "fieldName": "headinglevel",
1197
+ "inheritedFrom": {
1198
+ "name": "AccordionItem",
1199
+ "module": "src/accordion-item/accordion-item.ts"
1199
1200
  }
1200
1201
  },
1201
1202
  {
1202
- "kind": "field",
1203
- "name": "isVertical",
1204
1203
  "type": {
1205
1204
  "text": "boolean"
1206
1205
  },
1207
- "default": "false"
1206
+ "default": "false",
1207
+ "description": "Expands or collapses the item.",
1208
+ "fieldName": "expanded",
1209
+ "inheritedFrom": {
1210
+ "name": "AccordionItem",
1211
+ "module": "src/accordion-item/accordion-item.ts"
1212
+ }
1208
1213
  },
1214
+ {
1215
+ "name": "id",
1216
+ "type": {
1217
+ "text": "string"
1218
+ },
1219
+ "description": "The item ID",
1220
+ "fieldName": "id",
1221
+ "inheritedFrom": {
1222
+ "name": "AccordionItem",
1223
+ "module": "src/accordion-item/accordion-item.ts"
1224
+ }
1225
+ }
1226
+ ],
1227
+ "members": [
1209
1228
  {
1210
1229
  "kind": "field",
1211
- "name": "addDefaultActions",
1230
+ "name": "headinglevel",
1212
1231
  "type": {
1213
- "text": "boolean"
1232
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1214
1233
  },
1215
- "default": "true"
1234
+ "privacy": "public",
1235
+ "default": "2",
1236
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1237
+ "inheritedFrom": {
1238
+ "name": "AccordionItem",
1239
+ "module": "src/accordion-item/accordion-item.ts"
1240
+ }
1216
1241
  },
1217
1242
  {
1218
1243
  "kind": "field",
1219
- "name": "autoCloseOnAction",
1244
+ "name": "expanded",
1220
1245
  "type": {
1221
1246
  "text": "boolean"
1222
1247
  },
1223
- "default": "true"
1248
+ "privacy": "public",
1249
+ "default": "false",
1250
+ "description": "Expands or collapses the item.",
1251
+ "inheritedFrom": {
1252
+ "name": "AccordionItem",
1253
+ "module": "src/accordion-item/accordion-item.ts"
1254
+ }
1224
1255
  },
1225
1256
  {
1226
1257
  "kind": "field",
1227
- "name": "classNames",
1258
+ "name": "id",
1228
1259
  "type": {
1229
1260
  "text": "string"
1261
+ },
1262
+ "privacy": "public",
1263
+ "description": "The item ID",
1264
+ "inheritedFrom": {
1265
+ "name": "AccordionItem",
1266
+ "module": "src/accordion-item/accordion-item.ts"
1230
1267
  }
1231
1268
  },
1232
1269
  {
1233
1270
  "kind": "field",
1234
- "name": "definition",
1235
- "type": {
1236
- "text": "any"
1271
+ "name": "change",
1272
+ "privacy": "private",
1273
+ "inheritedFrom": {
1274
+ "name": "AccordionItem",
1275
+ "module": "src/accordion-item/accordion-item.ts"
1237
1276
  }
1238
1277
  },
1239
1278
  {
1240
1279
  "kind": "field",
1241
- "name": "name",
1280
+ "name": "_presentation",
1242
1281
  "type": {
1243
- "text": "string"
1282
+ "text": "ComponentPresentation | null | undefined"
1244
1283
  },
1245
- "default": "'Actions'"
1284
+ "privacy": "private",
1285
+ "default": "void 0",
1286
+ "inheritedFrom": {
1287
+ "name": "FoundationElement",
1288
+ "module": "src/foundation-element/foundation-element.ts"
1289
+ }
1246
1290
  },
1247
1291
  {
1248
1292
  "kind": "field",
1249
- "name": "open",
1293
+ "name": "$presentation",
1250
1294
  "type": {
1251
- "text": "boolean"
1295
+ "text": "ComponentPresentation | null"
1252
1296
  },
1253
- "default": "false"
1254
- },
1255
- {
1256
- "kind": "field",
1257
- "name": "buttonAppearance",
1258
- "type": {
1259
- "text": "string"
1297
+ "privacy": "public",
1298
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1299
+ "inheritedFrom": {
1300
+ "name": "FoundationElement",
1301
+ "module": "src/foundation-element/foundation-element.ts"
1260
1302
  }
1261
1303
  },
1262
1304
  {
1263
1305
  "kind": "field",
1264
- "name": "hideDisabled",
1265
- "type": {
1266
- "text": "boolean"
1267
- },
1268
- "default": "false"
1269
- },
1270
- {
1271
- "kind": "field",
1272
- "name": "hideMenuSingleOption",
1273
- "type": {
1274
- "text": "boolean"
1275
- },
1276
- "default": "false"
1277
- },
1278
- {
1279
- "kind": "field",
1280
- "name": "singleOption",
1281
- "type": {
1282
- "text": "ActionMenuItem"
1283
- }
1284
- },
1285
- {
1286
- "kind": "field",
1287
- "name": "actionsMenu",
1288
- "type": {
1289
- "text": "HTMLElement"
1290
- }
1291
- },
1292
- {
1293
- "kind": "method",
1294
- "name": "definitionChanged",
1295
- "privacy": "protected",
1296
- "parameters": [
1297
- {
1298
- "name": "oldValue",
1299
- "type": {
1300
- "text": "any"
1301
- }
1302
- },
1303
- {
1304
- "name": "newValue",
1305
- "type": {
1306
- "text": "any"
1307
- }
1308
- }
1309
- ]
1310
- },
1311
- {
1312
- "kind": "method",
1313
- "name": "openChanged",
1314
- "privacy": "protected"
1315
- },
1316
- {
1317
- "kind": "method",
1318
- "name": "toggleActionsMenuVisibility"
1319
- },
1320
- {
1321
- "kind": "method",
1322
- "name": "onActionMenuItemClick",
1323
- "parameters": [
1324
- {
1325
- "name": "callback",
1326
- "type": {
1327
- "text": "(rowData) => void | any"
1328
- }
1329
- }
1330
- ]
1331
- },
1332
- {
1333
- "kind": "field",
1334
- "name": "allActions",
1335
- "type": {
1336
- "text": "ActionMenuItem[]"
1337
- },
1338
- "readonly": true
1339
- },
1340
- {
1341
- "kind": "field",
1342
- "name": "rowData",
1343
- "readonly": true
1344
- },
1345
- {
1346
- "kind": "method",
1347
- "name": "getLabel",
1348
- "parameters": [
1349
- {
1350
- "name": "name",
1351
- "type": {
1352
- "text": "string | ((rowData: any) => string)"
1353
- }
1354
- }
1355
- ]
1356
- },
1357
- {
1358
- "kind": "method",
1359
- "name": "getTemplate",
1360
- "parameters": [
1361
- {
1362
- "name": "prefix",
1363
- "type": {
1364
- "text": "string"
1365
- }
1366
- }
1367
- ]
1368
- },
1369
- {
1370
- "kind": "field",
1371
- "name": "_presentation",
1372
- "type": {
1373
- "text": "ComponentPresentation | null | undefined"
1374
- },
1375
- "privacy": "private",
1376
- "default": "void 0",
1377
- "inheritedFrom": {
1378
- "name": "FoundationElement",
1379
- "module": "src/foundation-element/foundation-element.ts"
1380
- }
1381
- },
1382
- {
1383
- "kind": "field",
1384
- "name": "$presentation",
1385
- "type": {
1386
- "text": "ComponentPresentation | null"
1387
- },
1388
- "privacy": "public",
1389
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1390
- "inheritedFrom": {
1391
- "name": "FoundationElement",
1392
- "module": "src/foundation-element/foundation-element.ts"
1393
- }
1394
- },
1395
- {
1396
- "kind": "field",
1397
- "name": "template",
1306
+ "name": "template",
1398
1307
  "type": {
1399
1308
  "text": "ElementViewTemplate | void | null"
1400
1309
  },
@@ -1478,107 +1387,78 @@
1478
1387
  }
1479
1388
  }
1480
1389
  ],
1481
- "attributes": [
1482
- {
1483
- "name": "is-vertical",
1484
- "type": {
1485
- "text": "boolean"
1486
- },
1487
- "default": "false",
1488
- "fieldName": "isVertical"
1489
- },
1490
- {
1491
- "name": "add-default-actions",
1492
- "type": {
1493
- "text": "boolean"
1494
- },
1495
- "default": "true",
1496
- "fieldName": "addDefaultActions"
1497
- },
1498
- {
1499
- "name": "auto-close-on-action",
1500
- "type": {
1501
- "text": "boolean"
1502
- },
1503
- "default": "true",
1504
- "fieldName": "autoCloseOnAction"
1505
- },
1506
- {
1507
- "name": "name",
1508
- "type": {
1509
- "text": "string"
1510
- },
1511
- "default": "'Actions'",
1512
- "fieldName": "name"
1513
- },
1514
- {
1515
- "name": "open",
1516
- "type": {
1517
- "text": "boolean"
1518
- },
1519
- "default": "false",
1520
- "fieldName": "open"
1521
- },
1522
- {
1523
- "name": "buttonAppearance",
1524
- "type": {
1525
- "text": "string"
1526
- },
1527
- "fieldName": "buttonAppearance"
1528
- },
1529
- {
1530
- "name": "hide-disabled",
1531
- "type": {
1532
- "text": "boolean"
1533
- },
1534
- "default": "false",
1535
- "fieldName": "hideDisabled"
1536
- },
1390
+ "events": [
1537
1391
  {
1538
- "name": "hide-menu-single-option",
1539
- "type": {
1540
- "text": "boolean"
1541
- },
1542
- "default": "false",
1543
- "fieldName": "hideMenuSingleOption"
1392
+ "description": "Fires a custom 'change' event when the button is invoked",
1393
+ "name": "change",
1394
+ "inheritedFrom": {
1395
+ "name": "AccordionItem",
1396
+ "module": "src/accordion-item/accordion-item.ts"
1397
+ }
1544
1398
  }
1545
- ],
1546
- "superclass": {
1547
- "name": "FoundationElement",
1548
- "package": "@microsoft/fast-foundation"
1399
+ ]
1400
+ },
1401
+ {
1402
+ "kind": "variable",
1403
+ "name": "foundationAccordionItemShadowOptions",
1404
+ "type": {
1405
+ "text": "ShadowRootInit"
1549
1406
  },
1550
- "tagName": "%%prefix%%-actions-menu",
1551
- "customElement": true
1407
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1552
1408
  },
1553
1409
  {
1554
1410
  "kind": "variable",
1555
- "name": "foundationActionsMenu",
1556
- "description": "The Foundation Actions Menu",
1411
+ "name": "defaultAccordionItemConfig",
1412
+ "type": {
1413
+ "text": "object"
1414
+ },
1415
+ "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}"
1416
+ },
1417
+ {
1418
+ "kind": "variable",
1419
+ "name": "foundationAccordionItem",
1420
+ "description": "The Foundation Accordion Item",
1557
1421
  "privacy": "public"
1558
1422
  }
1559
1423
  ],
1560
1424
  "exports": [
1561
1425
  {
1562
1426
  "kind": "js",
1563
- "name": "ActionsMenu",
1427
+ "name": "AccordionItem",
1564
1428
  "declaration": {
1565
- "name": "ActionsMenu",
1566
- "module": "src/actions-menu/actions-menu.ts"
1429
+ "name": "AccordionItem",
1430
+ "module": "src/accordion-item/accordion-item.ts"
1567
1431
  }
1568
1432
  },
1569
1433
  {
1570
1434
  "kind": "js",
1571
- "name": "foundationActionsMenu",
1435
+ "name": "foundationAccordionItemShadowOptions",
1572
1436
  "declaration": {
1573
- "name": "foundationActionsMenu",
1574
- "module": "src/actions-menu/actions-menu.ts"
1437
+ "name": "foundationAccordionItemShadowOptions",
1438
+ "module": "src/accordion-item/accordion-item.ts"
1439
+ }
1440
+ },
1441
+ {
1442
+ "kind": "js",
1443
+ "name": "defaultAccordionItemConfig",
1444
+ "declaration": {
1445
+ "name": "defaultAccordionItemConfig",
1446
+ "module": "src/accordion-item/accordion-item.ts"
1447
+ }
1448
+ },
1449
+ {
1450
+ "kind": "js",
1451
+ "name": "foundationAccordionItem",
1452
+ "declaration": {
1453
+ "name": "foundationAccordionItem",
1454
+ "module": "src/accordion-item/accordion-item.ts"
1575
1455
  }
1576
1456
  }
1577
1457
  ]
1578
1458
  },
1579
1459
  {
1580
1460
  "kind": "javascript-module",
1581
- "path": "src/actions-menu/index.ts",
1461
+ "path": "src/accordion-item/index.ts",
1582
1462
  "declarations": [],
1583
1463
  "exports": [
1584
1464
  {
@@ -1586,7 +1466,7 @@
1586
1466
  "name": "*",
1587
1467
  "declaration": {
1588
1468
  "name": "*",
1589
- "package": "./actions-menu.styles"
1469
+ "package": "./accordion-item.template"
1590
1470
  }
1591
1471
  },
1592
1472
  {
@@ -1594,7 +1474,7 @@
1594
1474
  "name": "*",
1595
1475
  "declaration": {
1596
1476
  "name": "*",
1597
- "package": "./actions-menu.template"
1477
+ "package": "./accordion-item.styles"
1598
1478
  }
1599
1479
  },
1600
1480
  {
@@ -1602,52 +1482,7 @@
1602
1482
  "name": "*",
1603
1483
  "declaration": {
1604
1484
  "name": "*",
1605
- "package": "./actions-menu"
1606
- }
1607
- }
1608
- ]
1609
- },
1610
- {
1611
- "kind": "javascript-module",
1612
- "path": "src/_common/icons.ts",
1613
- "declarations": [
1614
- {
1615
- "kind": "function",
1616
- "name": "closeIcon",
1617
- "parameters": [
1618
- {
1619
- "name": "slot",
1620
- "default": "'start'"
1621
- },
1622
- {
1623
- "name": "fill",
1624
- "default": "'#879ba6'"
1625
- }
1626
- ]
1627
- }
1628
- ],
1629
- "exports": [
1630
- {
1631
- "kind": "js",
1632
- "name": "closeIcon",
1633
- "declaration": {
1634
- "name": "closeIcon",
1635
- "module": "src/_common/icons.ts"
1636
- }
1637
- }
1638
- ]
1639
- },
1640
- {
1641
- "kind": "javascript-module",
1642
- "path": "src/_common/index.ts",
1643
- "declarations": [],
1644
- "exports": [
1645
- {
1646
- "kind": "js",
1647
- "name": "*",
1648
- "declaration": {
1649
- "name": "*",
1650
- "package": "./icons"
1485
+ "package": "./accordion-item"
1651
1486
  }
1652
1487
  }
1653
1488
  ]
@@ -3764,11 +3599,34 @@
3764
3599
  },
3765
3600
  {
3766
3601
  "kind": "javascript-module",
3767
- "path": "src/accordion-item/accordion-item.styles.ts",
3602
+ "path": "src/actions-menu/actions-menu.styles.ts",
3768
3603
  "declarations": [
3769
3604
  {
3770
3605
  "kind": "function",
3771
- "name": "foundationAccordionItemStyles",
3606
+ "name": "actionsMenuBaseStyles",
3607
+ "return": {
3608
+ "type": {
3609
+ "text": "ElementStyles"
3610
+ }
3611
+ },
3612
+ "parameters": [
3613
+ {
3614
+ "name": "context",
3615
+ "type": {
3616
+ "text": "ElementDefinitionContext"
3617
+ }
3618
+ },
3619
+ {
3620
+ "name": "definition",
3621
+ "type": {
3622
+ "text": "FoundationElementDefinition"
3623
+ }
3624
+ }
3625
+ ]
3626
+ },
3627
+ {
3628
+ "kind": "function",
3629
+ "name": "foundationActionsMenuStyles",
3772
3630
  "return": {
3773
3631
  "type": {
3774
3632
  "text": "ElementStyles"
@@ -3793,156 +3651,269 @@
3793
3651
  "exports": [
3794
3652
  {
3795
3653
  "kind": "js",
3796
- "name": "foundationAccordionItemStyles",
3654
+ "name": "actionsMenuBaseStyles",
3797
3655
  "declaration": {
3798
- "name": "foundationAccordionItemStyles",
3799
- "module": "src/accordion-item/accordion-item.styles.ts"
3656
+ "name": "actionsMenuBaseStyles",
3657
+ "module": "src/actions-menu/actions-menu.styles.ts"
3658
+ }
3659
+ },
3660
+ {
3661
+ "kind": "js",
3662
+ "name": "foundationActionsMenuStyles",
3663
+ "declaration": {
3664
+ "name": "foundationActionsMenuStyles",
3665
+ "module": "src/actions-menu/actions-menu.styles.ts"
3800
3666
  }
3801
3667
  }
3802
3668
  ]
3803
3669
  },
3804
3670
  {
3805
3671
  "kind": "javascript-module",
3806
- "path": "src/accordion-item/accordion-item.template.ts",
3672
+ "path": "src/actions-menu/actions-menu.template.ts",
3807
3673
  "declarations": [
3808
3674
  {
3809
3675
  "kind": "function",
3810
- "name": "foundationAccordionItemTemplate",
3811
- "return": {
3812
- "type": {
3813
- "text": "ViewTemplate<AccordionItem>"
3814
- }
3815
- },
3676
+ "name": "menuTemplate",
3816
3677
  "parameters": [
3817
3678
  {
3818
- "name": "context",
3679
+ "name": "prefix",
3819
3680
  "type": {
3820
- "text": "ElementDefinitionContext"
3681
+ "text": "string"
3821
3682
  }
3822
- },
3683
+ }
3684
+ ]
3685
+ },
3686
+ {
3687
+ "kind": "function",
3688
+ "name": "singleOptionTemplate",
3689
+ "parameters": [
3823
3690
  {
3824
- "name": "definition",
3691
+ "name": "prefix",
3825
3692
  "type": {
3826
- "text": "FoundationElementDefinition"
3693
+ "text": "string"
3827
3694
  }
3828
3695
  }
3829
3696
  ]
3697
+ },
3698
+ {
3699
+ "kind": "variable",
3700
+ "name": "foundationActionsMenuTemplate",
3701
+ "type": {
3702
+ "text": "ViewTemplate<ActionsMenu>"
3703
+ },
3704
+ "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`"
3830
3705
  }
3831
3706
  ],
3832
3707
  "exports": [
3833
3708
  {
3834
3709
  "kind": "js",
3835
- "name": "foundationAccordionItemTemplate",
3710
+ "name": "menuTemplate",
3836
3711
  "declaration": {
3837
- "name": "foundationAccordionItemTemplate",
3838
- "module": "src/accordion-item/accordion-item.template.ts"
3712
+ "name": "menuTemplate",
3713
+ "module": "src/actions-menu/actions-menu.template.ts"
3714
+ }
3715
+ },
3716
+ {
3717
+ "kind": "js",
3718
+ "name": "singleOptionTemplate",
3719
+ "declaration": {
3720
+ "name": "singleOptionTemplate",
3721
+ "module": "src/actions-menu/actions-menu.template.ts"
3722
+ }
3723
+ },
3724
+ {
3725
+ "kind": "js",
3726
+ "name": "foundationActionsMenuTemplate",
3727
+ "declaration": {
3728
+ "name": "foundationActionsMenuTemplate",
3729
+ "module": "src/actions-menu/actions-menu.template.ts"
3839
3730
  }
3840
3731
  }
3841
3732
  ]
3842
3733
  },
3843
3734
  {
3844
3735
  "kind": "javascript-module",
3845
- "path": "src/accordion-item/accordion-item.ts",
3736
+ "path": "src/actions-menu/actions-menu.ts",
3846
3737
  "declarations": [
3847
3738
  {
3848
3739
  "kind": "class",
3849
3740
  "description": "",
3850
- "name": "AccordionItem",
3851
- "superclass": {
3852
- "name": "FASTAccordionItem",
3853
- "package": "@microsoft/fast-components"
3854
- },
3855
- "tagName": "%%prefix%%-accordion-item",
3856
- "customElement": true,
3857
- "attributes": [
3741
+ "name": "ActionsMenu",
3742
+ "members": [
3858
3743
  {
3859
- "name": "heading-level",
3744
+ "kind": "field",
3745
+ "name": "actions",
3860
3746
  "type": {
3861
- "text": "1 | 2 | 3 | 4 | 5 | 6"
3747
+ "text": "ActionMenuItem[]"
3748
+ }
3749
+ },
3750
+ {
3751
+ "kind": "field",
3752
+ "name": "isVertical",
3753
+ "type": {
3754
+ "text": "boolean"
3862
3755
  },
3863
- "default": "2",
3864
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
3865
- "fieldName": "headinglevel",
3866
- "inheritedFrom": {
3867
- "name": "AccordionItem",
3868
- "module": "src/accordion-item/accordion-item.ts"
3756
+ "default": "false"
3757
+ },
3758
+ {
3759
+ "kind": "field",
3760
+ "name": "addDefaultActions",
3761
+ "type": {
3762
+ "text": "boolean"
3763
+ },
3764
+ "default": "true"
3765
+ },
3766
+ {
3767
+ "kind": "field",
3768
+ "name": "autoCloseOnAction",
3769
+ "type": {
3770
+ "text": "boolean"
3771
+ },
3772
+ "default": "true"
3773
+ },
3774
+ {
3775
+ "kind": "field",
3776
+ "name": "classNames",
3777
+ "type": {
3778
+ "text": "string"
3869
3779
  }
3870
3780
  },
3871
3781
  {
3782
+ "kind": "field",
3783
+ "name": "definition",
3784
+ "type": {
3785
+ "text": "any"
3786
+ }
3787
+ },
3788
+ {
3789
+ "kind": "field",
3790
+ "name": "name",
3791
+ "type": {
3792
+ "text": "string"
3793
+ },
3794
+ "default": "'Actions'"
3795
+ },
3796
+ {
3797
+ "kind": "field",
3798
+ "name": "open",
3872
3799
  "type": {
3873
3800
  "text": "boolean"
3874
3801
  },
3875
- "default": "false",
3876
- "description": "Expands or collapses the item.",
3877
- "fieldName": "expanded",
3878
- "inheritedFrom": {
3879
- "name": "AccordionItem",
3880
- "module": "src/accordion-item/accordion-item.ts"
3802
+ "default": "false"
3803
+ },
3804
+ {
3805
+ "kind": "field",
3806
+ "name": "buttonAppearance",
3807
+ "type": {
3808
+ "text": "string"
3881
3809
  }
3882
3810
  },
3883
3811
  {
3884
- "name": "id",
3812
+ "kind": "field",
3813
+ "name": "hideDisabled",
3814
+ "type": {
3815
+ "text": "boolean"
3816
+ },
3817
+ "default": "false"
3818
+ },
3819
+ {
3820
+ "kind": "field",
3821
+ "name": "hideMenuSingleOption",
3885
3822
  "type": {
3886
- "text": "string"
3823
+ "text": "boolean"
3887
3824
  },
3888
- "description": "The item ID",
3889
- "fieldName": "id",
3890
- "inheritedFrom": {
3891
- "name": "AccordionItem",
3892
- "module": "src/accordion-item/accordion-item.ts"
3893
- }
3894
- }
3895
- ],
3896
- "members": [
3825
+ "default": "false"
3826
+ },
3897
3827
  {
3898
3828
  "kind": "field",
3899
- "name": "headinglevel",
3829
+ "name": "singleOption",
3900
3830
  "type": {
3901
- "text": "1 | 2 | 3 | 4 | 5 | 6"
3902
- },
3903
- "privacy": "public",
3904
- "default": "2",
3905
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
3906
- "inheritedFrom": {
3907
- "name": "AccordionItem",
3908
- "module": "src/accordion-item/accordion-item.ts"
3831
+ "text": "ActionMenuItem"
3909
3832
  }
3910
3833
  },
3911
3834
  {
3912
3835
  "kind": "field",
3913
- "name": "expanded",
3836
+ "name": "actionsMenu",
3914
3837
  "type": {
3915
- "text": "boolean"
3916
- },
3917
- "privacy": "public",
3918
- "default": "false",
3919
- "description": "Expands or collapses the item.",
3920
- "inheritedFrom": {
3921
- "name": "AccordionItem",
3922
- "module": "src/accordion-item/accordion-item.ts"
3838
+ "text": "HTMLElement"
3923
3839
  }
3924
3840
  },
3841
+ {
3842
+ "kind": "method",
3843
+ "name": "definitionChanged",
3844
+ "privacy": "protected",
3845
+ "parameters": [
3846
+ {
3847
+ "name": "oldValue",
3848
+ "type": {
3849
+ "text": "any"
3850
+ }
3851
+ },
3852
+ {
3853
+ "name": "newValue",
3854
+ "type": {
3855
+ "text": "any"
3856
+ }
3857
+ }
3858
+ ]
3859
+ },
3860
+ {
3861
+ "kind": "method",
3862
+ "name": "openChanged",
3863
+ "privacy": "protected"
3864
+ },
3865
+ {
3866
+ "kind": "method",
3867
+ "name": "toggleActionsMenuVisibility"
3868
+ },
3869
+ {
3870
+ "kind": "method",
3871
+ "name": "onActionMenuItemClick",
3872
+ "parameters": [
3873
+ {
3874
+ "name": "callback",
3875
+ "type": {
3876
+ "text": "(rowData) => void | any"
3877
+ }
3878
+ }
3879
+ ]
3880
+ },
3925
3881
  {
3926
3882
  "kind": "field",
3927
- "name": "id",
3883
+ "name": "allActions",
3928
3884
  "type": {
3929
- "text": "string"
3885
+ "text": "ActionMenuItem[]"
3930
3886
  },
3931
- "privacy": "public",
3932
- "description": "The item ID",
3933
- "inheritedFrom": {
3934
- "name": "AccordionItem",
3935
- "module": "src/accordion-item/accordion-item.ts"
3936
- }
3887
+ "readonly": true
3937
3888
  },
3938
3889
  {
3939
3890
  "kind": "field",
3940
- "name": "change",
3941
- "privacy": "private",
3942
- "inheritedFrom": {
3943
- "name": "AccordionItem",
3944
- "module": "src/accordion-item/accordion-item.ts"
3945
- }
3891
+ "name": "rowData",
3892
+ "readonly": true
3893
+ },
3894
+ {
3895
+ "kind": "method",
3896
+ "name": "getLabel",
3897
+ "parameters": [
3898
+ {
3899
+ "name": "name",
3900
+ "type": {
3901
+ "text": "string | ((rowData: any) => string)"
3902
+ }
3903
+ }
3904
+ ]
3905
+ },
3906
+ {
3907
+ "kind": "method",
3908
+ "name": "getTemplate",
3909
+ "parameters": [
3910
+ {
3911
+ "name": "prefix",
3912
+ "type": {
3913
+ "text": "string"
3914
+ }
3915
+ }
3916
+ ]
3946
3917
  },
3947
3918
  {
3948
3919
  "kind": "field",
@@ -4056,78 +4027,107 @@
4056
4027
  }
4057
4028
  }
4058
4029
  ],
4059
- "events": [
4030
+ "attributes": [
4060
4031
  {
4061
- "description": "Fires a custom 'change' event when the button is invoked",
4062
- "name": "change",
4063
- "inheritedFrom": {
4064
- "name": "AccordionItem",
4065
- "module": "src/accordion-item/accordion-item.ts"
4066
- }
4032
+ "name": "is-vertical",
4033
+ "type": {
4034
+ "text": "boolean"
4035
+ },
4036
+ "default": "false",
4037
+ "fieldName": "isVertical"
4038
+ },
4039
+ {
4040
+ "name": "add-default-actions",
4041
+ "type": {
4042
+ "text": "boolean"
4043
+ },
4044
+ "default": "true",
4045
+ "fieldName": "addDefaultActions"
4046
+ },
4047
+ {
4048
+ "name": "auto-close-on-action",
4049
+ "type": {
4050
+ "text": "boolean"
4051
+ },
4052
+ "default": "true",
4053
+ "fieldName": "autoCloseOnAction"
4054
+ },
4055
+ {
4056
+ "name": "name",
4057
+ "type": {
4058
+ "text": "string"
4059
+ },
4060
+ "default": "'Actions'",
4061
+ "fieldName": "name"
4062
+ },
4063
+ {
4064
+ "name": "open",
4065
+ "type": {
4066
+ "text": "boolean"
4067
+ },
4068
+ "default": "false",
4069
+ "fieldName": "open"
4070
+ },
4071
+ {
4072
+ "name": "buttonAppearance",
4073
+ "type": {
4074
+ "text": "string"
4075
+ },
4076
+ "fieldName": "buttonAppearance"
4077
+ },
4078
+ {
4079
+ "name": "hide-disabled",
4080
+ "type": {
4081
+ "text": "boolean"
4082
+ },
4083
+ "default": "false",
4084
+ "fieldName": "hideDisabled"
4085
+ },
4086
+ {
4087
+ "name": "hide-menu-single-option",
4088
+ "type": {
4089
+ "text": "boolean"
4090
+ },
4091
+ "default": "false",
4092
+ "fieldName": "hideMenuSingleOption"
4067
4093
  }
4068
- ]
4069
- },
4070
- {
4071
- "kind": "variable",
4072
- "name": "foundationAccordionItemShadowOptions",
4073
- "type": {
4074
- "text": "ShadowRootInit"
4075
- },
4076
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4077
- },
4078
- {
4079
- "kind": "variable",
4080
- "name": "defaultAccordionItemConfig",
4081
- "type": {
4082
- "text": "object"
4094
+ ],
4095
+ "superclass": {
4096
+ "name": "FoundationElement",
4097
+ "package": "@microsoft/fast-foundation"
4083
4098
  },
4084
- "default": "{\n collapsedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"collapsed-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M9 5.44446V12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"plus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n expandedIcon: `<svg width=\"16\" height=\"16\" viewBox=\"0 0 18 18\" xmlns=\"http://www.w3.org/2000/svg\" slot=\"expanded-icon\">\n <path d=\"M15.2222 1H2.77778C1.79594 1 1 1.79594 1 2.77778V15.2222C1 16.2041 1.79594 17 2.77778 17H15.2222C16.2041 17 17 16.2041 17 15.2222V2.77778C17 1.79594 16.2041 1 15.2222 1Z\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n <path class=\"minus-sign\" d=\"M5.44446 9H12.5556\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n </svg>`,\n}"
4099
+ "tagName": "%%prefix%%-actions-menu",
4100
+ "customElement": true
4085
4101
  },
4086
4102
  {
4087
4103
  "kind": "variable",
4088
- "name": "foundationAccordionItem",
4089
- "description": "The Foundation Accordion Item",
4104
+ "name": "foundationActionsMenu",
4105
+ "description": "The Foundation Actions Menu",
4090
4106
  "privacy": "public"
4091
4107
  }
4092
4108
  ],
4093
4109
  "exports": [
4094
4110
  {
4095
4111
  "kind": "js",
4096
- "name": "AccordionItem",
4097
- "declaration": {
4098
- "name": "AccordionItem",
4099
- "module": "src/accordion-item/accordion-item.ts"
4100
- }
4101
- },
4102
- {
4103
- "kind": "js",
4104
- "name": "foundationAccordionItemShadowOptions",
4105
- "declaration": {
4106
- "name": "foundationAccordionItemShadowOptions",
4107
- "module": "src/accordion-item/accordion-item.ts"
4108
- }
4109
- },
4110
- {
4111
- "kind": "js",
4112
- "name": "defaultAccordionItemConfig",
4112
+ "name": "ActionsMenu",
4113
4113
  "declaration": {
4114
- "name": "defaultAccordionItemConfig",
4115
- "module": "src/accordion-item/accordion-item.ts"
4114
+ "name": "ActionsMenu",
4115
+ "module": "src/actions-menu/actions-menu.ts"
4116
4116
  }
4117
4117
  },
4118
4118
  {
4119
4119
  "kind": "js",
4120
- "name": "foundationAccordionItem",
4120
+ "name": "foundationActionsMenu",
4121
4121
  "declaration": {
4122
- "name": "foundationAccordionItem",
4123
- "module": "src/accordion-item/accordion-item.ts"
4122
+ "name": "foundationActionsMenu",
4123
+ "module": "src/actions-menu/actions-menu.ts"
4124
4124
  }
4125
4125
  }
4126
4126
  ]
4127
4127
  },
4128
4128
  {
4129
4129
  "kind": "javascript-module",
4130
- "path": "src/accordion-item/index.ts",
4130
+ "path": "src/actions-menu/index.ts",
4131
4131
  "declarations": [],
4132
4132
  "exports": [
4133
4133
  {
@@ -4135,7 +4135,7 @@
4135
4135
  "name": "*",
4136
4136
  "declaration": {
4137
4137
  "name": "*",
4138
- "package": "./accordion-item.template"
4138
+ "package": "./actions-menu.styles"
4139
4139
  }
4140
4140
  },
4141
4141
  {
@@ -4143,7 +4143,7 @@
4143
4143
  "name": "*",
4144
4144
  "declaration": {
4145
4145
  "name": "*",
4146
- "package": "./accordion-item.styles"
4146
+ "package": "./actions-menu.template"
4147
4147
  }
4148
4148
  },
4149
4149
  {
@@ -4151,7 +4151,7 @@
4151
4151
  "name": "*",
4152
4152
  "declaration": {
4153
4153
  "name": "*",
4154
- "package": "./accordion-item"
4154
+ "package": "./actions-menu"
4155
4155
  }
4156
4156
  }
4157
4157
  ]
@@ -25259,7 +25259,7 @@
25259
25259
  {
25260
25260
  "kind": "variable",
25261
25261
  "name": "multiselectStyles",
25262
- "default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);\n list-style: none;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
25262
+ "default": "css`\n :host {\n --scrollbar-width: 12px;\n --scrollbar-thumb-width: 8px;\n }\n\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n ::-webkit-scrollbar {\n width: var(--scrollbar-width);\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: var(--scrollbar-thumb-width);\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-corner {\n background: var(--neutral-layer-4);\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n list-style: none;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
25263
25263
  }
25264
25264
  ],
25265
25265
  "exports": [