@genesislcap/foundation-zero 14.122.1 → 14.122.2-alpha-8195fd971b3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +717 -717
  2. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -808,194 +808,6 @@
808
808
  }
809
809
  ]
810
810
  },
811
- {
812
- "kind": "javascript-module",
813
- "path": "src/accordion/accordion.stories.ts",
814
- "declarations": [
815
- {
816
- "kind": "variable",
817
- "name": "meta",
818
- "type": {
819
- "text": "Meta"
820
- },
821
- "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
822
- },
823
- {
824
- "kind": "variable",
825
- "name": "Primary",
826
- "type": {
827
- "text": "StoryObj"
828
- },
829
- "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
830
- }
831
- ],
832
- "exports": [
833
- {
834
- "kind": "js",
835
- "name": "default",
836
- "declaration": {
837
- "name": "meta",
838
- "module": "src/accordion/accordion.stories.ts"
839
- }
840
- },
841
- {
842
- "kind": "js",
843
- "name": "Primary",
844
- "declaration": {
845
- "name": "Primary",
846
- "module": "src/accordion/accordion.stories.ts"
847
- }
848
- }
849
- ]
850
- },
851
- {
852
- "kind": "javascript-module",
853
- "path": "src/accordion/accordion.styles.ts",
854
- "declarations": [
855
- {
856
- "kind": "function",
857
- "name": "zeroAccordionStyles",
858
- "return": {
859
- "type": {
860
- "text": "ElementStyles"
861
- }
862
- },
863
- "parameters": [
864
- {
865
- "name": "context",
866
- "type": {
867
- "text": "ElementDefinitionContext"
868
- }
869
- },
870
- {
871
- "name": "definition",
872
- "type": {
873
- "text": "FoundationElementDefinition"
874
- }
875
- }
876
- ]
877
- }
878
- ],
879
- "exports": [
880
- {
881
- "kind": "js",
882
- "name": "zeroAccordionStyles",
883
- "declaration": {
884
- "name": "zeroAccordionStyles",
885
- "module": "src/accordion/accordion.styles.ts"
886
- }
887
- }
888
- ]
889
- },
890
- {
891
- "kind": "javascript-module",
892
- "path": "src/accordion/accordion.template.ts",
893
- "declarations": [
894
- {
895
- "kind": "function",
896
- "name": "zeroAccordionTemplate",
897
- "return": {
898
- "type": {
899
- "text": "ViewTemplate<Accordion>"
900
- }
901
- },
902
- "parameters": [
903
- {
904
- "name": "context",
905
- "type": {
906
- "text": "ElementDefinitionContext"
907
- }
908
- },
909
- {
910
- "name": "definition",
911
- "type": {
912
- "text": "FoundationElementDefinition"
913
- }
914
- }
915
- ]
916
- }
917
- ],
918
- "exports": [
919
- {
920
- "kind": "js",
921
- "name": "zeroAccordionTemplate",
922
- "declaration": {
923
- "name": "zeroAccordionTemplate",
924
- "module": "src/accordion/accordion.template.ts"
925
- }
926
- }
927
- ]
928
- },
929
- {
930
- "kind": "javascript-module",
931
- "path": "src/accordion/accordion.ts",
932
- "declarations": [
933
- {
934
- "kind": "class",
935
- "description": "",
936
- "name": "Accordion",
937
- "superclass": {
938
- "name": "FoundationAccordion",
939
- "package": "@genesislcap/foundation-ui"
940
- },
941
- "tagName": "%%prefix%%-card",
942
- "customElement": true
943
- },
944
- {
945
- "kind": "variable",
946
- "name": "zeroAccordion"
947
- }
948
- ],
949
- "exports": [
950
- {
951
- "kind": "js",
952
- "name": "Accordion",
953
- "declaration": {
954
- "name": "Accordion",
955
- "module": "src/accordion/accordion.ts"
956
- }
957
- },
958
- {
959
- "kind": "js",
960
- "name": "zeroAccordion",
961
- "declaration": {
962
- "name": "zeroAccordion",
963
- "module": "src/accordion/accordion.ts"
964
- }
965
- }
966
- ]
967
- },
968
- {
969
- "kind": "javascript-module",
970
- "path": "src/accordion/index.ts",
971
- "declarations": [],
972
- "exports": [
973
- {
974
- "kind": "js",
975
- "name": "*",
976
- "declaration": {
977
- "name": "*",
978
- "package": "./accordion"
979
- }
980
- },
981
- {
982
- "kind": "js",
983
- "name": "*",
984
- "declaration": {
985
- "name": "*",
986
- "package": "./accordion.styles"
987
- }
988
- },
989
- {
990
- "kind": "js",
991
- "name": "*",
992
- "declaration": {
993
- "name": "*",
994
- "package": "./accordion.template"
995
- }
996
- }
997
- ]
998
- },
999
811
  {
1000
812
  "kind": "javascript-module",
1001
813
  "path": "src/_config/index.ts",
@@ -1389,7 +1201,7 @@
1389
1201
  },
1390
1202
  {
1391
1203
  "kind": "javascript-module",
1392
- "path": "src/actions-menu/actions-menu.stories.ts",
1204
+ "path": "src/accordion/accordion.stories.ts",
1393
1205
  "declarations": [
1394
1206
  {
1395
1207
  "kind": "variable",
@@ -1397,23 +1209,15 @@
1397
1209
  "type": {
1398
1210
  "text": "Meta"
1399
1211
  },
1400
- "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
1401
- },
1402
- {
1403
- "kind": "variable",
1404
- "name": "Horizontal",
1405
- "type": {
1406
- "text": "StoryObj"
1407
- },
1408
- "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) => html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
1212
+ "default": "{\n title: 'Accordion',\n component: 'zero-accordion',\n}"
1409
1213
  },
1410
1214
  {
1411
1215
  "kind": "variable",
1412
- "name": "Vertical",
1216
+ "name": "Primary",
1413
1217
  "type": {
1414
1218
  "text": "StoryObj"
1415
1219
  },
1416
- "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) => html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
1220
+ "default": "{\n render: () => html`\n <zero-accordion>\n <zero-accordion-item slot=\"item\" id=\"accordion-1\">\n Accordion one content\n <div slot=\"heading\">Accordion one</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-2\">\n Accordion two content\n <div slot=\"heading\">Accordion two</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-3\">\n Accordion three content\n <div slot=\"heading\">Accordion three</div>\n </zero-accordion-item>\n <zero-accordion-item slot=\"item\" id=\"accordion-4\">\n Accordion four content\n <div slot=\"heading\">Accordion four</div>\n </zero-accordion-item>\n </zero-accordion>\n `,\n}"
1417
1221
  }
1418
1222
  ],
1419
1223
  "exports": [
@@ -1422,34 +1226,26 @@
1422
1226
  "name": "default",
1423
1227
  "declaration": {
1424
1228
  "name": "meta",
1425
- "module": "src/actions-menu/actions-menu.stories.ts"
1426
- }
1427
- },
1428
- {
1429
- "kind": "js",
1430
- "name": "Horizontal",
1431
- "declaration": {
1432
- "name": "Horizontal",
1433
- "module": "src/actions-menu/actions-menu.stories.ts"
1229
+ "module": "src/accordion/accordion.stories.ts"
1434
1230
  }
1435
1231
  },
1436
1232
  {
1437
1233
  "kind": "js",
1438
- "name": "Vertical",
1234
+ "name": "Primary",
1439
1235
  "declaration": {
1440
- "name": "Vertical",
1441
- "module": "src/actions-menu/actions-menu.stories.ts"
1236
+ "name": "Primary",
1237
+ "module": "src/accordion/accordion.stories.ts"
1442
1238
  }
1443
1239
  }
1444
1240
  ]
1445
1241
  },
1446
1242
  {
1447
1243
  "kind": "javascript-module",
1448
- "path": "src/actions-menu/actions-menu.styles.ts",
1244
+ "path": "src/accordion/accordion.styles.ts",
1449
1245
  "declarations": [
1450
1246
  {
1451
1247
  "kind": "function",
1452
- "name": "zeroActionsMenuStyles",
1248
+ "name": "zeroAccordionStyles",
1453
1249
  "return": {
1454
1250
  "type": {
1455
1251
  "text": "ElementStyles"
@@ -1474,38 +1270,242 @@
1474
1270
  "exports": [
1475
1271
  {
1476
1272
  "kind": "js",
1477
- "name": "zeroActionsMenuStyles",
1273
+ "name": "zeroAccordionStyles",
1478
1274
  "declaration": {
1479
- "name": "zeroActionsMenuStyles",
1480
- "module": "src/actions-menu/actions-menu.styles.ts"
1275
+ "name": "zeroAccordionStyles",
1276
+ "module": "src/accordion/accordion.styles.ts"
1481
1277
  }
1482
1278
  }
1483
1279
  ]
1484
1280
  },
1485
1281
  {
1486
1282
  "kind": "javascript-module",
1487
- "path": "src/actions-menu/actions-menu.ts",
1283
+ "path": "src/accordion/accordion.template.ts",
1488
1284
  "declarations": [
1489
1285
  {
1490
- "kind": "class",
1491
- "description": "",
1492
- "name": "ActionsMenu",
1493
- "superclass": {
1494
- "name": "FoundationActionsMenu",
1495
- "package": "@genesislcap/foundation-ui"
1286
+ "kind": "function",
1287
+ "name": "zeroAccordionTemplate",
1288
+ "return": {
1289
+ "type": {
1290
+ "text": "ViewTemplate<Accordion>"
1291
+ }
1496
1292
  },
1497
- "tagName": "%%prefix%%-actions-menu",
1498
- "customElement": true,
1499
- "attributes": [
1293
+ "parameters": [
1500
1294
  {
1501
- "name": "is-vertical",
1295
+ "name": "context",
1502
1296
  "type": {
1503
- "text": "boolean"
1504
- },
1505
- "default": "false",
1506
- "fieldName": "isVertical",
1507
- "inheritedFrom": {
1508
- "name": "ActionsMenu",
1297
+ "text": "ElementDefinitionContext"
1298
+ }
1299
+ },
1300
+ {
1301
+ "name": "definition",
1302
+ "type": {
1303
+ "text": "FoundationElementDefinition"
1304
+ }
1305
+ }
1306
+ ]
1307
+ }
1308
+ ],
1309
+ "exports": [
1310
+ {
1311
+ "kind": "js",
1312
+ "name": "zeroAccordionTemplate",
1313
+ "declaration": {
1314
+ "name": "zeroAccordionTemplate",
1315
+ "module": "src/accordion/accordion.template.ts"
1316
+ }
1317
+ }
1318
+ ]
1319
+ },
1320
+ {
1321
+ "kind": "javascript-module",
1322
+ "path": "src/accordion/accordion.ts",
1323
+ "declarations": [
1324
+ {
1325
+ "kind": "class",
1326
+ "description": "",
1327
+ "name": "Accordion",
1328
+ "superclass": {
1329
+ "name": "FoundationAccordion",
1330
+ "package": "@genesislcap/foundation-ui"
1331
+ },
1332
+ "tagName": "%%prefix%%-card",
1333
+ "customElement": true
1334
+ },
1335
+ {
1336
+ "kind": "variable",
1337
+ "name": "zeroAccordion"
1338
+ }
1339
+ ],
1340
+ "exports": [
1341
+ {
1342
+ "kind": "js",
1343
+ "name": "Accordion",
1344
+ "declaration": {
1345
+ "name": "Accordion",
1346
+ "module": "src/accordion/accordion.ts"
1347
+ }
1348
+ },
1349
+ {
1350
+ "kind": "js",
1351
+ "name": "zeroAccordion",
1352
+ "declaration": {
1353
+ "name": "zeroAccordion",
1354
+ "module": "src/accordion/accordion.ts"
1355
+ }
1356
+ }
1357
+ ]
1358
+ },
1359
+ {
1360
+ "kind": "javascript-module",
1361
+ "path": "src/accordion/index.ts",
1362
+ "declarations": [],
1363
+ "exports": [
1364
+ {
1365
+ "kind": "js",
1366
+ "name": "*",
1367
+ "declaration": {
1368
+ "name": "*",
1369
+ "package": "./accordion"
1370
+ }
1371
+ },
1372
+ {
1373
+ "kind": "js",
1374
+ "name": "*",
1375
+ "declaration": {
1376
+ "name": "*",
1377
+ "package": "./accordion.styles"
1378
+ }
1379
+ },
1380
+ {
1381
+ "kind": "js",
1382
+ "name": "*",
1383
+ "declaration": {
1384
+ "name": "*",
1385
+ "package": "./accordion.template"
1386
+ }
1387
+ }
1388
+ ]
1389
+ },
1390
+ {
1391
+ "kind": "javascript-module",
1392
+ "path": "src/actions-menu/actions-menu.stories.ts",
1393
+ "declarations": [
1394
+ {
1395
+ "kind": "variable",
1396
+ "name": "meta",
1397
+ "type": {
1398
+ "text": "Meta"
1399
+ },
1400
+ "default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
1401
+ },
1402
+ {
1403
+ "kind": "variable",
1404
+ "name": "Horizontal",
1405
+ "type": {
1406
+ "text": "StoryObj"
1407
+ },
1408
+ "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) => html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
1409
+ },
1410
+ {
1411
+ "kind": "variable",
1412
+ "name": "Vertical",
1413
+ "type": {
1414
+ "text": "StoryObj"
1415
+ },
1416
+ "default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) => html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
1417
+ }
1418
+ ],
1419
+ "exports": [
1420
+ {
1421
+ "kind": "js",
1422
+ "name": "default",
1423
+ "declaration": {
1424
+ "name": "meta",
1425
+ "module": "src/actions-menu/actions-menu.stories.ts"
1426
+ }
1427
+ },
1428
+ {
1429
+ "kind": "js",
1430
+ "name": "Horizontal",
1431
+ "declaration": {
1432
+ "name": "Horizontal",
1433
+ "module": "src/actions-menu/actions-menu.stories.ts"
1434
+ }
1435
+ },
1436
+ {
1437
+ "kind": "js",
1438
+ "name": "Vertical",
1439
+ "declaration": {
1440
+ "name": "Vertical",
1441
+ "module": "src/actions-menu/actions-menu.stories.ts"
1442
+ }
1443
+ }
1444
+ ]
1445
+ },
1446
+ {
1447
+ "kind": "javascript-module",
1448
+ "path": "src/actions-menu/actions-menu.styles.ts",
1449
+ "declarations": [
1450
+ {
1451
+ "kind": "function",
1452
+ "name": "zeroActionsMenuStyles",
1453
+ "return": {
1454
+ "type": {
1455
+ "text": "ElementStyles"
1456
+ }
1457
+ },
1458
+ "parameters": [
1459
+ {
1460
+ "name": "context",
1461
+ "type": {
1462
+ "text": "ElementDefinitionContext"
1463
+ }
1464
+ },
1465
+ {
1466
+ "name": "definition",
1467
+ "type": {
1468
+ "text": "FoundationElementDefinition"
1469
+ }
1470
+ }
1471
+ ]
1472
+ }
1473
+ ],
1474
+ "exports": [
1475
+ {
1476
+ "kind": "js",
1477
+ "name": "zeroActionsMenuStyles",
1478
+ "declaration": {
1479
+ "name": "zeroActionsMenuStyles",
1480
+ "module": "src/actions-menu/actions-menu.styles.ts"
1481
+ }
1482
+ }
1483
+ ]
1484
+ },
1485
+ {
1486
+ "kind": "javascript-module",
1487
+ "path": "src/actions-menu/actions-menu.ts",
1488
+ "declarations": [
1489
+ {
1490
+ "kind": "class",
1491
+ "description": "",
1492
+ "name": "ActionsMenu",
1493
+ "superclass": {
1494
+ "name": "FoundationActionsMenu",
1495
+ "package": "@genesislcap/foundation-ui"
1496
+ },
1497
+ "tagName": "%%prefix%%-actions-menu",
1498
+ "customElement": true,
1499
+ "attributes": [
1500
+ {
1501
+ "name": "is-vertical",
1502
+ "type": {
1503
+ "text": "boolean"
1504
+ },
1505
+ "default": "false",
1506
+ "fieldName": "isVertical",
1507
+ "inheritedFrom": {
1508
+ "name": "ActionsMenu",
1509
1509
  "module": "src/actions-menu/actions-menu.ts"
1510
1510
  }
1511
1511
  },
@@ -19059,7 +19059,7 @@
19059
19059
  },
19060
19060
  {
19061
19061
  "kind": "javascript-module",
19062
- "path": "src/listbox-option/index.ts",
19062
+ "path": "src/menu/index.ts",
19063
19063
  "declarations": [],
19064
19064
  "exports": [
19065
19065
  {
@@ -19067,34 +19067,58 @@
19067
19067
  "name": "*",
19068
19068
  "declaration": {
19069
19069
  "name": "*",
19070
- "package": "./listbox-option"
19070
+ "package": "./menu"
19071
19071
  }
19072
+ }
19073
+ ]
19074
+ },
19075
+ {
19076
+ "kind": "javascript-module",
19077
+ "path": "src/menu/menu.stories.ts",
19078
+ "declarations": [
19079
+ {
19080
+ "kind": "variable",
19081
+ "name": "meta",
19082
+ "type": {
19083
+ "text": "Meta"
19084
+ },
19085
+ "default": "{\n title: 'Menu',\n component: 'zero-menu',\n}"
19072
19086
  },
19087
+ {
19088
+ "kind": "variable",
19089
+ "name": "Primary",
19090
+ "type": {
19091
+ "text": "StoryObj"
19092
+ },
19093
+ "default": "{\n args: {\n menuItemsText: 'Menu item',\n subMenuItemsText: 'SubMenu item',\n },\n render: ({ menuItemsText, subMenuItemsText }) => html`\n <zero-menu>\n <zero-menu-item>\n ${menuItemsText} 1\n <zero-menu>\n <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n </zero-menu>\n </zero-menu-item>\n <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n <zero-menu-item>${menuItemsText}</zero-menu-item>\n </zero-menu>\n `,\n}"
19094
+ }
19095
+ ],
19096
+ "exports": [
19073
19097
  {
19074
19098
  "kind": "js",
19075
- "name": "*",
19099
+ "name": "default",
19076
19100
  "declaration": {
19077
- "name": "*",
19078
- "package": "./listbox-option.styles"
19101
+ "name": "meta",
19102
+ "module": "src/menu/menu.stories.ts"
19079
19103
  }
19080
19104
  },
19081
19105
  {
19082
19106
  "kind": "js",
19083
- "name": "*",
19107
+ "name": "Primary",
19084
19108
  "declaration": {
19085
- "name": "*",
19086
- "package": "./listbox-option.template"
19109
+ "name": "Primary",
19110
+ "module": "src/menu/menu.stories.ts"
19087
19111
  }
19088
19112
  }
19089
19113
  ]
19090
19114
  },
19091
19115
  {
19092
19116
  "kind": "javascript-module",
19093
- "path": "src/listbox-option/listbox-option.styles.ts",
19117
+ "path": "src/menu/menu.styles.ts",
19094
19118
  "declarations": [
19095
19119
  {
19096
19120
  "kind": "function",
19097
- "name": "zeroListboxOptionStyles",
19121
+ "name": "zeroMenuStyles",
19098
19122
  "return": {
19099
19123
  "type": {
19100
19124
  "text": "ElementStyles"
@@ -19119,122 +19143,38 @@
19119
19143
  "exports": [
19120
19144
  {
19121
19145
  "kind": "js",
19122
- "name": "zeroListboxOptionStyles",
19146
+ "name": "zeroMenuStyles",
19123
19147
  "declaration": {
19124
- "name": "zeroListboxOptionStyles",
19125
- "module": "src/listbox-option/listbox-option.styles.ts"
19148
+ "name": "zeroMenuStyles",
19149
+ "module": "src/menu/menu.styles.ts"
19126
19150
  }
19127
19151
  }
19128
19152
  ]
19129
19153
  },
19130
19154
  {
19131
19155
  "kind": "javascript-module",
19132
- "path": "src/listbox-option/listbox-option.template.ts",
19156
+ "path": "src/menu/menu.ts",
19133
19157
  "declarations": [
19134
19158
  {
19135
- "kind": "function",
19136
- "name": "zeroListboxOptionTemplate",
19137
- "return": {
19138
- "type": {
19139
- "text": "ViewTemplate<ListboxOption>"
19140
- }
19141
- },
19142
- "parameters": [
19143
- {
19144
- "name": "context",
19145
- "type": {
19146
- "text": "ElementDefinitionContext"
19147
- }
19148
- },
19149
- {
19150
- "name": "definition",
19151
- "type": {
19152
- "text": "FoundationElementDefinition"
19153
- }
19154
- }
19155
- ]
19156
- }
19157
- ],
19158
- "exports": [
19159
- {
19160
- "kind": "js",
19161
- "name": "zeroListboxOptionTemplate",
19162
- "declaration": {
19163
- "name": "zeroListboxOptionTemplate",
19164
- "module": "src/listbox-option/listbox-option.template.ts"
19165
- }
19166
- }
19167
- ]
19168
- },
19169
- {
19170
- "kind": "javascript-module",
19171
- "path": "src/listbox-option/listbox-option.ts",
19172
- "declarations": [
19159
+ "kind": "variable",
19160
+ "name": "zeroMenuShadowOptions",
19161
+ "default": "foundationMenuShadowOptions"
19162
+ },
19173
19163
  {
19174
19164
  "kind": "class",
19175
19165
  "description": "",
19176
- "name": "ListboxOption",
19166
+ "name": "Menu",
19177
19167
  "superclass": {
19178
- "name": "FoundationListboxOption",
19168
+ "name": "FoundationMenu",
19179
19169
  "package": "@genesislcap/foundation-ui"
19180
19170
  },
19181
- "tagName": "%%prefix%%-option",
19171
+ "tagName": "%%prefix%%-menu",
19182
19172
  "customElement": true,
19183
- "attributes": [
19184
- {
19185
- "type": {
19186
- "text": "boolean"
19187
- },
19188
- "description": "The disabled state of the option.",
19189
- "fieldName": "disabled",
19190
- "inheritedFrom": {
19191
- "name": "ListboxOption",
19192
- "module": "src/listbox-option/listbox-option.ts"
19193
- }
19194
- },
19195
- {
19196
- "name": "selected",
19197
- "type": {
19198
- "text": "boolean"
19199
- },
19200
- "description": "The selected attribute value. This sets the initial selected value.",
19201
- "fieldName": "selectedAttribute",
19202
- "inheritedFrom": {
19203
- "name": "ListboxOption",
19204
- "module": "src/listbox-option/listbox-option.ts"
19205
- }
19206
- },
19207
- {
19208
- "name": "value",
19209
- "type": {
19210
- "text": "string"
19211
- },
19212
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
19213
- "fieldName": "initialValue",
19214
- "inheritedFrom": {
19215
- "name": "ListboxOption",
19216
- "module": "src/listbox-option/listbox-option.ts"
19217
- }
19218
- }
19219
- ],
19220
19173
  "members": [
19221
- {
19222
- "kind": "field",
19223
- "name": "checked",
19224
- "type": {
19225
- "text": "boolean | undefined"
19226
- },
19227
- "privacy": "public",
19228
- "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
19229
- "inheritedFrom": {
19230
- "name": "ListboxOption",
19231
- "module": "src/listbox-option/listbox-option.ts"
19232
- }
19233
- },
19234
19174
  {
19235
19175
  "kind": "method",
19236
- "name": "checkedChanged",
19237
- "privacy": "public",
19176
+ "name": "itemsChanged",
19177
+ "privacy": "private",
19238
19178
  "return": {
19239
19179
  "type": {
19240
19180
  "text": "void"
@@ -19242,194 +19182,191 @@
19242
19182
  },
19243
19183
  "parameters": [
19244
19184
  {
19245
- "name": "prev",
19185
+ "name": "oldValue",
19246
19186
  "type": {
19247
- "text": "boolean | unknown"
19248
- },
19249
- "description": "the previous checked value"
19187
+ "text": "HTMLElement[]"
19188
+ }
19250
19189
  },
19251
19190
  {
19252
- "name": "next",
19253
- "optional": true,
19191
+ "name": "newValue",
19254
19192
  "type": {
19255
- "text": "boolean"
19256
- },
19257
- "description": "the current checked value"
19193
+ "text": "HTMLElement[]"
19194
+ }
19258
19195
  }
19259
19196
  ],
19260
- "description": "Updates the ariaChecked property when the checked property changes.",
19261
19197
  "inheritedFrom": {
19262
- "name": "ListboxOption",
19263
- "module": "src/listbox-option/listbox-option.ts"
19198
+ "name": "Menu",
19199
+ "module": "src/menu/menu.ts"
19264
19200
  }
19265
19201
  },
19266
19202
  {
19267
19203
  "kind": "field",
19268
- "name": "content",
19204
+ "name": "menuItems",
19269
19205
  "type": {
19270
- "text": "Node[]"
19206
+ "text": "Element[] | undefined"
19271
19207
  },
19272
- "privacy": "public",
19273
- "description": "The default slotted content.",
19208
+ "privacy": "private",
19274
19209
  "inheritedFrom": {
19275
- "name": "ListboxOption",
19276
- "module": "src/listbox-option/listbox-option.ts"
19210
+ "name": "Menu",
19211
+ "module": "src/menu/menu.ts"
19277
19212
  }
19278
19213
  },
19279
19214
  {
19280
19215
  "kind": "field",
19281
- "name": "defaultSelected",
19216
+ "name": "expandedItem",
19282
19217
  "type": {
19283
- "text": "boolean"
19218
+ "text": "MenuItem | null"
19284
19219
  },
19285
- "privacy": "public",
19286
- "default": "false",
19287
- "description": "The defaultSelected state of the option.",
19220
+ "privacy": "private",
19221
+ "default": "null",
19288
19222
  "inheritedFrom": {
19289
- "name": "ListboxOption",
19290
- "module": "src/listbox-option/listbox-option.ts"
19223
+ "name": "Menu",
19224
+ "module": "src/menu/menu.ts"
19291
19225
  }
19292
19226
  },
19293
19227
  {
19294
- "kind": "method",
19295
- "name": "defaultSelectedChanged",
19296
- "privacy": "protected",
19297
- "return": {
19298
- "type": {
19299
- "text": "void"
19300
- }
19228
+ "kind": "field",
19229
+ "name": "focusIndex",
19230
+ "type": {
19231
+ "text": "number"
19301
19232
  },
19233
+ "privacy": "private",
19234
+ "default": "-1",
19235
+ "description": "The index of the focusable element in the items array\ndefaults to -1",
19302
19236
  "inheritedFrom": {
19303
- "name": "ListboxOption",
19304
- "module": "src/listbox-option/listbox-option.ts"
19237
+ "name": "Menu",
19238
+ "module": "src/menu/menu.ts"
19305
19239
  }
19306
19240
  },
19307
19241
  {
19308
19242
  "kind": "field",
19309
- "name": "disabled",
19243
+ "name": "focusableElementRoles",
19310
19244
  "type": {
19311
- "text": "boolean"
19245
+ "text": "{ [key: string]: string }"
19312
19246
  },
19313
- "privacy": "public",
19314
- "description": "The disabled state of the option.",
19247
+ "privacy": "private",
19248
+ "static": true,
19249
+ "default": "roleForMenuItem",
19315
19250
  "inheritedFrom": {
19316
- "name": "ListboxOption",
19317
- "module": "src/listbox-option/listbox-option.ts"
19251
+ "name": "Menu",
19252
+ "module": "src/menu/menu.ts"
19318
19253
  }
19319
19254
  },
19320
19255
  {
19321
19256
  "kind": "method",
19322
- "name": "disabledChanged",
19323
- "privacy": "protected",
19257
+ "name": "focus",
19258
+ "privacy": "public",
19324
19259
  "return": {
19325
19260
  "type": {
19326
19261
  "text": "void"
19327
19262
  }
19328
19263
  },
19329
- "parameters": [
19330
- {
19331
- "name": "prev",
19332
- "type": {
19333
- "text": "boolean"
19334
- }
19335
- },
19336
- {
19337
- "name": "next",
19338
- "type": {
19339
- "text": "boolean"
19340
- }
19341
- }
19342
- ],
19343
- "inheritedFrom": {
19344
- "name": "ListboxOption",
19345
- "module": "src/listbox-option/listbox-option.ts"
19346
- }
19347
- },
19348
- {
19349
- "kind": "field",
19350
- "name": "selectedAttribute",
19351
- "type": {
19352
- "text": "boolean"
19353
- },
19354
- "privacy": "public",
19355
- "description": "The selected attribute value. This sets the initial selected value.",
19264
+ "description": "Focuses the first item in the menu.",
19356
19265
  "inheritedFrom": {
19357
- "name": "ListboxOption",
19358
- "module": "src/listbox-option/listbox-option.ts"
19266
+ "name": "Menu",
19267
+ "module": "src/menu/menu.ts"
19359
19268
  }
19360
19269
  },
19361
19270
  {
19362
19271
  "kind": "method",
19363
- "name": "selectedAttributeChanged",
19364
- "privacy": "protected",
19272
+ "name": "collapseExpandedItem",
19273
+ "privacy": "public",
19365
19274
  "return": {
19366
19275
  "type": {
19367
19276
  "text": "void"
19368
19277
  }
19369
19278
  },
19279
+ "description": "Collapses any expanded menu items.",
19370
19280
  "inheritedFrom": {
19371
- "name": "ListboxOption",
19372
- "module": "src/listbox-option/listbox-option.ts"
19281
+ "name": "Menu",
19282
+ "module": "src/menu/menu.ts"
19373
19283
  }
19374
19284
  },
19375
19285
  {
19376
19286
  "kind": "field",
19377
- "name": "selected",
19378
- "type": {
19379
- "text": "boolean"
19380
- },
19381
- "privacy": "public",
19382
- "description": "The checked state of the control.",
19287
+ "name": "handleItemFocus",
19288
+ "privacy": "private",
19383
19289
  "inheritedFrom": {
19384
- "name": "ListboxOption",
19385
- "module": "src/listbox-option/listbox-option.ts"
19290
+ "name": "Menu",
19291
+ "module": "src/menu/menu.ts"
19292
+ }
19293
+ },
19294
+ {
19295
+ "kind": "field",
19296
+ "name": "handleExpandedChanged",
19297
+ "privacy": "private",
19298
+ "inheritedFrom": {
19299
+ "name": "Menu",
19300
+ "module": "src/menu/menu.ts"
19301
+ }
19302
+ },
19303
+ {
19304
+ "kind": "field",
19305
+ "name": "removeItemListeners",
19306
+ "privacy": "private",
19307
+ "inheritedFrom": {
19308
+ "name": "Menu",
19309
+ "module": "src/menu/menu.ts"
19310
+ }
19311
+ },
19312
+ {
19313
+ "kind": "field",
19314
+ "name": "setItems",
19315
+ "privacy": "private",
19316
+ "inheritedFrom": {
19317
+ "name": "Menu",
19318
+ "module": "src/menu/menu.ts"
19319
+ }
19320
+ },
19321
+ {
19322
+ "kind": "field",
19323
+ "name": "changeHandler",
19324
+ "privacy": "private",
19325
+ "description": "handle change from child element",
19326
+ "inheritedFrom": {
19327
+ "name": "Menu",
19328
+ "module": "src/menu/menu.ts"
19386
19329
  }
19387
19330
  },
19388
19331
  {
19389
19332
  "kind": "method",
19390
- "name": "selectedChanged",
19391
- "privacy": "protected",
19333
+ "name": "domChildren",
19334
+ "privacy": "private",
19392
19335
  "return": {
19393
19336
  "type": {
19394
- "text": "void"
19337
+ "text": "Element[]"
19395
19338
  }
19396
19339
  },
19340
+ "description": "get an array of valid DOM children",
19397
19341
  "inheritedFrom": {
19398
- "name": "ListboxOption",
19399
- "module": "src/listbox-option/listbox-option.ts"
19342
+ "name": "Menu",
19343
+ "module": "src/menu/menu.ts"
19400
19344
  }
19401
19345
  },
19402
19346
  {
19403
19347
  "kind": "field",
19404
- "name": "dirtyValue",
19405
- "type": {
19406
- "text": "boolean"
19407
- },
19408
- "privacy": "public",
19409
- "default": "false",
19410
- "description": "Track whether the value has been changed from the initial value",
19348
+ "name": "isMenuItemElement",
19349
+ "privacy": "private",
19350
+ "description": "check if the item is a menu item",
19411
19351
  "inheritedFrom": {
19412
- "name": "ListboxOption",
19413
- "module": "src/listbox-option/listbox-option.ts"
19352
+ "name": "Menu",
19353
+ "module": "src/menu/menu.ts"
19414
19354
  }
19415
19355
  },
19416
19356
  {
19417
19357
  "kind": "field",
19418
- "name": "initialValue",
19419
- "type": {
19420
- "text": "string"
19421
- },
19422
- "privacy": "protected",
19423
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
19358
+ "name": "isFocusableElement",
19359
+ "privacy": "private",
19360
+ "description": "check if the item is focusable",
19424
19361
  "inheritedFrom": {
19425
- "name": "ListboxOption",
19426
- "module": "src/listbox-option/listbox-option.ts"
19362
+ "name": "Menu",
19363
+ "module": "src/menu/menu.ts"
19427
19364
  }
19428
19365
  },
19429
19366
  {
19430
19367
  "kind": "method",
19431
- "name": "initialValueChanged",
19432
- "privacy": "public",
19368
+ "name": "setFocus",
19369
+ "privacy": "private",
19433
19370
  "return": {
19434
19371
  "type": {
19435
19372
  "text": "void"
@@ -19437,75 +19374,21 @@
19437
19374
  },
19438
19375
  "parameters": [
19439
19376
  {
19440
- "name": "previous",
19377
+ "name": "focusIndex",
19441
19378
  "type": {
19442
- "text": "string"
19379
+ "text": "number"
19443
19380
  }
19444
19381
  },
19445
19382
  {
19446
- "name": "next",
19383
+ "name": "adjustment",
19447
19384
  "type": {
19448
- "text": "string"
19385
+ "text": "number"
19449
19386
  }
19450
19387
  }
19451
19388
  ],
19452
19389
  "inheritedFrom": {
19453
- "name": "ListboxOption",
19454
- "module": "src/listbox-option/listbox-option.ts"
19455
- }
19456
- },
19457
- {
19458
- "kind": "field",
19459
- "name": "label",
19460
- "privacy": "public",
19461
- "inheritedFrom": {
19462
- "name": "ListboxOption",
19463
- "module": "src/listbox-option/listbox-option.ts"
19464
- }
19465
- },
19466
- {
19467
- "kind": "field",
19468
- "name": "text",
19469
- "type": {
19470
- "text": "string"
19471
- },
19472
- "privacy": "public",
19473
- "inheritedFrom": {
19474
- "name": "ListboxOption",
19475
- "module": "src/listbox-option/listbox-option.ts"
19476
- }
19477
- },
19478
- {
19479
- "kind": "field",
19480
- "name": "value",
19481
- "privacy": "public",
19482
- "type": {
19483
- "text": "string"
19484
- },
19485
- "inheritedFrom": {
19486
- "name": "ListboxOption",
19487
- "module": "src/listbox-option/listbox-option.ts"
19488
- }
19489
- },
19490
- {
19491
- "kind": "field",
19492
- "name": "form",
19493
- "type": {
19494
- "text": "HTMLFormElement | null"
19495
- },
19496
- "privacy": "public",
19497
- "inheritedFrom": {
19498
- "name": "ListboxOption",
19499
- "module": "src/listbox-option/listbox-option.ts"
19500
- }
19501
- },
19502
- {
19503
- "kind": "field",
19504
- "name": "proxy",
19505
- "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
19506
- "inheritedFrom": {
19507
- "name": "ListboxOption",
19508
- "module": "src/listbox-option/listbox-option.ts"
19390
+ "name": "Menu",
19391
+ "module": "src/menu/menu.ts"
19509
19392
  }
19510
19393
  },
19511
19394
  {
@@ -19517,8 +19400,8 @@
19517
19400
  "privacy": "private",
19518
19401
  "default": "void 0",
19519
19402
  "inheritedFrom": {
19520
- "name": "ListboxOption",
19521
- "module": "src/listbox-option/listbox-option.ts"
19403
+ "name": "Menu",
19404
+ "module": "src/menu/menu.ts"
19522
19405
  }
19523
19406
  },
19524
19407
  {
@@ -19530,8 +19413,8 @@
19530
19413
  "privacy": "public",
19531
19414
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
19532
19415
  "inheritedFrom": {
19533
- "name": "ListboxOption",
19534
- "module": "src/listbox-option/listbox-option.ts"
19416
+ "name": "Menu",
19417
+ "module": "src/menu/menu.ts"
19535
19418
  }
19536
19419
  },
19537
19420
  {
@@ -19543,8 +19426,8 @@
19543
19426
  "privacy": "public",
19544
19427
  "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.",
19545
19428
  "inheritedFrom": {
19546
- "name": "ListboxOption",
19547
- "module": "src/listbox-option/listbox-option.ts"
19429
+ "name": "Menu",
19430
+ "module": "src/menu/menu.ts"
19548
19431
  }
19549
19432
  },
19550
19433
  {
@@ -19557,8 +19440,8 @@
19557
19440
  }
19558
19441
  },
19559
19442
  "inheritedFrom": {
19560
- "name": "ListboxOption",
19561
- "module": "src/listbox-option/listbox-option.ts"
19443
+ "name": "Menu",
19444
+ "module": "src/menu/menu.ts"
19562
19445
  }
19563
19446
  },
19564
19447
  {
@@ -19570,8 +19453,8 @@
19570
19453
  "privacy": "public",
19571
19454
  "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.",
19572
19455
  "inheritedFrom": {
19573
- "name": "ListboxOption",
19574
- "module": "src/listbox-option/listbox-option.ts"
19456
+ "name": "Menu",
19457
+ "module": "src/menu/menu.ts"
19575
19458
  }
19576
19459
  },
19577
19460
  {
@@ -19583,9 +19466,9 @@
19583
19466
  "text": "void"
19584
19467
  }
19585
19468
  },
19586
- "inheritedFrom": {
19587
- "name": "ListboxOption",
19588
- "module": "src/listbox-option/listbox-option.ts"
19469
+ "inheritedFrom": {
19470
+ "name": "Menu",
19471
+ "module": "src/menu/menu.ts"
19589
19472
  }
19590
19473
  },
19591
19474
  {
@@ -19615,39 +19498,49 @@
19615
19498
  ],
19616
19499
  "description": "Defines an element registry function with a set of element definition defaults.",
19617
19500
  "inheritedFrom": {
19618
- "name": "ListboxOption",
19619
- "module": "src/listbox-option/listbox-option.ts"
19501
+ "name": "Menu",
19502
+ "module": "src/menu/menu.ts"
19620
19503
  }
19621
19504
  }
19622
19505
  ]
19623
19506
  },
19624
19507
  {
19625
19508
  "kind": "variable",
19626
- "name": "zeroListboxOption"
19509
+ "name": "zeroMenu",
19510
+ "description": "The Zero Menu",
19511
+ "privacy": "public"
19627
19512
  }
19628
19513
  ],
19629
19514
  "exports": [
19630
19515
  {
19631
19516
  "kind": "js",
19632
- "name": "ListboxOption",
19517
+ "name": "zeroMenuShadowOptions",
19633
19518
  "declaration": {
19634
- "name": "ListboxOption",
19635
- "module": "src/listbox-option/listbox-option.ts"
19519
+ "name": "zeroMenuShadowOptions",
19520
+ "module": "src/menu/menu.ts"
19636
19521
  }
19637
19522
  },
19638
19523
  {
19639
19524
  "kind": "js",
19640
- "name": "zeroListboxOption",
19525
+ "name": "Menu",
19641
19526
  "declaration": {
19642
- "name": "zeroListboxOption",
19643
- "module": "src/listbox-option/listbox-option.ts"
19527
+ "name": "Menu",
19528
+ "module": "src/menu/menu.ts"
19529
+ }
19530
+ },
19531
+ {
19532
+ "kind": "js",
19533
+ "name": "zeroMenu",
19534
+ "declaration": {
19535
+ "name": "zeroMenu",
19536
+ "module": "src/menu/menu.ts"
19644
19537
  }
19645
19538
  }
19646
19539
  ]
19647
19540
  },
19648
19541
  {
19649
19542
  "kind": "javascript-module",
19650
- "path": "src/menu/index.ts",
19543
+ "path": "src/listbox-option/index.ts",
19651
19544
  "declarations": [],
19652
19545
  "exports": [
19653
19546
  {
@@ -19655,61 +19548,76 @@
19655
19548
  "name": "*",
19656
19549
  "declaration": {
19657
19550
  "name": "*",
19658
- "package": "./menu"
19551
+ "package": "./listbox-option"
19552
+ }
19553
+ },
19554
+ {
19555
+ "kind": "js",
19556
+ "name": "*",
19557
+ "declaration": {
19558
+ "name": "*",
19559
+ "package": "./listbox-option.styles"
19560
+ }
19561
+ },
19562
+ {
19563
+ "kind": "js",
19564
+ "name": "*",
19565
+ "declaration": {
19566
+ "name": "*",
19567
+ "package": "./listbox-option.template"
19659
19568
  }
19660
19569
  }
19661
19570
  ]
19662
19571
  },
19663
19572
  {
19664
19573
  "kind": "javascript-module",
19665
- "path": "src/menu/menu.stories.ts",
19574
+ "path": "src/listbox-option/listbox-option.styles.ts",
19666
19575
  "declarations": [
19667
19576
  {
19668
- "kind": "variable",
19669
- "name": "meta",
19670
- "type": {
19671
- "text": "Meta"
19672
- },
19673
- "default": "{\n title: 'Menu',\n component: 'zero-menu',\n}"
19674
- },
19675
- {
19676
- "kind": "variable",
19677
- "name": "Primary",
19678
- "type": {
19679
- "text": "StoryObj"
19577
+ "kind": "function",
19578
+ "name": "zeroListboxOptionStyles",
19579
+ "return": {
19580
+ "type": {
19581
+ "text": "ElementStyles"
19582
+ }
19680
19583
  },
19681
- "default": "{\n args: {\n menuItemsText: 'Menu item',\n subMenuItemsText: 'SubMenu item',\n },\n render: ({ menuItemsText, subMenuItemsText }) => html`\n <zero-menu>\n <zero-menu-item>\n ${menuItemsText} 1\n <zero-menu>\n <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>\n <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>\n <zero-menu-item>${subMenuItemsText}</zero-menu-item>\n </zero-menu>\n </zero-menu-item>\n <zero-menu-item>${menuItemsText} 2</zero-menu-item>\n <zero-menu-item>${menuItemsText}</zero-menu-item>\n </zero-menu>\n `,\n}"
19584
+ "parameters": [
19585
+ {
19586
+ "name": "context",
19587
+ "type": {
19588
+ "text": "ElementDefinitionContext"
19589
+ }
19590
+ },
19591
+ {
19592
+ "name": "definition",
19593
+ "type": {
19594
+ "text": "FoundationElementDefinition"
19595
+ }
19596
+ }
19597
+ ]
19682
19598
  }
19683
19599
  ],
19684
19600
  "exports": [
19685
19601
  {
19686
19602
  "kind": "js",
19687
- "name": "default",
19688
- "declaration": {
19689
- "name": "meta",
19690
- "module": "src/menu/menu.stories.ts"
19691
- }
19692
- },
19693
- {
19694
- "kind": "js",
19695
- "name": "Primary",
19603
+ "name": "zeroListboxOptionStyles",
19696
19604
  "declaration": {
19697
- "name": "Primary",
19698
- "module": "src/menu/menu.stories.ts"
19605
+ "name": "zeroListboxOptionStyles",
19606
+ "module": "src/listbox-option/listbox-option.styles.ts"
19699
19607
  }
19700
19608
  }
19701
19609
  ]
19702
19610
  },
19703
19611
  {
19704
19612
  "kind": "javascript-module",
19705
- "path": "src/menu/menu.styles.ts",
19613
+ "path": "src/listbox-option/listbox-option.template.ts",
19706
19614
  "declarations": [
19707
19615
  {
19708
19616
  "kind": "function",
19709
- "name": "zeroMenuStyles",
19617
+ "name": "zeroListboxOptionTemplate",
19710
19618
  "return": {
19711
19619
  "type": {
19712
- "text": "ElementStyles"
19620
+ "text": "ViewTemplate<ListboxOption>"
19713
19621
  }
19714
19622
  },
19715
19623
  "parameters": [
@@ -19731,230 +19639,278 @@
19731
19639
  "exports": [
19732
19640
  {
19733
19641
  "kind": "js",
19734
- "name": "zeroMenuStyles",
19642
+ "name": "zeroListboxOptionTemplate",
19735
19643
  "declaration": {
19736
- "name": "zeroMenuStyles",
19737
- "module": "src/menu/menu.styles.ts"
19644
+ "name": "zeroListboxOptionTemplate",
19645
+ "module": "src/listbox-option/listbox-option.template.ts"
19738
19646
  }
19739
19647
  }
19740
19648
  ]
19741
19649
  },
19742
19650
  {
19743
19651
  "kind": "javascript-module",
19744
- "path": "src/menu/menu.ts",
19652
+ "path": "src/listbox-option/listbox-option.ts",
19745
19653
  "declarations": [
19746
- {
19747
- "kind": "variable",
19748
- "name": "zeroMenuShadowOptions",
19749
- "default": "foundationMenuShadowOptions"
19750
- },
19751
19654
  {
19752
19655
  "kind": "class",
19753
19656
  "description": "",
19754
- "name": "Menu",
19657
+ "name": "ListboxOption",
19755
19658
  "superclass": {
19756
- "name": "FoundationMenu",
19659
+ "name": "FoundationListboxOption",
19757
19660
  "package": "@genesislcap/foundation-ui"
19758
19661
  },
19759
- "tagName": "%%prefix%%-menu",
19662
+ "tagName": "%%prefix%%-option",
19760
19663
  "customElement": true,
19761
- "members": [
19762
- {
19763
- "kind": "method",
19764
- "name": "itemsChanged",
19765
- "privacy": "private",
19766
- "return": {
19767
- "type": {
19768
- "text": "void"
19769
- }
19770
- },
19771
- "parameters": [
19772
- {
19773
- "name": "oldValue",
19774
- "type": {
19775
- "text": "HTMLElement[]"
19776
- }
19777
- },
19778
- {
19779
- "name": "newValue",
19780
- "type": {
19781
- "text": "HTMLElement[]"
19782
- }
19783
- }
19784
- ],
19785
- "inheritedFrom": {
19786
- "name": "Menu",
19787
- "module": "src/menu/menu.ts"
19788
- }
19789
- },
19664
+ "attributes": [
19790
19665
  {
19791
- "kind": "field",
19792
- "name": "menuItems",
19793
19666
  "type": {
19794
- "text": "Element[] | undefined"
19667
+ "text": "boolean"
19795
19668
  },
19796
- "privacy": "private",
19669
+ "description": "The disabled state of the option.",
19670
+ "fieldName": "disabled",
19797
19671
  "inheritedFrom": {
19798
- "name": "Menu",
19799
- "module": "src/menu/menu.ts"
19672
+ "name": "ListboxOption",
19673
+ "module": "src/listbox-option/listbox-option.ts"
19800
19674
  }
19801
19675
  },
19802
19676
  {
19803
- "kind": "field",
19804
- "name": "expandedItem",
19677
+ "name": "selected",
19805
19678
  "type": {
19806
- "text": "MenuItem | null"
19679
+ "text": "boolean"
19807
19680
  },
19808
- "privacy": "private",
19809
- "default": "null",
19681
+ "description": "The selected attribute value. This sets the initial selected value.",
19682
+ "fieldName": "selectedAttribute",
19810
19683
  "inheritedFrom": {
19811
- "name": "Menu",
19812
- "module": "src/menu/menu.ts"
19684
+ "name": "ListboxOption",
19685
+ "module": "src/listbox-option/listbox-option.ts"
19813
19686
  }
19814
19687
  },
19815
19688
  {
19816
- "kind": "field",
19817
- "name": "focusIndex",
19689
+ "name": "value",
19818
19690
  "type": {
19819
- "text": "number"
19691
+ "text": "string"
19820
19692
  },
19821
- "privacy": "private",
19822
- "default": "-1",
19823
- "description": "The index of the focusable element in the items array\ndefaults to -1",
19693
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
19694
+ "fieldName": "initialValue",
19824
19695
  "inheritedFrom": {
19825
- "name": "Menu",
19826
- "module": "src/menu/menu.ts"
19696
+ "name": "ListboxOption",
19697
+ "module": "src/listbox-option/listbox-option.ts"
19827
19698
  }
19828
- },
19699
+ }
19700
+ ],
19701
+ "members": [
19829
19702
  {
19830
19703
  "kind": "field",
19831
- "name": "focusableElementRoles",
19704
+ "name": "checked",
19832
19705
  "type": {
19833
- "text": "{ [key: string]: string }"
19706
+ "text": "boolean | undefined"
19834
19707
  },
19835
- "privacy": "private",
19836
- "static": true,
19837
- "default": "roleForMenuItem",
19708
+ "privacy": "public",
19709
+ "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
19838
19710
  "inheritedFrom": {
19839
- "name": "Menu",
19840
- "module": "src/menu/menu.ts"
19711
+ "name": "ListboxOption",
19712
+ "module": "src/listbox-option/listbox-option.ts"
19841
19713
  }
19842
19714
  },
19843
19715
  {
19844
19716
  "kind": "method",
19845
- "name": "focus",
19717
+ "name": "checkedChanged",
19846
19718
  "privacy": "public",
19847
19719
  "return": {
19848
19720
  "type": {
19849
19721
  "text": "void"
19850
19722
  }
19851
19723
  },
19852
- "description": "Focuses the first item in the menu.",
19724
+ "parameters": [
19725
+ {
19726
+ "name": "prev",
19727
+ "type": {
19728
+ "text": "boolean | unknown"
19729
+ },
19730
+ "description": "the previous checked value"
19731
+ },
19732
+ {
19733
+ "name": "next",
19734
+ "optional": true,
19735
+ "type": {
19736
+ "text": "boolean"
19737
+ },
19738
+ "description": "the current checked value"
19739
+ }
19740
+ ],
19741
+ "description": "Updates the ariaChecked property when the checked property changes.",
19742
+ "inheritedFrom": {
19743
+ "name": "ListboxOption",
19744
+ "module": "src/listbox-option/listbox-option.ts"
19745
+ }
19746
+ },
19747
+ {
19748
+ "kind": "field",
19749
+ "name": "content",
19750
+ "type": {
19751
+ "text": "Node[]"
19752
+ },
19753
+ "privacy": "public",
19754
+ "description": "The default slotted content.",
19755
+ "inheritedFrom": {
19756
+ "name": "ListboxOption",
19757
+ "module": "src/listbox-option/listbox-option.ts"
19758
+ }
19759
+ },
19760
+ {
19761
+ "kind": "field",
19762
+ "name": "defaultSelected",
19763
+ "type": {
19764
+ "text": "boolean"
19765
+ },
19766
+ "privacy": "public",
19767
+ "default": "false",
19768
+ "description": "The defaultSelected state of the option.",
19853
19769
  "inheritedFrom": {
19854
- "name": "Menu",
19855
- "module": "src/menu/menu.ts"
19770
+ "name": "ListboxOption",
19771
+ "module": "src/listbox-option/listbox-option.ts"
19856
19772
  }
19857
19773
  },
19858
19774
  {
19859
19775
  "kind": "method",
19860
- "name": "collapseExpandedItem",
19861
- "privacy": "public",
19776
+ "name": "defaultSelectedChanged",
19777
+ "privacy": "protected",
19862
19778
  "return": {
19863
19779
  "type": {
19864
19780
  "text": "void"
19865
19781
  }
19866
19782
  },
19867
- "description": "Collapses any expanded menu items.",
19868
19783
  "inheritedFrom": {
19869
- "name": "Menu",
19870
- "module": "src/menu/menu.ts"
19784
+ "name": "ListboxOption",
19785
+ "module": "src/listbox-option/listbox-option.ts"
19871
19786
  }
19872
19787
  },
19873
19788
  {
19874
19789
  "kind": "field",
19875
- "name": "handleItemFocus",
19876
- "privacy": "private",
19790
+ "name": "disabled",
19791
+ "type": {
19792
+ "text": "boolean"
19793
+ },
19794
+ "privacy": "public",
19795
+ "description": "The disabled state of the option.",
19877
19796
  "inheritedFrom": {
19878
- "name": "Menu",
19879
- "module": "src/menu/menu.ts"
19797
+ "name": "ListboxOption",
19798
+ "module": "src/listbox-option/listbox-option.ts"
19880
19799
  }
19881
19800
  },
19882
19801
  {
19883
- "kind": "field",
19884
- "name": "handleExpandedChanged",
19885
- "privacy": "private",
19802
+ "kind": "method",
19803
+ "name": "disabledChanged",
19804
+ "privacy": "protected",
19805
+ "return": {
19806
+ "type": {
19807
+ "text": "void"
19808
+ }
19809
+ },
19810
+ "parameters": [
19811
+ {
19812
+ "name": "prev",
19813
+ "type": {
19814
+ "text": "boolean"
19815
+ }
19816
+ },
19817
+ {
19818
+ "name": "next",
19819
+ "type": {
19820
+ "text": "boolean"
19821
+ }
19822
+ }
19823
+ ],
19886
19824
  "inheritedFrom": {
19887
- "name": "Menu",
19888
- "module": "src/menu/menu.ts"
19825
+ "name": "ListboxOption",
19826
+ "module": "src/listbox-option/listbox-option.ts"
19889
19827
  }
19890
19828
  },
19891
19829
  {
19892
19830
  "kind": "field",
19893
- "name": "removeItemListeners",
19894
- "privacy": "private",
19831
+ "name": "selectedAttribute",
19832
+ "type": {
19833
+ "text": "boolean"
19834
+ },
19835
+ "privacy": "public",
19836
+ "description": "The selected attribute value. This sets the initial selected value.",
19895
19837
  "inheritedFrom": {
19896
- "name": "Menu",
19897
- "module": "src/menu/menu.ts"
19838
+ "name": "ListboxOption",
19839
+ "module": "src/listbox-option/listbox-option.ts"
19898
19840
  }
19899
19841
  },
19900
19842
  {
19901
- "kind": "field",
19902
- "name": "setItems",
19903
- "privacy": "private",
19843
+ "kind": "method",
19844
+ "name": "selectedAttributeChanged",
19845
+ "privacy": "protected",
19846
+ "return": {
19847
+ "type": {
19848
+ "text": "void"
19849
+ }
19850
+ },
19904
19851
  "inheritedFrom": {
19905
- "name": "Menu",
19906
- "module": "src/menu/menu.ts"
19852
+ "name": "ListboxOption",
19853
+ "module": "src/listbox-option/listbox-option.ts"
19907
19854
  }
19908
19855
  },
19909
19856
  {
19910
19857
  "kind": "field",
19911
- "name": "changeHandler",
19912
- "privacy": "private",
19913
- "description": "handle change from child element",
19858
+ "name": "selected",
19859
+ "type": {
19860
+ "text": "boolean"
19861
+ },
19862
+ "privacy": "public",
19863
+ "description": "The checked state of the control.",
19914
19864
  "inheritedFrom": {
19915
- "name": "Menu",
19916
- "module": "src/menu/menu.ts"
19865
+ "name": "ListboxOption",
19866
+ "module": "src/listbox-option/listbox-option.ts"
19917
19867
  }
19918
19868
  },
19919
19869
  {
19920
19870
  "kind": "method",
19921
- "name": "domChildren",
19922
- "privacy": "private",
19871
+ "name": "selectedChanged",
19872
+ "privacy": "protected",
19923
19873
  "return": {
19924
19874
  "type": {
19925
- "text": "Element[]"
19875
+ "text": "void"
19926
19876
  }
19927
19877
  },
19928
- "description": "get an array of valid DOM children",
19929
19878
  "inheritedFrom": {
19930
- "name": "Menu",
19931
- "module": "src/menu/menu.ts"
19879
+ "name": "ListboxOption",
19880
+ "module": "src/listbox-option/listbox-option.ts"
19932
19881
  }
19933
19882
  },
19934
19883
  {
19935
19884
  "kind": "field",
19936
- "name": "isMenuItemElement",
19937
- "privacy": "private",
19938
- "description": "check if the item is a menu item",
19885
+ "name": "dirtyValue",
19886
+ "type": {
19887
+ "text": "boolean"
19888
+ },
19889
+ "privacy": "public",
19890
+ "default": "false",
19891
+ "description": "Track whether the value has been changed from the initial value",
19939
19892
  "inheritedFrom": {
19940
- "name": "Menu",
19941
- "module": "src/menu/menu.ts"
19893
+ "name": "ListboxOption",
19894
+ "module": "src/listbox-option/listbox-option.ts"
19942
19895
  }
19943
19896
  },
19944
19897
  {
19945
19898
  "kind": "field",
19946
- "name": "isFocusableElement",
19947
- "privacy": "private",
19948
- "description": "check if the item is focusable",
19899
+ "name": "initialValue",
19900
+ "type": {
19901
+ "text": "string"
19902
+ },
19903
+ "privacy": "protected",
19904
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
19949
19905
  "inheritedFrom": {
19950
- "name": "Menu",
19951
- "module": "src/menu/menu.ts"
19906
+ "name": "ListboxOption",
19907
+ "module": "src/listbox-option/listbox-option.ts"
19952
19908
  }
19953
19909
  },
19954
19910
  {
19955
19911
  "kind": "method",
19956
- "name": "setFocus",
19957
- "privacy": "private",
19912
+ "name": "initialValueChanged",
19913
+ "privacy": "public",
19958
19914
  "return": {
19959
19915
  "type": {
19960
19916
  "text": "void"
@@ -19962,21 +19918,75 @@
19962
19918
  },
19963
19919
  "parameters": [
19964
19920
  {
19965
- "name": "focusIndex",
19921
+ "name": "previous",
19966
19922
  "type": {
19967
- "text": "number"
19923
+ "text": "string"
19968
19924
  }
19969
19925
  },
19970
19926
  {
19971
- "name": "adjustment",
19927
+ "name": "next",
19972
19928
  "type": {
19973
- "text": "number"
19929
+ "text": "string"
19974
19930
  }
19975
19931
  }
19976
19932
  ],
19977
19933
  "inheritedFrom": {
19978
- "name": "Menu",
19979
- "module": "src/menu/menu.ts"
19934
+ "name": "ListboxOption",
19935
+ "module": "src/listbox-option/listbox-option.ts"
19936
+ }
19937
+ },
19938
+ {
19939
+ "kind": "field",
19940
+ "name": "label",
19941
+ "privacy": "public",
19942
+ "inheritedFrom": {
19943
+ "name": "ListboxOption",
19944
+ "module": "src/listbox-option/listbox-option.ts"
19945
+ }
19946
+ },
19947
+ {
19948
+ "kind": "field",
19949
+ "name": "text",
19950
+ "type": {
19951
+ "text": "string"
19952
+ },
19953
+ "privacy": "public",
19954
+ "inheritedFrom": {
19955
+ "name": "ListboxOption",
19956
+ "module": "src/listbox-option/listbox-option.ts"
19957
+ }
19958
+ },
19959
+ {
19960
+ "kind": "field",
19961
+ "name": "value",
19962
+ "privacy": "public",
19963
+ "type": {
19964
+ "text": "string"
19965
+ },
19966
+ "inheritedFrom": {
19967
+ "name": "ListboxOption",
19968
+ "module": "src/listbox-option/listbox-option.ts"
19969
+ }
19970
+ },
19971
+ {
19972
+ "kind": "field",
19973
+ "name": "form",
19974
+ "type": {
19975
+ "text": "HTMLFormElement | null"
19976
+ },
19977
+ "privacy": "public",
19978
+ "inheritedFrom": {
19979
+ "name": "ListboxOption",
19980
+ "module": "src/listbox-option/listbox-option.ts"
19981
+ }
19982
+ },
19983
+ {
19984
+ "kind": "field",
19985
+ "name": "proxy",
19986
+ "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
19987
+ "inheritedFrom": {
19988
+ "name": "ListboxOption",
19989
+ "module": "src/listbox-option/listbox-option.ts"
19980
19990
  }
19981
19991
  },
19982
19992
  {
@@ -19988,8 +19998,8 @@
19988
19998
  "privacy": "private",
19989
19999
  "default": "void 0",
19990
20000
  "inheritedFrom": {
19991
- "name": "Menu",
19992
- "module": "src/menu/menu.ts"
20001
+ "name": "ListboxOption",
20002
+ "module": "src/listbox-option/listbox-option.ts"
19993
20003
  }
19994
20004
  },
19995
20005
  {
@@ -20001,8 +20011,8 @@
20001
20011
  "privacy": "public",
20002
20012
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
20003
20013
  "inheritedFrom": {
20004
- "name": "Menu",
20005
- "module": "src/menu/menu.ts"
20014
+ "name": "ListboxOption",
20015
+ "module": "src/listbox-option/listbox-option.ts"
20006
20016
  }
20007
20017
  },
20008
20018
  {
@@ -20014,8 +20024,8 @@
20014
20024
  "privacy": "public",
20015
20025
  "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.",
20016
20026
  "inheritedFrom": {
20017
- "name": "Menu",
20018
- "module": "src/menu/menu.ts"
20027
+ "name": "ListboxOption",
20028
+ "module": "src/listbox-option/listbox-option.ts"
20019
20029
  }
20020
20030
  },
20021
20031
  {
@@ -20028,8 +20038,8 @@
20028
20038
  }
20029
20039
  },
20030
20040
  "inheritedFrom": {
20031
- "name": "Menu",
20032
- "module": "src/menu/menu.ts"
20041
+ "name": "ListboxOption",
20042
+ "module": "src/listbox-option/listbox-option.ts"
20033
20043
  }
20034
20044
  },
20035
20045
  {
@@ -20041,8 +20051,8 @@
20041
20051
  "privacy": "public",
20042
20052
  "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.",
20043
20053
  "inheritedFrom": {
20044
- "name": "Menu",
20045
- "module": "src/menu/menu.ts"
20054
+ "name": "ListboxOption",
20055
+ "module": "src/listbox-option/listbox-option.ts"
20046
20056
  }
20047
20057
  },
20048
20058
  {
@@ -20055,8 +20065,8 @@
20055
20065
  }
20056
20066
  },
20057
20067
  "inheritedFrom": {
20058
- "name": "Menu",
20059
- "module": "src/menu/menu.ts"
20068
+ "name": "ListboxOption",
20069
+ "module": "src/listbox-option/listbox-option.ts"
20060
20070
  }
20061
20071
  },
20062
20072
  {
@@ -20086,42 +20096,32 @@
20086
20096
  ],
20087
20097
  "description": "Defines an element registry function with a set of element definition defaults.",
20088
20098
  "inheritedFrom": {
20089
- "name": "Menu",
20090
- "module": "src/menu/menu.ts"
20099
+ "name": "ListboxOption",
20100
+ "module": "src/listbox-option/listbox-option.ts"
20091
20101
  }
20092
20102
  }
20093
20103
  ]
20094
20104
  },
20095
20105
  {
20096
20106
  "kind": "variable",
20097
- "name": "zeroMenu",
20098
- "description": "The Zero Menu",
20099
- "privacy": "public"
20107
+ "name": "zeroListboxOption"
20100
20108
  }
20101
20109
  ],
20102
20110
  "exports": [
20103
20111
  {
20104
20112
  "kind": "js",
20105
- "name": "zeroMenuShadowOptions",
20106
- "declaration": {
20107
- "name": "zeroMenuShadowOptions",
20108
- "module": "src/menu/menu.ts"
20109
- }
20110
- },
20111
- {
20112
- "kind": "js",
20113
- "name": "Menu",
20113
+ "name": "ListboxOption",
20114
20114
  "declaration": {
20115
- "name": "Menu",
20116
- "module": "src/menu/menu.ts"
20115
+ "name": "ListboxOption",
20116
+ "module": "src/listbox-option/listbox-option.ts"
20117
20117
  }
20118
20118
  },
20119
20119
  {
20120
20120
  "kind": "js",
20121
- "name": "zeroMenu",
20121
+ "name": "zeroListboxOption",
20122
20122
  "declaration": {
20123
- "name": "zeroMenu",
20124
- "module": "src/menu/menu.ts"
20123
+ "name": "zeroListboxOption",
20124
+ "module": "src/listbox-option/listbox-option.ts"
20125
20125
  }
20126
20126
  }
20127
20127
  ]