@genesislcap/foundation-ui 15.1.0-GENC-1461.6 → 15.2.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.
@@ -12,7 +12,7 @@
12
12
  "type": {
13
13
  "text": "object"
14
14
  },
15
- "default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPill,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n foundationSectionNavigator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
15
+ "default": "{\n foundationAccordion,\n foundationAiCriteriaSearch,\n foundationAiIndicator,\n foundationAccordionItem,\n foundationActionsMenu,\n foundationAnchor,\n foundationAnchoredRegion,\n foundationAvatar,\n foundationBadge,\n foundationBanner,\n foundationBreadcrumb,\n foundationBreadcrumbItem,\n foundationButton,\n foundationCalendar,\n foundationCard,\n foundationCategorizedMultiselect,\n foundationCheckbox,\n foundationCombobox,\n foundationConnectionIndicator,\n foundationDataGrid,\n foundationDataGridCell,\n foundationDataGridRow,\n foundationDatePicker,\n foundationDesignSystemProvider,\n foundationDialog,\n foundationDisclosure,\n foundationDivider,\n foundationDropdownMenu,\n foundationErrorBanner,\n foundationErrorBoundary,\n foundationErrorDialog,\n foundationFileReader,\n foundationFileUpload,\n foundationFilter,\n foundationFilterBar,\n foundationFlexLayout,\n foundationFlipper,\n foundationFlyout,\n foundationGridLayout,\n foundationGridLayoutItem,\n foundationHorizontalScroll,\n foundationIcon,\n foundationListbox,\n foundationListboxOption,\n foundationMenu,\n foundationMenuItem,\n foundationModal,\n foundationMultiselect,\n foundationNumberField,\n foundationOptgroup,\n foundationPill,\n foundationPopper,\n foundationProgress,\n foundationProgressRing,\n foundationRadio,\n foundationRadioGroup,\n foundationScheduler,\n foundationSchedulerCronBuilder,\n foundationSchedulerTimezone,\n foundationSearchBar,\n foundationSearchBarCombobox,\n foundationSegmentedControl,\n foundationSegmentedItem,\n foundationSelect,\n foundationSkeleton,\n foundationSlider,\n foundationSliderLabel,\n foundationSnackbar,\n foundationStackingIcons,\n foundationStatusPill,\n foundationEnvironmentIndicator,\n foundationStepperTab,\n foundationStepperTabPanel,\n foundationSwitch,\n foundationSystemHealthOverlay,\n foundationTab,\n foundationTabPanel,\n foundationTabs,\n foundationTextArea,\n foundationTextField,\n foundationToast,\n foundationToolbar,\n foundationTooltip,\n foundationTreeItem,\n foundationTreeView,\n foundationUrlInput,\n foundationVerificationCodeInput,\n foundationSectionNavigator,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n\n this[key]().register(container, ...rest);\n }\n },\n}"
16
16
  }
17
17
  ],
18
18
  "exports": [
@@ -867,6 +867,14 @@
867
867
  "name": "getPrefix",
868
868
  "module": "./utils/dom"
869
869
  }
870
+ },
871
+ {
872
+ "kind": "js",
873
+ "name": "*",
874
+ "declaration": {
875
+ "name": "*",
876
+ "package": "./verification-code-input"
877
+ }
870
878
  }
871
879
  ]
872
880
  },
@@ -1416,11 +1424,42 @@
1416
1424
  },
1417
1425
  {
1418
1426
  "kind": "javascript-module",
1419
- "path": "src/accordion/accordion.styles.ts",
1427
+ "path": "src/_config/index.ts",
1428
+ "declarations": [],
1429
+ "exports": [
1430
+ {
1431
+ "kind": "js",
1432
+ "name": "*",
1433
+ "declaration": {
1434
+ "name": "*",
1435
+ "package": "./styles"
1436
+ }
1437
+ },
1438
+ {
1439
+ "kind": "js",
1440
+ "name": "*",
1441
+ "declaration": {
1442
+ "name": "*",
1443
+ "package": "./tokens"
1444
+ }
1445
+ },
1446
+ {
1447
+ "kind": "js",
1448
+ "name": "*",
1449
+ "declaration": {
1450
+ "name": "*",
1451
+ "package": "./values"
1452
+ }
1453
+ }
1454
+ ]
1455
+ },
1456
+ {
1457
+ "kind": "javascript-module",
1458
+ "path": "src/accordion-item/accordion-item.styles.ts",
1420
1459
  "declarations": [
1421
1460
  {
1422
1461
  "kind": "function",
1423
- "name": "foundationAccordionStyles",
1462
+ "name": "foundationAccordionItemStyles",
1424
1463
  "return": {
1425
1464
  "type": {
1426
1465
  "text": "ElementStyles"
@@ -1445,24 +1484,24 @@
1445
1484
  "exports": [
1446
1485
  {
1447
1486
  "kind": "js",
1448
- "name": "foundationAccordionStyles",
1487
+ "name": "foundationAccordionItemStyles",
1449
1488
  "declaration": {
1450
- "name": "foundationAccordionStyles",
1451
- "module": "src/accordion/accordion.styles.ts"
1489
+ "name": "foundationAccordionItemStyles",
1490
+ "module": "src/accordion-item/accordion-item.styles.ts"
1452
1491
  }
1453
1492
  }
1454
1493
  ]
1455
1494
  },
1456
1495
  {
1457
1496
  "kind": "javascript-module",
1458
- "path": "src/accordion/accordion.template.ts",
1497
+ "path": "src/accordion-item/accordion-item.template.ts",
1459
1498
  "declarations": [
1460
1499
  {
1461
1500
  "kind": "function",
1462
- "name": "foundationAccordionTemplate",
1501
+ "name": "foundationAccordionItemTemplate",
1463
1502
  "return": {
1464
1503
  "type": {
1465
- "text": "ViewTemplate<Accordion>"
1504
+ "text": "ViewTemplate<AccordionItem>"
1466
1505
  }
1467
1506
  },
1468
1507
  "parameters": [
@@ -1484,237 +1523,116 @@
1484
1523
  "exports": [
1485
1524
  {
1486
1525
  "kind": "js",
1487
- "name": "foundationAccordionTemplate",
1526
+ "name": "foundationAccordionItemTemplate",
1488
1527
  "declaration": {
1489
- "name": "foundationAccordionTemplate",
1490
- "module": "src/accordion/accordion.template.ts"
1528
+ "name": "foundationAccordionItemTemplate",
1529
+ "module": "src/accordion-item/accordion-item.template.ts"
1491
1530
  }
1492
1531
  }
1493
1532
  ]
1494
1533
  },
1495
1534
  {
1496
1535
  "kind": "javascript-module",
1497
- "path": "src/accordion/accordion.ts",
1536
+ "path": "src/accordion-item/accordion-item.ts",
1498
1537
  "declarations": [
1499
1538
  {
1500
1539
  "kind": "class",
1501
1540
  "description": "",
1502
- "name": "Accordion",
1541
+ "name": "AccordionItem",
1503
1542
  "superclass": {
1504
- "name": "FASTAccordion",
1505
- "package": "@microsoft/fast-foundation"
1543
+ "name": "FASTAccordionItem",
1544
+ "package": "@microsoft/fast-components"
1506
1545
  },
1507
- "tagName": "%%prefix%%-accordion",
1546
+ "tagName": "%%prefix%%-accordion-item",
1508
1547
  "customElement": true,
1509
1548
  "attributes": [
1510
1549
  {
1511
- "name": "expand-mode",
1512
- "type": {
1513
- "text": "AccordionExpandMode"
1514
- },
1515
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1516
- "fieldName": "expandmode",
1517
- "inheritedFrom": {
1518
- "name": "Accordion",
1519
- "module": "src/accordion/accordion.ts"
1520
- }
1521
- }
1522
- ],
1523
- "members": [
1524
- {
1525
- "kind": "field",
1526
- "name": "expandmode",
1550
+ "name": "heading-level",
1527
1551
  "type": {
1528
- "text": "AccordionExpandMode"
1552
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1529
1553
  },
1530
- "privacy": "public",
1531
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1554
+ "default": "2",
1555
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1556
+ "fieldName": "headinglevel",
1532
1557
  "inheritedFrom": {
1533
- "name": "Accordion",
1534
- "module": "src/accordion/accordion.ts"
1558
+ "name": "AccordionItem",
1559
+ "module": "src/accordion-item/accordion-item.ts"
1535
1560
  }
1536
1561
  },
1537
1562
  {
1538
- "kind": "field",
1539
- "name": "activeid",
1540
1563
  "type": {
1541
- "text": "string | null"
1564
+ "text": "boolean"
1542
1565
  },
1543
- "privacy": "private",
1566
+ "default": "false",
1567
+ "description": "Expands or collapses the item.",
1568
+ "fieldName": "expanded",
1544
1569
  "inheritedFrom": {
1545
- "name": "Accordion",
1546
- "module": "src/accordion/accordion.ts"
1570
+ "name": "AccordionItem",
1571
+ "module": "src/accordion-item/accordion-item.ts"
1547
1572
  }
1548
1573
  },
1549
1574
  {
1550
- "kind": "field",
1551
- "name": "activeItemIndex",
1575
+ "name": "id",
1552
1576
  "type": {
1553
- "text": "number"
1577
+ "text": "string"
1554
1578
  },
1555
- "privacy": "private",
1556
- "default": "0",
1579
+ "description": "The item ID",
1580
+ "fieldName": "id",
1557
1581
  "inheritedFrom": {
1558
- "name": "Accordion",
1559
- "module": "src/accordion/accordion.ts"
1582
+ "name": "AccordionItem",
1583
+ "module": "src/accordion-item/accordion-item.ts"
1560
1584
  }
1561
- },
1585
+ }
1586
+ ],
1587
+ "members": [
1562
1588
  {
1563
1589
  "kind": "field",
1564
- "name": "accordionIds",
1590
+ "name": "headinglevel",
1565
1591
  "type": {
1566
- "text": "Array<string | null>"
1567
- },
1568
- "privacy": "private",
1569
- "inheritedFrom": {
1570
- "name": "Accordion",
1571
- "module": "src/accordion/accordion.ts"
1572
- }
1573
- },
1574
- {
1575
- "kind": "field",
1576
- "name": "change",
1577
- "privacy": "private",
1578
- "inheritedFrom": {
1579
- "name": "Accordion",
1580
- "module": "src/accordion/accordion.ts"
1581
- }
1582
- },
1583
- {
1584
- "kind": "method",
1585
- "name": "findExpandedItem",
1586
- "privacy": "private",
1587
- "return": {
1588
- "type": {
1589
- "text": "AccordionItem | null"
1590
- }
1592
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1591
1593
  },
1594
+ "privacy": "public",
1595
+ "default": "2",
1596
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1592
1597
  "inheritedFrom": {
1593
- "name": "Accordion",
1594
- "module": "src/accordion/accordion.ts"
1598
+ "name": "AccordionItem",
1599
+ "module": "src/accordion-item/accordion-item.ts"
1595
1600
  }
1596
1601
  },
1597
1602
  {
1598
1603
  "kind": "field",
1599
- "name": "setItems",
1600
- "privacy": "private",
1601
- "inheritedFrom": {
1602
- "name": "Accordion",
1603
- "module": "src/accordion/accordion.ts"
1604
- }
1605
- },
1606
- {
1607
- "kind": "method",
1608
- "name": "resetItems",
1609
- "privacy": "private",
1610
- "return": {
1611
- "type": {
1612
- "text": "void"
1613
- }
1604
+ "name": "expanded",
1605
+ "type": {
1606
+ "text": "boolean"
1614
1607
  },
1608
+ "privacy": "public",
1609
+ "default": "false",
1610
+ "description": "Expands or collapses the item.",
1615
1611
  "inheritedFrom": {
1616
- "name": "Accordion",
1617
- "module": "src/accordion/accordion.ts"
1618
- }
1619
- },
1620
- {
1621
- "kind": "field",
1622
- "name": "removeItemListeners",
1623
- "privacy": "private",
1624
- "inheritedFrom": {
1625
- "name": "Accordion",
1626
- "module": "src/accordion/accordion.ts"
1612
+ "name": "AccordionItem",
1613
+ "module": "src/accordion-item/accordion-item.ts"
1627
1614
  }
1628
1615
  },
1629
1616
  {
1630
1617
  "kind": "field",
1631
- "name": "activeItemChange",
1632
- "privacy": "private",
1633
- "inheritedFrom": {
1634
- "name": "Accordion",
1635
- "module": "src/accordion/accordion.ts"
1636
- }
1637
- },
1638
- {
1639
- "kind": "method",
1640
- "name": "getItemIds",
1641
- "privacy": "private",
1642
- "return": {
1643
- "type": {
1644
- "text": "Array<string | null>"
1645
- }
1646
- },
1647
- "inheritedFrom": {
1648
- "name": "Accordion",
1649
- "module": "src/accordion/accordion.ts"
1650
- }
1651
- },
1652
- {
1653
- "kind": "method",
1654
- "name": "isSingleExpandMode",
1655
- "privacy": "private",
1656
- "return": {
1657
- "type": {
1658
- "text": "boolean"
1659
- }
1618
+ "name": "id",
1619
+ "type": {
1620
+ "text": "string"
1660
1621
  },
1622
+ "privacy": "public",
1623
+ "description": "The item ID",
1661
1624
  "inheritedFrom": {
1662
- "name": "Accordion",
1663
- "module": "src/accordion/accordion.ts"
1664
- }
1665
- },
1666
- {
1667
- "kind": "field",
1668
- "name": "handleItemKeyDown",
1669
- "privacy": "private",
1670
- "inheritedFrom": {
1671
- "name": "Accordion",
1672
- "module": "src/accordion/accordion.ts"
1625
+ "name": "AccordionItem",
1626
+ "module": "src/accordion-item/accordion-item.ts"
1673
1627
  }
1674
1628
  },
1675
1629
  {
1676
1630
  "kind": "field",
1677
- "name": "handleItemFocus",
1678
- "privacy": "private",
1679
- "inheritedFrom": {
1680
- "name": "Accordion",
1681
- "module": "src/accordion/accordion.ts"
1682
- }
1683
- },
1684
- {
1685
- "kind": "method",
1686
- "name": "adjust",
1687
- "privacy": "private",
1688
- "return": {
1689
- "type": {
1690
- "text": "void"
1691
- }
1692
- },
1693
- "parameters": [
1694
- {
1695
- "name": "adjustment",
1696
- "type": {
1697
- "text": "number"
1698
- }
1699
- }
1700
- ],
1701
- "inheritedFrom": {
1702
- "name": "Accordion",
1703
- "module": "src/accordion/accordion.ts"
1704
- }
1705
- },
1706
- {
1707
- "kind": "method",
1708
- "name": "focusItem",
1631
+ "name": "change",
1709
1632
  "privacy": "private",
1710
- "return": {
1711
- "type": {
1712
- "text": "void"
1713
- }
1714
- },
1715
1633
  "inheritedFrom": {
1716
- "name": "Accordion",
1717
- "module": "src/accordion/accordion.ts"
1634
+ "name": "AccordionItem",
1635
+ "module": "src/accordion-item/accordion-item.ts"
1718
1636
  }
1719
1637
  },
1720
1638
  {
@@ -1831,18 +1749,18 @@
1831
1749
  ],
1832
1750
  "events": [
1833
1751
  {
1834
- "description": "Fires a custom 'change' event when the active item changes",
1752
+ "description": "Fires a custom 'change' event when the button is invoked",
1835
1753
  "name": "change",
1836
1754
  "inheritedFrom": {
1837
- "name": "Accordion",
1838
- "module": "src/accordion/accordion.ts"
1755
+ "name": "AccordionItem",
1756
+ "module": "src/accordion-item/accordion-item.ts"
1839
1757
  }
1840
1758
  }
1841
1759
  ]
1842
1760
  },
1843
1761
  {
1844
1762
  "kind": "variable",
1845
- "name": "foundationAccordionShadowOptions",
1763
+ "name": "foundationAccordionItemShadowOptions",
1846
1764
  "type": {
1847
1765
  "text": "ShadowRootInit"
1848
1766
  },
@@ -1850,88 +1768,57 @@
1850
1768
  },
1851
1769
  {
1852
1770
  "kind": "variable",
1853
- "name": "defaultAccordionConfig",
1771
+ "name": "defaultAccordionItemConfig",
1854
1772
  "type": {
1855
1773
  "text": "object"
1856
1774
  },
1857
- "default": "{}"
1775
+ "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}"
1858
1776
  },
1859
1777
  {
1860
1778
  "kind": "variable",
1861
- "name": "foundationAccordion",
1862
- "description": "The Foundation Accordion",
1779
+ "name": "foundationAccordionItem",
1780
+ "description": "The Foundation Accordion Item",
1863
1781
  "privacy": "public"
1864
1782
  }
1865
1783
  ],
1866
1784
  "exports": [
1867
1785
  {
1868
1786
  "kind": "js",
1869
- "name": "Accordion",
1870
- "declaration": {
1871
- "name": "Accordion",
1872
- "module": "src/accordion/accordion.ts"
1873
- }
1874
- },
1875
- {
1876
- "kind": "js",
1877
- "name": "foundationAccordionShadowOptions",
1878
- "declaration": {
1879
- "name": "foundationAccordionShadowOptions",
1880
- "module": "src/accordion/accordion.ts"
1881
- }
1882
- },
1883
- {
1884
- "kind": "js",
1885
- "name": "defaultAccordionConfig",
1787
+ "name": "AccordionItem",
1886
1788
  "declaration": {
1887
- "name": "defaultAccordionConfig",
1888
- "module": "src/accordion/accordion.ts"
1789
+ "name": "AccordionItem",
1790
+ "module": "src/accordion-item/accordion-item.ts"
1889
1791
  }
1890
1792
  },
1891
1793
  {
1892
1794
  "kind": "js",
1893
- "name": "foundationAccordion",
1894
- "declaration": {
1895
- "name": "foundationAccordion",
1896
- "module": "src/accordion/accordion.ts"
1897
- }
1898
- }
1899
- ]
1900
- },
1901
- {
1902
- "kind": "javascript-module",
1903
- "path": "src/accordion/index.ts",
1904
- "declarations": [],
1905
- "exports": [
1906
- {
1907
- "kind": "js",
1908
- "name": "*",
1795
+ "name": "foundationAccordionItemShadowOptions",
1909
1796
  "declaration": {
1910
- "name": "*",
1911
- "package": "./accordion.template"
1797
+ "name": "foundationAccordionItemShadowOptions",
1798
+ "module": "src/accordion-item/accordion-item.ts"
1912
1799
  }
1913
1800
  },
1914
1801
  {
1915
1802
  "kind": "js",
1916
- "name": "*",
1803
+ "name": "defaultAccordionItemConfig",
1917
1804
  "declaration": {
1918
- "name": "*",
1919
- "package": "./accordion.styles"
1805
+ "name": "defaultAccordionItemConfig",
1806
+ "module": "src/accordion-item/accordion-item.ts"
1920
1807
  }
1921
1808
  },
1922
1809
  {
1923
1810
  "kind": "js",
1924
- "name": "*",
1811
+ "name": "foundationAccordionItem",
1925
1812
  "declaration": {
1926
- "name": "*",
1927
- "package": "./accordion"
1813
+ "name": "foundationAccordionItem",
1814
+ "module": "src/accordion-item/accordion-item.ts"
1928
1815
  }
1929
1816
  }
1930
1817
  ]
1931
1818
  },
1932
1819
  {
1933
1820
  "kind": "javascript-module",
1934
- "path": "src/_config/index.ts",
1821
+ "path": "src/accordion-item/index.ts",
1935
1822
  "declarations": [],
1936
1823
  "exports": [
1937
1824
  {
@@ -1939,7 +1826,7 @@
1939
1826
  "name": "*",
1940
1827
  "declaration": {
1941
1828
  "name": "*",
1942
- "package": "./styles"
1829
+ "package": "./accordion-item.template"
1943
1830
  }
1944
1831
  },
1945
1832
  {
@@ -1947,7 +1834,7 @@
1947
1834
  "name": "*",
1948
1835
  "declaration": {
1949
1836
  "name": "*",
1950
- "package": "./tokens"
1837
+ "package": "./accordion-item.styles"
1951
1838
  }
1952
1839
  },
1953
1840
  {
@@ -1955,18 +1842,18 @@
1955
1842
  "name": "*",
1956
1843
  "declaration": {
1957
1844
  "name": "*",
1958
- "package": "./values"
1845
+ "package": "./accordion-item"
1959
1846
  }
1960
1847
  }
1961
1848
  ]
1962
1849
  },
1963
1850
  {
1964
1851
  "kind": "javascript-module",
1965
- "path": "src/accordion-item/accordion-item.styles.ts",
1852
+ "path": "src/accordion/accordion.styles.ts",
1966
1853
  "declarations": [
1967
1854
  {
1968
1855
  "kind": "function",
1969
- "name": "foundationAccordionItemStyles",
1856
+ "name": "foundationAccordionStyles",
1970
1857
  "return": {
1971
1858
  "type": {
1972
1859
  "text": "ElementStyles"
@@ -1991,24 +1878,24 @@
1991
1878
  "exports": [
1992
1879
  {
1993
1880
  "kind": "js",
1994
- "name": "foundationAccordionItemStyles",
1881
+ "name": "foundationAccordionStyles",
1995
1882
  "declaration": {
1996
- "name": "foundationAccordionItemStyles",
1997
- "module": "src/accordion-item/accordion-item.styles.ts"
1883
+ "name": "foundationAccordionStyles",
1884
+ "module": "src/accordion/accordion.styles.ts"
1998
1885
  }
1999
1886
  }
2000
1887
  ]
2001
1888
  },
2002
1889
  {
2003
1890
  "kind": "javascript-module",
2004
- "path": "src/accordion-item/accordion-item.template.ts",
1891
+ "path": "src/accordion/accordion.template.ts",
2005
1892
  "declarations": [
2006
1893
  {
2007
1894
  "kind": "function",
2008
- "name": "foundationAccordionItemTemplate",
1895
+ "name": "foundationAccordionTemplate",
2009
1896
  "return": {
2010
1897
  "type": {
2011
- "text": "ViewTemplate<AccordionItem>"
1898
+ "text": "ViewTemplate<Accordion>"
2012
1899
  }
2013
1900
  },
2014
1901
  "parameters": [
@@ -2030,116 +1917,237 @@
2030
1917
  "exports": [
2031
1918
  {
2032
1919
  "kind": "js",
2033
- "name": "foundationAccordionItemTemplate",
1920
+ "name": "foundationAccordionTemplate",
2034
1921
  "declaration": {
2035
- "name": "foundationAccordionItemTemplate",
2036
- "module": "src/accordion-item/accordion-item.template.ts"
1922
+ "name": "foundationAccordionTemplate",
1923
+ "module": "src/accordion/accordion.template.ts"
2037
1924
  }
2038
1925
  }
2039
1926
  ]
2040
1927
  },
2041
1928
  {
2042
1929
  "kind": "javascript-module",
2043
- "path": "src/accordion-item/accordion-item.ts",
1930
+ "path": "src/accordion/accordion.ts",
2044
1931
  "declarations": [
2045
1932
  {
2046
1933
  "kind": "class",
2047
1934
  "description": "",
2048
- "name": "AccordionItem",
1935
+ "name": "Accordion",
2049
1936
  "superclass": {
2050
- "name": "FASTAccordionItem",
2051
- "package": "@microsoft/fast-components"
1937
+ "name": "FASTAccordion",
1938
+ "package": "@microsoft/fast-foundation"
2052
1939
  },
2053
- "tagName": "%%prefix%%-accordion-item",
1940
+ "tagName": "%%prefix%%-accordion",
2054
1941
  "customElement": true,
2055
1942
  "attributes": [
2056
1943
  {
2057
- "name": "heading-level",
1944
+ "name": "expand-mode",
2058
1945
  "type": {
2059
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1946
+ "text": "AccordionExpandMode"
2060
1947
  },
2061
- "default": "2",
2062
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
2063
- "fieldName": "headinglevel",
1948
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1949
+ "fieldName": "expandmode",
2064
1950
  "inheritedFrom": {
2065
- "name": "AccordionItem",
2066
- "module": "src/accordion-item/accordion-item.ts"
1951
+ "name": "Accordion",
1952
+ "module": "src/accordion/accordion.ts"
2067
1953
  }
2068
- },
1954
+ }
1955
+ ],
1956
+ "members": [
2069
1957
  {
1958
+ "kind": "field",
1959
+ "name": "expandmode",
2070
1960
  "type": {
2071
- "text": "boolean"
1961
+ "text": "AccordionExpandMode"
2072
1962
  },
2073
- "default": "false",
2074
- "description": "Expands or collapses the item.",
2075
- "fieldName": "expanded",
1963
+ "privacy": "public",
1964
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
2076
1965
  "inheritedFrom": {
2077
- "name": "AccordionItem",
2078
- "module": "src/accordion-item/accordion-item.ts"
1966
+ "name": "Accordion",
1967
+ "module": "src/accordion/accordion.ts"
2079
1968
  }
2080
1969
  },
2081
1970
  {
2082
- "name": "id",
1971
+ "kind": "field",
1972
+ "name": "activeid",
2083
1973
  "type": {
2084
- "text": "string"
1974
+ "text": "string | null"
2085
1975
  },
2086
- "description": "The item ID",
2087
- "fieldName": "id",
1976
+ "privacy": "private",
2088
1977
  "inheritedFrom": {
2089
- "name": "AccordionItem",
2090
- "module": "src/accordion-item/accordion-item.ts"
1978
+ "name": "Accordion",
1979
+ "module": "src/accordion/accordion.ts"
2091
1980
  }
2092
- }
2093
- ],
2094
- "members": [
1981
+ },
2095
1982
  {
2096
1983
  "kind": "field",
2097
- "name": "headinglevel",
1984
+ "name": "activeItemIndex",
2098
1985
  "type": {
2099
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1986
+ "text": "number"
2100
1987
  },
2101
- "privacy": "public",
2102
- "default": "2",
2103
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1988
+ "privacy": "private",
1989
+ "default": "0",
2104
1990
  "inheritedFrom": {
2105
- "name": "AccordionItem",
2106
- "module": "src/accordion-item/accordion-item.ts"
1991
+ "name": "Accordion",
1992
+ "module": "src/accordion/accordion.ts"
2107
1993
  }
2108
1994
  },
2109
1995
  {
2110
1996
  "kind": "field",
2111
- "name": "expanded",
1997
+ "name": "accordionIds",
2112
1998
  "type": {
2113
- "text": "boolean"
1999
+ "text": "Array<string | null>"
2114
2000
  },
2115
- "privacy": "public",
2116
- "default": "false",
2117
- "description": "Expands or collapses the item.",
2001
+ "privacy": "private",
2118
2002
  "inheritedFrom": {
2119
- "name": "AccordionItem",
2120
- "module": "src/accordion-item/accordion-item.ts"
2003
+ "name": "Accordion",
2004
+ "module": "src/accordion/accordion.ts"
2121
2005
  }
2122
2006
  },
2123
2007
  {
2124
2008
  "kind": "field",
2125
- "name": "id",
2126
- "type": {
2127
- "text": "string"
2009
+ "name": "change",
2010
+ "privacy": "private",
2011
+ "inheritedFrom": {
2012
+ "name": "Accordion",
2013
+ "module": "src/accordion/accordion.ts"
2014
+ }
2015
+ },
2016
+ {
2017
+ "kind": "method",
2018
+ "name": "findExpandedItem",
2019
+ "privacy": "private",
2020
+ "return": {
2021
+ "type": {
2022
+ "text": "AccordionItem | null"
2023
+ }
2128
2024
  },
2129
- "privacy": "public",
2130
- "description": "The item ID",
2131
2025
  "inheritedFrom": {
2132
- "name": "AccordionItem",
2133
- "module": "src/accordion-item/accordion-item.ts"
2026
+ "name": "Accordion",
2027
+ "module": "src/accordion/accordion.ts"
2134
2028
  }
2135
2029
  },
2136
2030
  {
2137
2031
  "kind": "field",
2138
- "name": "change",
2032
+ "name": "setItems",
2139
2033
  "privacy": "private",
2140
2034
  "inheritedFrom": {
2141
- "name": "AccordionItem",
2142
- "module": "src/accordion-item/accordion-item.ts"
2035
+ "name": "Accordion",
2036
+ "module": "src/accordion/accordion.ts"
2037
+ }
2038
+ },
2039
+ {
2040
+ "kind": "method",
2041
+ "name": "resetItems",
2042
+ "privacy": "private",
2043
+ "return": {
2044
+ "type": {
2045
+ "text": "void"
2046
+ }
2047
+ },
2048
+ "inheritedFrom": {
2049
+ "name": "Accordion",
2050
+ "module": "src/accordion/accordion.ts"
2051
+ }
2052
+ },
2053
+ {
2054
+ "kind": "field",
2055
+ "name": "removeItemListeners",
2056
+ "privacy": "private",
2057
+ "inheritedFrom": {
2058
+ "name": "Accordion",
2059
+ "module": "src/accordion/accordion.ts"
2060
+ }
2061
+ },
2062
+ {
2063
+ "kind": "field",
2064
+ "name": "activeItemChange",
2065
+ "privacy": "private",
2066
+ "inheritedFrom": {
2067
+ "name": "Accordion",
2068
+ "module": "src/accordion/accordion.ts"
2069
+ }
2070
+ },
2071
+ {
2072
+ "kind": "method",
2073
+ "name": "getItemIds",
2074
+ "privacy": "private",
2075
+ "return": {
2076
+ "type": {
2077
+ "text": "Array<string | null>"
2078
+ }
2079
+ },
2080
+ "inheritedFrom": {
2081
+ "name": "Accordion",
2082
+ "module": "src/accordion/accordion.ts"
2083
+ }
2084
+ },
2085
+ {
2086
+ "kind": "method",
2087
+ "name": "isSingleExpandMode",
2088
+ "privacy": "private",
2089
+ "return": {
2090
+ "type": {
2091
+ "text": "boolean"
2092
+ }
2093
+ },
2094
+ "inheritedFrom": {
2095
+ "name": "Accordion",
2096
+ "module": "src/accordion/accordion.ts"
2097
+ }
2098
+ },
2099
+ {
2100
+ "kind": "field",
2101
+ "name": "handleItemKeyDown",
2102
+ "privacy": "private",
2103
+ "inheritedFrom": {
2104
+ "name": "Accordion",
2105
+ "module": "src/accordion/accordion.ts"
2106
+ }
2107
+ },
2108
+ {
2109
+ "kind": "field",
2110
+ "name": "handleItemFocus",
2111
+ "privacy": "private",
2112
+ "inheritedFrom": {
2113
+ "name": "Accordion",
2114
+ "module": "src/accordion/accordion.ts"
2115
+ }
2116
+ },
2117
+ {
2118
+ "kind": "method",
2119
+ "name": "adjust",
2120
+ "privacy": "private",
2121
+ "return": {
2122
+ "type": {
2123
+ "text": "void"
2124
+ }
2125
+ },
2126
+ "parameters": [
2127
+ {
2128
+ "name": "adjustment",
2129
+ "type": {
2130
+ "text": "number"
2131
+ }
2132
+ }
2133
+ ],
2134
+ "inheritedFrom": {
2135
+ "name": "Accordion",
2136
+ "module": "src/accordion/accordion.ts"
2137
+ }
2138
+ },
2139
+ {
2140
+ "kind": "method",
2141
+ "name": "focusItem",
2142
+ "privacy": "private",
2143
+ "return": {
2144
+ "type": {
2145
+ "text": "void"
2146
+ }
2147
+ },
2148
+ "inheritedFrom": {
2149
+ "name": "Accordion",
2150
+ "module": "src/accordion/accordion.ts"
2143
2151
  }
2144
2152
  },
2145
2153
  {
@@ -2256,18 +2264,18 @@
2256
2264
  ],
2257
2265
  "events": [
2258
2266
  {
2259
- "description": "Fires a custom 'change' event when the button is invoked",
2267
+ "description": "Fires a custom 'change' event when the active item changes",
2260
2268
  "name": "change",
2261
2269
  "inheritedFrom": {
2262
- "name": "AccordionItem",
2263
- "module": "src/accordion-item/accordion-item.ts"
2270
+ "name": "Accordion",
2271
+ "module": "src/accordion/accordion.ts"
2264
2272
  }
2265
2273
  }
2266
2274
  ]
2267
2275
  },
2268
2276
  {
2269
2277
  "kind": "variable",
2270
- "name": "foundationAccordionItemShadowOptions",
2278
+ "name": "foundationAccordionShadowOptions",
2271
2279
  "type": {
2272
2280
  "text": "ShadowRootInit"
2273
2281
  },
@@ -2275,57 +2283,57 @@
2275
2283
  },
2276
2284
  {
2277
2285
  "kind": "variable",
2278
- "name": "defaultAccordionItemConfig",
2286
+ "name": "defaultAccordionConfig",
2279
2287
  "type": {
2280
2288
  "text": "object"
2281
2289
  },
2282
- "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}"
2290
+ "default": "{}"
2283
2291
  },
2284
2292
  {
2285
2293
  "kind": "variable",
2286
- "name": "foundationAccordionItem",
2287
- "description": "The Foundation Accordion Item",
2294
+ "name": "foundationAccordion",
2295
+ "description": "The Foundation Accordion",
2288
2296
  "privacy": "public"
2289
2297
  }
2290
2298
  ],
2291
2299
  "exports": [
2292
2300
  {
2293
2301
  "kind": "js",
2294
- "name": "AccordionItem",
2302
+ "name": "Accordion",
2295
2303
  "declaration": {
2296
- "name": "AccordionItem",
2297
- "module": "src/accordion-item/accordion-item.ts"
2304
+ "name": "Accordion",
2305
+ "module": "src/accordion/accordion.ts"
2298
2306
  }
2299
2307
  },
2300
2308
  {
2301
2309
  "kind": "js",
2302
- "name": "foundationAccordionItemShadowOptions",
2310
+ "name": "foundationAccordionShadowOptions",
2303
2311
  "declaration": {
2304
- "name": "foundationAccordionItemShadowOptions",
2305
- "module": "src/accordion-item/accordion-item.ts"
2312
+ "name": "foundationAccordionShadowOptions",
2313
+ "module": "src/accordion/accordion.ts"
2306
2314
  }
2307
2315
  },
2308
2316
  {
2309
2317
  "kind": "js",
2310
- "name": "defaultAccordionItemConfig",
2318
+ "name": "defaultAccordionConfig",
2311
2319
  "declaration": {
2312
- "name": "defaultAccordionItemConfig",
2313
- "module": "src/accordion-item/accordion-item.ts"
2320
+ "name": "defaultAccordionConfig",
2321
+ "module": "src/accordion/accordion.ts"
2314
2322
  }
2315
2323
  },
2316
2324
  {
2317
2325
  "kind": "js",
2318
- "name": "foundationAccordionItem",
2326
+ "name": "foundationAccordion",
2319
2327
  "declaration": {
2320
- "name": "foundationAccordionItem",
2321
- "module": "src/accordion-item/accordion-item.ts"
2328
+ "name": "foundationAccordion",
2329
+ "module": "src/accordion/accordion.ts"
2322
2330
  }
2323
2331
  }
2324
2332
  ]
2325
2333
  },
2326
2334
  {
2327
2335
  "kind": "javascript-module",
2328
- "path": "src/accordion-item/index.ts",
2336
+ "path": "src/accordion/index.ts",
2329
2337
  "declarations": [],
2330
2338
  "exports": [
2331
2339
  {
@@ -2333,7 +2341,7 @@
2333
2341
  "name": "*",
2334
2342
  "declaration": {
2335
2343
  "name": "*",
2336
- "package": "./accordion-item.template"
2344
+ "package": "./accordion.template"
2337
2345
  }
2338
2346
  },
2339
2347
  {
@@ -2341,7 +2349,7 @@
2341
2349
  "name": "*",
2342
2350
  "declaration": {
2343
2351
  "name": "*",
2344
- "package": "./accordion-item.styles"
2352
+ "package": "./accordion.styles"
2345
2353
  }
2346
2354
  },
2347
2355
  {
@@ -2349,7 +2357,7 @@
2349
2357
  "name": "*",
2350
2358
  "declaration": {
2351
2359
  "name": "*",
2352
- "package": "./accordion-item"
2360
+ "package": "./accordion"
2353
2361
  }
2354
2362
  }
2355
2363
  ]
@@ -59123,6 +59131,779 @@
59123
59131
  }
59124
59132
  ]
59125
59133
  },
59134
+ {
59135
+ "kind": "javascript-module",
59136
+ "path": "src/verification-code-input/index.ts",
59137
+ "declarations": [],
59138
+ "exports": [
59139
+ {
59140
+ "kind": "js",
59141
+ "name": "*",
59142
+ "declaration": {
59143
+ "name": "*",
59144
+ "package": "./verification-code-input"
59145
+ }
59146
+ },
59147
+ {
59148
+ "kind": "js",
59149
+ "name": "*",
59150
+ "declaration": {
59151
+ "name": "*",
59152
+ "package": "./verification-code-input.template"
59153
+ }
59154
+ },
59155
+ {
59156
+ "kind": "js",
59157
+ "name": "*",
59158
+ "declaration": {
59159
+ "name": "*",
59160
+ "package": "./verification-code-input.styles"
59161
+ }
59162
+ }
59163
+ ]
59164
+ },
59165
+ {
59166
+ "kind": "javascript-module",
59167
+ "path": "src/verification-code-input/verification-code-input.styles.ts",
59168
+ "declarations": [
59169
+ {
59170
+ "kind": "variable",
59171
+ "name": "foundationVerificationCodeInputStyles",
59172
+ "type": {
59173
+ "text": "ElementStyles"
59174
+ },
59175
+ "default": "css`\n :host {\n display: block;\n font-family: var(--body-font);\n outline: none;\n }\n\n .label {\n display: block;\n color: var(--neutral-foreground-rest);\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n margin-bottom: 4px;\n }\n\n .label-hidden {\n display: none;\n }\n\n :host([readonly]) .label {\n cursor: var(--disabled-cursor);\n }\n\n .container {\n display: flex;\n gap: calc(var(--design-unit) * 1px);\n align-items: center;\n }\n\n .digit {\n display: inline-block;\n box-sizing: border-box;\n outline: none;\n min-width: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .root {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n color: var(--neutral-foreground-rest);\n background: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--accent-fill-rest);\n height: calc(\n (((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px\n );\n }\n\n .digit .control {\n appearance: none;\n font: inherit;\n background: transparent;\n border: 0;\n color: inherit;\n height: calc(100% - 4px);\n width: 100%;\n margin-top: auto;\n margin-bottom: auto;\n padding: 0 calc(var(--design-unit) * 2px + 1px);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n text-align: center;\n outline: none;\n color-scheme: ${activeColorScheme};\n }\n\n .digit[appearance='filled'] .root {\n background: var(--neutral-fill-rest);\n }\n\n .digit.error .root {\n border-color: var(--error-fill-rest);\n }\n\n .digit.disabled {\n opacity: var(--disabled-opacity);\n cursor: var(--disabled-cursor);\n }\n\n .digit.disabled .control {\n cursor: var(--disabled-cursor);\n }\n\n .digit:hover:not(.disabled) .root {\n background: var(--neutral-fill-input-hover);\n border-color: var(--accent-fill-hover);\n }\n\n .digit:focus-within:not(.disabled) .root {\n border-color: var(--focus-stroke-outer);\n box-shadow: 0 0 0 calc(var(--focus-stroke-width) * 1px) var(--focus-stroke-outer) inset;\n }\n\n .digit[appearance='filled']:hover:not(.disabled) .root {\n background: var(--neutral-fill-hover);\n }\n\n ${sharedFieldStyles}\n`"
59176
+ }
59177
+ ],
59178
+ "exports": [
59179
+ {
59180
+ "kind": "js",
59181
+ "name": "foundationVerificationCodeInputStyles",
59182
+ "declaration": {
59183
+ "name": "foundationVerificationCodeInputStyles",
59184
+ "module": "src/verification-code-input/verification-code-input.styles.ts"
59185
+ }
59186
+ }
59187
+ ]
59188
+ },
59189
+ {
59190
+ "kind": "javascript-module",
59191
+ "path": "src/verification-code-input/verification-code-input.template.ts",
59192
+ "declarations": [
59193
+ {
59194
+ "kind": "variable",
59195
+ "name": "foundationVerificationCodeInputTemplate",
59196
+ "default": "html<VerificationCodeInput>`\n <label\n part=\"label\"\n id=\"${(x) => x.labelId}\"\n for=\"${(x) => x.getControlId(0)}\"\n class=\"${(x) =>\n x.defaultSlottedNodes && x.defaultSlottedNodes.length ? 'label' : 'label label-hidden'}\"\n >\n <slot\n ${slotted({\n property: 'defaultSlottedNodes',\n filter: whitespaceFilter,\n })}\n ></slot>\n </label>\n <div\n class=\"container\"\n role=\"group\"\n aria-labelledby=\"${(x) => (x.hasLabel ? x.labelId : void 0)}\"\n aria-label=\"${(x) => (x.hasLabel ? void 0 : 'Verification code')}\"\n >\n ${repeat(\n (x) => x.digitsIndexes,\n html`\n <div\n class=\"digit ${(x, c) => (c.parent as VerificationCodeInput).digitClassnames}\"\n data-digit-index=\"${(x) => x}\"\n appearance=\"${(x, c) => (c.parent as VerificationCodeInput).appearance}\"\n >\n <div class=\"root\" part=\"root\">\n <div class=\"control-field\">\n <input\n class=\"control\"\n part=\"control\"\n type=\"text\"\n inputmode=\"numeric\"\n pattern=\"[0-9]*\"\n name=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n autocomplete=\"${(x) => (x === 0 ? 'one-time-code' : 'off')}\"\n data-test-id=\"${(x, c) => (c.parent as VerificationCodeInput).getControlId(x)}\"\n title=\"Only numbers are allowed\"\n maxlength=\"1\"\n ?autofocus=\"${(x, c) => (c.parent as VerificationCodeInput).autofocus && x === 0}\"\n ?readonly=\"${(x, c) => (c.parent as VerificationCodeInput).readOnly}\"\n ?disabled=\"${(x, c) =>\n (c.parent as VerificationCodeInput).disabled ||\n (c.parent as VerificationCodeInput).readOnly}\"\n aria-required=\"${(x, c) => (c.parent as VerificationCodeInput).required}\"\n aria-invalid=\"${(x, c) => (c.parent as VerificationCodeInput).error}\"\n />\n </div>\n </div>\n </div>\n `,\n )}\n </div>\n`"
59197
+ }
59198
+ ],
59199
+ "exports": [
59200
+ {
59201
+ "kind": "js",
59202
+ "name": "foundationVerificationCodeInputTemplate",
59203
+ "declaration": {
59204
+ "name": "foundationVerificationCodeInputTemplate",
59205
+ "module": "src/verification-code-input/verification-code-input.template.ts"
59206
+ }
59207
+ }
59208
+ ]
59209
+ },
59210
+ {
59211
+ "kind": "javascript-module",
59212
+ "path": "src/verification-code-input/verification-code-input.ts",
59213
+ "declarations": [
59214
+ {
59215
+ "kind": "variable",
59216
+ "name": "foundationVerificationCodeInputShadowOptions",
59217
+ "type": {
59218
+ "text": "ShadowRootInit"
59219
+ },
59220
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
59221
+ },
59222
+ {
59223
+ "kind": "variable",
59224
+ "name": "defaultVerificationCodeInputConfig",
59225
+ "type": {
59226
+ "text": "object"
59227
+ },
59228
+ "default": "{}"
59229
+ },
59230
+ {
59231
+ "kind": "class",
59232
+ "description": "Multi-digit verification code input for OTP / 2FA flows.\n\nForm-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate\nin native HTML form validation and submission like TextField.",
59233
+ "name": "VerificationCodeInput",
59234
+ "members": [
59235
+ {
59236
+ "kind": "field",
59237
+ "name": "values",
59238
+ "type": {
59239
+ "text": "string[]"
59240
+ },
59241
+ "default": "[]",
59242
+ "description": "Per-digit values indexed from `0` to `digits - 1`."
59243
+ },
59244
+ {
59245
+ "kind": "field",
59246
+ "name": "defaultSlottedNodes",
59247
+ "description": "Slotted label content; when empty the label is visually hidden."
59248
+ },
59249
+ {
59250
+ "kind": "field",
59251
+ "name": "controlListeners",
59252
+ "type": {
59253
+ "text": "Map<HTMLInputElement, ControlListeners>"
59254
+ },
59255
+ "privacy": "private",
59256
+ "readonly": true,
59257
+ "default": "new Map()"
59258
+ },
59259
+ {
59260
+ "kind": "field",
59261
+ "name": "syncingFromDigits",
59262
+ "type": {
59263
+ "text": "boolean"
59264
+ },
59265
+ "privacy": "private",
59266
+ "default": "false",
59267
+ "description": "Skip digit re-sync when `value` is updated from digit entry (`commitValues`)."
59268
+ },
59269
+ {
59270
+ "kind": "field",
59271
+ "name": "id",
59272
+ "type": {
59273
+ "text": "string"
59274
+ },
59275
+ "description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element."
59276
+ },
59277
+ {
59278
+ "kind": "field",
59279
+ "name": "appearance",
59280
+ "type": {
59281
+ "text": "string"
59282
+ },
59283
+ "default": "'outline'",
59284
+ "description": "Visual treatment applied to each digit field.",
59285
+ "privacy": "public"
59286
+ },
59287
+ {
59288
+ "kind": "field",
59289
+ "name": "digits",
59290
+ "type": {
59291
+ "text": "number"
59292
+ },
59293
+ "default": "6",
59294
+ "description": "Number of single-character digit fields to render.",
59295
+ "privacy": "public"
59296
+ },
59297
+ {
59298
+ "kind": "field",
59299
+ "name": "readOnly",
59300
+ "type": {
59301
+ "text": "boolean"
59302
+ },
59303
+ "default": "false",
59304
+ "description": "When true, digit fields are non-interactive.",
59305
+ "privacy": "public"
59306
+ },
59307
+ {
59308
+ "kind": "field",
59309
+ "name": "autofocus",
59310
+ "type": {
59311
+ "text": "boolean"
59312
+ },
59313
+ "default": "false",
59314
+ "description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
59315
+ "privacy": "public"
59316
+ },
59317
+ {
59318
+ "kind": "field",
59319
+ "name": "error",
59320
+ "type": {
59321
+ "text": "boolean"
59322
+ },
59323
+ "default": "false",
59324
+ "description": "When true, applies the error visual state to each digit field.",
59325
+ "privacy": "public"
59326
+ },
59327
+ {
59328
+ "kind": "field",
59329
+ "name": "digitsIndexes",
59330
+ "type": {
59331
+ "text": "number[]"
59332
+ },
59333
+ "privacy": "public",
59334
+ "readonly": true
59335
+ },
59336
+ {
59337
+ "kind": "field",
59338
+ "name": "controlIdPrefix",
59339
+ "type": {
59340
+ "text": "string"
59341
+ },
59342
+ "privacy": "public",
59343
+ "readonly": true
59344
+ },
59345
+ {
59346
+ "kind": "field",
59347
+ "name": "labelId",
59348
+ "type": {
59349
+ "text": "string"
59350
+ },
59351
+ "privacy": "public",
59352
+ "readonly": true
59353
+ },
59354
+ {
59355
+ "kind": "field",
59356
+ "name": "hasLabel",
59357
+ "type": {
59358
+ "text": "boolean"
59359
+ },
59360
+ "privacy": "public",
59361
+ "readonly": true
59362
+ },
59363
+ {
59364
+ "kind": "method",
59365
+ "name": "getControlId",
59366
+ "privacy": "public",
59367
+ "return": {
59368
+ "type": {
59369
+ "text": "string"
59370
+ }
59371
+ },
59372
+ "parameters": [
59373
+ {
59374
+ "name": "index",
59375
+ "type": {
59376
+ "text": "number"
59377
+ }
59378
+ }
59379
+ ]
59380
+ },
59381
+ {
59382
+ "kind": "method",
59383
+ "name": "clear",
59384
+ "privacy": "public",
59385
+ "return": {
59386
+ "type": {
59387
+ "text": "void"
59388
+ }
59389
+ },
59390
+ "description": "Clears digits, emits `change`, and focuses the first field when connected."
59391
+ },
59392
+ {
59393
+ "kind": "method",
59394
+ "name": "focus",
59395
+ "privacy": "public",
59396
+ "return": {
59397
+ "type": {
59398
+ "text": "void"
59399
+ }
59400
+ }
59401
+ },
59402
+ {
59403
+ "kind": "method",
59404
+ "name": "digitsChanged",
59405
+ "return": {
59406
+ "type": {
59407
+ "text": "void"
59408
+ }
59409
+ }
59410
+ },
59411
+ {
59412
+ "kind": "field",
59413
+ "name": "digitClassnames",
59414
+ "type": {
59415
+ "text": "string"
59416
+ },
59417
+ "privacy": "public",
59418
+ "readonly": true
59419
+ },
59420
+ {
59421
+ "kind": "method",
59422
+ "name": "sanitizeCode",
59423
+ "privacy": "private",
59424
+ "return": {
59425
+ "type": {
59426
+ "text": "string"
59427
+ }
59428
+ },
59429
+ "parameters": [
59430
+ {
59431
+ "name": "raw",
59432
+ "type": {
59433
+ "text": "unknown"
59434
+ }
59435
+ }
59436
+ ]
59437
+ },
59438
+ {
59439
+ "kind": "method",
59440
+ "name": "bindControlListeners",
59441
+ "privacy": "private",
59442
+ "return": {
59443
+ "type": {
59444
+ "text": "void"
59445
+ }
59446
+ }
59447
+ },
59448
+ {
59449
+ "kind": "method",
59450
+ "name": "unbindControlListeners",
59451
+ "privacy": "private",
59452
+ "return": {
59453
+ "type": {
59454
+ "text": "void"
59455
+ }
59456
+ }
59457
+ },
59458
+ {
59459
+ "kind": "method",
59460
+ "name": "onKeyDown",
59461
+ "privacy": "private",
59462
+ "return": {
59463
+ "type": {
59464
+ "text": "void"
59465
+ }
59466
+ },
59467
+ "parameters": [
59468
+ {
59469
+ "name": "event",
59470
+ "type": {
59471
+ "text": "KeyboardEvent"
59472
+ }
59473
+ },
59474
+ {
59475
+ "name": "index",
59476
+ "type": {
59477
+ "text": "number"
59478
+ }
59479
+ }
59480
+ ]
59481
+ },
59482
+ {
59483
+ "kind": "method",
59484
+ "name": "isBlockedCharacter",
59485
+ "privacy": "private",
59486
+ "return": {
59487
+ "type": {
59488
+ "text": "boolean"
59489
+ }
59490
+ },
59491
+ "parameters": [
59492
+ {
59493
+ "name": "event",
59494
+ "type": {
59495
+ "text": "KeyboardEvent"
59496
+ }
59497
+ }
59498
+ ]
59499
+ },
59500
+ {
59501
+ "kind": "method",
59502
+ "name": "onInput",
59503
+ "privacy": "private",
59504
+ "return": {
59505
+ "type": {
59506
+ "text": "void"
59507
+ }
59508
+ },
59509
+ "parameters": [
59510
+ {
59511
+ "name": "event",
59512
+ "type": {
59513
+ "text": "InputEvent"
59514
+ }
59515
+ },
59516
+ {
59517
+ "name": "index",
59518
+ "type": {
59519
+ "text": "number"
59520
+ }
59521
+ }
59522
+ ]
59523
+ },
59524
+ {
59525
+ "kind": "method",
59526
+ "name": "onPaste",
59527
+ "privacy": "private",
59528
+ "return": {
59529
+ "type": {
59530
+ "text": "void"
59531
+ }
59532
+ },
59533
+ "parameters": [
59534
+ {
59535
+ "name": "event",
59536
+ "type": {
59537
+ "text": "ClipboardEvent"
59538
+ }
59539
+ },
59540
+ {
59541
+ "name": "index",
59542
+ "type": {
59543
+ "text": "number"
59544
+ }
59545
+ }
59546
+ ]
59547
+ },
59548
+ {
59549
+ "kind": "method",
59550
+ "name": "handleBackspace",
59551
+ "privacy": "private",
59552
+ "return": {
59553
+ "type": {
59554
+ "text": "void"
59555
+ }
59556
+ },
59557
+ "parameters": [
59558
+ {
59559
+ "name": "index",
59560
+ "type": {
59561
+ "text": "number"
59562
+ }
59563
+ }
59564
+ ]
59565
+ },
59566
+ {
59567
+ "kind": "method",
59568
+ "name": "handleDelete",
59569
+ "privacy": "private",
59570
+ "return": {
59571
+ "type": {
59572
+ "text": "void"
59573
+ }
59574
+ },
59575
+ "parameters": [
59576
+ {
59577
+ "name": "index",
59578
+ "type": {
59579
+ "text": "number"
59580
+ }
59581
+ }
59582
+ ]
59583
+ },
59584
+ {
59585
+ "kind": "method",
59586
+ "name": "getIndexFromInput",
59587
+ "privacy": "private",
59588
+ "return": {
59589
+ "type": {
59590
+ "text": "number | null"
59591
+ }
59592
+ },
59593
+ "parameters": [
59594
+ {
59595
+ "name": "input",
59596
+ "type": {
59597
+ "text": "HTMLInputElement"
59598
+ }
59599
+ }
59600
+ ]
59601
+ },
59602
+ {
59603
+ "kind": "method",
59604
+ "name": "syncDigitsFromValue",
59605
+ "privacy": "private",
59606
+ "return": {
59607
+ "type": {
59608
+ "text": "void"
59609
+ }
59610
+ },
59611
+ "parameters": [
59612
+ {
59613
+ "name": "cleaned",
59614
+ "type": {
59615
+ "text": "string"
59616
+ }
59617
+ }
59618
+ ],
59619
+ "description": "Maps a sanitized code string into per-digit `values` and syncs the DOM when connected."
59620
+ },
59621
+ {
59622
+ "kind": "method",
59623
+ "name": "updateDigit",
59624
+ "privacy": "private",
59625
+ "return": {
59626
+ "type": {
59627
+ "text": "void"
59628
+ }
59629
+ },
59630
+ "parameters": [
59631
+ {
59632
+ "name": "index",
59633
+ "type": {
59634
+ "text": "number"
59635
+ }
59636
+ },
59637
+ {
59638
+ "name": "digit",
59639
+ "type": {
59640
+ "text": "string"
59641
+ }
59642
+ }
59643
+ ]
59644
+ },
59645
+ {
59646
+ "kind": "method",
59647
+ "name": "applyDigits",
59648
+ "privacy": "private",
59649
+ "return": {
59650
+ "type": {
59651
+ "text": "void"
59652
+ }
59653
+ },
59654
+ "parameters": [
59655
+ {
59656
+ "name": "raw",
59657
+ "type": {
59658
+ "text": "string"
59659
+ }
59660
+ },
59661
+ {
59662
+ "name": "startIndex",
59663
+ "type": {
59664
+ "text": "number"
59665
+ }
59666
+ }
59667
+ ]
59668
+ },
59669
+ {
59670
+ "kind": "method",
59671
+ "name": "commitValues",
59672
+ "privacy": "private",
59673
+ "return": {
59674
+ "type": {
59675
+ "text": "void"
59676
+ }
59677
+ },
59678
+ "parameters": [
59679
+ {
59680
+ "name": "nextValues",
59681
+ "type": {
59682
+ "text": "string[]"
59683
+ }
59684
+ }
59685
+ ],
59686
+ "description": "Pushes digit state into the form-associated `value` and emits change / complete."
59687
+ },
59688
+ {
59689
+ "kind": "method",
59690
+ "name": "syncFieldValues",
59691
+ "privacy": "private",
59692
+ "return": {
59693
+ "type": {
59694
+ "text": "void"
59695
+ }
59696
+ }
59697
+ },
59698
+ {
59699
+ "kind": "method",
59700
+ "name": "syncFieldValue",
59701
+ "privacy": "private",
59702
+ "return": {
59703
+ "type": {
59704
+ "text": "void"
59705
+ }
59706
+ },
59707
+ "parameters": [
59708
+ {
59709
+ "name": "index",
59710
+ "type": {
59711
+ "text": "number"
59712
+ }
59713
+ }
59714
+ ]
59715
+ },
59716
+ {
59717
+ "kind": "method",
59718
+ "name": "focusDigit",
59719
+ "privacy": "private",
59720
+ "return": {
59721
+ "type": {
59722
+ "text": "void"
59723
+ }
59724
+ },
59725
+ "parameters": [
59726
+ {
59727
+ "name": "index",
59728
+ "type": {
59729
+ "text": "number"
59730
+ }
59731
+ }
59732
+ ]
59733
+ },
59734
+ {
59735
+ "kind": "field",
59736
+ "name": "rootNode",
59737
+ "type": {
59738
+ "text": "ParentNode"
59739
+ },
59740
+ "privacy": "private",
59741
+ "readonly": true
59742
+ },
59743
+ {
59744
+ "kind": "method",
59745
+ "name": "getControlElement",
59746
+ "privacy": "private",
59747
+ "return": {
59748
+ "type": {
59749
+ "text": "HTMLInputElement | null"
59750
+ }
59751
+ },
59752
+ "parameters": [
59753
+ {
59754
+ "name": "index",
59755
+ "type": {
59756
+ "text": "number"
59757
+ }
59758
+ }
59759
+ ]
59760
+ },
59761
+ {
59762
+ "kind": "method",
59763
+ "name": "isComplete",
59764
+ "privacy": "private",
59765
+ "return": {
59766
+ "type": {
59767
+ "text": "boolean"
59768
+ }
59769
+ }
59770
+ },
59771
+ {
59772
+ "kind": "method",
59773
+ "name": "emitChange",
59774
+ "privacy": "private",
59775
+ "return": {
59776
+ "type": {
59777
+ "text": "void"
59778
+ }
59779
+ }
59780
+ },
59781
+ {
59782
+ "kind": "field",
59783
+ "name": "proxy"
59784
+ }
59785
+ ],
59786
+ "events": [
59787
+ {
59788
+ "description": "Fired when any digit changes. detail: `VerificationCodeInputEventDetail`",
59789
+ "name": "change"
59790
+ },
59791
+ {
59792
+ "description": "Fired when all digits are filled. detail: `VerificationCodeInputEventDetail`",
59793
+ "name": "complete"
59794
+ }
59795
+ ],
59796
+ "attributes": [
59797
+ {
59798
+ "name": "id",
59799
+ "type": {
59800
+ "text": "string"
59801
+ },
59802
+ "description": "Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)\nand the associated label element.",
59803
+ "fieldName": "id"
59804
+ },
59805
+ {
59806
+ "name": "appearance",
59807
+ "type": {
59808
+ "text": "string"
59809
+ },
59810
+ "default": "'outline'",
59811
+ "description": "Visual treatment applied to each digit field.",
59812
+ "fieldName": "appearance"
59813
+ },
59814
+ {
59815
+ "name": "digits",
59816
+ "type": {
59817
+ "text": "number"
59818
+ },
59819
+ "default": "DEFAULT_DIGITS",
59820
+ "description": "Number of single-character digit fields to render.",
59821
+ "resolveInitializer": {
59822
+ "module": "src/verification-code-input/verification-code-input.ts"
59823
+ },
59824
+ "fieldName": "digits"
59825
+ },
59826
+ {
59827
+ "name": "readonly",
59828
+ "type": {
59829
+ "text": "boolean"
59830
+ },
59831
+ "default": "false",
59832
+ "description": "When true, digit fields are non-interactive.",
59833
+ "fieldName": "readOnly"
59834
+ },
59835
+ {
59836
+ "type": {
59837
+ "text": "boolean"
59838
+ },
59839
+ "default": "false",
59840
+ "description": "When true, focuses the first digit on connect (and after SPA route commit when hosted that way).",
59841
+ "fieldName": "autofocus"
59842
+ },
59843
+ {
59844
+ "type": {
59845
+ "text": "boolean"
59846
+ },
59847
+ "default": "false",
59848
+ "description": "When true, applies the error visual state to each digit field.",
59849
+ "fieldName": "error"
59850
+ }
59851
+ ],
59852
+ "mixins": [
59853
+ {
59854
+ "name": "FormAssociated",
59855
+ "package": "@microsoft/fast-foundation"
59856
+ }
59857
+ ],
59858
+ "superclass": {
59859
+ "name": "_VerificationCodeInput",
59860
+ "module": "src/verification-code-input/verification-code-input.ts"
59861
+ },
59862
+ "tagName": "%%prefix%%-verification-code-input",
59863
+ "customElement": true
59864
+ },
59865
+ {
59866
+ "kind": "variable",
59867
+ "name": "foundationVerificationCodeInput",
59868
+ "description": "The Foundation Verification Code Input",
59869
+ "privacy": "public"
59870
+ }
59871
+ ],
59872
+ "exports": [
59873
+ {
59874
+ "kind": "js",
59875
+ "name": "foundationVerificationCodeInputShadowOptions",
59876
+ "declaration": {
59877
+ "name": "foundationVerificationCodeInputShadowOptions",
59878
+ "module": "src/verification-code-input/verification-code-input.ts"
59879
+ }
59880
+ },
59881
+ {
59882
+ "kind": "js",
59883
+ "name": "defaultVerificationCodeInputConfig",
59884
+ "declaration": {
59885
+ "name": "defaultVerificationCodeInputConfig",
59886
+ "module": "src/verification-code-input/verification-code-input.ts"
59887
+ }
59888
+ },
59889
+ {
59890
+ "kind": "js",
59891
+ "name": "VerificationCodeInput",
59892
+ "declaration": {
59893
+ "name": "VerificationCodeInput",
59894
+ "module": "src/verification-code-input/verification-code-input.ts"
59895
+ }
59896
+ },
59897
+ {
59898
+ "kind": "js",
59899
+ "name": "foundationVerificationCodeInput",
59900
+ "declaration": {
59901
+ "name": "foundationVerificationCodeInput",
59902
+ "module": "src/verification-code-input/verification-code-input.ts"
59903
+ }
59904
+ }
59905
+ ]
59906
+ },
59126
59907
  {
59127
59908
  "kind": "javascript-module",
59128
59909
  "path": "src/_config/styles/colors.ts",