@genesislcap/foundation-ui 15.36.0 → 15.36.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/custom-elements.json +854 -854
  2. package/dist/dts/react.d.ts +17 -17
  3. package/dist/react.cjs +11 -11
  4. package/dist/react.mjs +9 -9
  5. package/package.json +18 -18
package/dist/custom-elements.json CHANGED
@@ -1495,11 +1495,11 @@
1495
1495
  },
1496
1496
  {
1497
1497
  "kind": "javascript-module",
1498
- "path": "src/accordion/accordion.styles.ts",
1498
+ "path": "src/accordion-item/accordion-item.styles.ts",
1499
1499
  "declarations": [
1500
1500
  {
1501
1501
  "kind": "function",
1502
- "name": "foundationAccordionStyles",
1502
+ "name": "foundationAccordionItemStyles",
1503
1503
  "return": {
1504
1504
  "type": {
1505
1505
  "text": "ElementStyles"
@@ -1524,24 +1524,24 @@
1524
1524
  "exports": [
1525
1525
  {
1526
1526
  "kind": "js",
1527
- "name": "foundationAccordionStyles",
1527
+ "name": "foundationAccordionItemStyles",
1528
1528
  "declaration": {
1529
- "name": "foundationAccordionStyles",
1530
- "module": "src/accordion/accordion.styles.ts"
1529
+ "name": "foundationAccordionItemStyles",
1530
+ "module": "src/accordion-item/accordion-item.styles.ts"
1531
1531
  }
1532
1532
  }
1533
1533
  ]
1534
1534
  },
1535
1535
  {
1536
1536
  "kind": "javascript-module",
1537
- "path": "src/accordion/accordion.template.ts",
1537
+ "path": "src/accordion-item/accordion-item.template.ts",
1538
1538
  "declarations": [
1539
1539
  {
1540
1540
  "kind": "function",
1541
- "name": "foundationAccordionTemplate",
1541
+ "name": "foundationAccordionItemTemplate",
1542
1542
  "return": {
1543
1543
  "type": {
1544
- "text": "ViewTemplate<Accordion>"
1544
+ "text": "ViewTemplate<AccordionItem>"
1545
1545
  }
1546
1546
  },
1547
1547
  "parameters": [
@@ -1563,237 +1563,116 @@
1563
1563
  "exports": [
1564
1564
  {
1565
1565
  "kind": "js",
1566
- "name": "foundationAccordionTemplate",
1566
+ "name": "foundationAccordionItemTemplate",
1567
1567
  "declaration": {
1568
- "name": "foundationAccordionTemplate",
1569
- "module": "src/accordion/accordion.template.ts"
1568
+ "name": "foundationAccordionItemTemplate",
1569
+ "module": "src/accordion-item/accordion-item.template.ts"
1570
1570
  }
1571
1571
  }
1572
1572
  ]
1573
1573
  },
1574
1574
  {
1575
1575
  "kind": "javascript-module",
1576
- "path": "src/accordion/accordion.ts",
1576
+ "path": "src/accordion-item/accordion-item.ts",
1577
1577
  "declarations": [
1578
1578
  {
1579
1579
  "kind": "class",
1580
1580
  "description": "",
1581
- "name": "Accordion",
1581
+ "name": "AccordionItem",
1582
1582
  "superclass": {
1583
- "name": "FASTAccordion",
1584
- "package": "@microsoft/fast-foundation"
1583
+ "name": "FASTAccordionItem",
1584
+ "package": "@microsoft/fast-components"
1585
1585
  },
1586
- "tagName": "%%prefix%%-accordion",
1586
+ "tagName": "%%prefix%%-accordion-item",
1587
1587
  "customElement": true,
1588
1588
  "attributes": [
1589
1589
  {
1590
- "name": "expand-mode",
1591
- "type": {
1592
- "text": "AccordionExpandMode"
1593
- },
1594
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1595
- "fieldName": "expandmode",
1596
- "inheritedFrom": {
1597
- "name": "Accordion",
1598
- "module": "src/accordion/accordion.ts"
1599
- }
1600
- }
1601
- ],
1602
- "members": [
1603
- {
1604
- "kind": "field",
1605
- "name": "expandmode",
1590
+ "name": "heading-level",
1606
1591
  "type": {
1607
- "text": "AccordionExpandMode"
1592
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1608
1593
  },
1609
- "privacy": "public",
1610
- "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
1594
+ "default": "2",
1595
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1596
+ "fieldName": "headinglevel",
1611
1597
  "inheritedFrom": {
1612
- "name": "Accordion",
1613
- "module": "src/accordion/accordion.ts"
1598
+ "name": "AccordionItem",
1599
+ "module": "src/accordion-item/accordion-item.ts"
1614
1600
  }
1615
1601
  },
1616
1602
  {
1617
- "kind": "field",
1618
- "name": "activeid",
1619
1603
  "type": {
1620
- "text": "string | null"
1604
+ "text": "boolean"
1621
1605
  },
1622
- "privacy": "private",
1606
+ "default": "false",
1607
+ "description": "Expands or collapses the item.",
1608
+ "fieldName": "expanded",
1623
1609
  "inheritedFrom": {
1624
- "name": "Accordion",
1625
- "module": "src/accordion/accordion.ts"
1610
+ "name": "AccordionItem",
1611
+ "module": "src/accordion-item/accordion-item.ts"
1626
1612
  }
1627
1613
  },
1628
1614
  {
1629
- "kind": "field",
1630
- "name": "activeItemIndex",
1615
+ "name": "id",
1631
1616
  "type": {
1632
- "text": "number"
1617
+ "text": "string"
1633
1618
  },
1634
- "privacy": "private",
1635
- "default": "0",
1619
+ "description": "The item ID",
1620
+ "fieldName": "id",
1636
1621
  "inheritedFrom": {
1637
- "name": "Accordion",
1638
- "module": "src/accordion/accordion.ts"
1622
+ "name": "AccordionItem",
1623
+ "module": "src/accordion-item/accordion-item.ts"
1639
1624
  }
1640
- },
1625
+ }
1626
+ ],
1627
+ "members": [
1641
1628
  {
1642
1629
  "kind": "field",
1643
- "name": "accordionIds",
1630
+ "name": "headinglevel",
1644
1631
  "type": {
1645
- "text": "Array<string | null>"
1646
- },
1647
- "privacy": "private",
1648
- "inheritedFrom": {
1649
- "name": "Accordion",
1650
- "module": "src/accordion/accordion.ts"
1651
- }
1652
- },
1653
- {
1654
- "kind": "field",
1655
- "name": "change",
1656
- "privacy": "private",
1657
- "inheritedFrom": {
1658
- "name": "Accordion",
1659
- "module": "src/accordion/accordion.ts"
1660
- }
1661
- },
1662
- {
1663
- "kind": "method",
1664
- "name": "findExpandedItem",
1665
- "privacy": "private",
1666
- "return": {
1667
- "type": {
1668
- "text": "AccordionItem | null"
1669
- }
1632
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
1670
1633
  },
1634
+ "privacy": "public",
1635
+ "default": "2",
1636
+ "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
1671
1637
  "inheritedFrom": {
1672
- "name": "Accordion",
1673
- "module": "src/accordion/accordion.ts"
1638
+ "name": "AccordionItem",
1639
+ "module": "src/accordion-item/accordion-item.ts"
1674
1640
  }
1675
1641
  },
1676
1642
  {
1677
1643
  "kind": "field",
1678
- "name": "setItems",
1679
- "privacy": "private",
1680
- "inheritedFrom": {
1681
- "name": "Accordion",
1682
- "module": "src/accordion/accordion.ts"
1683
- }
1684
- },
1685
- {
1686
- "kind": "method",
1687
- "name": "resetItems",
1688
- "privacy": "private",
1689
- "return": {
1690
- "type": {
1691
- "text": "void"
1692
- }
1644
+ "name": "expanded",
1645
+ "type": {
1646
+ "text": "boolean"
1693
1647
  },
1648
+ "privacy": "public",
1649
+ "default": "false",
1650
+ "description": "Expands or collapses the item.",
1694
1651
  "inheritedFrom": {
1695
- "name": "Accordion",
1696
- "module": "src/accordion/accordion.ts"
1697
- }
1698
- },
1699
- {
1700
- "kind": "field",
1701
- "name": "removeItemListeners",
1702
- "privacy": "private",
1703
- "inheritedFrom": {
1704
- "name": "Accordion",
1705
- "module": "src/accordion/accordion.ts"
1652
+ "name": "AccordionItem",
1653
+ "module": "src/accordion-item/accordion-item.ts"
1706
1654
  }
1707
1655
  },
1708
1656
  {
1709
1657
  "kind": "field",
1710
- "name": "activeItemChange",
1711
- "privacy": "private",
1712
- "inheritedFrom": {
1713
- "name": "Accordion",
1714
- "module": "src/accordion/accordion.ts"
1715
- }
1716
- },
1717
- {
1718
- "kind": "method",
1719
- "name": "getItemIds",
1720
- "privacy": "private",
1721
- "return": {
1722
- "type": {
1723
- "text": "Array<string | null>"
1724
- }
1725
- },
1726
- "inheritedFrom": {
1727
- "name": "Accordion",
1728
- "module": "src/accordion/accordion.ts"
1729
- }
1730
- },
1731
- {
1732
- "kind": "method",
1733
- "name": "isSingleExpandMode",
1734
- "privacy": "private",
1735
- "return": {
1736
- "type": {
1737
- "text": "boolean"
1738
- }
1658
+ "name": "id",
1659
+ "type": {
1660
+ "text": "string"
1739
1661
  },
1662
+ "privacy": "public",
1663
+ "description": "The item ID",
1740
1664
  "inheritedFrom": {
1741
- "name": "Accordion",
1742
- "module": "src/accordion/accordion.ts"
1743
- }
1744
- },
1745
- {
1746
- "kind": "field",
1747
- "name": "handleItemKeyDown",
1748
- "privacy": "private",
1749
- "inheritedFrom": {
1750
- "name": "Accordion",
1751
- "module": "src/accordion/accordion.ts"
1665
+ "name": "AccordionItem",
1666
+ "module": "src/accordion-item/accordion-item.ts"
1752
1667
  }
1753
1668
  },
1754
1669
  {
1755
1670
  "kind": "field",
1756
- "name": "handleItemFocus",
1757
- "privacy": "private",
1758
- "inheritedFrom": {
1759
- "name": "Accordion",
1760
- "module": "src/accordion/accordion.ts"
1761
- }
1762
- },
1763
- {
1764
- "kind": "method",
1765
- "name": "adjust",
1766
- "privacy": "private",
1767
- "return": {
1768
- "type": {
1769
- "text": "void"
1770
- }
1771
- },
1772
- "parameters": [
1773
- {
1774
- "name": "adjustment",
1775
- "type": {
1776
- "text": "number"
1777
- }
1778
- }
1779
- ],
1780
- "inheritedFrom": {
1781
- "name": "Accordion",
1782
- "module": "src/accordion/accordion.ts"
1783
- }
1784
- },
1785
- {
1786
- "kind": "method",
1787
- "name": "focusItem",
1671
+ "name": "change",
1788
1672
  "privacy": "private",
1789
- "return": {
1790
- "type": {
1791
- "text": "void"
1792
- }
1793
- },
1794
1673
  "inheritedFrom": {
1795
- "name": "Accordion",
1796
- "module": "src/accordion/accordion.ts"
1674
+ "name": "AccordionItem",
1675
+ "module": "src/accordion-item/accordion-item.ts"
1797
1676
  }
1798
1677
  },
1799
1678
  {
@@ -1910,18 +1789,18 @@
1910
1789
  ],
1911
1790
  "events": [
1912
1791
  {
1913
- "description": "Fires a custom 'change' event when the active item changes",
1792
+ "description": "Fires a custom 'change' event when the button is invoked",
1914
1793
  "name": "change",
1915
1794
  "inheritedFrom": {
1916
- "name": "Accordion",
1917
- "module": "src/accordion/accordion.ts"
1795
+ "name": "AccordionItem",
1796
+ "module": "src/accordion-item/accordion-item.ts"
1918
1797
  }
1919
1798
  }
1920
1799
  ]
1921
1800
  },
1922
1801
  {
1923
1802
  "kind": "variable",
1924
- "name": "foundationAccordionShadowOptions",
1803
+ "name": "foundationAccordionItemShadowOptions",
1925
1804
  "type": {
1926
1805
  "text": "ShadowRootInit"
1927
1806
  },
@@ -1929,57 +1808,57 @@
1929
1808
  },
1930
1809
  {
1931
1810
  "kind": "variable",
1932
- "name": "defaultAccordionConfig",
1811
+ "name": "defaultAccordionItemConfig",
1933
1812
  "type": {
1934
1813
  "text": "object"
1935
1814
  },
1936
- "default": "{}"
1815
+ "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}"
1937
1816
  },
1938
1817
  {
1939
1818
  "kind": "variable",
1940
- "name": "foundationAccordion",
1941
- "description": "The Foundation Accordion",
1819
+ "name": "foundationAccordionItem",
1820
+ "description": "The Foundation Accordion Item",
1942
1821
  "privacy": "public"
1943
1822
  }
1944
1823
  ],
1945
1824
  "exports": [
1946
1825
  {
1947
1826
  "kind": "js",
1948
- "name": "Accordion",
1827
+ "name": "AccordionItem",
1949
1828
  "declaration": {
1950
- "name": "Accordion",
1951
- "module": "src/accordion/accordion.ts"
1829
+ "name": "AccordionItem",
1830
+ "module": "src/accordion-item/accordion-item.ts"
1952
1831
  }
1953
1832
  },
1954
1833
  {
1955
1834
  "kind": "js",
1956
- "name": "foundationAccordionShadowOptions",
1835
+ "name": "foundationAccordionItemShadowOptions",
1957
1836
  "declaration": {
1958
- "name": "foundationAccordionShadowOptions",
1959
- "module": "src/accordion/accordion.ts"
1837
+ "name": "foundationAccordionItemShadowOptions",
1838
+ "module": "src/accordion-item/accordion-item.ts"
1960
1839
  }
1961
1840
  },
1962
1841
  {
1963
1842
  "kind": "js",
1964
- "name": "defaultAccordionConfig",
1843
+ "name": "defaultAccordionItemConfig",
1965
1844
  "declaration": {
1966
- "name": "defaultAccordionConfig",
1967
- "module": "src/accordion/accordion.ts"
1845
+ "name": "defaultAccordionItemConfig",
1846
+ "module": "src/accordion-item/accordion-item.ts"
1968
1847
  }
1969
1848
  },
1970
1849
  {
1971
1850
  "kind": "js",
1972
- "name": "foundationAccordion",
1851
+ "name": "foundationAccordionItem",
1973
1852
  "declaration": {
1974
- "name": "foundationAccordion",
1975
- "module": "src/accordion/accordion.ts"
1853
+ "name": "foundationAccordionItem",
1854
+ "module": "src/accordion-item/accordion-item.ts"
1976
1855
  }
1977
1856
  }
1978
1857
  ]
1979
1858
  },
1980
1859
  {
1981
1860
  "kind": "javascript-module",
1982
- "path": "src/accordion/index.ts",
1861
+ "path": "src/accordion-item/index.ts",
1983
1862
  "declarations": [],
1984
1863
  "exports": [
1985
1864
  {
@@ -1987,7 +1866,7 @@
1987
1866
  "name": "*",
1988
1867
  "declaration": {
1989
1868
  "name": "*",
1990
- "package": "./accordion.template"
1869
+ "package": "./accordion-item.template"
1991
1870
  }
1992
1871
  },
1993
1872
  {
@@ -1995,7 +1874,7 @@
1995
1874
  "name": "*",
1996
1875
  "declaration": {
1997
1876
  "name": "*",
1998
- "package": "./accordion.styles"
1877
+ "package": "./accordion-item.styles"
1999
1878
  }
2000
1879
  },
2001
1880
  {
@@ -2003,7 +1882,7 @@
2003
1882
  "name": "*",
2004
1883
  "declaration": {
2005
1884
  "name": "*",
2006
- "package": "./accordion"
1885
+ "package": "./accordion-item"
2007
1886
  }
2008
1887
  }
2009
1888
  ]
@@ -2041,34 +1920,11 @@
2041
1920
  },
2042
1921
  {
2043
1922
  "kind": "javascript-module",
2044
- "path": "src/actions-menu/actions-menu.styles.ts",
1923
+ "path": "src/accordion/accordion.styles.ts",
2045
1924
  "declarations": [
2046
1925
  {
2047
1926
  "kind": "function",
2048
- "name": "actionsMenuBaseStyles",
2049
- "return": {
2050
- "type": {
2051
- "text": "ElementStyles"
2052
- }
2053
- },
2054
- "parameters": [
2055
- {
2056
- "name": "context",
2057
- "type": {
2058
- "text": "ElementDefinitionContext"
2059
- }
2060
- },
2061
- {
2062
- "name": "definition",
2063
- "type": {
2064
- "text": "FoundationElementDefinition"
2065
- }
2066
- }
2067
- ]
2068
- },
2069
- {
2070
- "kind": "function",
2071
- "name": "foundationActionsMenuStyles",
1927
+ "name": "foundationAccordionStyles",
2072
1928
  "return": {
2073
1929
  "type": {
2074
1930
  "text": "ElementStyles"
@@ -2093,281 +1949,277 @@
2093
1949
  "exports": [
2094
1950
  {
2095
1951
  "kind": "js",
2096
- "name": "actionsMenuBaseStyles",
2097
- "declaration": {
2098
- "name": "actionsMenuBaseStyles",
2099
- "module": "src/actions-menu/actions-menu.styles.ts"
2100
- }
2101
- },
2102
- {
2103
- "kind": "js",
2104
- "name": "foundationActionsMenuStyles",
1952
+ "name": "foundationAccordionStyles",
2105
1953
  "declaration": {
2106
- "name": "foundationActionsMenuStyles",
2107
- "module": "src/actions-menu/actions-menu.styles.ts"
1954
+ "name": "foundationAccordionStyles",
1955
+ "module": "src/accordion/accordion.styles.ts"
2108
1956
  }
2109
1957
  }
2110
1958
  ]
2111
1959
  },
2112
1960
  {
2113
1961
  "kind": "javascript-module",
2114
- "path": "src/actions-menu/actions-menu.template.ts",
1962
+ "path": "src/accordion/accordion.template.ts",
2115
1963
  "declarations": [
2116
1964
  {
2117
1965
  "kind": "function",
2118
- "name": "menuTemplate",
1966
+ "name": "foundationAccordionTemplate",
1967
+ "return": {
1968
+ "type": {
1969
+ "text": "ViewTemplate<Accordion>"
1970
+ }
1971
+ },
2119
1972
  "parameters": [
2120
1973
  {
2121
- "name": "prefix",
1974
+ "name": "context",
2122
1975
  "type": {
2123
- "text": "string"
1976
+ "text": "ElementDefinitionContext"
2124
1977
  }
2125
- }
2126
- ]
2127
- },
2128
- {
2129
- "kind": "function",
2130
- "name": "singleOptionTemplate",
2131
- "parameters": [
1978
+ },
2132
1979
  {
2133
- "name": "prefix",
1980
+ "name": "definition",
2134
1981
  "type": {
2135
- "text": "string"
1982
+ "text": "FoundationElementDefinition"
2136
1983
  }
2137
1984
  }
2138
1985
  ]
2139
- },
2140
- {
2141
- "kind": "variable",
2142
- "name": "foundationActionsMenuTemplate",
2143
- "type": {
2144
- "text": "ViewTemplate<ActionsMenu>"
2145
- },
2146
- "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
2147
1986
  }
2148
1987
  ],
2149
1988
  "exports": [
2150
1989
  {
2151
1990
  "kind": "js",
2152
- "name": "menuTemplate",
2153
- "declaration": {
2154
- "name": "menuTemplate",
2155
- "module": "src/actions-menu/actions-menu.template.ts"
2156
- }
2157
- },
2158
- {
2159
- "kind": "js",
2160
- "name": "singleOptionTemplate",
2161
- "declaration": {
2162
- "name": "singleOptionTemplate",
2163
- "module": "src/actions-menu/actions-menu.template.ts"
2164
- }
2165
- },
2166
- {
2167
- "kind": "js",
2168
- "name": "foundationActionsMenuTemplate",
1991
+ "name": "foundationAccordionTemplate",
2169
1992
  "declaration": {
2170
- "name": "foundationActionsMenuTemplate",
2171
- "module": "src/actions-menu/actions-menu.template.ts"
1993
+ "name": "foundationAccordionTemplate",
1994
+ "module": "src/accordion/accordion.template.ts"
2172
1995
  }
2173
1996
  }
2174
1997
  ]
2175
1998
  },
2176
1999
  {
2177
2000
  "kind": "javascript-module",
2178
- "path": "src/actions-menu/actions-menu.ts",
2001
+ "path": "src/accordion/accordion.ts",
2179
2002
  "declarations": [
2180
2003
  {
2181
2004
  "kind": "class",
2182
2005
  "description": "",
2183
- "name": "ActionsMenu",
2184
- "members": [
2006
+ "name": "Accordion",
2007
+ "superclass": {
2008
+ "name": "FASTAccordion",
2009
+ "package": "@microsoft/fast-foundation"
2010
+ },
2011
+ "tagName": "%%prefix%%-accordion",
2012
+ "customElement": true,
2013
+ "attributes": [
2185
2014
  {
2186
- "kind": "field",
2187
- "name": "actions",
2015
+ "name": "expand-mode",
2188
2016
  "type": {
2189
- "text": "ActionMenuItem[]"
2017
+ "text": "AccordionExpandMode"
2018
+ },
2019
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
2020
+ "fieldName": "expandmode",
2021
+ "inheritedFrom": {
2022
+ "name": "Accordion",
2023
+ "module": "src/accordion/accordion.ts"
2190
2024
  }
2191
- },
2025
+ }
2026
+ ],
2027
+ "members": [
2192
2028
  {
2193
2029
  "kind": "field",
2194
- "name": "isVertical",
2030
+ "name": "expandmode",
2195
2031
  "type": {
2196
- "text": "boolean"
2032
+ "text": "AccordionExpandMode"
2197
2033
  },
2198
- "default": "false"
2034
+ "privacy": "public",
2035
+ "description": "Controls the expand mode of the Accordion, either allowing\nsingle or multiple item expansion.",
2036
+ "inheritedFrom": {
2037
+ "name": "Accordion",
2038
+ "module": "src/accordion/accordion.ts"
2039
+ }
2199
2040
  },
2200
2041
  {
2201
2042
  "kind": "field",
2202
- "name": "addDefaultActions",
2043
+ "name": "activeid",
2203
2044
  "type": {
2204
- "text": "boolean"
2045
+ "text": "string | null"
2205
2046
  },
2206
- "default": "true"
2047
+ "privacy": "private",
2048
+ "inheritedFrom": {
2049
+ "name": "Accordion",
2050
+ "module": "src/accordion/accordion.ts"
2051
+ }
2207
2052
  },
2208
2053
  {
2209
2054
  "kind": "field",
2210
- "name": "autoCloseOnAction",
2055
+ "name": "activeItemIndex",
2211
2056
  "type": {
2212
- "text": "boolean"
2057
+ "text": "number"
2213
2058
  },
2214
- "default": "true"
2059
+ "privacy": "private",
2060
+ "default": "0",
2061
+ "inheritedFrom": {
2062
+ "name": "Accordion",
2063
+ "module": "src/accordion/accordion.ts"
2064
+ }
2215
2065
  },
2216
2066
  {
2217
2067
  "kind": "field",
2218
- "name": "classNames",
2068
+ "name": "accordionIds",
2219
2069
  "type": {
2220
- "text": "string"
2070
+ "text": "Array<string | null>"
2071
+ },
2072
+ "privacy": "private",
2073
+ "inheritedFrom": {
2074
+ "name": "Accordion",
2075
+ "module": "src/accordion/accordion.ts"
2221
2076
  }
2222
2077
  },
2223
2078
  {
2224
2079
  "kind": "field",
2225
- "name": "definition",
2226
- "type": {
2227
- "text": "any"
2080
+ "name": "change",
2081
+ "privacy": "private",
2082
+ "inheritedFrom": {
2083
+ "name": "Accordion",
2084
+ "module": "src/accordion/accordion.ts"
2228
2085
  }
2229
2086
  },
2230
2087
  {
2231
- "kind": "field",
2232
- "name": "name",
2233
- "type": {
2234
- "text": "string"
2088
+ "kind": "method",
2089
+ "name": "findExpandedItem",
2090
+ "privacy": "private",
2091
+ "return": {
2092
+ "type": {
2093
+ "text": "AccordionItem | null"
2094
+ }
2235
2095
  },
2236
- "default": "'Actions'"
2096
+ "inheritedFrom": {
2097
+ "name": "Accordion",
2098
+ "module": "src/accordion/accordion.ts"
2099
+ }
2237
2100
  },
2238
2101
  {
2239
2102
  "kind": "field",
2240
- "name": "open",
2241
- "type": {
2242
- "text": "boolean"
2243
- },
2244
- "default": "false"
2103
+ "name": "setItems",
2104
+ "privacy": "private",
2105
+ "inheritedFrom": {
2106
+ "name": "Accordion",
2107
+ "module": "src/accordion/accordion.ts"
2108
+ }
2245
2109
  },
2246
2110
  {
2247
- "kind": "field",
2248
- "name": "buttonAppearance",
2249
- "type": {
2250
- "text": "string"
2111
+ "kind": "method",
2112
+ "name": "resetItems",
2113
+ "privacy": "private",
2114
+ "return": {
2115
+ "type": {
2116
+ "text": "void"
2117
+ }
2118
+ },
2119
+ "inheritedFrom": {
2120
+ "name": "Accordion",
2121
+ "module": "src/accordion/accordion.ts"
2251
2122
  }
2252
2123
  },
2253
2124
  {
2254
2125
  "kind": "field",
2255
- "name": "hideDisabled",
2256
- "type": {
2257
- "text": "boolean"
2258
- },
2259
- "default": "false"
2260
- },
2261
- {
2262
- "kind": "field",
2263
- "name": "hideMenuSingleOption",
2264
- "type": {
2265
- "text": "boolean"
2266
- },
2267
- "default": "false"
2268
- },
2269
- {
2270
- "kind": "field",
2271
- "name": "singleOption",
2272
- "type": {
2273
- "text": "ActionMenuItem"
2274
- }
2275
- },
2276
- {
2277
- "kind": "field",
2278
- "name": "actionsMenu",
2279
- "type": {
2280
- "text": "HTMLElement"
2126
+ "name": "removeItemListeners",
2127
+ "privacy": "private",
2128
+ "inheritedFrom": {
2129
+ "name": "Accordion",
2130
+ "module": "src/accordion/accordion.ts"
2281
2131
  }
2282
2132
  },
2283
2133
  {
2284
2134
  "kind": "field",
2285
- "name": "actionsOpener",
2286
- "type": {
2287
- "text": "HTMLElement"
2135
+ "name": "activeItemChange",
2136
+ "privacy": "private",
2137
+ "inheritedFrom": {
2138
+ "name": "Accordion",
2139
+ "module": "src/accordion/accordion.ts"
2288
2140
  }
2289
2141
  },
2290
2142
  {
2291
2143
  "kind": "method",
2292
- "name": "updateMenuPosition",
2293
- "privacy": "private"
2294
- },
2295
- {
2296
- "kind": "method",
2297
- "name": "definitionChanged",
2298
- "privacy": "protected",
2299
- "parameters": [
2300
- {
2301
- "name": "oldValue",
2302
- "type": {
2303
- "text": "any"
2304
- }
2305
- },
2306
- {
2307
- "name": "newValue",
2308
- "type": {
2309
- "text": "any"
2310
- }
2144
+ "name": "getItemIds",
2145
+ "privacy": "private",
2146
+ "return": {
2147
+ "type": {
2148
+ "text": "Array<string | null>"
2311
2149
  }
2312
- ]
2313
- },
2314
- {
2315
- "kind": "method",
2316
- "name": "openChanged",
2317
- "privacy": "protected"
2318
- },
2319
- {
2320
- "kind": "method",
2321
- "name": "toggleActionsMenuVisibility"
2150
+ },
2151
+ "inheritedFrom": {
2152
+ "name": "Accordion",
2153
+ "module": "src/accordion/accordion.ts"
2154
+ }
2322
2155
  },
2323
2156
  {
2324
2157
  "kind": "method",
2325
- "name": "onActionMenuItemClick",
2326
- "parameters": [
2327
- {
2328
- "name": "callback",
2329
- "type": {
2330
- "text": "(rowData) => void | any"
2331
- }
2158
+ "name": "isSingleExpandMode",
2159
+ "privacy": "private",
2160
+ "return": {
2161
+ "type": {
2162
+ "text": "boolean"
2332
2163
  }
2333
- ]
2164
+ },
2165
+ "inheritedFrom": {
2166
+ "name": "Accordion",
2167
+ "module": "src/accordion/accordion.ts"
2168
+ }
2334
2169
  },
2335
2170
  {
2336
2171
  "kind": "field",
2337
- "name": "allActions",
2338
- "type": {
2339
- "text": "ActionMenuItem[]"
2340
- },
2341
- "readonly": true
2172
+ "name": "handleItemKeyDown",
2173
+ "privacy": "private",
2174
+ "inheritedFrom": {
2175
+ "name": "Accordion",
2176
+ "module": "src/accordion/accordion.ts"
2177
+ }
2342
2178
  },
2343
2179
  {
2344
2180
  "kind": "field",
2345
- "name": "rowData",
2346
- "readonly": true
2181
+ "name": "handleItemFocus",
2182
+ "privacy": "private",
2183
+ "inheritedFrom": {
2184
+ "name": "Accordion",
2185
+ "module": "src/accordion/accordion.ts"
2186
+ }
2347
2187
  },
2348
2188
  {
2349
2189
  "kind": "method",
2350
- "name": "getLabel",
2190
+ "name": "adjust",
2191
+ "privacy": "private",
2192
+ "return": {
2193
+ "type": {
2194
+ "text": "void"
2195
+ }
2196
+ },
2351
2197
  "parameters": [
2352
2198
  {
2353
- "name": "name",
2199
+ "name": "adjustment",
2354
2200
  "type": {
2355
- "text": "string | ((rowData: any) => string)"
2201
+ "text": "number"
2356
2202
  }
2357
2203
  }
2358
- ]
2204
+ ],
2205
+ "inheritedFrom": {
2206
+ "name": "Accordion",
2207
+ "module": "src/accordion/accordion.ts"
2208
+ }
2359
2209
  },
2360
2210
  {
2361
2211
  "kind": "method",
2362
- "name": "getTemplate",
2363
- "parameters": [
2364
- {
2365
- "name": "prefix",
2366
- "type": {
2367
- "text": "string"
2368
- }
2212
+ "name": "focusItem",
2213
+ "privacy": "private",
2214
+ "return": {
2215
+ "type": {
2216
+ "text": "void"
2369
2217
  }
2370
- ]
2218
+ },
2219
+ "inheritedFrom": {
2220
+ "name": "Accordion",
2221
+ "module": "src/accordion/accordion.ts"
2222
+ }
2371
2223
  },
2372
2224
  {
2373
2225
  "kind": "field",
@@ -2481,107 +2333,78 @@
2481
2333
  }
2482
2334
  }
2483
2335
  ],
2484
- "attributes": [
2485
- {
2486
- "name": "is-vertical",
2487
- "type": {
2488
- "text": "boolean"
2489
- },
2490
- "default": "false",
2491
- "fieldName": "isVertical"
2492
- },
2493
- {
2494
- "name": "add-default-actions",
2495
- "type": {
2496
- "text": "boolean"
2497
- },
2498
- "default": "true",
2499
- "fieldName": "addDefaultActions"
2500
- },
2501
- {
2502
- "name": "auto-close-on-action",
2503
- "type": {
2504
- "text": "boolean"
2505
- },
2506
- "default": "true",
2507
- "fieldName": "autoCloseOnAction"
2508
- },
2509
- {
2510
- "name": "name",
2511
- "type": {
2512
- "text": "string"
2513
- },
2514
- "default": "'Actions'",
2515
- "fieldName": "name"
2516
- },
2517
- {
2518
- "name": "open",
2519
- "type": {
2520
- "text": "boolean"
2521
- },
2522
- "default": "false",
2523
- "fieldName": "open"
2524
- },
2525
- {
2526
- "name": "buttonAppearance",
2527
- "type": {
2528
- "text": "string"
2529
- },
2530
- "fieldName": "buttonAppearance"
2531
- },
2532
- {
2533
- "name": "hide-disabled",
2534
- "type": {
2535
- "text": "boolean"
2536
- },
2537
- "default": "false",
2538
- "fieldName": "hideDisabled"
2539
- },
2336
+ "events": [
2540
2337
  {
2541
- "name": "hide-menu-single-option",
2542
- "type": {
2543
- "text": "boolean"
2544
- },
2545
- "default": "false",
2546
- "fieldName": "hideMenuSingleOption"
2338
+ "description": "Fires a custom 'change' event when the active item changes",
2339
+ "name": "change",
2340
+ "inheritedFrom": {
2341
+ "name": "Accordion",
2342
+ "module": "src/accordion/accordion.ts"
2343
+ }
2547
2344
  }
2548
- ],
2549
- "superclass": {
2550
- "name": "FoundationElement",
2551
- "package": "@microsoft/fast-foundation"
2345
+ ]
2346
+ },
2347
+ {
2348
+ "kind": "variable",
2349
+ "name": "foundationAccordionShadowOptions",
2350
+ "type": {
2351
+ "text": "ShadowRootInit"
2552
2352
  },
2553
- "tagName": "%%prefix%%-actions-menu",
2554
- "customElement": true
2353
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2555
2354
  },
2556
2355
  {
2557
2356
  "kind": "variable",
2558
- "name": "foundationActionsMenu",
2559
- "description": "The Foundation Actions Menu",
2357
+ "name": "defaultAccordionConfig",
2358
+ "type": {
2359
+ "text": "object"
2360
+ },
2361
+ "default": "{}"
2362
+ },
2363
+ {
2364
+ "kind": "variable",
2365
+ "name": "foundationAccordion",
2366
+ "description": "The Foundation Accordion",
2560
2367
  "privacy": "public"
2561
2368
  }
2562
2369
  ],
2563
2370
  "exports": [
2564
2371
  {
2565
2372
  "kind": "js",
2566
- "name": "ActionsMenu",
2373
+ "name": "Accordion",
2567
2374
  "declaration": {
2568
- "name": "ActionsMenu",
2569
- "module": "src/actions-menu/actions-menu.ts"
2375
+ "name": "Accordion",
2376
+ "module": "src/accordion/accordion.ts"
2570
2377
  }
2571
2378
  },
2572
2379
  {
2573
2380
  "kind": "js",
2574
- "name": "foundationActionsMenu",
2381
+ "name": "foundationAccordionShadowOptions",
2575
2382
  "declaration": {
2576
- "name": "foundationActionsMenu",
2577
- "module": "src/actions-menu/actions-menu.ts"
2383
+ "name": "foundationAccordionShadowOptions",
2384
+ "module": "src/accordion/accordion.ts"
2578
2385
  }
2579
- }
2386
+ },
2387
+ {
2388
+ "kind": "js",
2389
+ "name": "defaultAccordionConfig",
2390
+ "declaration": {
2391
+ "name": "defaultAccordionConfig",
2392
+ "module": "src/accordion/accordion.ts"
2393
+ }
2394
+ },
2395
+ {
2396
+ "kind": "js",
2397
+ "name": "foundationAccordion",
2398
+ "declaration": {
2399
+ "name": "foundationAccordion",
2400
+ "module": "src/accordion/accordion.ts"
2401
+ }
2402
+ }
2580
2403
  ]
2581
2404
  },
2582
2405
  {
2583
2406
  "kind": "javascript-module",
2584
- "path": "src/actions-menu/index.ts",
2407
+ "path": "src/accordion/index.ts",
2585
2408
  "declarations": [],
2586
2409
  "exports": [
2587
2410
  {
@@ -2589,7 +2412,7 @@
2589
2412
  "name": "*",
2590
2413
  "declaration": {
2591
2414
  "name": "*",
2592
- "package": "./actions-menu.styles"
2415
+ "package": "./accordion.template"
2593
2416
  }
2594
2417
  },
2595
2418
  {
@@ -2597,7 +2420,7 @@
2597
2420
  "name": "*",
2598
2421
  "declaration": {
2599
2422
  "name": "*",
2600
- "package": "./actions-menu.template"
2423
+ "package": "./accordion.styles"
2601
2424
  }
2602
2425
  },
2603
2426
  {
@@ -2605,18 +2428,41 @@
2605
2428
  "name": "*",
2606
2429
  "declaration": {
2607
2430
  "name": "*",
2608
- "package": "./actions-menu"
2431
+ "package": "./accordion"
2609
2432
  }
2610
2433
  }
2611
2434
  ]
2612
2435
  },
2613
2436
  {
2614
2437
  "kind": "javascript-module",
2615
- "path": "src/accordion-item/accordion-item.styles.ts",
2438
+ "path": "src/actions-menu/actions-menu.styles.ts",
2616
2439
  "declarations": [
2617
2440
  {
2618
2441
  "kind": "function",
2619
- "name": "foundationAccordionItemStyles",
2442
+ "name": "actionsMenuBaseStyles",
2443
+ "return": {
2444
+ "type": {
2445
+ "text": "ElementStyles"
2446
+ }
2447
+ },
2448
+ "parameters": [
2449
+ {
2450
+ "name": "context",
2451
+ "type": {
2452
+ "text": "ElementDefinitionContext"
2453
+ }
2454
+ },
2455
+ {
2456
+ "name": "definition",
2457
+ "type": {
2458
+ "text": "FoundationElementDefinition"
2459
+ }
2460
+ }
2461
+ ]
2462
+ },
2463
+ {
2464
+ "kind": "function",
2465
+ "name": "foundationActionsMenuStyles",
2620
2466
  "return": {
2621
2467
  "type": {
2622
2468
  "text": "ElementStyles"
@@ -2641,157 +2487,282 @@
2641
2487
  "exports": [
2642
2488
  {
2643
2489
  "kind": "js",
2644
- "name": "foundationAccordionItemStyles",
2490
+ "name": "actionsMenuBaseStyles",
2645
2491
  "declaration": {
2646
- "name": "foundationAccordionItemStyles",
2647
- "module": "src/accordion-item/accordion-item.styles.ts"
2492
+ "name": "actionsMenuBaseStyles",
2493
+ "module": "src/actions-menu/actions-menu.styles.ts"
2494
+ }
2495
+ },
2496
+ {
2497
+ "kind": "js",
2498
+ "name": "foundationActionsMenuStyles",
2499
+ "declaration": {
2500
+ "name": "foundationActionsMenuStyles",
2501
+ "module": "src/actions-menu/actions-menu.styles.ts"
2648
2502
  }
2649
2503
  }
2650
2504
  ]
2651
2505
  },
2652
2506
  {
2653
2507
  "kind": "javascript-module",
2654
- "path": "src/accordion-item/accordion-item.template.ts",
2508
+ "path": "src/actions-menu/actions-menu.template.ts",
2655
2509
  "declarations": [
2656
2510
  {
2657
2511
  "kind": "function",
2658
- "name": "foundationAccordionItemTemplate",
2659
- "return": {
2660
- "type": {
2661
- "text": "ViewTemplate<AccordionItem>"
2662
- }
2663
- },
2512
+ "name": "menuTemplate",
2664
2513
  "parameters": [
2665
2514
  {
2666
- "name": "context",
2515
+ "name": "prefix",
2667
2516
  "type": {
2668
- "text": "ElementDefinitionContext"
2517
+ "text": "string"
2669
2518
  }
2670
- },
2519
+ }
2520
+ ]
2521
+ },
2522
+ {
2523
+ "kind": "function",
2524
+ "name": "singleOptionTemplate",
2525
+ "parameters": [
2671
2526
  {
2672
- "name": "definition",
2527
+ "name": "prefix",
2673
2528
  "type": {
2674
- "text": "FoundationElementDefinition"
2529
+ "text": "string"
2675
2530
  }
2676
2531
  }
2677
2532
  ]
2533
+ },
2534
+ {
2535
+ "kind": "variable",
2536
+ "name": "foundationActionsMenuTemplate",
2537
+ "type": {
2538
+ "text": "ViewTemplate<ActionsMenu>"
2539
+ },
2540
+ "default": "html`\n <div\n class=\"actions-container${(x) => (x.isVertical ? ' actions-vertical' : '')}\"\n part=\"actions-container\"\n >\n ${(x) => x.getTemplate(getPrefix(x))}\n </div>\n`"
2678
2541
  }
2679
2542
  ],
2680
2543
  "exports": [
2681
2544
  {
2682
2545
  "kind": "js",
2683
- "name": "foundationAccordionItemTemplate",
2546
+ "name": "menuTemplate",
2684
2547
  "declaration": {
2685
- "name": "foundationAccordionItemTemplate",
2686
- "module": "src/accordion-item/accordion-item.template.ts"
2548
+ "name": "menuTemplate",
2549
+ "module": "src/actions-menu/actions-menu.template.ts"
2550
+ }
2551
+ },
2552
+ {
2553
+ "kind": "js",
2554
+ "name": "singleOptionTemplate",
2555
+ "declaration": {
2556
+ "name": "singleOptionTemplate",
2557
+ "module": "src/actions-menu/actions-menu.template.ts"
2558
+ }
2559
+ },
2560
+ {
2561
+ "kind": "js",
2562
+ "name": "foundationActionsMenuTemplate",
2563
+ "declaration": {
2564
+ "name": "foundationActionsMenuTemplate",
2565
+ "module": "src/actions-menu/actions-menu.template.ts"
2687
2566
  }
2688
2567
  }
2689
2568
  ]
2690
2569
  },
2691
2570
  {
2692
2571
  "kind": "javascript-module",
2693
- "path": "src/accordion-item/accordion-item.ts",
2572
+ "path": "src/actions-menu/actions-menu.ts",
2694
2573
  "declarations": [
2695
2574
  {
2696
2575
  "kind": "class",
2697
2576
  "description": "",
2698
- "name": "AccordionItem",
2699
- "superclass": {
2700
- "name": "FASTAccordionItem",
2701
- "package": "@microsoft/fast-components"
2702
- },
2703
- "tagName": "%%prefix%%-accordion-item",
2704
- "customElement": true,
2705
- "attributes": [
2577
+ "name": "ActionsMenu",
2578
+ "members": [
2706
2579
  {
2707
- "name": "heading-level",
2580
+ "kind": "field",
2581
+ "name": "actions",
2708
2582
  "type": {
2709
- "text": "1 | 2 | 3 | 4 | 5 | 6"
2710
- },
2711
- "default": "2",
2712
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
2713
- "fieldName": "headinglevel",
2714
- "inheritedFrom": {
2715
- "name": "AccordionItem",
2716
- "module": "src/accordion-item/accordion-item.ts"
2583
+ "text": "ActionMenuItem[]"
2717
2584
  }
2718
2585
  },
2719
2586
  {
2587
+ "kind": "field",
2588
+ "name": "isVertical",
2720
2589
  "type": {
2721
2590
  "text": "boolean"
2722
2591
  },
2723
- "default": "false",
2724
- "description": "Expands or collapses the item.",
2725
- "fieldName": "expanded",
2726
- "inheritedFrom": {
2727
- "name": "AccordionItem",
2728
- "module": "src/accordion-item/accordion-item.ts"
2592
+ "default": "false"
2593
+ },
2594
+ {
2595
+ "kind": "field",
2596
+ "name": "addDefaultActions",
2597
+ "type": {
2598
+ "text": "boolean"
2599
+ },
2600
+ "default": "true"
2601
+ },
2602
+ {
2603
+ "kind": "field",
2604
+ "name": "autoCloseOnAction",
2605
+ "type": {
2606
+ "text": "boolean"
2607
+ },
2608
+ "default": "true"
2609
+ },
2610
+ {
2611
+ "kind": "field",
2612
+ "name": "classNames",
2613
+ "type": {
2614
+ "text": "string"
2729
2615
  }
2730
2616
  },
2731
2617
  {
2732
- "name": "id",
2618
+ "kind": "field",
2619
+ "name": "definition",
2620
+ "type": {
2621
+ "text": "any"
2622
+ }
2623
+ },
2624
+ {
2625
+ "kind": "field",
2626
+ "name": "name",
2733
2627
  "type": {
2734
2628
  "text": "string"
2735
2629
  },
2736
- "description": "The item ID",
2737
- "fieldName": "id",
2738
- "inheritedFrom": {
2739
- "name": "AccordionItem",
2740
- "module": "src/accordion-item/accordion-item.ts"
2741
- }
2742
- }
2743
- ],
2744
- "members": [
2630
+ "default": "'Actions'"
2631
+ },
2745
2632
  {
2746
2633
  "kind": "field",
2747
- "name": "headinglevel",
2634
+ "name": "open",
2748
2635
  "type": {
2749
- "text": "1 | 2 | 3 | 4 | 5 | 6"
2636
+ "text": "boolean"
2750
2637
  },
2751
- "privacy": "public",
2752
- "default": "2",
2753
- "description": "Configures the {@link https://www.w3.org/TR/wai-aria-1.1/#aria-level | level} of the heading element.",
2754
- "inheritedFrom": {
2755
- "name": "AccordionItem",
2756
- "module": "src/accordion-item/accordion-item.ts"
2638
+ "default": "false"
2639
+ },
2640
+ {
2641
+ "kind": "field",
2642
+ "name": "buttonAppearance",
2643
+ "type": {
2644
+ "text": "string"
2757
2645
  }
2758
2646
  },
2759
2647
  {
2760
2648
  "kind": "field",
2761
- "name": "expanded",
2649
+ "name": "hideDisabled",
2762
2650
  "type": {
2763
2651
  "text": "boolean"
2764
2652
  },
2765
- "privacy": "public",
2766
- "default": "false",
2767
- "description": "Expands or collapses the item.",
2768
- "inheritedFrom": {
2769
- "name": "AccordionItem",
2770
- "module": "src/accordion-item/accordion-item.ts"
2771
- }
2653
+ "default": "false"
2772
2654
  },
2773
2655
  {
2774
2656
  "kind": "field",
2775
- "name": "id",
2657
+ "name": "hideMenuSingleOption",
2776
2658
  "type": {
2777
- "text": "string"
2659
+ "text": "boolean"
2778
2660
  },
2779
- "privacy": "public",
2780
- "description": "The item ID",
2781
- "inheritedFrom": {
2782
- "name": "AccordionItem",
2783
- "module": "src/accordion-item/accordion-item.ts"
2661
+ "default": "false"
2662
+ },
2663
+ {
2664
+ "kind": "field",
2665
+ "name": "singleOption",
2666
+ "type": {
2667
+ "text": "ActionMenuItem"
2784
2668
  }
2785
2669
  },
2786
2670
  {
2787
2671
  "kind": "field",
2788
- "name": "change",
2789
- "privacy": "private",
2790
- "inheritedFrom": {
2791
- "name": "AccordionItem",
2792
- "module": "src/accordion-item/accordion-item.ts"
2672
+ "name": "actionsMenu",
2673
+ "type": {
2674
+ "text": "HTMLElement"
2675
+ }
2676
+ },
2677
+ {
2678
+ "kind": "field",
2679
+ "name": "actionsOpener",
2680
+ "type": {
2681
+ "text": "HTMLElement"
2793
2682
  }
2794
2683
  },
2684
+ {
2685
+ "kind": "method",
2686
+ "name": "updateMenuPosition",
2687
+ "privacy": "private"
2688
+ },
2689
+ {
2690
+ "kind": "method",
2691
+ "name": "definitionChanged",
2692
+ "privacy": "protected",
2693
+ "parameters": [
2694
+ {
2695
+ "name": "oldValue",
2696
+ "type": {
2697
+ "text": "any"
2698
+ }
2699
+ },
2700
+ {
2701
+ "name": "newValue",
2702
+ "type": {
2703
+ "text": "any"
2704
+ }
2705
+ }
2706
+ ]
2707
+ },
2708
+ {
2709
+ "kind": "method",
2710
+ "name": "openChanged",
2711
+ "privacy": "protected"
2712
+ },
2713
+ {
2714
+ "kind": "method",
2715
+ "name": "toggleActionsMenuVisibility"
2716
+ },
2717
+ {
2718
+ "kind": "method",
2719
+ "name": "onActionMenuItemClick",
2720
+ "parameters": [
2721
+ {
2722
+ "name": "callback",
2723
+ "type": {
2724
+ "text": "(rowData) => void | any"
2725
+ }
2726
+ }
2727
+ ]
2728
+ },
2729
+ {
2730
+ "kind": "field",
2731
+ "name": "allActions",
2732
+ "type": {
2733
+ "text": "ActionMenuItem[]"
2734
+ },
2735
+ "readonly": true
2736
+ },
2737
+ {
2738
+ "kind": "field",
2739
+ "name": "rowData",
2740
+ "readonly": true
2741
+ },
2742
+ {
2743
+ "kind": "method",
2744
+ "name": "getLabel",
2745
+ "parameters": [
2746
+ {
2747
+ "name": "name",
2748
+ "type": {
2749
+ "text": "string | ((rowData: any) => string)"
2750
+ }
2751
+ }
2752
+ ]
2753
+ },
2754
+ {
2755
+ "kind": "method",
2756
+ "name": "getTemplate",
2757
+ "parameters": [
2758
+ {
2759
+ "name": "prefix",
2760
+ "type": {
2761
+ "text": "string"
2762
+ }
2763
+ }
2764
+ ]
2765
+ },
2795
2766
  {
2796
2767
  "kind": "field",
2797
2768
  "name": "_presentation",
@@ -2904,78 +2875,107 @@
2904
2875
  }
2905
2876
  }
2906
2877
  ],
2907
- "events": [
2878
+ "attributes": [
2908
2879
  {
2909
- "description": "Fires a custom 'change' event when the button is invoked",
2910
- "name": "change",
2911
- "inheritedFrom": {
2912
- "name": "AccordionItem",
2913
- "module": "src/accordion-item/accordion-item.ts"
2914
- }
2880
+ "name": "is-vertical",
2881
+ "type": {
2882
+ "text": "boolean"
2883
+ },
2884
+ "default": "false",
2885
+ "fieldName": "isVertical"
2886
+ },
2887
+ {
2888
+ "name": "add-default-actions",
2889
+ "type": {
2890
+ "text": "boolean"
2891
+ },
2892
+ "default": "true",
2893
+ "fieldName": "addDefaultActions"
2894
+ },
2895
+ {
2896
+ "name": "auto-close-on-action",
2897
+ "type": {
2898
+ "text": "boolean"
2899
+ },
2900
+ "default": "true",
2901
+ "fieldName": "autoCloseOnAction"
2902
+ },
2903
+ {
2904
+ "name": "name",
2905
+ "type": {
2906
+ "text": "string"
2907
+ },
2908
+ "default": "'Actions'",
2909
+ "fieldName": "name"
2910
+ },
2911
+ {
2912
+ "name": "open",
2913
+ "type": {
2914
+ "text": "boolean"
2915
+ },
2916
+ "default": "false",
2917
+ "fieldName": "open"
2918
+ },
2919
+ {
2920
+ "name": "buttonAppearance",
2921
+ "type": {
2922
+ "text": "string"
2923
+ },
2924
+ "fieldName": "buttonAppearance"
2925
+ },
2926
+ {
2927
+ "name": "hide-disabled",
2928
+ "type": {
2929
+ "text": "boolean"
2930
+ },
2931
+ "default": "false",
2932
+ "fieldName": "hideDisabled"
2933
+ },
2934
+ {
2935
+ "name": "hide-menu-single-option",
2936
+ "type": {
2937
+ "text": "boolean"
2938
+ },
2939
+ "default": "false",
2940
+ "fieldName": "hideMenuSingleOption"
2915
2941
  }
2916
- ]
2917
- },
2918
- {
2919
- "kind": "variable",
2920
- "name": "foundationAccordionItemShadowOptions",
2921
- "type": {
2922
- "text": "ShadowRootInit"
2923
- },
2924
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
2925
- },
2926
- {
2927
- "kind": "variable",
2928
- "name": "defaultAccordionItemConfig",
2929
- "type": {
2930
- "text": "object"
2942
+ ],
2943
+ "superclass": {
2944
+ "name": "FoundationElement",
2945
+ "package": "@microsoft/fast-foundation"
2931
2946
  },
2932
- "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}"
2947
+ "tagName": "%%prefix%%-actions-menu",
2948
+ "customElement": true
2933
2949
  },
2934
2950
  {
2935
2951
  "kind": "variable",
2936
- "name": "foundationAccordionItem",
2937
- "description": "The Foundation Accordion Item",
2952
+ "name": "foundationActionsMenu",
2953
+ "description": "The Foundation Actions Menu",
2938
2954
  "privacy": "public"
2939
2955
  }
2940
2956
  ],
2941
2957
  "exports": [
2942
2958
  {
2943
2959
  "kind": "js",
2944
- "name": "AccordionItem",
2945
- "declaration": {
2946
- "name": "AccordionItem",
2947
- "module": "src/accordion-item/accordion-item.ts"
2948
- }
2949
- },
2950
- {
2951
- "kind": "js",
2952
- "name": "foundationAccordionItemShadowOptions",
2953
- "declaration": {
2954
- "name": "foundationAccordionItemShadowOptions",
2955
- "module": "src/accordion-item/accordion-item.ts"
2956
- }
2957
- },
2958
- {
2959
- "kind": "js",
2960
- "name": "defaultAccordionItemConfig",
2960
+ "name": "ActionsMenu",
2961
2961
  "declaration": {
2962
- "name": "defaultAccordionItemConfig",
2963
- "module": "src/accordion-item/accordion-item.ts"
2962
+ "name": "ActionsMenu",
2963
+ "module": "src/actions-menu/actions-menu.ts"
2964
2964
  }
2965
2965
  },
2966
2966
  {
2967
2967
  "kind": "js",
2968
- "name": "foundationAccordionItem",
2968
+ "name": "foundationActionsMenu",
2969
2969
  "declaration": {
2970
- "name": "foundationAccordionItem",
2971
- "module": "src/accordion-item/accordion-item.ts"
2970
+ "name": "foundationActionsMenu",
2971
+ "module": "src/actions-menu/actions-menu.ts"
2972
2972
  }
2973
2973
  }
2974
2974
  ]
2975
2975
  },
2976
2976
  {
2977
2977
  "kind": "javascript-module",
2978
- "path": "src/accordion-item/index.ts",
2978
+ "path": "src/actions-menu/index.ts",
2979
2979
  "declarations": [],
2980
2980
  "exports": [
2981
2981
  {
@@ -2983,7 +2983,7 @@
2983
2983
  "name": "*",
2984
2984
  "declaration": {
2985
2985
  "name": "*",
2986
- "package": "./accordion-item.template"
2986
+ "package": "./actions-menu.styles"
2987
2987
  }
2988
2988
  },
2989
2989
  {
@@ -2991,7 +2991,7 @@
2991
2991
  "name": "*",
2992
2992
  "declaration": {
2993
2993
  "name": "*",
2994
- "package": "./accordion-item.styles"
2994
+ "package": "./actions-menu.template"
2995
2995
  }
2996
2996
  },
2997
2997
  {
@@ -2999,7 +2999,7 @@
2999
2999
  "name": "*",
3000
3000
  "declaration": {
3001
3001
  "name": "*",
3002
- "package": "./accordion-item"
3002
+ "package": "./actions-menu"
3003
3003
  }
3004
3004
  }
3005
3005
  ]
@@ -6584,125 +6584,181 @@
6584
6584
  },
6585
6585
  {
6586
6586
  "kind": "javascript-module",
6587
- "path": "src/banner/banner.styles.ts",
6587
+ "path": "src/badge/badge.styles.ts",
6588
6588
  "declarations": [
6589
6589
  {
6590
- "kind": "variable",
6591
- "name": "foundationBannerStyles",
6592
- "type": {
6593
- "text": "ElementStyles"
6590
+ "kind": "function",
6591
+ "name": "foundationBadgeStyles",
6592
+ "return": {
6593
+ "type": {
6594
+ "text": "ElementStyles"
6595
+ }
6594
6596
  },
6595
- "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n white-space: pre-line;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
6597
+ "parameters": [
6598
+ {
6599
+ "name": "context",
6600
+ "type": {
6601
+ "text": "ElementDefinitionContext"
6602
+ }
6603
+ },
6604
+ {
6605
+ "name": "definition",
6606
+ "type": {
6607
+ "text": "FoundationElementDefinition"
6608
+ }
6609
+ }
6610
+ ]
6596
6611
  }
6597
6612
  ],
6598
6613
  "exports": [
6599
6614
  {
6600
6615
  "kind": "js",
6601
- "name": "foundationBannerStyles",
6616
+ "name": "foundationBadgeStyles",
6602
6617
  "declaration": {
6603
- "name": "foundationBannerStyles",
6604
- "module": "src/banner/banner.styles.ts"
6618
+ "name": "foundationBadgeStyles",
6619
+ "module": "src/badge/badge.styles.ts"
6605
6620
  }
6606
6621
  }
6607
6622
  ]
6608
6623
  },
6609
6624
  {
6610
6625
  "kind": "javascript-module",
6611
- "path": "src/banner/banner.template.ts",
6626
+ "path": "src/badge/badge.template.ts",
6612
6627
  "declarations": [
6613
6628
  {
6614
6629
  "kind": "function",
6615
- "name": "getBannerTemplate",
6630
+ "name": "foundationBadgeTemplate",
6631
+ "return": {
6632
+ "type": {
6633
+ "text": "ViewTemplate<Badge>"
6634
+ }
6635
+ },
6616
6636
  "parameters": [
6617
6637
  {
6618
- "name": "prefix",
6638
+ "name": "context",
6619
6639
  "type": {
6620
- "text": "string"
6640
+ "text": "ElementDefinitionContext"
6641
+ }
6642
+ },
6643
+ {
6644
+ "name": "definition",
6645
+ "type": {
6646
+ "text": "FoundationElementDefinition"
6621
6647
  }
6622
6648
  }
6623
6649
  ]
6624
- },
6625
- {
6626
- "kind": "variable",
6627
- "name": "foundationBannerTemplate",
6628
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
6629
6650
  }
6630
6651
  ],
6631
6652
  "exports": [
6632
6653
  {
6633
6654
  "kind": "js",
6634
- "name": "getBannerTemplate",
6635
- "declaration": {
6636
- "name": "getBannerTemplate",
6637
- "module": "src/banner/banner.template.ts"
6638
- }
6639
- },
6640
- {
6641
- "kind": "js",
6642
- "name": "foundationBannerTemplate",
6655
+ "name": "foundationBadgeTemplate",
6643
6656
  "declaration": {
6644
- "name": "foundationBannerTemplate",
6645
- "module": "src/banner/banner.template.ts"
6657
+ "name": "foundationBadgeTemplate",
6658
+ "module": "src/badge/badge.template.ts"
6646
6659
  }
6647
6660
  }
6648
6661
  ]
6649
6662
  },
6650
6663
  {
6651
6664
  "kind": "javascript-module",
6652
- "path": "src/banner/banner.ts",
6665
+ "path": "src/badge/badge.ts",
6653
6666
  "declarations": [
6654
- {
6655
- "kind": "variable",
6656
- "name": "foundationBannerShadowOptions",
6657
- "type": {
6658
- "text": "ShadowRootInit"
6659
- },
6660
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
6661
- },
6662
6667
  {
6663
6668
  "kind": "class",
6664
6669
  "description": "",
6665
- "name": "Banner",
6666
- "members": [
6670
+ "name": "Badge",
6671
+ "superclass": {
6672
+ "name": "FASTBadge",
6673
+ "package": "@microsoft/fast-components"
6674
+ },
6675
+ "tagName": "%%prefix%%-badge",
6676
+ "customElement": true,
6677
+ "attributes": [
6667
6678
  {
6668
- "kind": "field",
6669
- "name": "banner",
6679
+ "name": "fill",
6670
6680
  "type": {
6671
- "text": "HTMLElement"
6681
+ "text": "string"
6672
6682
  },
6673
- "privacy": "public"
6683
+ "description": "Indicates the badge should have a filled style.",
6684
+ "fieldName": "fill",
6685
+ "inheritedFrom": {
6686
+ "name": "Badge",
6687
+ "module": "src/badge/badge.ts"
6688
+ }
6674
6689
  },
6675
6690
  {
6676
- "kind": "field",
6677
- "name": "dismissAnimation",
6691
+ "name": "color",
6678
6692
  "type": {
6679
- "text": "'banner-delete' | ''"
6693
+ "text": "string"
6680
6694
  },
6681
- "default": "''"
6695
+ "description": "Indicates the badge should have a filled style.",
6696
+ "fieldName": "color",
6697
+ "inheritedFrom": {
6698
+ "name": "Badge",
6699
+ "module": "src/badge/badge.ts"
6700
+ }
6682
6701
  },
6702
+ {
6703
+ "type": {
6704
+ "text": "boolean"
6705
+ },
6706
+ "description": "Indicates the element should be circular",
6707
+ "fieldName": "circular",
6708
+ "inheritedFrom": {
6709
+ "name": "Badge",
6710
+ "module": "src/badge/badge.ts"
6711
+ }
6712
+ }
6713
+ ],
6714
+ "members": [
6683
6715
  {
6684
6716
  "kind": "field",
6685
- "name": "notification",
6717
+ "name": "fill",
6686
6718
  "type": {
6687
- "text": "NotificationStructure"
6719
+ "text": "string"
6720
+ },
6721
+ "privacy": "public",
6722
+ "description": "Indicates the badge should have a filled style.",
6723
+ "inheritedFrom": {
6724
+ "name": "Badge",
6725
+ "module": "src/badge/badge.ts"
6688
6726
  }
6689
6727
  },
6690
6728
  {
6691
- "kind": "method",
6692
- "name": "dismiss",
6729
+ "kind": "field",
6730
+ "name": "color",
6731
+ "type": {
6732
+ "text": "string"
6733
+ },
6693
6734
  "privacy": "public",
6694
- "return": {
6695
- "type": {
6696
- "text": "Promise<void>"
6697
- }
6735
+ "description": "Indicates the badge should have a filled style.",
6736
+ "inheritedFrom": {
6737
+ "name": "Badge",
6738
+ "module": "src/badge/badge.ts"
6739
+ }
6740
+ },
6741
+ {
6742
+ "kind": "field",
6743
+ "name": "circular",
6744
+ "type": {
6745
+ "text": "boolean"
6698
6746
  },
6699
- "description": "Dismiss the Banner from display."
6747
+ "privacy": "public",
6748
+ "description": "Indicates the element should be circular",
6749
+ "inheritedFrom": {
6750
+ "name": "Badge",
6751
+ "module": "src/badge/badge.ts"
6752
+ }
6700
6753
  },
6701
6754
  {
6702
- "kind": "method",
6703
- "name": "dismissNotification",
6755
+ "kind": "field",
6756
+ "name": "generateBadgeStyle",
6704
6757
  "privacy": "public",
6705
- "description": "Dismiss the Banner (NotificationStructure) from display."
6758
+ "inheritedFrom": {
6759
+ "name": "Badge",
6760
+ "module": "src/badge/badge.ts"
6761
+ }
6706
6762
  },
6707
6763
  {
6708
6764
  "kind": "field",
@@ -6815,51 +6871,69 @@
6815
6871
  "module": "src/foundation-element/foundation-element.ts"
6816
6872
  }
6817
6873
  }
6818
- ],
6819
- "superclass": {
6820
- "name": "FoundationElement",
6821
- "package": "@microsoft/fast-foundation"
6874
+ ]
6875
+ },
6876
+ {
6877
+ "kind": "variable",
6878
+ "name": "foundationBadgeShadowOptions",
6879
+ "type": {
6880
+ "text": "ShadowRootInit"
6822
6881
  },
6823
- "tagName": "%%prefix%%-banner",
6824
- "customElement": true
6882
+ "default": "undefined"
6825
6883
  },
6826
6884
  {
6827
6885
  "kind": "variable",
6828
- "name": "foundationBanner",
6829
- "description": "The Foundation Banner",
6886
+ "name": "defaultBadgeConfig",
6887
+ "type": {
6888
+ "text": "object"
6889
+ },
6890
+ "default": "{}"
6891
+ },
6892
+ {
6893
+ "kind": "variable",
6894
+ "name": "foundationBadge",
6895
+ "description": "The Foundation Badge",
6830
6896
  "privacy": "public"
6831
6897
  }
6832
6898
  ],
6833
6899
  "exports": [
6834
6900
  {
6835
6901
  "kind": "js",
6836
- "name": "foundationBannerShadowOptions",
6902
+ "name": "Badge",
6837
6903
  "declaration": {
6838
- "name": "foundationBannerShadowOptions",
6839
- "module": "src/banner/banner.ts"
6904
+ "name": "Badge",
6905
+ "module": "src/badge/badge.ts"
6906
+ }
6907
+ },
6908
+ {
6909
+ "kind": "js",
6910
+ "name": "foundationBadgeShadowOptions",
6911
+ "declaration": {
6912
+ "name": "foundationBadgeShadowOptions",
6913
+ "module": "src/badge/badge.ts"
6840
6914
  }
6841
6915
  },
6842
6916
  {
6843
6917
  "kind": "js",
6844
- "name": "Banner",
6918
+ "name": "defaultBadgeConfig",
6845
6919
  "declaration": {
6846
- "name": "Banner",
6847
- "module": "src/banner/banner.ts"
6920
+ "name": "defaultBadgeConfig",
6921
+ "module": "src/badge/badge.ts"
6848
6922
  }
6849
6923
  },
6850
6924
  {
6851
6925
  "kind": "js",
6852
- "name": "foundationBanner",
6926
+ "name": "foundationBadge",
6853
6927
  "declaration": {
6854
- "name": "foundationBanner",
6855
- "module": "src/banner/banner.ts"
6928
+ "name": "foundationBadge",
6929
+ "module": "src/badge/badge.ts"
6856
6930
  }
6857
6931
  }
6858
6932
  ]
6859
6933
  },
6860
6934
  {
6861
6935
  "kind": "javascript-module",
6862
- "path": "src/banner/index.ts",
6936
+ "path": "src/badge/index.ts",
6863
6937
  "declarations": [],
6864
6938
  "exports": [
6865
6939
  {
@@ -6867,7 +6941,7 @@
6867
6941
  "name": "*",
6868
6942
  "declaration": {
6869
6943
  "name": "*",
6870
- "package": "./banner.styles"
6944
+ "package": "./badge.template"
6871
6945
  }
6872
6946
  },
6873
6947
  {
@@ -6875,7 +6949,7 @@
6875
6949
  "name": "*",
6876
6950
  "declaration": {
6877
6951
  "name": "*",
6878
- "package": "./banner.template"
6952
+ "package": "./badge.styles"
6879
6953
  }
6880
6954
  },
6881
6955
  {
@@ -6883,188 +6957,132 @@
6883
6957
  "name": "*",
6884
6958
  "declaration": {
6885
6959
  "name": "*",
6886
- "package": "./banner"
6960
+ "package": "./badge"
6887
6961
  }
6888
6962
  }
6889
6963
  ]
6890
6964
  },
6891
6965
  {
6892
6966
  "kind": "javascript-module",
6893
- "path": "src/badge/badge.styles.ts",
6967
+ "path": "src/banner/banner.styles.ts",
6894
6968
  "declarations": [
6895
6969
  {
6896
- "kind": "function",
6897
- "name": "foundationBadgeStyles",
6898
- "return": {
6899
- "type": {
6900
- "text": "ElementStyles"
6901
- }
6970
+ "kind": "variable",
6971
+ "name": "foundationBannerStyles",
6972
+ "type": {
6973
+ "text": "ElementStyles"
6902
6974
  },
6903
- "parameters": [
6904
- {
6905
- "name": "context",
6906
- "type": {
6907
- "text": "ElementDefinitionContext"
6908
- }
6909
- },
6910
- {
6911
- "name": "definition",
6912
- "type": {
6913
- "text": "FoundationElementDefinition"
6914
- }
6915
- }
6916
- ]
6975
+ "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n white-space: pre-line;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
6917
6976
  }
6918
6977
  ],
6919
6978
  "exports": [
6920
6979
  {
6921
6980
  "kind": "js",
6922
- "name": "foundationBadgeStyles",
6981
+ "name": "foundationBannerStyles",
6923
6982
  "declaration": {
6924
- "name": "foundationBadgeStyles",
6925
- "module": "src/badge/badge.styles.ts"
6983
+ "name": "foundationBannerStyles",
6984
+ "module": "src/banner/banner.styles.ts"
6926
6985
  }
6927
6986
  }
6928
6987
  ]
6929
6988
  },
6930
6989
  {
6931
6990
  "kind": "javascript-module",
6932
- "path": "src/badge/badge.template.ts",
6991
+ "path": "src/banner/banner.template.ts",
6933
6992
  "declarations": [
6934
6993
  {
6935
6994
  "kind": "function",
6936
- "name": "foundationBadgeTemplate",
6937
- "return": {
6938
- "type": {
6939
- "text": "ViewTemplate<Badge>"
6940
- }
6941
- },
6995
+ "name": "getBannerTemplate",
6942
6996
  "parameters": [
6943
6997
  {
6944
- "name": "context",
6945
- "type": {
6946
- "text": "ElementDefinitionContext"
6947
- }
6948
- },
6949
- {
6950
- "name": "definition",
6998
+ "name": "prefix",
6951
6999
  "type": {
6952
- "text": "FoundationElementDefinition"
7000
+ "text": "string"
6953
7001
  }
6954
7002
  }
6955
7003
  ]
7004
+ },
7005
+ {
7006
+ "kind": "variable",
7007
+ "name": "foundationBannerTemplate",
7008
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
6956
7009
  }
6957
7010
  ],
6958
7011
  "exports": [
6959
7012
  {
6960
7013
  "kind": "js",
6961
- "name": "foundationBadgeTemplate",
7014
+ "name": "getBannerTemplate",
6962
7015
  "declaration": {
6963
- "name": "foundationBadgeTemplate",
6964
- "module": "src/badge/badge.template.ts"
7016
+ "name": "getBannerTemplate",
7017
+ "module": "src/banner/banner.template.ts"
7018
+ }
7019
+ },
7020
+ {
7021
+ "kind": "js",
7022
+ "name": "foundationBannerTemplate",
7023
+ "declaration": {
7024
+ "name": "foundationBannerTemplate",
7025
+ "module": "src/banner/banner.template.ts"
6965
7026
  }
6966
7027
  }
6967
7028
  ]
6968
7029
  },
6969
7030
  {
6970
7031
  "kind": "javascript-module",
6971
- "path": "src/badge/badge.ts",
7032
+ "path": "src/banner/banner.ts",
6972
7033
  "declarations": [
7034
+ {
7035
+ "kind": "variable",
7036
+ "name": "foundationBannerShadowOptions",
7037
+ "type": {
7038
+ "text": "ShadowRootInit"
7039
+ },
7040
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
7041
+ },
6973
7042
  {
6974
7043
  "kind": "class",
6975
7044
  "description": "",
6976
- "name": "Badge",
6977
- "superclass": {
6978
- "name": "FASTBadge",
6979
- "package": "@microsoft/fast-components"
6980
- },
6981
- "tagName": "%%prefix%%-badge",
6982
- "customElement": true,
6983
- "attributes": [
6984
- {
6985
- "name": "fill",
6986
- "type": {
6987
- "text": "string"
6988
- },
6989
- "description": "Indicates the badge should have a filled style.",
6990
- "fieldName": "fill",
6991
- "inheritedFrom": {
6992
- "name": "Badge",
6993
- "module": "src/badge/badge.ts"
6994
- }
6995
- },
7045
+ "name": "Banner",
7046
+ "members": [
6996
7047
  {
6997
- "name": "color",
7048
+ "kind": "field",
7049
+ "name": "banner",
6998
7050
  "type": {
6999
- "text": "string"
7051
+ "text": "HTMLElement"
7000
7052
  },
7001
- "description": "Indicates the badge should have a filled style.",
7002
- "fieldName": "color",
7003
- "inheritedFrom": {
7004
- "name": "Badge",
7005
- "module": "src/badge/badge.ts"
7006
- }
7053
+ "privacy": "public"
7007
7054
  },
7008
- {
7009
- "type": {
7010
- "text": "boolean"
7011
- },
7012
- "description": "Indicates the element should be circular",
7013
- "fieldName": "circular",
7014
- "inheritedFrom": {
7015
- "name": "Badge",
7016
- "module": "src/badge/badge.ts"
7017
- }
7018
- }
7019
- ],
7020
- "members": [
7021
7055
  {
7022
7056
  "kind": "field",
7023
- "name": "fill",
7057
+ "name": "dismissAnimation",
7024
7058
  "type": {
7025
- "text": "string"
7059
+ "text": "'banner-delete' | ''"
7026
7060
  },
7027
- "privacy": "public",
7028
- "description": "Indicates the badge should have a filled style.",
7029
- "inheritedFrom": {
7030
- "name": "Badge",
7031
- "module": "src/badge/badge.ts"
7032
- }
7061
+ "default": "''"
7033
7062
  },
7034
7063
  {
7035
7064
  "kind": "field",
7036
- "name": "color",
7065
+ "name": "notification",
7037
7066
  "type": {
7038
- "text": "string"
7039
- },
7040
- "privacy": "public",
7041
- "description": "Indicates the badge should have a filled style.",
7042
- "inheritedFrom": {
7043
- "name": "Badge",
7044
- "module": "src/badge/badge.ts"
7067
+ "text": "NotificationStructure"
7045
7068
  }
7046
7069
  },
7047
7070
  {
7048
- "kind": "field",
7049
- "name": "circular",
7050
- "type": {
7051
- "text": "boolean"
7052
- },
7071
+ "kind": "method",
7072
+ "name": "dismiss",
7053
7073
  "privacy": "public",
7054
- "description": "Indicates the element should be circular",
7055
- "inheritedFrom": {
7056
- "name": "Badge",
7057
- "module": "src/badge/badge.ts"
7058
- }
7074
+ "return": {
7075
+ "type": {
7076
+ "text": "Promise<void>"
7077
+ }
7078
+ },
7079
+ "description": "Dismiss the Banner from display."
7059
7080
  },
7060
7081
  {
7061
- "kind": "field",
7062
- "name": "generateBadgeStyle",
7082
+ "kind": "method",
7083
+ "name": "dismissNotification",
7063
7084
  "privacy": "public",
7064
- "inheritedFrom": {
7065
- "name": "Badge",
7066
- "module": "src/badge/badge.ts"
7067
- }
7085
+ "description": "Dismiss the Banner (NotificationStructure) from display."
7068
7086
  },
7069
7087
  {
7070
7088
  "kind": "field",
@@ -7177,69 +7195,51 @@
7177
7195
  "module": "src/foundation-element/foundation-element.ts"
7178
7196
  }
7179
7197
  }
7180
- ]
7181
- },
7182
- {
7183
- "kind": "variable",
7184
- "name": "foundationBadgeShadowOptions",
7185
- "type": {
7186
- "text": "ShadowRootInit"
7187
- },
7188
- "default": "undefined"
7189
- },
7190
- {
7191
- "kind": "variable",
7192
- "name": "defaultBadgeConfig",
7193
- "type": {
7194
- "text": "object"
7198
+ ],
7199
+ "superclass": {
7200
+ "name": "FoundationElement",
7201
+ "package": "@microsoft/fast-foundation"
7195
7202
  },
7196
- "default": "{}"
7203
+ "tagName": "%%prefix%%-banner",
7204
+ "customElement": true
7197
7205
  },
7198
7206
  {
7199
7207
  "kind": "variable",
7200
- "name": "foundationBadge",
7201
- "description": "The Foundation Badge",
7208
+ "name": "foundationBanner",
7209
+ "description": "The Foundation Banner",
7202
7210
  "privacy": "public"
7203
7211
  }
7204
7212
  ],
7205
7213
  "exports": [
7206
7214
  {
7207
7215
  "kind": "js",
7208
- "name": "Badge",
7209
- "declaration": {
7210
- "name": "Badge",
7211
- "module": "src/badge/badge.ts"
7212
- }
7213
- },
7214
- {
7215
- "kind": "js",
7216
- "name": "foundationBadgeShadowOptions",
7216
+ "name": "foundationBannerShadowOptions",
7217
7217
  "declaration": {
7218
- "name": "foundationBadgeShadowOptions",
7219
- "module": "src/badge/badge.ts"
7218
+ "name": "foundationBannerShadowOptions",
7219
+ "module": "src/banner/banner.ts"
7220
7220
  }
7221
7221
  },
7222
7222
  {
7223
7223
  "kind": "js",
7224
- "name": "defaultBadgeConfig",
7224
+ "name": "Banner",
7225
7225
  "declaration": {
7226
- "name": "defaultBadgeConfig",
7227
- "module": "src/badge/badge.ts"
7226
+ "name": "Banner",
7227
+ "module": "src/banner/banner.ts"
7228
7228
  }
7229
7229
  },
7230
7230
  {
7231
7231
  "kind": "js",
7232
- "name": "foundationBadge",
7232
+ "name": "foundationBanner",
7233
7233
  "declaration": {
7234
- "name": "foundationBadge",
7235
- "module": "src/badge/badge.ts"
7234
+ "name": "foundationBanner",
7235
+ "module": "src/banner/banner.ts"
7236
7236
  }
7237
7237
  }
7238
7238
  ]
7239
7239
  },
7240
7240
  {
7241
7241
  "kind": "javascript-module",
7242
- "path": "src/badge/index.ts",
7242
+ "path": "src/banner/index.ts",
7243
7243
  "declarations": [],
7244
7244
  "exports": [
7245
7245
  {
@@ -7247,7 +7247,7 @@
7247
7247
  "name": "*",
7248
7248
  "declaration": {
7249
7249
  "name": "*",
7250
- "package": "./badge.template"
7250
+ "package": "./banner.styles"
7251
7251
  }
7252
7252
  },
7253
7253
  {
@@ -7255,7 +7255,7 @@
7255
7255
  "name": "*",
7256
7256
  "declaration": {
7257
7257
  "name": "*",
7258
- "package": "./badge.styles"
7258
+ "package": "./banner.template"
7259
7259
  }
7260
7260
  },
7261
7261
  {
@@ -7263,7 +7263,7 @@
7263
7263
  "name": "*",
7264
7264
  "declaration": {
7265
7265
  "name": "*",
7266
- "package": "./badge"
7266
+ "package": "./banner"
7267
7267
  }
7268
7268
  }
7269
7269
  ]