@emuanalytics/flow-rdf-ui 4.0.0-preview.0 → 4.0.0-preview.2

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 (9) hide show
  1. package/dist/custom-elements.json +1374 -1269
  2. package/dist/index.cjs +374 -220
  3. package/dist/index.d.cts +28 -7
  4. package/dist/index.d.mts +28 -7
  5. package/dist/index.d.ts +28 -7
  6. package/dist/index.mjs +375 -222
  7. package/dist/proxies.ts +122 -112
  8. package/dist/vscode.html-custom-data.json +179 -136
  9. package/package.json +4 -3
package/dist/custom-elements.json CHANGED
@@ -680,12 +680,12 @@
680
680
  },
681
681
  {
682
682
  "kind": "javascript-module",
683
- "path": "components/badge/badge.component.js",
683
+ "path": "components/breadcrumb/breadcrumb.component.js",
684
684
  "declarations": [
685
685
  {
686
686
  "kind": "class",
687
687
  "description": "",
688
- "name": "FlowBadge",
688
+ "name": "FlowBreadcrumb",
689
689
  "cssParts": [
690
690
  {
691
691
  "description": "The component's base wrapper.",
@@ -694,80 +694,84 @@
694
694
  ],
695
695
  "slots": [
696
696
  {
697
- "description": "The badge's content.",
697
+ "description": "One or more breadcrumb items to display.",
698
698
  "name": ""
699
+ },
700
+ {
701
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
702
+ "name": "separator"
699
703
  }
700
704
  ],
701
705
  "members": [
702
706
  {
703
707
  "kind": "field",
704
- "name": "variant",
705
- "type": {
706
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
707
- },
708
- "default": "'primary'",
709
- "description": "The badge's theme variant.",
710
- "attribute": "variant",
711
- "reflects": true
708
+ "name": "localize",
709
+ "privacy": "private",
710
+ "readonly": true,
711
+ "default": "new LocalizeController(this)"
712
712
  },
713
713
  {
714
714
  "kind": "field",
715
- "name": "pill",
716
- "type": {
717
- "text": "boolean"
718
- },
719
- "default": "false",
720
- "description": "Draws a pill-style badge with rounded edges.",
721
- "attribute": "pill",
722
- "reflects": true
715
+ "name": "separatorDir",
716
+ "privacy": "private"
723
717
  },
724
718
  {
725
719
  "kind": "field",
726
- "name": "pulse",
720
+ "name": "defaultSlot",
727
721
  "type": {
728
- "text": "boolean"
722
+ "text": "HTMLSlotElement"
729
723
  },
730
- "default": "false",
731
- "description": "Makes the badge pulsate to draw attention.",
732
- "attribute": "pulse",
733
- "reflects": true
734
- }
735
- ],
736
- "attributes": [
724
+ "privacy": "private"
725
+ },
737
726
  {
738
- "name": "variant",
727
+ "kind": "field",
728
+ "name": "separatorSlot",
739
729
  "type": {
740
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
730
+ "text": "HTMLSlotElement"
741
731
  },
742
- "default": "'primary'",
743
- "description": "The badge's theme variant.",
744
- "fieldName": "variant"
732
+ "privacy": "private"
745
733
  },
746
734
  {
747
- "name": "pill",
735
+ "kind": "field",
736
+ "name": "label",
748
737
  "type": {
749
- "text": "boolean"
738
+ "text": "string"
750
739
  },
751
- "default": "false",
752
- "description": "Draws a pill-style badge with rounded edges.",
753
- "fieldName": "pill"
740
+ "default": "''",
741
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
742
+ "attribute": "label"
754
743
  },
755
744
  {
756
- "name": "pulse",
745
+ "kind": "method",
746
+ "name": "getSeparator",
747
+ "privacy": "private"
748
+ },
749
+ {
750
+ "kind": "method",
751
+ "name": "handleSlotChange",
752
+ "privacy": "private"
753
+ }
754
+ ],
755
+ "attributes": [
756
+ {
757
+ "name": "label",
757
758
  "type": {
758
- "text": "boolean"
759
+ "text": "string"
759
760
  },
760
- "default": "false",
761
- "description": "Makes the badge pulsate to draw attention.",
762
- "fieldName": "pulse"
761
+ "default": "''",
762
+ "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
763
+ "fieldName": "label"
763
764
  }
764
765
  ],
765
766
  "superclass": {
766
767
  "name": "FlowRdfElement",
767
768
  "module": "/src/internal/flow-ui-rdf-element"
768
769
  },
769
- "tagName": "flow-ui-badge",
770
- "summary": "Badges are used to draw attention and display statuses or counts.",
770
+ "tagName": "flow-ui-breadcrumb",
771
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
772
+ "dependencies": [
773
+ "flow-ui-icon"
774
+ ],
771
775
  "customElement": true
772
776
  }
773
777
  ],
@@ -776,23 +780,23 @@
776
780
  "kind": "js",
777
781
  "name": "default",
778
782
  "declaration": {
779
- "name": "FlowBadge",
780
- "module": "components/badge/badge.component.js"
783
+ "name": "FlowBreadcrumb",
784
+ "module": "components/breadcrumb/breadcrumb.component.js"
781
785
  }
782
786
  }
783
787
  ]
784
788
  },
785
789
  {
786
790
  "kind": "javascript-module",
787
- "path": "components/badge/badge.js",
791
+ "path": "components/breadcrumb/breadcrumb.js",
788
792
  "declarations": [],
789
793
  "exports": [
790
794
  {
791
795
  "kind": "js",
792
796
  "name": "default",
793
797
  "declaration": {
794
- "name": "FlowBadge",
795
- "module": "components/badge/badge.js"
798
+ "name": "FlowBreadcrumb",
799
+ "module": "components/breadcrumb/breadcrumb.js"
796
800
  }
797
801
  }
798
802
  ]
@@ -1636,62 +1640,25 @@
1636
1640
  },
1637
1641
  {
1638
1642
  "kind": "javascript-module",
1639
- "path": "components/avatar/avatar.component.js",
1643
+ "path": "components/button-group/button-group.component.js",
1640
1644
  "declarations": [
1641
1645
  {
1642
1646
  "kind": "class",
1643
1647
  "description": "",
1644
- "name": "FlowAvatar",
1645
- "cssProperties": [
1646
- {
1647
- "description": "The size of the avatar.",
1648
- "name": "--size"
1649
- }
1650
- ],
1648
+ "name": "FlowButtonGroup",
1651
1649
  "cssParts": [
1652
1650
  {
1653
1651
  "description": "The component's base wrapper.",
1654
1652
  "name": "base"
1655
- },
1656
- {
1657
- "description": "The container that wraps the avatar's icon.",
1658
- "name": "icon"
1659
- },
1660
- {
1661
- "description": "The container that wraps the avatar's initials.",
1662
- "name": "initials"
1663
- },
1664
- {
1665
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1666
- "name": "image"
1667
1653
  }
1668
1654
  ],
1669
1655
  "slots": [
1670
1656
  {
1671
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1672
- "name": "icon"
1657
+ "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1658
+ "name": ""
1673
1659
  }
1674
1660
  ],
1675
1661
  "members": [
1676
- {
1677
- "kind": "field",
1678
- "name": "hasError",
1679
- "type": {
1680
- "text": "boolean"
1681
- },
1682
- "privacy": "private",
1683
- "default": "false"
1684
- },
1685
- {
1686
- "kind": "field",
1687
- "name": "image",
1688
- "type": {
1689
- "text": "string"
1690
- },
1691
- "default": "''",
1692
- "description": "The image source to use for the avatar.",
1693
- "attribute": "image"
1694
- },
1695
1662
  {
1696
1663
  "kind": "field",
1697
1664
  "name": "label",
@@ -1699,97 +1666,102 @@
1699
1666
  "text": "string"
1700
1667
  },
1701
1668
  "default": "''",
1702
- "description": "A label to use to describe the avatar to assistive devices.",
1703
1669
  "attribute": "label"
1704
1670
  },
1705
1671
  {
1706
1672
  "kind": "field",
1707
- "name": "initials",
1673
+ "name": "vertical",
1708
1674
  "type": {
1709
- "text": "string"
1675
+ "text": "boolean"
1710
1676
  },
1711
- "default": "''",
1712
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1713
- "attribute": "initials"
1677
+ "default": "false",
1678
+ "description": "Use vertical layout for the button group.",
1679
+ "attribute": "vertical",
1680
+ "reflects": true
1714
1681
  },
1715
1682
  {
1716
- "kind": "field",
1717
- "name": "loading",
1718
- "type": {
1719
- "text": "'eager' | 'lazy'"
1720
- },
1721
- "default": "'eager'",
1722
- "description": "Indicates how the browser should load the image.",
1723
- "attribute": "loading"
1683
+ "kind": "method",
1684
+ "name": "handleFocus",
1685
+ "privacy": "private",
1686
+ "parameters": [
1687
+ {
1688
+ "name": "event",
1689
+ "type": {
1690
+ "text": "Event"
1691
+ }
1692
+ }
1693
+ ]
1724
1694
  },
1725
1695
  {
1726
- "kind": "field",
1727
- "name": "shape",
1728
- "type": {
1729
- "text": "'circle' | 'square' | 'rounded'"
1730
- },
1731
- "default": "'circle'",
1732
- "description": "The shape of the avatar.",
1733
- "attribute": "shape",
1734
- "reflects": true
1696
+ "kind": "method",
1697
+ "name": "handleBlur",
1698
+ "privacy": "private",
1699
+ "parameters": [
1700
+ {
1701
+ "name": "event",
1702
+ "type": {
1703
+ "text": "Event"
1704
+ }
1705
+ }
1706
+ ]
1707
+ },
1708
+ {
1709
+ "kind": "method",
1710
+ "name": "handleMouseOver",
1711
+ "privacy": "private",
1712
+ "parameters": [
1713
+ {
1714
+ "name": "event",
1715
+ "type": {
1716
+ "text": "Event"
1717
+ }
1718
+ }
1719
+ ]
1720
+ },
1721
+ {
1722
+ "kind": "method",
1723
+ "name": "handleMouseOut",
1724
+ "privacy": "private",
1725
+ "parameters": [
1726
+ {
1727
+ "name": "event",
1728
+ "type": {
1729
+ "text": "Event"
1730
+ }
1731
+ }
1732
+ ]
1733
+ },
1734
+ {
1735
+ "kind": "method",
1736
+ "name": "handleSlotChange",
1737
+ "privacy": "private"
1735
1738
  }
1736
1739
  ],
1737
1740
  "attributes": [
1738
- {
1739
- "name": "image",
1740
- "type": {
1741
- "text": "string"
1742
- },
1743
- "default": "''",
1744
- "description": "The image source to use for the avatar.",
1745
- "fieldName": "image"
1746
- },
1747
1741
  {
1748
1742
  "name": "label",
1749
1743
  "type": {
1750
1744
  "text": "string"
1751
1745
  },
1752
1746
  "default": "''",
1753
- "description": "A label to use to describe the avatar to assistive devices.",
1754
1747
  "fieldName": "label"
1755
1748
  },
1756
1749
  {
1757
- "name": "initials",
1758
- "type": {
1759
- "text": "string"
1760
- },
1761
- "default": "''",
1762
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1763
- "fieldName": "initials"
1764
- },
1765
- {
1766
- "name": "loading",
1750
+ "name": "vertical",
1767
1751
  "type": {
1768
- "text": "'eager' | 'lazy'"
1752
+ "text": "boolean"
1769
1753
  },
1770
- "default": "'eager'",
1771
- "description": "Indicates how the browser should load the image.",
1772
- "fieldName": "loading"
1773
- },
1774
- {
1775
- "name": "shape",
1776
- "type": {
1777
- "text": "'circle' | 'square' | 'rounded'"
1778
- },
1779
- "default": "'circle'",
1780
- "description": "The shape of the avatar.",
1781
- "fieldName": "shape"
1754
+ "default": "false",
1755
+ "description": "Use vertical layout for the button group.",
1756
+ "fieldName": "vertical"
1782
1757
  }
1783
1758
  ],
1784
1759
  "superclass": {
1785
1760
  "name": "FlowRdfElement",
1786
1761
  "module": "/src/internal/flow-ui-rdf-element"
1787
1762
  },
1788
- "tagName": "flow-ui-avatar",
1789
- "summary": "Avatars are used to represent a person or object.",
1790
- "dependencies": [
1791
- "flow-ui-icon"
1792
- ],
1763
+ "tagName": "flow-ui-button-group",
1764
+ "summary": "Button groups can be used to group related buttons into sections.",
1793
1765
  "customElement": true
1794
1766
  }
1795
1767
  ],
@@ -1798,35 +1770,35 @@
1798
1770
  "kind": "js",
1799
1771
  "name": "default",
1800
1772
  "declaration": {
1801
- "name": "FlowAvatar",
1802
- "module": "components/avatar/avatar.component.js"
1773
+ "name": "FlowButtonGroup",
1774
+ "module": "components/button-group/button-group.component.js"
1803
1775
  }
1804
1776
  }
1805
1777
  ]
1806
1778
  },
1807
1779
  {
1808
1780
  "kind": "javascript-module",
1809
- "path": "components/avatar/avatar.js",
1781
+ "path": "components/button-group/button-group.js",
1810
1782
  "declarations": [],
1811
1783
  "exports": [
1812
1784
  {
1813
1785
  "kind": "js",
1814
1786
  "name": "default",
1815
1787
  "declaration": {
1816
- "name": "FlowAvatar",
1817
- "module": "components/avatar/avatar.js"
1788
+ "name": "FlowButtonGroup",
1789
+ "module": "components/button-group/button-group.js"
1818
1790
  }
1819
1791
  }
1820
1792
  ]
1821
1793
  },
1822
1794
  {
1823
1795
  "kind": "javascript-module",
1824
- "path": "components/breadcrumb/breadcrumb.component.js",
1796
+ "path": "components/badge/badge.component.js",
1825
1797
  "declarations": [
1826
1798
  {
1827
1799
  "kind": "class",
1828
1800
  "description": "",
1829
- "name": "FlowBreadcrumb",
1801
+ "name": "FlowBadge",
1830
1802
  "cssParts": [
1831
1803
  {
1832
1804
  "description": "The component's base wrapper.",
@@ -1835,84 +1807,80 @@
1835
1807
  ],
1836
1808
  "slots": [
1837
1809
  {
1838
- "description": "One or more breadcrumb items to display.",
1810
+ "description": "The badge's content.",
1839
1811
  "name": ""
1840
- },
1841
- {
1842
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1843
- "name": "separator"
1844
1812
  }
1845
1813
  ],
1846
1814
  "members": [
1847
1815
  {
1848
1816
  "kind": "field",
1849
- "name": "localize",
1850
- "privacy": "private",
1851
- "readonly": true,
1852
- "default": "new LocalizeController(this)"
1853
- },
1854
- {
1855
- "kind": "field",
1856
- "name": "separatorDir",
1857
- "privacy": "private"
1817
+ "name": "variant",
1818
+ "type": {
1819
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1820
+ },
1821
+ "default": "'primary'",
1822
+ "description": "The badge's theme variant.",
1823
+ "attribute": "variant",
1824
+ "reflects": true
1858
1825
  },
1859
1826
  {
1860
1827
  "kind": "field",
1861
- "name": "defaultSlot",
1828
+ "name": "pill",
1862
1829
  "type": {
1863
- "text": "HTMLSlotElement"
1830
+ "text": "boolean"
1864
1831
  },
1865
- "privacy": "private"
1832
+ "default": "false",
1833
+ "description": "Draws a pill-style badge with rounded edges.",
1834
+ "attribute": "pill",
1835
+ "reflects": true
1866
1836
  },
1867
1837
  {
1868
1838
  "kind": "field",
1869
- "name": "separatorSlot",
1839
+ "name": "pulse",
1870
1840
  "type": {
1871
- "text": "HTMLSlotElement"
1841
+ "text": "boolean"
1872
1842
  },
1873
- "privacy": "private"
1874
- },
1843
+ "default": "false",
1844
+ "description": "Makes the badge pulsate to draw attention.",
1845
+ "attribute": "pulse",
1846
+ "reflects": true
1847
+ }
1848
+ ],
1849
+ "attributes": [
1875
1850
  {
1876
- "kind": "field",
1877
- "name": "label",
1851
+ "name": "variant",
1878
1852
  "type": {
1879
- "text": "string"
1853
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1880
1854
  },
1881
- "default": "''",
1882
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1883
- "attribute": "label"
1855
+ "default": "'primary'",
1856
+ "description": "The badge's theme variant.",
1857
+ "fieldName": "variant"
1884
1858
  },
1885
1859
  {
1886
- "kind": "method",
1887
- "name": "getSeparator",
1888
- "privacy": "private"
1860
+ "name": "pill",
1861
+ "type": {
1862
+ "text": "boolean"
1863
+ },
1864
+ "default": "false",
1865
+ "description": "Draws a pill-style badge with rounded edges.",
1866
+ "fieldName": "pill"
1889
1867
  },
1890
1868
  {
1891
- "kind": "method",
1892
- "name": "handleSlotChange",
1893
- "privacy": "private"
1894
- }
1895
- ],
1896
- "attributes": [
1897
- {
1898
- "name": "label",
1869
+ "name": "pulse",
1899
1870
  "type": {
1900
- "text": "string"
1871
+ "text": "boolean"
1901
1872
  },
1902
- "default": "''",
1903
- "description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
1904
- "fieldName": "label"
1873
+ "default": "false",
1874
+ "description": "Makes the badge pulsate to draw attention.",
1875
+ "fieldName": "pulse"
1905
1876
  }
1906
1877
  ],
1907
1878
  "superclass": {
1908
1879
  "name": "FlowRdfElement",
1909
1880
  "module": "/src/internal/flow-ui-rdf-element"
1910
1881
  },
1911
- "tagName": "flow-ui-breadcrumb",
1912
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1913
- "dependencies": [
1914
- "flow-ui-icon"
1915
- ],
1882
+ "tagName": "flow-ui-badge",
1883
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1916
1884
  "customElement": true
1917
1885
  }
1918
1886
  ],
@@ -1921,151 +1889,183 @@
1921
1889
  "kind": "js",
1922
1890
  "name": "default",
1923
1891
  "declaration": {
1924
- "name": "FlowBreadcrumb",
1925
- "module": "components/breadcrumb/breadcrumb.component.js"
1892
+ "name": "FlowBadge",
1893
+ "module": "components/badge/badge.component.js"
1926
1894
  }
1927
1895
  }
1928
1896
  ]
1929
1897
  },
1930
1898
  {
1931
1899
  "kind": "javascript-module",
1932
- "path": "components/breadcrumb/breadcrumb.js",
1900
+ "path": "components/badge/badge.js",
1933
1901
  "declarations": [],
1934
1902
  "exports": [
1935
1903
  {
1936
1904
  "kind": "js",
1937
1905
  "name": "default",
1938
1906
  "declaration": {
1939
- "name": "FlowBreadcrumb",
1940
- "module": "components/breadcrumb/breadcrumb.js"
1907
+ "name": "FlowBadge",
1908
+ "module": "components/badge/badge.js"
1941
1909
  }
1942
1910
  }
1943
1911
  ]
1944
1912
  },
1945
1913
  {
1946
1914
  "kind": "javascript-module",
1947
- "path": "components/button-group/button-group.component.js",
1915
+ "path": "components/avatar/avatar.component.js",
1948
1916
  "declarations": [
1949
1917
  {
1950
1918
  "kind": "class",
1951
1919
  "description": "",
1952
- "name": "FlowButtonGroup",
1920
+ "name": "FlowAvatar",
1921
+ "cssProperties": [
1922
+ {
1923
+ "description": "The size of the avatar.",
1924
+ "name": "--size"
1925
+ }
1926
+ ],
1953
1927
  "cssParts": [
1954
1928
  {
1955
1929
  "description": "The component's base wrapper.",
1956
1930
  "name": "base"
1931
+ },
1932
+ {
1933
+ "description": "The container that wraps the avatar's icon.",
1934
+ "name": "icon"
1935
+ },
1936
+ {
1937
+ "description": "The container that wraps the avatar's initials.",
1938
+ "name": "initials"
1939
+ },
1940
+ {
1941
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
1942
+ "name": "image"
1957
1943
  }
1958
1944
  ],
1959
1945
  "slots": [
1960
1946
  {
1961
- "description": "One or more `<flow-ui-button>` elements to display in the button group.",
1962
- "name": ""
1947
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1948
+ "name": "icon"
1963
1949
  }
1964
1950
  ],
1965
1951
  "members": [
1966
1952
  {
1967
1953
  "kind": "field",
1968
- "name": "label",
1954
+ "name": "hasError",
1969
1955
  "type": {
1970
- "text": "string"
1956
+ "text": "boolean"
1971
1957
  },
1972
- "default": "''",
1973
- "attribute": "label"
1958
+ "privacy": "private",
1959
+ "default": "false"
1974
1960
  },
1975
1961
  {
1976
1962
  "kind": "field",
1977
- "name": "vertical",
1963
+ "name": "image",
1978
1964
  "type": {
1979
- "text": "boolean"
1965
+ "text": "string"
1980
1966
  },
1981
- "default": "false",
1982
- "description": "Use vertical layout for the button group.",
1983
- "attribute": "vertical",
1984
- "reflects": true
1985
- },
1986
- {
1987
- "kind": "method",
1988
- "name": "handleFocus",
1989
- "privacy": "private",
1990
- "parameters": [
1991
- {
1992
- "name": "event",
1993
- "type": {
1994
- "text": "Event"
1995
- }
1996
- }
1997
- ]
1998
- },
1999
- {
2000
- "kind": "method",
2001
- "name": "handleBlur",
2002
- "privacy": "private",
2003
- "parameters": [
2004
- {
2005
- "name": "event",
2006
- "type": {
2007
- "text": "Event"
2008
- }
2009
- }
2010
- ]
2011
- },
2012
- {
2013
- "kind": "method",
2014
- "name": "handleMouseOver",
2015
- "privacy": "private",
2016
- "parameters": [
2017
- {
2018
- "name": "event",
2019
- "type": {
2020
- "text": "Event"
2021
- }
2022
- }
2023
- ]
1967
+ "default": "''",
1968
+ "description": "The image source to use for the avatar.",
1969
+ "attribute": "image"
2024
1970
  },
2025
1971
  {
2026
- "kind": "method",
2027
- "name": "handleMouseOut",
2028
- "privacy": "private",
2029
- "parameters": [
2030
- {
2031
- "name": "event",
2032
- "type": {
2033
- "text": "Event"
2034
- }
2035
- }
2036
- ]
1972
+ "kind": "field",
1973
+ "name": "label",
1974
+ "type": {
1975
+ "text": "string"
1976
+ },
1977
+ "default": "''",
1978
+ "description": "A label to use to describe the avatar to assistive devices.",
1979
+ "attribute": "label"
2037
1980
  },
2038
1981
  {
2039
- "kind": "method",
2040
- "name": "handleSlotChange",
2041
- "privacy": "private"
2042
- }
2043
- ],
2044
- "attributes": [
2045
- {
2046
- "name": "label",
1982
+ "kind": "field",
1983
+ "name": "initials",
2047
1984
  "type": {
2048
1985
  "text": "string"
2049
1986
  },
2050
1987
  "default": "''",
2051
- "fieldName": "label"
1988
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1989
+ "attribute": "initials"
2052
1990
  },
2053
1991
  {
2054
- "name": "vertical",
1992
+ "kind": "field",
1993
+ "name": "loading",
2055
1994
  "type": {
2056
- "text": "boolean"
1995
+ "text": "'eager' | 'lazy'"
2057
1996
  },
2058
- "default": "false",
2059
- "description": "Use vertical layout for the button group.",
2060
- "fieldName": "vertical"
1997
+ "default": "'eager'",
1998
+ "description": "Indicates how the browser should load the image.",
1999
+ "attribute": "loading"
2000
+ },
2001
+ {
2002
+ "kind": "field",
2003
+ "name": "shape",
2004
+ "type": {
2005
+ "text": "'circle' | 'square' | 'rounded'"
2006
+ },
2007
+ "default": "'circle'",
2008
+ "description": "The shape of the avatar.",
2009
+ "attribute": "shape",
2010
+ "reflects": true
2011
+ }
2012
+ ],
2013
+ "attributes": [
2014
+ {
2015
+ "name": "image",
2016
+ "type": {
2017
+ "text": "string"
2018
+ },
2019
+ "default": "''",
2020
+ "description": "The image source to use for the avatar.",
2021
+ "fieldName": "image"
2022
+ },
2023
+ {
2024
+ "name": "label",
2025
+ "type": {
2026
+ "text": "string"
2027
+ },
2028
+ "default": "''",
2029
+ "description": "A label to use to describe the avatar to assistive devices.",
2030
+ "fieldName": "label"
2031
+ },
2032
+ {
2033
+ "name": "initials",
2034
+ "type": {
2035
+ "text": "string"
2036
+ },
2037
+ "default": "''",
2038
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
2039
+ "fieldName": "initials"
2040
+ },
2041
+ {
2042
+ "name": "loading",
2043
+ "type": {
2044
+ "text": "'eager' | 'lazy'"
2045
+ },
2046
+ "default": "'eager'",
2047
+ "description": "Indicates how the browser should load the image.",
2048
+ "fieldName": "loading"
2049
+ },
2050
+ {
2051
+ "name": "shape",
2052
+ "type": {
2053
+ "text": "'circle' | 'square' | 'rounded'"
2054
+ },
2055
+ "default": "'circle'",
2056
+ "description": "The shape of the avatar.",
2057
+ "fieldName": "shape"
2061
2058
  }
2062
2059
  ],
2063
2060
  "superclass": {
2064
2061
  "name": "FlowRdfElement",
2065
2062
  "module": "/src/internal/flow-ui-rdf-element"
2066
2063
  },
2067
- "tagName": "flow-ui-button-group",
2068
- "summary": "Button groups can be used to group related buttons into sections.",
2064
+ "tagName": "flow-ui-avatar",
2065
+ "summary": "Avatars are used to represent a person or object.",
2066
+ "dependencies": [
2067
+ "flow-ui-icon"
2068
+ ],
2069
2069
  "customElement": true
2070
2070
  }
2071
2071
  ],
@@ -2074,23 +2074,23 @@
2074
2074
  "kind": "js",
2075
2075
  "name": "default",
2076
2076
  "declaration": {
2077
- "name": "FlowButtonGroup",
2078
- "module": "components/button-group/button-group.component.js"
2077
+ "name": "FlowAvatar",
2078
+ "module": "components/avatar/avatar.component.js"
2079
2079
  }
2080
2080
  }
2081
2081
  ]
2082
2082
  },
2083
2083
  {
2084
2084
  "kind": "javascript-module",
2085
- "path": "components/button-group/button-group.js",
2085
+ "path": "components/avatar/avatar.js",
2086
2086
  "declarations": [],
2087
2087
  "exports": [
2088
2088
  {
2089
2089
  "kind": "js",
2090
2090
  "name": "default",
2091
2091
  "declaration": {
2092
- "name": "FlowButtonGroup",
2093
- "module": "components/button-group/button-group.js"
2092
+ "name": "FlowAvatar",
2093
+ "module": "components/avatar/avatar.js"
2094
2094
  }
2095
2095
  }
2096
2096
  ]
@@ -3810,6 +3810,14 @@
3810
3810
  "attribute": "required",
3811
3811
  "reflects": true
3812
3812
  },
3813
+ {
3814
+ "kind": "field",
3815
+ "name": "variant",
3816
+ "type": {
3817
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
3818
+ },
3819
+ "attribute": "variant"
3820
+ },
3813
3821
  {
3814
3822
  "kind": "field",
3815
3823
  "name": "validity",
@@ -4019,6 +4027,13 @@
4019
4027
  "default": "false",
4020
4028
  "description": "Makes the checkbox a required field.",
4021
4029
  "fieldName": "required"
4030
+ },
4031
+ {
4032
+ "name": "variant",
4033
+ "type": {
4034
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
4035
+ },
4036
+ "fieldName": "variant"
4022
4037
  }
4023
4038
  ],
4024
4039
  "superclass": {
@@ -8723,54 +8738,120 @@
8723
8738
  },
8724
8739
  {
8725
8740
  "kind": "javascript-module",
8726
- "path": "components/icon-button/icon-button.component.js",
8741
+ "path": "components/input/input.component.js",
8727
8742
  "declarations": [
8728
8743
  {
8729
8744
  "kind": "class",
8730
8745
  "description": "",
8731
- "name": "FlowIconButton",
8746
+ "name": "FlowInput",
8732
8747
  "cssParts": [
8748
+ {
8749
+ "description": "The form control that wraps the label, input, and help text.",
8750
+ "name": "form-control"
8751
+ },
8752
+ {
8753
+ "description": "The label's wrapper.",
8754
+ "name": "form-control-label"
8755
+ },
8756
+ {
8757
+ "description": "The input's wrapper.",
8758
+ "name": "form-control-input"
8759
+ },
8760
+ {
8761
+ "description": "The help text's wrapper.",
8762
+ "name": "form-control-help-text"
8763
+ },
8733
8764
  {
8734
8765
  "description": "The component's base wrapper.",
8735
8766
  "name": "base"
8767
+ },
8768
+ {
8769
+ "description": "The internal `<input>` control.",
8770
+ "name": "input"
8771
+ },
8772
+ {
8773
+ "description": "The container that wraps the prefix.",
8774
+ "name": "prefix"
8775
+ },
8776
+ {
8777
+ "description": "The clear button.",
8778
+ "name": "clear-button"
8779
+ },
8780
+ {
8781
+ "description": "The password toggle button.",
8782
+ "name": "password-toggle-button"
8783
+ },
8784
+ {
8785
+ "description": "The container that wraps the suffix.",
8786
+ "name": "suffix"
8787
+ }
8788
+ ],
8789
+ "slots": [
8790
+ {
8791
+ "description": "The input's label. Alternatively, you can use the `label` attribute.",
8792
+ "name": "label"
8793
+ },
8794
+ {
8795
+ "description": "Used to prepend a presentational icon or similar element to the input.",
8796
+ "name": "prefix"
8797
+ },
8798
+ {
8799
+ "description": "Used to append a presentational icon or similar element to the input.",
8800
+ "name": "suffix"
8801
+ },
8802
+ {
8803
+ "description": "An icon to use in lieu of the default clear icon.",
8804
+ "name": "clear-icon"
8805
+ },
8806
+ {
8807
+ "description": "An icon to use in lieu of the default show password icon.",
8808
+ "name": "show-password-icon"
8809
+ },
8810
+ {
8811
+ "description": "An icon to use in lieu of the default hide password icon.",
8812
+ "name": "hide-password-icon"
8813
+ },
8814
+ {
8815
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
8816
+ "name": "help-text"
8736
8817
  }
8737
8818
  ],
8738
8819
  "members": [
8739
8820
  {
8740
8821
  "kind": "field",
8741
- "name": "hasSlotController",
8822
+ "name": "formControlController",
8742
8823
  "privacy": "private",
8743
8824
  "readonly": true,
8744
- "default": "new HasSlotController(this, 'tooltip')"
8825
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
8745
8826
  },
8746
8827
  {
8747
8828
  "kind": "field",
8748
- "name": "tooltipAnimating",
8749
- "type": {
8750
- "text": "boolean"
8751
- },
8829
+ "name": "hasSlotController",
8752
8830
  "privacy": "private",
8753
- "default": "false"
8831
+ "readonly": true,
8832
+ "default": "new HasSlotController(this, 'help-text', 'label')"
8754
8833
  },
8755
8834
  {
8756
8835
  "kind": "field",
8757
- "name": "button",
8758
- "type": {
8759
- "text": "HTMLButtonElement | HTMLLinkElement"
8760
- }
8836
+ "name": "localize",
8837
+ "privacy": "private",
8838
+ "readonly": true,
8839
+ "default": "new LocalizeController(this)"
8761
8840
  },
8762
8841
  {
8763
8842
  "kind": "field",
8764
- "name": "tooltipElem",
8843
+ "name": "_numberFormatter",
8765
8844
  "type": {
8766
- "text": "FlowTooltip"
8767
- }
8845
+ "text": "(val: string | number | undefined) => string"
8846
+ },
8847
+ "privacy": "private",
8848
+ "default": "DEFAULT_FORMATTER"
8768
8849
  },
8769
8850
  {
8770
8851
  "kind": "field",
8771
- "name": "confirmButton",
8852
+ "name": "input",
8772
8853
  "type": {
8773
- "text": "HTMLButtonElement"
8854
+ "text": "HTMLInputElement"
8774
8855
  }
8775
8856
  },
8776
8857
  {
@@ -8784,107 +8865,115 @@
8784
8865
  },
8785
8866
  {
8786
8867
  "kind": "field",
8787
- "name": "name",
8868
+ "name": "title",
8788
8869
  "type": {
8789
- "text": "string | undefined"
8870
+ "text": "string"
8790
8871
  },
8791
- "description": "The name of the icon to draw. Available names depend on the icon library being used.",
8792
- "attribute": "name"
8872
+ "default": "''",
8873
+ "attribute": "title"
8793
8874
  },
8794
8875
  {
8795
8876
  "kind": "field",
8796
- "name": "library",
8877
+ "name": "type",
8797
8878
  "type": {
8798
- "text": "string | undefined"
8879
+ "text": "| 'date'\n | 'datetime-local'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'"
8799
8880
  },
8800
- "description": "The name of a registered custom icon library.",
8801
- "attribute": "library"
8881
+ "default": "'text'",
8882
+ "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
8883
+ "attribute": "type",
8884
+ "reflects": true
8802
8885
  },
8803
8886
  {
8804
8887
  "kind": "field",
8805
- "name": "src",
8888
+ "name": "name",
8806
8889
  "type": {
8807
- "text": "string | undefined"
8890
+ "text": "string"
8808
8891
  },
8809
- "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
8810
- "attribute": "src"
8892
+ "default": "''",
8893
+ "description": "The name of the input, submitted as a name/value pair with form data.",
8894
+ "attribute": "name"
8811
8895
  },
8812
8896
  {
8813
8897
  "kind": "field",
8814
- "name": "href",
8898
+ "name": "value",
8815
8899
  "type": {
8816
- "text": "string | undefined"
8900
+ "text": "string"
8817
8901
  },
8818
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
8819
- "attribute": "href"
8902
+ "default": "''",
8903
+ "description": "The current value of the input, submitted as a name/value pair with form data.",
8904
+ "attribute": "value"
8820
8905
  },
8821
8906
  {
8822
8907
  "kind": "field",
8823
- "name": "target",
8908
+ "name": "defaultValue",
8824
8909
  "type": {
8825
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
8910
+ "text": "string"
8826
8911
  },
8827
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
8828
- "attribute": "target"
8912
+ "default": "''",
8913
+ "description": "The default value of the form control. Primarily used for resetting the form control."
8829
8914
  },
8830
8915
  {
8831
8916
  "kind": "field",
8832
- "name": "download",
8917
+ "name": "size",
8833
8918
  "type": {
8834
- "text": "string | undefined"
8919
+ "text": "'small' | 'medium' | 'large'"
8835
8920
  },
8836
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
8837
- "attribute": "download"
8921
+ "default": "'medium'",
8922
+ "description": "The input's size.",
8923
+ "attribute": "size",
8924
+ "reflects": true
8838
8925
  },
8839
8926
  {
8840
8927
  "kind": "field",
8841
- "name": "label",
8928
+ "name": "filled",
8842
8929
  "type": {
8843
- "text": "string"
8930
+ "text": "boolean"
8844
8931
  },
8845
- "default": "''",
8846
- "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
8847
- "attribute": "label"
8848
- },
8932
+ "default": "false",
8933
+ "description": "Draws a filled input.",
8934
+ "attribute": "filled",
8935
+ "reflects": true
8936
+ },
8849
8937
  {
8850
8938
  "kind": "field",
8851
- "name": "tooltip",
8939
+ "name": "pill",
8852
8940
  "type": {
8853
- "text": "string"
8941
+ "text": "boolean"
8854
8942
  },
8855
- "default": "''",
8856
- "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
8857
- "attribute": "tooltip"
8943
+ "default": "false",
8944
+ "description": "Draws a pill-style input with rounded edges.",
8945
+ "attribute": "pill",
8946
+ "reflects": true
8858
8947
  },
8859
8948
  {
8860
8949
  "kind": "field",
8861
- "name": "tooltipPlacement",
8950
+ "name": "label",
8862
8951
  "type": {
8863
- "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
8952
+ "text": "string"
8864
8953
  },
8865
- "default": "'top'",
8866
- "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
8867
- "attribute": "tooltip-placement"
8954
+ "default": "''",
8955
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
8956
+ "attribute": "label"
8868
8957
  },
8869
8958
  {
8870
8959
  "kind": "field",
8871
- "name": "tooltipDistance",
8960
+ "name": "helpText",
8872
8961
  "type": {
8873
- "text": "number"
8962
+ "text": "string"
8874
8963
  },
8875
- "default": "8",
8876
- "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
8877
- "attribute": "tooltip-distance"
8964
+ "default": "''",
8965
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
8966
+ "attribute": "help-text"
8878
8967
  },
8879
8968
  {
8880
8969
  "kind": "field",
8881
- "name": "tooltipSkidding",
8970
+ "name": "clearable",
8882
8971
  "type": {
8883
- "text": "number"
8972
+ "text": "boolean"
8884
8973
  },
8885
- "default": "0",
8886
- "description": "The distance in pixels from which to offset the tooltip along the icon button.",
8887
- "attribute": "tooltip-skidding"
8974
+ "default": "false",
8975
+ "description": "Adds a clear button when the input is not empty.",
8976
+ "attribute": "clearable"
8888
8977
  },
8889
8978
  {
8890
8979
  "kind": "field",
@@ -8893,885 +8982,362 @@
8893
8982
  "text": "boolean"
8894
8983
  },
8895
8984
  "default": "false",
8896
- "description": "Disables the button.",
8985
+ "description": "Disables the input.",
8897
8986
  "attribute": "disabled",
8898
8987
  "reflects": true
8899
8988
  },
8900
8989
  {
8901
8990
  "kind": "field",
8902
- "name": "confirm",
8991
+ "name": "placeholder",
8903
8992
  "type": {
8904
8993
  "text": "string"
8905
8994
  },
8906
8995
  "default": "''",
8907
- "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
8908
- "attribute": "confirm"
8909
- },
8910
- {
8911
- "kind": "method",
8912
- "name": "handleBlur",
8913
- "privacy": "private"
8914
- },
8915
- {
8916
- "kind": "method",
8917
- "name": "handleFocus",
8918
- "privacy": "private"
8919
- },
8920
- {
8921
- "kind": "method",
8922
- "name": "handleClick",
8923
- "privacy": "protected",
8924
- "parameters": [
8925
- {
8926
- "name": "event",
8927
- "type": {
8928
- "text": "MouseEvent"
8929
- }
8930
- }
8931
- ]
8932
- },
8933
- {
8934
- "kind": "method",
8935
- "name": "click",
8936
- "description": "Simulates a click on the icon button."
8937
- },
8938
- {
8939
- "kind": "method",
8940
- "name": "focus",
8941
- "parameters": [
8942
- {
8943
- "name": "options",
8944
- "optional": true,
8945
- "type": {
8946
- "text": "FocusOptions"
8947
- }
8948
- }
8949
- ],
8950
- "description": "Sets focus on the icon button."
8951
- },
8952
- {
8953
- "kind": "method",
8954
- "name": "blur",
8955
- "description": "Removes focus from the icon button."
8956
- },
8957
- {
8958
- "kind": "method",
8959
- "name": "hideConfirm",
8960
- "description": "Hide the confirmation tooltip if it is showing"
8961
- },
8962
- {
8963
- "kind": "method",
8964
- "name": "showConfirm",
8965
- "description": "Show the confirmation tooltip"
8966
- },
8967
- {
8968
- "kind": "method",
8969
- "name": "handleConfirmClick",
8970
- "privacy": "private"
8971
- },
8972
- {
8973
- "kind": "method",
8974
- "name": "renderWithTooltip",
8975
- "privacy": "private",
8976
- "parameters": [
8977
- {
8978
- "name": "contents",
8979
- "type": {
8980
- "text": "TemplateResult"
8981
- }
8982
- }
8983
- ]
8984
- },
8985
- {
8986
- "kind": "method",
8987
- "name": "renderWithConfirmation",
8988
- "privacy": "private",
8989
- "parameters": [
8990
- {
8991
- "name": "contents",
8992
- "type": {
8993
- "text": "TemplateResult"
8994
- }
8995
- }
8996
- ]
8997
- }
8998
- ],
8999
- "events": [
9000
- {
9001
- "description": "Emitted when the icon button loses focus.",
9002
- "name": "flow-ui-blur",
9003
- "reactName": "onFlowUiBlur"
9004
- },
9005
- {
9006
- "description": "Emitted when the icon button gains focus.",
9007
- "name": "flow-ui-focus",
9008
- "reactName": "onFlowUiFocus"
9009
- }
9010
- ],
9011
- "attributes": [
9012
- {
9013
- "name": "name",
9014
- "type": {
9015
- "text": "string | undefined"
9016
- },
9017
- "description": "The name of the icon to draw. Available names depend on the icon library being used.",
9018
- "fieldName": "name"
8996
+ "description": "Placeholder text to show as a hint when the input is empty.",
8997
+ "attribute": "placeholder"
9019
8998
  },
9020
8999
  {
9021
- "name": "library",
9000
+ "kind": "field",
9001
+ "name": "format",
9022
9002
  "type": {
9023
- "text": "string | undefined"
9003
+ "text": "string"
9024
9004
  },
9025
- "description": "The name of a registered custom icon library.",
9026
- "fieldName": "library"
9005
+ "default": "''",
9006
+ "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
9007
+ "attribute": "format"
9027
9008
  },
9028
9009
  {
9029
- "name": "src",
9010
+ "kind": "field",
9011
+ "name": "readonly",
9030
9012
  "type": {
9031
- "text": "string | undefined"
9013
+ "text": "boolean"
9032
9014
  },
9033
- "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
9034
- "fieldName": "src"
9015
+ "default": "false",
9016
+ "description": "Makes the input readonly.",
9017
+ "attribute": "readonly",
9018
+ "reflects": true
9035
9019
  },
9036
9020
  {
9037
- "name": "href",
9021
+ "kind": "field",
9022
+ "name": "passwordToggle",
9038
9023
  "type": {
9039
- "text": "string | undefined"
9024
+ "text": "boolean"
9040
9025
  },
9041
- "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
9042
- "fieldName": "href"
9026
+ "default": "false",
9027
+ "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
9028
+ "attribute": "password-toggle"
9043
9029
  },
9044
9030
  {
9045
- "name": "target",
9031
+ "kind": "field",
9032
+ "name": "passwordVisible",
9046
9033
  "type": {
9047
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
9034
+ "text": "boolean"
9048
9035
  },
9049
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
9050
- "fieldName": "target"
9036
+ "default": "false",
9037
+ "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
9038
+ "attribute": "password-visible"
9051
9039
  },
9052
9040
  {
9053
- "name": "download",
9041
+ "kind": "field",
9042
+ "name": "noSpinButtons",
9054
9043
  "type": {
9055
- "text": "string | undefined"
9044
+ "text": "boolean"
9056
9045
  },
9057
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
9058
- "fieldName": "download"
9046
+ "default": "false",
9047
+ "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
9048
+ "attribute": "no-spin-buttons"
9059
9049
  },
9060
9050
  {
9061
- "name": "label",
9051
+ "kind": "field",
9052
+ "name": "form",
9062
9053
  "type": {
9063
9054
  "text": "string"
9064
9055
  },
9065
9056
  "default": "''",
9066
- "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
9067
- "fieldName": "label"
9057
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
9058
+ "attribute": "form",
9059
+ "reflects": true
9068
9060
  },
9069
9061
  {
9070
- "name": "tooltip",
9062
+ "kind": "field",
9063
+ "name": "required",
9071
9064
  "type": {
9072
- "text": "string"
9065
+ "text": "boolean"
9073
9066
  },
9074
- "default": "''",
9075
- "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
9076
- "fieldName": "tooltip"
9067
+ "default": "false",
9068
+ "description": "Makes the input a required field.",
9069
+ "attribute": "required",
9070
+ "reflects": true
9077
9071
  },
9078
9072
  {
9079
- "name": "tooltip-placement",
9073
+ "kind": "field",
9074
+ "name": "pattern",
9080
9075
  "type": {
9081
- "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
9076
+ "text": "string"
9082
9077
  },
9083
- "default": "'top'",
9084
- "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
9085
- "fieldName": "tooltipPlacement"
9078
+ "description": "A regular expression pattern to validate input against.",
9079
+ "attribute": "pattern"
9086
9080
  },
9087
9081
  {
9088
- "name": "tooltip-distance",
9082
+ "kind": "field",
9083
+ "name": "minlength",
9089
9084
  "type": {
9090
9085
  "text": "number"
9091
9086
  },
9092
- "default": "8",
9093
- "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
9094
- "fieldName": "tooltipDistance"
9087
+ "description": "The minimum length of input that will be considered valid.",
9088
+ "attribute": "minlength"
9095
9089
  },
9096
9090
  {
9097
- "name": "tooltip-skidding",
9091
+ "kind": "field",
9092
+ "name": "maxlength",
9098
9093
  "type": {
9099
9094
  "text": "number"
9100
9095
  },
9101
- "default": "0",
9102
- "description": "The distance in pixels from which to offset the tooltip along the icon button.",
9103
- "fieldName": "tooltipSkidding"
9096
+ "description": "The maximum length of input that will be considered valid.",
9097
+ "attribute": "maxlength"
9104
9098
  },
9105
9099
  {
9106
- "name": "disabled",
9100
+ "kind": "field",
9101
+ "name": "min",
9107
9102
  "type": {
9108
- "text": "boolean"
9103
+ "text": "number | string"
9109
9104
  },
9110
- "default": "false",
9111
- "description": "Disables the button.",
9112
- "fieldName": "disabled"
9105
+ "description": "The input's minimum value. Only applies to date and number input types.",
9106
+ "attribute": "min"
9113
9107
  },
9114
9108
  {
9115
- "name": "confirm",
9109
+ "kind": "field",
9110
+ "name": "max",
9116
9111
  "type": {
9117
- "text": "string"
9112
+ "text": "number | string"
9118
9113
  },
9119
- "default": "''",
9120
- "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
9121
- "fieldName": "confirm"
9122
- }
9123
- ],
9124
- "superclass": {
9125
- "name": "FlowRdfElement",
9126
- "module": "/src/internal/flow-ui-rdf-element"
9127
- },
9128
- "tagName": "flow-ui-icon-button",
9129
- "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
9130
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon-button",
9131
- "status": "stable",
9132
- "since": "2.0",
9133
- "dependencies": [
9134
- "flow-ui-icon"
9135
- ],
9136
- "customElement": true
9137
- }
9138
- ],
9139
- "exports": [
9140
- {
9141
- "kind": "js",
9142
- "name": "default",
9143
- "declaration": {
9144
- "name": "FlowIconButton",
9145
- "module": "components/icon-button/icon-button.component.js"
9146
- }
9147
- }
9148
- ]
9149
- },
9150
- {
9151
- "kind": "javascript-module",
9152
- "path": "components/icon-button/icon-button.js",
9153
- "declarations": [],
9154
- "exports": [
9155
- {
9156
- "kind": "js",
9157
- "name": "*",
9158
- "declaration": {
9159
- "name": "*",
9160
- "package": "./icon-button.component"
9161
- }
9162
- },
9163
- {
9164
- "kind": "js",
9165
- "name": "default",
9166
- "declaration": {
9167
- "name": "FlowIconButton",
9168
- "module": "components/icon-button/icon-button.js"
9169
- }
9170
- }
9171
- ]
9172
- },
9173
- {
9174
- "kind": "javascript-module",
9175
- "path": "components/input/input.component.js",
9176
- "declarations": [
9177
- {
9178
- "kind": "class",
9179
- "description": "",
9180
- "name": "FlowInput",
9181
- "cssParts": [
9182
- {
9183
- "description": "The form control that wraps the label, input, and help text.",
9184
- "name": "form-control"
9185
- },
9186
- {
9187
- "description": "The label's wrapper.",
9188
- "name": "form-control-label"
9189
- },
9190
- {
9191
- "description": "The input's wrapper.",
9192
- "name": "form-control-input"
9193
- },
9194
- {
9195
- "description": "The help text's wrapper.",
9196
- "name": "form-control-help-text"
9197
- },
9198
- {
9199
- "description": "The component's base wrapper.",
9200
- "name": "base"
9201
- },
9202
- {
9203
- "description": "The internal `<input>` control.",
9204
- "name": "input"
9205
- },
9206
- {
9207
- "description": "The container that wraps the prefix.",
9208
- "name": "prefix"
9209
- },
9210
- {
9211
- "description": "The clear button.",
9212
- "name": "clear-button"
9213
- },
9214
- {
9215
- "description": "The password toggle button.",
9216
- "name": "password-toggle-button"
9217
- },
9218
- {
9219
- "description": "The container that wraps the suffix.",
9220
- "name": "suffix"
9221
- }
9222
- ],
9223
- "slots": [
9224
- {
9225
- "description": "The input's label. Alternatively, you can use the `label` attribute.",
9226
- "name": "label"
9227
- },
9228
- {
9229
- "description": "Used to prepend a presentational icon or similar element to the input.",
9230
- "name": "prefix"
9231
- },
9232
- {
9233
- "description": "Used to append a presentational icon or similar element to the input.",
9234
- "name": "suffix"
9235
- },
9236
- {
9237
- "description": "An icon to use in lieu of the default clear icon.",
9238
- "name": "clear-icon"
9239
- },
9240
- {
9241
- "description": "An icon to use in lieu of the default show password icon.",
9242
- "name": "show-password-icon"
9243
- },
9244
- {
9245
- "description": "An icon to use in lieu of the default hide password icon.",
9246
- "name": "hide-password-icon"
9247
- },
9248
- {
9249
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
9250
- "name": "help-text"
9251
- }
9252
- ],
9253
- "members": [
9254
- {
9255
- "kind": "field",
9256
- "name": "formControlController",
9257
- "privacy": "private",
9258
- "readonly": true,
9259
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
9260
- },
9261
- {
9262
- "kind": "field",
9263
- "name": "hasSlotController",
9264
- "privacy": "private",
9265
- "readonly": true,
9266
- "default": "new HasSlotController(this, 'help-text', 'label')"
9267
- },
9268
- {
9269
- "kind": "field",
9270
- "name": "localize",
9271
- "privacy": "private",
9272
- "readonly": true,
9273
- "default": "new LocalizeController(this)"
9114
+ "description": "The input's maximum value. Only applies to date and number input types.",
9115
+ "attribute": "max"
9274
9116
  },
9275
9117
  {
9276
9118
  "kind": "field",
9277
- "name": "_numberFormatter",
9119
+ "name": "step",
9278
9120
  "type": {
9279
- "text": "(val: string | number | undefined) => string"
9121
+ "text": "number | 'any'"
9280
9122
  },
9281
- "privacy": "private",
9282
- "default": "DEFAULT_FORMATTER"
9123
+ "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
9124
+ "attribute": "step"
9283
9125
  },
9284
9126
  {
9285
9127
  "kind": "field",
9286
- "name": "input",
9128
+ "name": "autocapitalize",
9287
9129
  "type": {
9288
- "text": "HTMLInputElement"
9289
- }
9130
+ "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
9131
+ },
9132
+ "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
9133
+ "attribute": "autocapitalize"
9290
9134
  },
9291
9135
  {
9292
9136
  "kind": "field",
9293
- "name": "hasFocus",
9137
+ "name": "autocorrect",
9294
9138
  "type": {
9295
- "text": "boolean"
9139
+ "text": "'off' | 'on'"
9296
9140
  },
9297
- "privacy": "private",
9298
- "default": "false"
9141
+ "description": "Indicates whether the browser's autocorrect feature is on or off.",
9142
+ "attribute": "autocorrect"
9299
9143
  },
9300
9144
  {
9301
9145
  "kind": "field",
9302
- "name": "title",
9146
+ "name": "autocomplete",
9303
9147
  "type": {
9304
9148
  "text": "string"
9305
9149
  },
9306
- "default": "''",
9307
- "attribute": "title"
9150
+ "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
9151
+ "attribute": "autocomplete"
9308
9152
  },
9309
9153
  {
9310
9154
  "kind": "field",
9311
- "name": "type",
9155
+ "name": "autofocus",
9312
9156
  "type": {
9313
- "text": "| 'date'\n | 'datetime-local'\n | 'email'\n | 'number'\n | 'password'\n | 'search'\n | 'tel'\n | 'text'\n | 'time'\n | 'url'"
9157
+ "text": "boolean"
9314
9158
  },
9315
- "default": "'text'",
9316
- "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
9317
- "attribute": "type",
9318
- "reflects": true
9159
+ "description": "Indicates that the input should receive focus on page load.",
9160
+ "attribute": "autofocus"
9319
9161
  },
9320
9162
  {
9321
9163
  "kind": "field",
9322
- "name": "name",
9164
+ "name": "enterkeyhint",
9323
9165
  "type": {
9324
- "text": "string"
9166
+ "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
9325
9167
  },
9326
- "default": "''",
9327
- "description": "The name of the input, submitted as a name/value pair with form data.",
9328
- "attribute": "name"
9168
+ "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
9169
+ "attribute": "enterkeyhint"
9329
9170
  },
9330
9171
  {
9331
9172
  "kind": "field",
9332
- "name": "value",
9173
+ "name": "spellcheck",
9333
9174
  "type": {
9334
- "text": "string"
9175
+ "text": "boolean"
9335
9176
  },
9336
- "default": "''",
9337
- "description": "The current value of the input, submitted as a name/value pair with form data.",
9338
- "attribute": "value"
9177
+ "default": "true",
9178
+ "description": "Enables spell checking on the input.",
9179
+ "attribute": "spellcheck"
9339
9180
  },
9340
9181
  {
9341
9182
  "kind": "field",
9342
- "name": "defaultValue",
9183
+ "name": "inputmode",
9343
9184
  "type": {
9344
- "text": "string"
9185
+ "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
9345
9186
  },
9346
- "default": "''",
9347
- "description": "The default value of the form control. Primarily used for resetting the form control."
9187
+ "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
9188
+ "attribute": "inputmode"
9348
9189
  },
9349
9190
  {
9350
- "kind": "field",
9351
- "name": "size",
9352
- "type": {
9353
- "text": "'small' | 'medium' | 'large'"
9354
- },
9355
- "default": "'medium'",
9356
- "description": "The input's size.",
9357
- "attribute": "size",
9358
- "reflects": true
9191
+ "kind": "method",
9192
+ "name": "handleFormatChange"
9359
9193
  },
9360
9194
  {
9361
9195
  "kind": "field",
9362
- "name": "filled",
9363
- "type": {
9364
- "text": "boolean"
9365
- },
9366
- "default": "false",
9367
- "description": "Draws a filled input.",
9368
- "attribute": "filled",
9369
- "reflects": true
9196
+ "name": "valueAsDate",
9197
+ "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted."
9370
9198
  },
9371
9199
  {
9372
9200
  "kind": "field",
9373
- "name": "pill",
9374
- "type": {
9375
- "text": "boolean"
9376
- },
9377
- "default": "false",
9378
- "description": "Draws a pill-style input with rounded edges.",
9379
- "attribute": "pill",
9380
- "reflects": true
9201
+ "name": "valueAsNumber",
9202
+ "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted."
9381
9203
  },
9382
9204
  {
9383
9205
  "kind": "field",
9384
- "name": "label",
9385
- "type": {
9386
- "text": "string"
9387
- },
9388
- "default": "''",
9389
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
9390
- "attribute": "label"
9206
+ "name": "validity",
9207
+ "description": "Gets the validity state object",
9208
+ "readonly": true
9391
9209
  },
9392
9210
  {
9393
9211
  "kind": "field",
9394
- "name": "helpText",
9395
- "type": {
9396
- "text": "string"
9397
- },
9398
- "default": "''",
9399
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
9400
- "attribute": "help-text"
9212
+ "name": "validationMessage",
9213
+ "description": "Gets the validation message",
9214
+ "readonly": true
9401
9215
  },
9402
9216
  {
9403
- "kind": "field",
9404
- "name": "clearable",
9405
- "type": {
9406
- "text": "boolean"
9407
- },
9408
- "default": "false",
9409
- "description": "Adds a clear button when the input is not empty.",
9410
- "attribute": "clearable"
9217
+ "kind": "method",
9218
+ "name": "handleBlur",
9219
+ "privacy": "private"
9411
9220
  },
9412
9221
  {
9413
- "kind": "field",
9414
- "name": "disabled",
9415
- "type": {
9416
- "text": "boolean"
9417
- },
9418
- "default": "false",
9419
- "description": "Disables the input.",
9420
- "attribute": "disabled",
9421
- "reflects": true
9222
+ "kind": "method",
9223
+ "name": "handleChange",
9224
+ "privacy": "private"
9422
9225
  },
9423
9226
  {
9424
- "kind": "field",
9425
- "name": "placeholder",
9426
- "type": {
9427
- "text": "string"
9428
- },
9429
- "default": "''",
9430
- "description": "Placeholder text to show as a hint when the input is empty.",
9431
- "attribute": "placeholder"
9227
+ "kind": "method",
9228
+ "name": "handleClearClick",
9229
+ "privacy": "private",
9230
+ "parameters": [
9231
+ {
9232
+ "name": "event",
9233
+ "type": {
9234
+ "text": "MouseEvent"
9235
+ }
9236
+ }
9237
+ ]
9432
9238
  },
9433
9239
  {
9434
- "kind": "field",
9435
- "name": "format",
9436
- "type": {
9437
- "text": "string"
9438
- },
9439
- "default": "''",
9440
- "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
9441
- "attribute": "format"
9240
+ "kind": "method",
9241
+ "name": "handleFocus",
9242
+ "privacy": "private"
9442
9243
  },
9443
9244
  {
9444
- "kind": "field",
9445
- "name": "readonly",
9446
- "type": {
9447
- "text": "boolean"
9448
- },
9449
- "default": "false",
9450
- "description": "Makes the input readonly.",
9451
- "attribute": "readonly",
9452
- "reflects": true
9245
+ "kind": "method",
9246
+ "name": "handleInput",
9247
+ "privacy": "private"
9453
9248
  },
9454
9249
  {
9455
- "kind": "field",
9456
- "name": "passwordToggle",
9457
- "type": {
9458
- "text": "boolean"
9459
- },
9460
- "default": "false",
9461
- "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
9462
- "attribute": "password-toggle"
9250
+ "kind": "method",
9251
+ "name": "handleInvalid",
9252
+ "privacy": "private",
9253
+ "parameters": [
9254
+ {
9255
+ "name": "event",
9256
+ "type": {
9257
+ "text": "Event"
9258
+ }
9259
+ }
9260
+ ]
9463
9261
  },
9464
9262
  {
9465
- "kind": "field",
9466
- "name": "passwordVisible",
9467
- "type": {
9468
- "text": "boolean"
9469
- },
9470
- "default": "false",
9471
- "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
9472
- "attribute": "password-visible"
9263
+ "kind": "method",
9264
+ "name": "handleKeyDown",
9265
+ "privacy": "private",
9266
+ "parameters": [
9267
+ {
9268
+ "name": "event",
9269
+ "type": {
9270
+ "text": "KeyboardEvent"
9271
+ }
9272
+ }
9273
+ ]
9473
9274
  },
9474
9275
  {
9475
- "kind": "field",
9476
- "name": "noSpinButtons",
9477
- "type": {
9478
- "text": "boolean"
9479
- },
9480
- "default": "false",
9481
- "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
9482
- "attribute": "no-spin-buttons"
9276
+ "kind": "method",
9277
+ "name": "handlePasswordToggle",
9278
+ "privacy": "private"
9483
9279
  },
9484
9280
  {
9485
- "kind": "field",
9486
- "name": "form",
9487
- "type": {
9488
- "text": "string"
9489
- },
9490
- "default": "''",
9491
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
9492
- "attribute": "form",
9493
- "reflects": true
9281
+ "kind": "method",
9282
+ "name": "handleDisabledChange"
9494
9283
  },
9495
9284
  {
9496
- "kind": "field",
9497
- "name": "required",
9498
- "type": {
9499
- "text": "boolean"
9500
- },
9501
- "default": "false",
9502
- "description": "Makes the input a required field.",
9503
- "attribute": "required",
9504
- "reflects": true
9285
+ "kind": "method",
9286
+ "name": "handleStepChange"
9505
9287
  },
9506
9288
  {
9507
- "kind": "field",
9508
- "name": "pattern",
9509
- "type": {
9510
- "text": "string"
9511
- },
9512
- "description": "A regular expression pattern to validate input against.",
9513
- "attribute": "pattern"
9289
+ "kind": "method",
9290
+ "name": "handleValueChange"
9514
9291
  },
9515
9292
  {
9516
- "kind": "field",
9517
- "name": "minlength",
9518
- "type": {
9519
- "text": "number"
9520
- },
9521
- "description": "The minimum length of input that will be considered valid.",
9522
- "attribute": "minlength"
9293
+ "kind": "method",
9294
+ "name": "focus",
9295
+ "parameters": [
9296
+ {
9297
+ "name": "options",
9298
+ "optional": true,
9299
+ "type": {
9300
+ "text": "FocusOptions"
9301
+ }
9302
+ }
9303
+ ],
9304
+ "description": "Sets focus on the input."
9523
9305
  },
9524
9306
  {
9525
- "kind": "field",
9526
- "name": "maxlength",
9527
- "type": {
9528
- "text": "number"
9529
- },
9530
- "description": "The maximum length of input that will be considered valid.",
9531
- "attribute": "maxlength"
9307
+ "kind": "method",
9308
+ "name": "blur",
9309
+ "description": "Removes focus from the input."
9532
9310
  },
9533
9311
  {
9534
- "kind": "field",
9535
- "name": "min",
9536
- "type": {
9537
- "text": "number | string"
9538
- },
9539
- "description": "The input's minimum value. Only applies to date and number input types.",
9540
- "attribute": "min"
9312
+ "kind": "method",
9313
+ "name": "select",
9314
+ "description": "Selects all the text in the input."
9541
9315
  },
9542
9316
  {
9543
- "kind": "field",
9544
- "name": "max",
9545
- "type": {
9546
- "text": "number | string"
9547
- },
9548
- "description": "The input's maximum value. Only applies to date and number input types.",
9549
- "attribute": "max"
9550
- },
9551
- {
9552
- "kind": "field",
9553
- "name": "step",
9554
- "type": {
9555
- "text": "number | 'any'"
9556
- },
9557
- "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
9558
- "attribute": "step"
9559
- },
9560
- {
9561
- "kind": "field",
9562
- "name": "autocapitalize",
9563
- "type": {
9564
- "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
9565
- },
9566
- "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
9567
- "attribute": "autocapitalize"
9568
- },
9569
- {
9570
- "kind": "field",
9571
- "name": "autocorrect",
9572
- "type": {
9573
- "text": "'off' | 'on'"
9574
- },
9575
- "description": "Indicates whether the browser's autocorrect feature is on or off.",
9576
- "attribute": "autocorrect"
9577
- },
9578
- {
9579
- "kind": "field",
9580
- "name": "autocomplete",
9581
- "type": {
9582
- "text": "string"
9583
- },
9584
- "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
9585
- "attribute": "autocomplete"
9586
- },
9587
- {
9588
- "kind": "field",
9589
- "name": "autofocus",
9590
- "type": {
9591
- "text": "boolean"
9592
- },
9593
- "description": "Indicates that the input should receive focus on page load.",
9594
- "attribute": "autofocus"
9595
- },
9596
- {
9597
- "kind": "field",
9598
- "name": "enterkeyhint",
9599
- "type": {
9600
- "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
9601
- },
9602
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
9603
- "attribute": "enterkeyhint"
9604
- },
9605
- {
9606
- "kind": "field",
9607
- "name": "spellcheck",
9608
- "type": {
9609
- "text": "boolean"
9610
- },
9611
- "default": "true",
9612
- "description": "Enables spell checking on the input.",
9613
- "attribute": "spellcheck"
9614
- },
9615
- {
9616
- "kind": "field",
9617
- "name": "inputmode",
9618
- "type": {
9619
- "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
9620
- },
9621
- "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
9622
- "attribute": "inputmode"
9623
- },
9624
- {
9625
- "kind": "method",
9626
- "name": "handleFormatChange"
9627
- },
9628
- {
9629
- "kind": "field",
9630
- "name": "valueAsDate",
9631
- "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted."
9632
- },
9633
- {
9634
- "kind": "field",
9635
- "name": "valueAsNumber",
9636
- "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted."
9637
- },
9638
- {
9639
- "kind": "field",
9640
- "name": "validity",
9641
- "description": "Gets the validity state object",
9642
- "readonly": true
9643
- },
9644
- {
9645
- "kind": "field",
9646
- "name": "validationMessage",
9647
- "description": "Gets the validation message",
9648
- "readonly": true
9649
- },
9650
- {
9651
- "kind": "method",
9652
- "name": "handleBlur",
9653
- "privacy": "private"
9654
- },
9655
- {
9656
- "kind": "method",
9657
- "name": "handleChange",
9658
- "privacy": "private"
9659
- },
9660
- {
9661
- "kind": "method",
9662
- "name": "handleClearClick",
9663
- "privacy": "private",
9664
- "parameters": [
9665
- {
9666
- "name": "event",
9667
- "type": {
9668
- "text": "MouseEvent"
9669
- }
9670
- }
9671
- ]
9672
- },
9673
- {
9674
- "kind": "method",
9675
- "name": "handleFocus",
9676
- "privacy": "private"
9677
- },
9678
- {
9679
- "kind": "method",
9680
- "name": "handleInput",
9681
- "privacy": "private"
9682
- },
9683
- {
9684
- "kind": "method",
9685
- "name": "handleInvalid",
9686
- "privacy": "private",
9687
- "parameters": [
9688
- {
9689
- "name": "event",
9690
- "type": {
9691
- "text": "Event"
9692
- }
9693
- }
9694
- ]
9695
- },
9696
- {
9697
- "kind": "method",
9698
- "name": "handleKeyDown",
9699
- "privacy": "private",
9700
- "parameters": [
9701
- {
9702
- "name": "event",
9703
- "type": {
9704
- "text": "KeyboardEvent"
9705
- }
9706
- }
9707
- ]
9708
- },
9709
- {
9710
- "kind": "method",
9711
- "name": "handlePasswordToggle",
9712
- "privacy": "private"
9713
- },
9714
- {
9715
- "kind": "method",
9716
- "name": "handleDisabledChange"
9717
- },
9718
- {
9719
- "kind": "method",
9720
- "name": "handleStepChange"
9721
- },
9722
- {
9723
- "kind": "method",
9724
- "name": "handleValueChange"
9725
- },
9726
- {
9727
- "kind": "method",
9728
- "name": "focus",
9729
- "parameters": [
9730
- {
9731
- "name": "options",
9732
- "optional": true,
9733
- "type": {
9734
- "text": "FocusOptions"
9735
- }
9736
- }
9737
- ],
9738
- "description": "Sets focus on the input."
9739
- },
9740
- {
9741
- "kind": "method",
9742
- "name": "blur",
9743
- "description": "Removes focus from the input."
9744
- },
9745
- {
9746
- "kind": "method",
9747
- "name": "select",
9748
- "description": "Selects all the text in the input."
9749
- },
9750
- {
9751
- "kind": "method",
9752
- "name": "setSelectionRange",
9753
- "parameters": [
9754
- {
9755
- "name": "selectionStart",
9756
- "type": {
9757
- "text": "number"
9758
- }
9759
- },
9760
- {
9761
- "name": "selectionEnd",
9762
- "type": {
9763
- "text": "number"
9764
- }
9765
- },
9766
- {
9767
- "name": "selectionDirection",
9768
- "default": "'none'",
9769
- "type": {
9770
- "text": "'forward' | 'backward' | 'none'"
9771
- }
9772
- }
9773
- ],
9774
- "description": "Sets the start and end positions of the text selection (0-based)."
9317
+ "kind": "method",
9318
+ "name": "setSelectionRange",
9319
+ "parameters": [
9320
+ {
9321
+ "name": "selectionStart",
9322
+ "type": {
9323
+ "text": "number"
9324
+ }
9325
+ },
9326
+ {
9327
+ "name": "selectionEnd",
9328
+ "type": {
9329
+ "text": "number"
9330
+ }
9331
+ },
9332
+ {
9333
+ "name": "selectionDirection",
9334
+ "default": "'none'",
9335
+ "type": {
9336
+ "text": "'forward' | 'backward' | 'none'"
9337
+ }
9338
+ }
9339
+ ],
9340
+ "description": "Sets the start and end positions of the text selection (0-based)."
9775
9341
  },
9776
9342
  {
9777
9343
  "kind": "method",
@@ -9978,244 +9544,693 @@
9978
9544
  "fieldName": "size"
9979
9545
  },
9980
9546
  {
9981
- "name": "filled",
9547
+ "name": "filled",
9548
+ "type": {
9549
+ "text": "boolean"
9550
+ },
9551
+ "default": "false",
9552
+ "description": "Draws a filled input.",
9553
+ "fieldName": "filled"
9554
+ },
9555
+ {
9556
+ "name": "pill",
9557
+ "type": {
9558
+ "text": "boolean"
9559
+ },
9560
+ "default": "false",
9561
+ "description": "Draws a pill-style input with rounded edges.",
9562
+ "fieldName": "pill"
9563
+ },
9564
+ {
9565
+ "name": "label",
9566
+ "type": {
9567
+ "text": "string"
9568
+ },
9569
+ "default": "''",
9570
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
9571
+ "fieldName": "label"
9572
+ },
9573
+ {
9574
+ "name": "help-text",
9575
+ "type": {
9576
+ "text": "string"
9577
+ },
9578
+ "default": "''",
9579
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
9580
+ "fieldName": "helpText"
9581
+ },
9582
+ {
9583
+ "name": "clearable",
9584
+ "type": {
9585
+ "text": "boolean"
9586
+ },
9587
+ "default": "false",
9588
+ "description": "Adds a clear button when the input is not empty.",
9589
+ "fieldName": "clearable"
9590
+ },
9591
+ {
9592
+ "name": "disabled",
9593
+ "type": {
9594
+ "text": "boolean"
9595
+ },
9596
+ "default": "false",
9597
+ "description": "Disables the input.",
9598
+ "fieldName": "disabled"
9599
+ },
9600
+ {
9601
+ "name": "placeholder",
9602
+ "type": {
9603
+ "text": "string"
9604
+ },
9605
+ "default": "''",
9606
+ "description": "Placeholder text to show as a hint when the input is empty.",
9607
+ "fieldName": "placeholder"
9608
+ },
9609
+ {
9610
+ "name": "format",
9611
+ "type": {
9612
+ "text": "string"
9613
+ },
9614
+ "default": "''",
9615
+ "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
9616
+ "fieldName": "format"
9617
+ },
9618
+ {
9619
+ "name": "readonly",
9620
+ "type": {
9621
+ "text": "boolean"
9622
+ },
9623
+ "default": "false",
9624
+ "description": "Makes the input readonly.",
9625
+ "fieldName": "readonly"
9626
+ },
9627
+ {
9628
+ "name": "password-toggle",
9629
+ "type": {
9630
+ "text": "boolean"
9631
+ },
9632
+ "default": "false",
9633
+ "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
9634
+ "fieldName": "passwordToggle"
9635
+ },
9636
+ {
9637
+ "name": "password-visible",
9638
+ "type": {
9639
+ "text": "boolean"
9640
+ },
9641
+ "default": "false",
9642
+ "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
9643
+ "fieldName": "passwordVisible"
9644
+ },
9645
+ {
9646
+ "name": "no-spin-buttons",
9647
+ "type": {
9648
+ "text": "boolean"
9649
+ },
9650
+ "default": "false",
9651
+ "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
9652
+ "fieldName": "noSpinButtons"
9653
+ },
9654
+ {
9655
+ "name": "form",
9656
+ "type": {
9657
+ "text": "string"
9658
+ },
9659
+ "default": "''",
9660
+ "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
9661
+ "fieldName": "form"
9662
+ },
9663
+ {
9664
+ "name": "required",
9665
+ "type": {
9666
+ "text": "boolean"
9667
+ },
9668
+ "default": "false",
9669
+ "description": "Makes the input a required field.",
9670
+ "fieldName": "required"
9671
+ },
9672
+ {
9673
+ "name": "pattern",
9674
+ "type": {
9675
+ "text": "string"
9676
+ },
9677
+ "description": "A regular expression pattern to validate input against.",
9678
+ "fieldName": "pattern"
9679
+ },
9680
+ {
9681
+ "name": "minlength",
9682
+ "type": {
9683
+ "text": "number"
9684
+ },
9685
+ "description": "The minimum length of input that will be considered valid.",
9686
+ "fieldName": "minlength"
9687
+ },
9688
+ {
9689
+ "name": "maxlength",
9690
+ "type": {
9691
+ "text": "number"
9692
+ },
9693
+ "description": "The maximum length of input that will be considered valid.",
9694
+ "fieldName": "maxlength"
9695
+ },
9696
+ {
9697
+ "name": "min",
9698
+ "type": {
9699
+ "text": "number | string"
9700
+ },
9701
+ "description": "The input's minimum value. Only applies to date and number input types.",
9702
+ "fieldName": "min"
9703
+ },
9704
+ {
9705
+ "name": "max",
9706
+ "type": {
9707
+ "text": "number | string"
9708
+ },
9709
+ "description": "The input's maximum value. Only applies to date and number input types.",
9710
+ "fieldName": "max"
9711
+ },
9712
+ {
9713
+ "name": "step",
9714
+ "type": {
9715
+ "text": "number | 'any'"
9716
+ },
9717
+ "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
9718
+ "fieldName": "step"
9719
+ },
9720
+ {
9721
+ "name": "autocapitalize",
9722
+ "type": {
9723
+ "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
9724
+ },
9725
+ "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
9726
+ "fieldName": "autocapitalize"
9727
+ },
9728
+ {
9729
+ "name": "autocorrect",
9730
+ "type": {
9731
+ "text": "'off' | 'on'"
9732
+ },
9733
+ "description": "Indicates whether the browser's autocorrect feature is on or off.",
9734
+ "fieldName": "autocorrect"
9735
+ },
9736
+ {
9737
+ "name": "autocomplete",
9738
+ "type": {
9739
+ "text": "string"
9740
+ },
9741
+ "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
9742
+ "fieldName": "autocomplete"
9743
+ },
9744
+ {
9745
+ "name": "autofocus",
9746
+ "type": {
9747
+ "text": "boolean"
9748
+ },
9749
+ "description": "Indicates that the input should receive focus on page load.",
9750
+ "fieldName": "autofocus"
9751
+ },
9752
+ {
9753
+ "name": "enterkeyhint",
9754
+ "type": {
9755
+ "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
9756
+ },
9757
+ "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
9758
+ "fieldName": "enterkeyhint"
9759
+ },
9760
+ {
9761
+ "name": "spellcheck",
9762
+ "type": {
9763
+ "text": "boolean"
9764
+ },
9765
+ "default": "true",
9766
+ "description": "Enables spell checking on the input.",
9767
+ "fieldName": "spellcheck"
9768
+ },
9769
+ {
9770
+ "name": "inputmode",
9771
+ "type": {
9772
+ "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
9773
+ },
9774
+ "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
9775
+ "fieldName": "inputmode"
9776
+ }
9777
+ ],
9778
+ "superclass": {
9779
+ "name": "FlowRdfElement",
9780
+ "module": "/src/internal/flow-ui-rdf-element"
9781
+ },
9782
+ "tagName": "flow-ui-input",
9783
+ "summary": "Inputs collect data from the user.",
9784
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
9785
+ "status": "stable",
9786
+ "since": "2.0",
9787
+ "dependencies": [
9788
+ "flow-ui-icon"
9789
+ ],
9790
+ "customElement": true
9791
+ }
9792
+ ],
9793
+ "exports": [
9794
+ {
9795
+ "kind": "js",
9796
+ "name": "default",
9797
+ "declaration": {
9798
+ "name": "FlowInput",
9799
+ "module": "components/input/input.component.js"
9800
+ }
9801
+ }
9802
+ ]
9803
+ },
9804
+ {
9805
+ "kind": "javascript-module",
9806
+ "path": "components/input/input.js",
9807
+ "declarations": [],
9808
+ "exports": [
9809
+ {
9810
+ "kind": "js",
9811
+ "name": "*",
9812
+ "declaration": {
9813
+ "name": "*",
9814
+ "package": "./input.component"
9815
+ }
9816
+ },
9817
+ {
9818
+ "kind": "js",
9819
+ "name": "default",
9820
+ "declaration": {
9821
+ "name": "FlowInput",
9822
+ "module": "components/input/input.js"
9823
+ }
9824
+ }
9825
+ ]
9826
+ },
9827
+ {
9828
+ "kind": "javascript-module",
9829
+ "path": "components/icon-button/icon-button.component.js",
9830
+ "declarations": [
9831
+ {
9832
+ "kind": "class",
9833
+ "description": "",
9834
+ "name": "FlowIconButton",
9835
+ "cssParts": [
9836
+ {
9837
+ "description": "The component's base wrapper.",
9838
+ "name": "base"
9839
+ }
9840
+ ],
9841
+ "members": [
9842
+ {
9843
+ "kind": "field",
9844
+ "name": "hasSlotController",
9845
+ "privacy": "private",
9846
+ "readonly": true,
9847
+ "default": "new HasSlotController(this, 'tooltip')"
9848
+ },
9849
+ {
9850
+ "kind": "field",
9851
+ "name": "tooltipAnimating",
9852
+ "type": {
9853
+ "text": "boolean"
9854
+ },
9855
+ "privacy": "private",
9856
+ "default": "false"
9857
+ },
9858
+ {
9859
+ "kind": "field",
9860
+ "name": "button",
9861
+ "type": {
9862
+ "text": "HTMLButtonElement | HTMLLinkElement"
9863
+ }
9864
+ },
9865
+ {
9866
+ "kind": "field",
9867
+ "name": "tooltipElem",
9868
+ "type": {
9869
+ "text": "FlowTooltip"
9870
+ }
9871
+ },
9872
+ {
9873
+ "kind": "field",
9874
+ "name": "confirmButton",
9875
+ "type": {
9876
+ "text": "HTMLButtonElement"
9877
+ }
9878
+ },
9879
+ {
9880
+ "kind": "field",
9881
+ "name": "hasFocus",
9882
+ "type": {
9883
+ "text": "boolean"
9884
+ },
9885
+ "privacy": "private",
9886
+ "default": "false"
9887
+ },
9888
+ {
9889
+ "kind": "field",
9890
+ "name": "name",
9982
9891
  "type": {
9983
- "text": "boolean"
9892
+ "text": "string | undefined"
9984
9893
  },
9985
- "default": "false",
9986
- "description": "Draws a filled input.",
9987
- "fieldName": "filled"
9894
+ "description": "The name of the icon to draw. Available names depend on the icon library being used.",
9895
+ "attribute": "name"
9988
9896
  },
9989
9897
  {
9990
- "name": "pill",
9898
+ "kind": "field",
9899
+ "name": "library",
9991
9900
  "type": {
9992
- "text": "boolean"
9901
+ "text": "string | undefined"
9993
9902
  },
9994
- "default": "false",
9995
- "description": "Draws a pill-style input with rounded edges.",
9996
- "fieldName": "pill"
9903
+ "description": "The name of a registered custom icon library.",
9904
+ "attribute": "library"
9997
9905
  },
9998
9906
  {
9999
- "name": "label",
9907
+ "kind": "field",
9908
+ "name": "src",
10000
9909
  "type": {
10001
- "text": "string"
9910
+ "text": "string | undefined"
10002
9911
  },
10003
- "default": "''",
10004
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
10005
- "fieldName": "label"
9912
+ "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
9913
+ "attribute": "src"
10006
9914
  },
10007
9915
  {
10008
- "name": "help-text",
9916
+ "kind": "field",
9917
+ "name": "href",
10009
9918
  "type": {
10010
- "text": "string"
9919
+ "text": "string | undefined"
10011
9920
  },
10012
- "default": "''",
10013
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
10014
- "fieldName": "helpText"
9921
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
9922
+ "attribute": "href"
10015
9923
  },
10016
9924
  {
10017
- "name": "clearable",
9925
+ "kind": "field",
9926
+ "name": "target",
10018
9927
  "type": {
10019
- "text": "boolean"
9928
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
10020
9929
  },
10021
- "default": "false",
10022
- "description": "Adds a clear button when the input is not empty.",
10023
- "fieldName": "clearable"
9930
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
9931
+ "attribute": "target"
10024
9932
  },
10025
9933
  {
10026
- "name": "disabled",
9934
+ "kind": "field",
9935
+ "name": "download",
10027
9936
  "type": {
10028
- "text": "boolean"
9937
+ "text": "string | undefined"
10029
9938
  },
10030
- "default": "false",
10031
- "description": "Disables the input.",
10032
- "fieldName": "disabled"
9939
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
9940
+ "attribute": "download"
10033
9941
  },
10034
9942
  {
10035
- "name": "placeholder",
9943
+ "kind": "field",
9944
+ "name": "label",
10036
9945
  "type": {
10037
9946
  "text": "string"
10038
9947
  },
10039
9948
  "default": "''",
10040
- "description": "Placeholder text to show as a hint when the input is empty.",
10041
- "fieldName": "placeholder"
9949
+ "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
9950
+ "attribute": "label"
10042
9951
  },
10043
9952
  {
10044
- "name": "format",
9953
+ "kind": "field",
9954
+ "name": "tooltip",
10045
9955
  "type": {
10046
9956
  "text": "string"
10047
9957
  },
10048
9958
  "default": "''",
10049
- "description": "Number format to use for input controls with `type=\"number\"`. (D3 format string)",
10050
- "fieldName": "format"
9959
+ "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
9960
+ "attribute": "tooltip"
10051
9961
  },
10052
9962
  {
10053
- "name": "readonly",
9963
+ "kind": "field",
9964
+ "name": "tooltipPlacement",
10054
9965
  "type": {
10055
- "text": "boolean"
9966
+ "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
10056
9967
  },
10057
- "default": "false",
10058
- "description": "Makes the input readonly.",
10059
- "fieldName": "readonly"
9968
+ "default": "'top'",
9969
+ "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
9970
+ "attribute": "tooltip-placement"
10060
9971
  },
10061
9972
  {
10062
- "name": "password-toggle",
9973
+ "kind": "field",
9974
+ "name": "tooltipDistance",
10063
9975
  "type": {
10064
- "text": "boolean"
9976
+ "text": "number"
10065
9977
  },
10066
- "default": "false",
10067
- "description": "Adds a button to toggle the password's visibility. Only applies to password types.",
10068
- "fieldName": "passwordToggle"
9978
+ "default": "8",
9979
+ "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
9980
+ "attribute": "tooltip-distance"
10069
9981
  },
10070
9982
  {
10071
- "name": "password-visible",
9983
+ "kind": "field",
9984
+ "name": "tooltipSkidding",
10072
9985
  "type": {
10073
- "text": "boolean"
9986
+ "text": "number"
10074
9987
  },
10075
- "default": "false",
10076
- "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
10077
- "fieldName": "passwordVisible"
9988
+ "default": "0",
9989
+ "description": "The distance in pixels from which to offset the tooltip along the icon button.",
9990
+ "attribute": "tooltip-skidding"
10078
9991
  },
10079
9992
  {
10080
- "name": "no-spin-buttons",
9993
+ "kind": "field",
9994
+ "name": "disabled",
10081
9995
  "type": {
10082
9996
  "text": "boolean"
10083
9997
  },
10084
9998
  "default": "false",
10085
- "description": "Hides the browser's built-in increment/decrement spin buttons for number inputs.",
10086
- "fieldName": "noSpinButtons"
9999
+ "description": "Disables the button.",
10000
+ "attribute": "disabled",
10001
+ "reflects": true
10087
10002
  },
10088
10003
  {
10089
- "name": "form",
10004
+ "kind": "field",
10005
+ "name": "confirm",
10090
10006
  "type": {
10091
10007
  "text": "string"
10092
10008
  },
10093
10009
  "default": "''",
10094
- "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
10095
- "fieldName": "form"
10010
+ "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
10011
+ "attribute": "confirm"
10096
10012
  },
10097
10013
  {
10098
- "name": "required",
10099
- "type": {
10100
- "text": "boolean"
10101
- },
10102
- "default": "false",
10103
- "description": "Makes the input a required field.",
10104
- "fieldName": "required"
10014
+ "kind": "method",
10015
+ "name": "handleBlur",
10016
+ "privacy": "private"
10105
10017
  },
10106
10018
  {
10107
- "name": "pattern",
10019
+ "kind": "method",
10020
+ "name": "handleFocus",
10021
+ "privacy": "private"
10022
+ },
10023
+ {
10024
+ "kind": "method",
10025
+ "name": "handleClick",
10026
+ "privacy": "protected",
10027
+ "parameters": [
10028
+ {
10029
+ "name": "event",
10030
+ "type": {
10031
+ "text": "MouseEvent"
10032
+ }
10033
+ }
10034
+ ]
10035
+ },
10036
+ {
10037
+ "kind": "method",
10038
+ "name": "click",
10039
+ "description": "Simulates a click on the icon button."
10040
+ },
10041
+ {
10042
+ "kind": "method",
10043
+ "name": "focus",
10044
+ "parameters": [
10045
+ {
10046
+ "name": "options",
10047
+ "optional": true,
10048
+ "type": {
10049
+ "text": "FocusOptions"
10050
+ }
10051
+ }
10052
+ ],
10053
+ "description": "Sets focus on the icon button."
10054
+ },
10055
+ {
10056
+ "kind": "method",
10057
+ "name": "blur",
10058
+ "description": "Removes focus from the icon button."
10059
+ },
10060
+ {
10061
+ "kind": "method",
10062
+ "name": "hideConfirm",
10063
+ "description": "Hide the confirmation tooltip if it is showing"
10064
+ },
10065
+ {
10066
+ "kind": "method",
10067
+ "name": "showConfirm",
10068
+ "description": "Show the confirmation tooltip"
10069
+ },
10070
+ {
10071
+ "kind": "method",
10072
+ "name": "handleConfirmClick",
10073
+ "privacy": "private"
10074
+ },
10075
+ {
10076
+ "kind": "method",
10077
+ "name": "renderWithTooltip",
10078
+ "privacy": "private",
10079
+ "parameters": [
10080
+ {
10081
+ "name": "contents",
10082
+ "type": {
10083
+ "text": "TemplateResult"
10084
+ }
10085
+ }
10086
+ ]
10087
+ },
10088
+ {
10089
+ "kind": "method",
10090
+ "name": "renderWithConfirmation",
10091
+ "privacy": "private",
10092
+ "parameters": [
10093
+ {
10094
+ "name": "contents",
10095
+ "type": {
10096
+ "text": "TemplateResult"
10097
+ }
10098
+ }
10099
+ ]
10100
+ }
10101
+ ],
10102
+ "events": [
10103
+ {
10104
+ "description": "Emitted when the icon button loses focus.",
10105
+ "name": "flow-ui-blur",
10106
+ "reactName": "onFlowUiBlur"
10107
+ },
10108
+ {
10109
+ "description": "Emitted when the icon button gains focus.",
10110
+ "name": "flow-ui-focus",
10111
+ "reactName": "onFlowUiFocus"
10112
+ }
10113
+ ],
10114
+ "attributes": [
10115
+ {
10116
+ "name": "name",
10108
10117
  "type": {
10109
- "text": "string"
10118
+ "text": "string | undefined"
10110
10119
  },
10111
- "description": "A regular expression pattern to validate input against.",
10112
- "fieldName": "pattern"
10120
+ "description": "The name of the icon to draw. Available names depend on the icon library being used.",
10121
+ "fieldName": "name"
10113
10122
  },
10114
10123
  {
10115
- "name": "minlength",
10124
+ "name": "library",
10116
10125
  "type": {
10117
- "text": "number"
10126
+ "text": "string | undefined"
10118
10127
  },
10119
- "description": "The minimum length of input that will be considered valid.",
10120
- "fieldName": "minlength"
10128
+ "description": "The name of a registered custom icon library.",
10129
+ "fieldName": "library"
10121
10130
  },
10122
10131
  {
10123
- "name": "maxlength",
10132
+ "name": "src",
10124
10133
  "type": {
10125
- "text": "number"
10134
+ "text": "string | undefined"
10126
10135
  },
10127
- "description": "The maximum length of input that will be considered valid.",
10128
- "fieldName": "maxlength"
10136
+ "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
10137
+ "fieldName": "src"
10129
10138
  },
10130
10139
  {
10131
- "name": "min",
10140
+ "name": "href",
10132
10141
  "type": {
10133
- "text": "number | string"
10142
+ "text": "string | undefined"
10134
10143
  },
10135
- "description": "The input's minimum value. Only applies to date and number input types.",
10136
- "fieldName": "min"
10144
+ "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
10145
+ "fieldName": "href"
10137
10146
  },
10138
10147
  {
10139
- "name": "max",
10148
+ "name": "target",
10140
10149
  "type": {
10141
- "text": "number | string"
10150
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
10142
10151
  },
10143
- "description": "The input's maximum value. Only applies to date and number input types.",
10144
- "fieldName": "max"
10152
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
10153
+ "fieldName": "target"
10145
10154
  },
10146
10155
  {
10147
- "name": "step",
10156
+ "name": "download",
10148
10157
  "type": {
10149
- "text": "number | 'any'"
10158
+ "text": "string | undefined"
10150
10159
  },
10151
- "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
10152
- "fieldName": "step"
10160
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
10161
+ "fieldName": "download"
10153
10162
  },
10154
10163
  {
10155
- "name": "autocapitalize",
10164
+ "name": "label",
10156
10165
  "type": {
10157
- "text": "'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters'"
10166
+ "text": "string"
10158
10167
  },
10159
- "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
10160
- "fieldName": "autocapitalize"
10168
+ "default": "''",
10169
+ "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
10170
+ "fieldName": "label"
10161
10171
  },
10162
10172
  {
10163
- "name": "autocorrect",
10173
+ "name": "tooltip",
10164
10174
  "type": {
10165
- "text": "'off' | 'on'"
10175
+ "text": "string"
10166
10176
  },
10167
- "description": "Indicates whether the browser's autocorrect feature is on or off.",
10168
- "fieldName": "autocorrect"
10177
+ "default": "''",
10178
+ "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
10179
+ "fieldName": "tooltip"
10169
10180
  },
10170
10181
  {
10171
- "name": "autocomplete",
10182
+ "name": "tooltip-placement",
10172
10183
  "type": {
10173
- "text": "string"
10184
+ "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
10174
10185
  },
10175
- "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
10176
- "fieldName": "autocomplete"
10186
+ "default": "'top'",
10187
+ "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
10188
+ "fieldName": "tooltipPlacement"
10177
10189
  },
10178
10190
  {
10179
- "name": "autofocus",
10191
+ "name": "tooltip-distance",
10180
10192
  "type": {
10181
- "text": "boolean"
10193
+ "text": "number"
10182
10194
  },
10183
- "description": "Indicates that the input should receive focus on page load.",
10184
- "fieldName": "autofocus"
10195
+ "default": "8",
10196
+ "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
10197
+ "fieldName": "tooltipDistance"
10185
10198
  },
10186
10199
  {
10187
- "name": "enterkeyhint",
10200
+ "name": "tooltip-skidding",
10188
10201
  "type": {
10189
- "text": "'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'"
10202
+ "text": "number"
10190
10203
  },
10191
- "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
10192
- "fieldName": "enterkeyhint"
10204
+ "default": "0",
10205
+ "description": "The distance in pixels from which to offset the tooltip along the icon button.",
10206
+ "fieldName": "tooltipSkidding"
10193
10207
  },
10194
10208
  {
10195
- "name": "spellcheck",
10209
+ "name": "disabled",
10196
10210
  "type": {
10197
10211
  "text": "boolean"
10198
10212
  },
10199
- "default": "true",
10200
- "description": "Enables spell checking on the input.",
10201
- "fieldName": "spellcheck"
10213
+ "default": "false",
10214
+ "description": "Disables the button.",
10215
+ "fieldName": "disabled"
10202
10216
  },
10203
10217
  {
10204
- "name": "inputmode",
10218
+ "name": "confirm",
10205
10219
  "type": {
10206
- "text": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'"
10220
+ "text": "string"
10207
10221
  },
10208
- "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
10209
- "fieldName": "inputmode"
10222
+ "default": "''",
10223
+ "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
10224
+ "fieldName": "confirm"
10210
10225
  }
10211
10226
  ],
10212
10227
  "superclass": {
10213
10228
  "name": "FlowRdfElement",
10214
10229
  "module": "/src/internal/flow-ui-rdf-element"
10215
10230
  },
10216
- "tagName": "flow-ui-input",
10217
- "summary": "Inputs collect data from the user.",
10218
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
10231
+ "tagName": "flow-ui-icon-button",
10232
+ "summary": "Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.",
10233
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/icon-button",
10219
10234
  "status": "stable",
10220
10235
  "since": "2.0",
10221
10236
  "dependencies": [
@@ -10229,15 +10244,15 @@
10229
10244
  "kind": "js",
10230
10245
  "name": "default",
10231
10246
  "declaration": {
10232
- "name": "FlowInput",
10233
- "module": "components/input/input.component.js"
10247
+ "name": "FlowIconButton",
10248
+ "module": "components/icon-button/icon-button.component.js"
10234
10249
  }
10235
10250
  }
10236
10251
  ]
10237
10252
  },
10238
10253
  {
10239
10254
  "kind": "javascript-module",
10240
- "path": "components/input/input.js",
10255
+ "path": "components/icon-button/icon-button.js",
10241
10256
  "declarations": [],
10242
10257
  "exports": [
10243
10258
  {
@@ -10245,15 +10260,15 @@
10245
10260
  "name": "*",
10246
10261
  "declaration": {
10247
10262
  "name": "*",
10248
- "package": "./input.component"
10263
+ "package": "./icon-button.component"
10249
10264
  }
10250
10265
  },
10251
10266
  {
10252
10267
  "kind": "js",
10253
10268
  "name": "default",
10254
10269
  "declaration": {
10255
- "name": "FlowInput",
10256
- "module": "components/input/input.js"
10270
+ "name": "FlowIconButton",
10271
+ "module": "components/icon-button/icon-button.js"
10257
10272
  }
10258
10273
  }
10259
10274
  ]
@@ -11332,6 +11347,17 @@
11332
11347
  "attribute": "disabled",
11333
11348
  "reflects": true
11334
11349
  },
11350
+ {
11351
+ "kind": "field",
11352
+ "name": "size",
11353
+ "type": {
11354
+ "text": "'small' | 'medium' | 'large'"
11355
+ },
11356
+ "default": "'medium'",
11357
+ "description": "The options's size.",
11358
+ "attribute": "size",
11359
+ "reflects": true
11360
+ },
11335
11361
  {
11336
11362
  "kind": "method",
11337
11363
  "name": "handleDefaultSlotChange",
@@ -11383,6 +11409,15 @@
11383
11409
  "default": "false",
11384
11410
  "description": "Draws the option in a disabled state, preventing selection.",
11385
11411
  "fieldName": "disabled"
11412
+ },
11413
+ {
11414
+ "name": "size",
11415
+ "type": {
11416
+ "text": "'small' | 'medium' | 'large'"
11417
+ },
11418
+ "default": "'medium'",
11419
+ "description": "The options's size.",
11420
+ "fieldName": "size"
11386
11421
  }
11387
11422
  ],
11388
11423
  "superclass": {
@@ -12809,7 +12844,7 @@
12809
12844
  {
12810
12845
  "name": "rule",
12811
12846
  "type": {
12812
- "text": "FlowQueryBuilderRule<string>"
12847
+ "text": "FlowQueryBuilderRule<string | string[]>"
12813
12848
  }
12814
12849
  },
12815
12850
  {
@@ -12831,36 +12866,6 @@
12831
12866
  }
12832
12867
  }
12833
12868
  ]
12834
- },
12835
- {
12836
- "kind": "function",
12837
- "name": "defaultMultiSelectTemplate",
12838
- "parameters": [
12839
- {
12840
- "name": "rule",
12841
- "type": {
12842
- "text": "FlowQueryBuilderRule<string[]>"
12843
- }
12844
- },
12845
- {
12846
- "name": "field",
12847
- "type": {
12848
- "text": "FlowQueryBuilderMultiSelectField"
12849
- }
12850
- },
12851
- {
12852
- "name": "qb",
12853
- "type": {
12854
- "text": "FlowQueryBuilder"
12855
- }
12856
- },
12857
- {
12858
- "name": "update",
12859
- "type": {
12860
- "text": "() => void"
12861
- }
12862
- }
12863
- ]
12864
12869
  }
12865
12870
  ],
12866
12871
  "exports": [
@@ -12911,14 +12916,6 @@
12911
12916
  "name": "defaultSelectTemplate",
12912
12917
  "module": "components/query-builder/default-value-templates.js"
12913
12918
  }
12914
- },
12915
- {
12916
- "kind": "js",
12917
- "name": "defaultMultiSelectTemplate",
12918
- "declaration": {
12919
- "name": "defaultMultiSelectTemplate",
12920
- "module": "components/query-builder/default-value-templates.js"
12921
- }
12922
12919
  }
12923
12920
  ]
12924
12921
  },
@@ -13135,6 +13132,15 @@
13135
13132
  "static": true,
13136
13133
  "default": "new Map<FlowQueryBuilderFieldType, FlowQueryBuilderFieldDefinition<any>>()"
13137
13134
  },
13135
+ {
13136
+ "kind": "field",
13137
+ "name": "_value",
13138
+ "type": {
13139
+ "text": "FlowQueryBuilderRuleSet"
13140
+ },
13141
+ "privacy": "private",
13142
+ "default": "{ condition: 'and', rules: [] }"
13143
+ },
13138
13144
  {
13139
13145
  "kind": "method",
13140
13146
  "name": "registerFieldDefinition",
@@ -13387,6 +13393,10 @@
13387
13393
  "description": "Display tree connector lines between query rules",
13388
13394
  "attribute": "tree-lines"
13389
13395
  },
13396
+ {
13397
+ "kind": "method",
13398
+ "name": "handleValueChange"
13399
+ },
13390
13400
  {
13391
13401
  "kind": "method",
13392
13402
  "name": "valueTemplateForRule",
@@ -15757,6 +15767,15 @@
15757
15767
  "attribute": "placement",
15758
15768
  "reflects": true
15759
15769
  },
15770
+ {
15771
+ "kind": "field",
15772
+ "name": "sync",
15773
+ "type": {
15774
+ "text": "'width' | 'none'"
15775
+ },
15776
+ "default": "'width'",
15777
+ "attribute": "sync"
15778
+ },
15760
15779
  {
15761
15780
  "kind": "field",
15762
15781
  "name": "helpText",
@@ -16021,15 +16040,12 @@
16021
16040
  },
16022
16041
  {
16023
16042
  "kind": "method",
16024
- "name": "handleDisabledChange"
16025
- },
16026
- {
16027
- "kind": "method",
16028
- "name": "handleValueChange"
16043
+ "name": "handleOpenChange"
16029
16044
  },
16030
16045
  {
16031
16046
  "kind": "method",
16032
- "name": "handleOpenChange"
16047
+ "name": "syncOptions",
16048
+ "privacy": "private"
16033
16049
  },
16034
16050
  {
16035
16051
  "kind": "method",
@@ -16273,6 +16289,14 @@
16273
16289
  "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
16274
16290
  "fieldName": "placement"
16275
16291
  },
16292
+ {
16293
+ "name": "sync",
16294
+ "type": {
16295
+ "text": "'width' | 'none'"
16296
+ },
16297
+ "default": "'width'",
16298
+ "fieldName": "sync"
16299
+ },
16276
16300
  {
16277
16301
  "name": "help-text",
16278
16302
  "type": {
@@ -21298,6 +21322,14 @@
21298
21322
  "description": "The name of a registered custom icon library.",
21299
21323
  "attribute": "icon-library"
21300
21324
  },
21325
+ {
21326
+ "kind": "field",
21327
+ "name": "variant",
21328
+ "type": {
21329
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
21330
+ },
21331
+ "attribute": "variant"
21332
+ },
21301
21333
  {
21302
21334
  "kind": "method",
21303
21335
  "name": "handleBlur",
@@ -21463,6 +21495,13 @@
21463
21495
  "default": "'default'",
21464
21496
  "description": "The name of a registered custom icon library.",
21465
21497
  "fieldName": "iconLibrary"
21498
+ },
21499
+ {
21500
+ "name": "variant",
21501
+ "type": {
21502
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
21503
+ },
21504
+ "fieldName": "variant"
21466
21505
  }
21467
21506
  ],
21468
21507
  "superclass": {
@@ -21614,6 +21653,15 @@
21614
21653
  "attribute": "outline",
21615
21654
  "reflects": true
21616
21655
  },
21656
+ {
21657
+ "kind": "field",
21658
+ "name": "variant",
21659
+ "type": {
21660
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
21661
+ },
21662
+ "default": "'primary'",
21663
+ "attribute": "variant"
21664
+ },
21617
21665
  {
21618
21666
  "kind": "field",
21619
21667
  "name": "form",
@@ -21815,6 +21863,14 @@
21815
21863
  "description": "Draws outline-style tool buttons. This style will be applied to all child tool buttons.",
21816
21864
  "fieldName": "outline"
21817
21865
  },
21866
+ {
21867
+ "name": "variant",
21868
+ "type": {
21869
+ "text": "'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral'"
21870
+ },
21871
+ "default": "'primary'",
21872
+ "fieldName": "variant"
21873
+ },
21818
21874
  {
21819
21875
  "name": "form",
21820
21876
  "type": {
@@ -23363,12 +23419,61 @@
23363
23419
  "name": "flowQueryConverter",
23364
23420
  "module": "components/query-builder/converters/index.js"
23365
23421
  }
23422
+ },
23423
+ {
23424
+ "kind": "js",
23425
+ "name": "mapLayerFilterConverter",
23426
+ "declaration": {
23427
+ "name": "mapLayerFilterConverter",
23428
+ "module": "components/query-builder/converters/index.js"
23429
+ }
23430
+ }
23431
+ ]
23432
+ },
23433
+ {
23434
+ "kind": "javascript-module",
23435
+ "path": "components/query-builder/converters/map-layer-filter-converter.js",
23436
+ "declarations": [
23437
+ {
23438
+ "kind": "function",
23439
+ "name": "converter",
23440
+ "parameters": [
23441
+ {
23442
+ "name": "ruleset",
23443
+ "type": {
23444
+ "text": "FlowQueryBuilderRuleSet"
23445
+ }
23446
+ },
23447
+ {
23448
+ "name": "config",
23449
+ "type": {
23450
+ "text": "FlowQueryBuilderConfig"
23451
+ }
23452
+ },
23453
+ {
23454
+ "name": "options",
23455
+ "optional": true,
23456
+ "type": {
23457
+ "text": "FlowQueryBuilderConverterOptions"
23458
+ }
23459
+ }
23460
+ ]
23461
+ }
23462
+ ],
23463
+ "exports": [
23464
+ {
23465
+ "kind": "js",
23466
+ "name": "default",
23467
+ "declaration": {
23468
+ "name": "converter",
23469
+ "module": "components/query-builder/converters/map-layer-filter-converter.js"
23470
+ }
23366
23471
  }
23367
23472
  ]
23368
23473
  }
23369
23474
  ],
23370
23475
  "package": {
23371
23476
  "name": "@emuanalytics/flow-rdf-ui",
23372
- "version": "4.0.0-preview.0"
23477
+ "version": "4.0.0-preview.2"
23373
23478
  }
23374
23479
  }