@emuanalytics/flow-rdf-ui 4.1.14 → 4.1.16

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 (4) hide show
  1. package/dist/custom-elements.json +1097 -1097
  2. package/dist/package.json.mjs +1 -1
  3. package/dist/vscode.html-custom-data.json +135 -135
  4. package/package.json +3 -3
package/dist/custom-elements.json CHANGED
@@ -450,145 +450,6 @@
450
450
  }
451
451
  ]
452
452
  },
453
- {
454
- "kind": "javascript-module",
455
- "path": "components/badge/badge.component.js",
456
- "declarations": [
457
- {
458
- "kind": "class",
459
- "description": "",
460
- "name": "FlowUiBadge",
461
- "cssParts": [
462
- {
463
- "description": "The component's base wrapper.",
464
- "name": "base"
465
- }
466
- ],
467
- "slots": [
468
- {
469
- "description": "The badge's content.",
470
- "name": ""
471
- }
472
- ],
473
- "members": [
474
- {
475
- "kind": "field",
476
- "name": "variant",
477
- "type": {
478
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
479
- },
480
- "default": "'primary'",
481
- "description": "The badge's theme variant.",
482
- "attribute": "variant",
483
- "reflects": true
484
- },
485
- {
486
- "kind": "field",
487
- "name": "size",
488
- "type": {
489
- "text": "'small' | 'medium' | 'large'"
490
- },
491
- "default": "'medium'",
492
- "description": "The badge size.",
493
- "attribute": "size",
494
- "reflects": true
495
- },
496
- {
497
- "kind": "field",
498
- "name": "pill",
499
- "type": {
500
- "text": "boolean"
501
- },
502
- "default": "false",
503
- "description": "Draws a pill-style badge with rounded edges.",
504
- "attribute": "pill",
505
- "reflects": true
506
- },
507
- {
508
- "kind": "field",
509
- "name": "pulse",
510
- "type": {
511
- "text": "boolean"
512
- },
513
- "default": "false",
514
- "description": "Makes the badge pulsate to draw attention.",
515
- "attribute": "pulse",
516
- "reflects": true
517
- }
518
- ],
519
- "attributes": [
520
- {
521
- "name": "variant",
522
- "type": {
523
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
524
- },
525
- "default": "'primary'",
526
- "description": "The badge's theme variant.",
527
- "fieldName": "variant"
528
- },
529
- {
530
- "name": "size",
531
- "type": {
532
- "text": "'small' | 'medium' | 'large'"
533
- },
534
- "default": "'medium'",
535
- "description": "The badge size.",
536
- "fieldName": "size"
537
- },
538
- {
539
- "name": "pill",
540
- "type": {
541
- "text": "boolean"
542
- },
543
- "default": "false",
544
- "description": "Draws a pill-style badge with rounded edges.",
545
- "fieldName": "pill"
546
- },
547
- {
548
- "name": "pulse",
549
- "type": {
550
- "text": "boolean"
551
- },
552
- "default": "false",
553
- "description": "Makes the badge pulsate to draw attention.",
554
- "fieldName": "pulse"
555
- }
556
- ],
557
- "superclass": {
558
- "name": "FlowRdfElement",
559
- "module": "/src/internal/flow-ui-rdf-element"
560
- },
561
- "tagName": "flow-ui-badge",
562
- "summary": "Badges are used to draw attention and display statuses or counts.",
563
- "customElement": true
564
- }
565
- ],
566
- "exports": [
567
- {
568
- "kind": "js",
569
- "name": "default",
570
- "declaration": {
571
- "name": "FlowUiBadge",
572
- "module": "components/badge/badge.component.js"
573
- }
574
- }
575
- ]
576
- },
577
- {
578
- "kind": "javascript-module",
579
- "path": "components/badge/badge.js",
580
- "declarations": [],
581
- "exports": [
582
- {
583
- "kind": "js",
584
- "name": "default",
585
- "declaration": {
586
- "name": "FlowUiBadge",
587
- "module": "components/badge/badge.js"
588
- }
589
- }
590
- ]
591
- },
592
453
  {
593
454
  "kind": "javascript-module",
594
455
  "path": "components/autocomplete/autocomplete.component.js",
@@ -1743,12 +1604,12 @@
1743
1604
  },
1744
1605
  {
1745
1606
  "kind": "javascript-module",
1746
- "path": "components/breadcrumb/breadcrumb.component.js",
1607
+ "path": "components/badge/badge.component.js",
1747
1608
  "declarations": [
1748
1609
  {
1749
1610
  "kind": "class",
1750
1611
  "description": "",
1751
- "name": "FlowUiBreadcrumb",
1612
+ "name": "FlowUiBadge",
1752
1613
  "cssParts": [
1753
1614
  {
1754
1615
  "description": "The component's base wrapper.",
@@ -1757,84 +1618,100 @@
1757
1618
  ],
1758
1619
  "slots": [
1759
1620
  {
1760
- "description": "One or more breadcrumb items to display.",
1621
+ "description": "The badge's content.",
1761
1622
  "name": ""
1762
- },
1763
- {
1764
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1765
- "name": "separator"
1766
1623
  }
1767
1624
  ],
1768
1625
  "members": [
1769
1626
  {
1770
1627
  "kind": "field",
1771
- "name": "localize",
1772
- "privacy": "private",
1773
- "readonly": true,
1774
- "default": "new LocalizeController(this)"
1628
+ "name": "variant",
1629
+ "type": {
1630
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1631
+ },
1632
+ "default": "'primary'",
1633
+ "description": "The badge's theme variant.",
1634
+ "attribute": "variant",
1635
+ "reflects": true
1775
1636
  },
1776
1637
  {
1777
1638
  "kind": "field",
1778
- "name": "separatorDir",
1779
- "privacy": "private"
1639
+ "name": "size",
1640
+ "type": {
1641
+ "text": "'small' | 'medium' | 'large'"
1642
+ },
1643
+ "default": "'medium'",
1644
+ "description": "The badge size.",
1645
+ "attribute": "size",
1646
+ "reflects": true
1780
1647
  },
1781
1648
  {
1782
1649
  "kind": "field",
1783
- "name": "defaultSlot",
1650
+ "name": "pill",
1784
1651
  "type": {
1785
- "text": "HTMLSlotElement"
1652
+ "text": "boolean"
1786
1653
  },
1787
- "privacy": "private"
1654
+ "default": "false",
1655
+ "description": "Draws a pill-style badge with rounded edges.",
1656
+ "attribute": "pill",
1657
+ "reflects": true
1788
1658
  },
1789
1659
  {
1790
1660
  "kind": "field",
1791
- "name": "separatorSlot",
1661
+ "name": "pulse",
1792
1662
  "type": {
1793
- "text": "HTMLSlotElement"
1663
+ "text": "boolean"
1794
1664
  },
1795
- "privacy": "private"
1796
- },
1665
+ "default": "false",
1666
+ "description": "Makes the badge pulsate to draw attention.",
1667
+ "attribute": "pulse",
1668
+ "reflects": true
1669
+ }
1670
+ ],
1671
+ "attributes": [
1797
1672
  {
1798
- "kind": "field",
1799
- "name": "label",
1673
+ "name": "variant",
1800
1674
  "type": {
1801
- "text": "string"
1675
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1802
1676
  },
1803
- "default": "''",
1804
- "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.",
1805
- "attribute": "label"
1677
+ "default": "'primary'",
1678
+ "description": "The badge's theme variant.",
1679
+ "fieldName": "variant"
1806
1680
  },
1807
1681
  {
1808
- "kind": "method",
1809
- "name": "getSeparator",
1810
- "privacy": "private"
1682
+ "name": "size",
1683
+ "type": {
1684
+ "text": "'small' | 'medium' | 'large'"
1685
+ },
1686
+ "default": "'medium'",
1687
+ "description": "The badge size.",
1688
+ "fieldName": "size"
1811
1689
  },
1812
1690
  {
1813
- "kind": "method",
1814
- "name": "handleSlotChange",
1815
- "privacy": "private"
1816
- }
1817
- ],
1818
- "attributes": [
1691
+ "name": "pill",
1692
+ "type": {
1693
+ "text": "boolean"
1694
+ },
1695
+ "default": "false",
1696
+ "description": "Draws a pill-style badge with rounded edges.",
1697
+ "fieldName": "pill"
1698
+ },
1819
1699
  {
1820
- "name": "label",
1700
+ "name": "pulse",
1821
1701
  "type": {
1822
- "text": "string"
1702
+ "text": "boolean"
1823
1703
  },
1824
- "default": "''",
1825
- "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.",
1826
- "fieldName": "label"
1704
+ "default": "false",
1705
+ "description": "Makes the badge pulsate to draw attention.",
1706
+ "fieldName": "pulse"
1827
1707
  }
1828
1708
  ],
1829
1709
  "superclass": {
1830
1710
  "name": "FlowRdfElement",
1831
1711
  "module": "/src/internal/flow-ui-rdf-element"
1832
1712
  },
1833
- "tagName": "flow-ui-breadcrumb",
1834
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
1835
- "dependencies": [
1836
- "flow-ui-icon"
1837
- ],
1713
+ "tagName": "flow-ui-badge",
1714
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1838
1715
  "customElement": true
1839
1716
  }
1840
1717
  ],
@@ -1843,761 +1720,892 @@
1843
1720
  "kind": "js",
1844
1721
  "name": "default",
1845
1722
  "declaration": {
1846
- "name": "FlowUiBreadcrumb",
1847
- "module": "components/breadcrumb/breadcrumb.component.js"
1723
+ "name": "FlowUiBadge",
1724
+ "module": "components/badge/badge.component.js"
1848
1725
  }
1849
1726
  }
1850
1727
  ]
1851
1728
  },
1852
1729
  {
1853
1730
  "kind": "javascript-module",
1854
- "path": "components/breadcrumb/breadcrumb.js",
1731
+ "path": "components/badge/badge.js",
1855
1732
  "declarations": [],
1856
1733
  "exports": [
1857
1734
  {
1858
1735
  "kind": "js",
1859
1736
  "name": "default",
1860
1737
  "declaration": {
1861
- "name": "FlowUiBreadcrumb",
1862
- "module": "components/breadcrumb/breadcrumb.js"
1738
+ "name": "FlowUiBadge",
1739
+ "module": "components/badge/badge.js"
1863
1740
  }
1864
1741
  }
1865
1742
  ]
1866
1743
  },
1867
1744
  {
1868
1745
  "kind": "javascript-module",
1869
- "path": "components/breadcrumb-item/breadcrumb-item.component.js",
1746
+ "path": "components/base-control/base-control.component.js",
1870
1747
  "declarations": [
1871
1748
  {
1872
1749
  "kind": "class",
1873
1750
  "description": "",
1874
- "name": "FlowUiBreadcrumbItem",
1751
+ "name": "FlowUiBaseControl",
1875
1752
  "cssParts": [
1753
+ {
1754
+ "description": "The form control that wraps the label, input, and help text.",
1755
+ "name": "form-control"
1756
+ },
1757
+ {
1758
+ "description": "The label's wrapper.",
1759
+ "name": "form-control-label"
1760
+ },
1761
+ {
1762
+ "description": "The input's wrapper.",
1763
+ "name": "form-control-input"
1764
+ },
1765
+ {
1766
+ "description": "The help text's wrapper.",
1767
+ "name": "form-control-help-text"
1768
+ },
1876
1769
  {
1877
1770
  "description": "The component's base wrapper.",
1878
1771
  "name": "base"
1879
1772
  },
1880
1773
  {
1881
- "description": "The breadcrumb item's label.",
1882
- "name": "label"
1774
+ "description": "The internal `<input>` control.",
1775
+ "name": "input"
1883
1776
  },
1884
1777
  {
1885
1778
  "description": "The container that wraps the prefix.",
1886
1779
  "name": "prefix"
1887
1780
  },
1888
1781
  {
1889
- "description": "The container that wraps the suffix.",
1890
- "name": "suffix"
1782
+ "description": "The clear button.",
1783
+ "name": "clear-button"
1891
1784
  },
1892
1785
  {
1893
- "description": "The container that wraps the separator.",
1894
- "name": "separator"
1786
+ "description": "The password toggle button.",
1787
+ "name": "password-toggle-button"
1788
+ },
1789
+ {
1790
+ "description": "The container that wraps the suffix.",
1791
+ "name": "suffix"
1895
1792
  }
1896
1793
  ],
1897
1794
  "slots": [
1898
1795
  {
1899
- "description": "The breadcrumb item's label.",
1900
- "name": ""
1796
+ "description": "The input's label. Alternatively, you can use the `label` attribute.",
1797
+ "name": "label"
1901
1798
  },
1902
1799
  {
1903
- "description": "An optional prefix, usually an icon or icon button.",
1800
+ "description": "Used to prepend a presentational icon or similar element to the input.",
1904
1801
  "name": "prefix"
1905
1802
  },
1906
1803
  {
1907
- "description": "An optional suffix, usually an icon or icon button.",
1804
+ "description": "Used to append a presentational icon or similar element to the input.",
1908
1805
  "name": "suffix"
1909
1806
  },
1910
1807
  {
1911
- "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
1912
- "name": "separator"
1808
+ "description": "An icon to use in lieu of the default clear icon.",
1809
+ "name": "clear-icon"
1810
+ },
1811
+ {
1812
+ "description": "An icon to use in lieu of the default show password icon.",
1813
+ "name": "show-password-icon"
1814
+ },
1815
+ {
1816
+ "description": "An icon to use in lieu of the default hide password icon.",
1817
+ "name": "hide-password-icon"
1818
+ },
1819
+ {
1820
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
1821
+ "name": "help-text"
1913
1822
  }
1914
1823
  ],
1915
1824
  "members": [
1825
+ {
1826
+ "kind": "field",
1827
+ "name": "formControlController",
1828
+ "privacy": "private",
1829
+ "readonly": true,
1830
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
1831
+ },
1916
1832
  {
1917
1833
  "kind": "field",
1918
1834
  "name": "hasSlotController",
1919
1835
  "privacy": "private",
1920
1836
  "readonly": true,
1921
- "default": "new HasSlotController(this, 'prefix', 'suffix')"
1837
+ "default": "new HasSlotController(this, 'help-text', 'label')"
1922
1838
  },
1923
1839
  {
1924
1840
  "kind": "field",
1925
- "name": "href",
1841
+ "name": "hasFocus",
1926
1842
  "type": {
1927
- "text": "string | undefined"
1843
+ "text": "boolean"
1928
1844
  },
1929
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1930
- "attribute": "href"
1845
+ "privacy": "private",
1846
+ "default": "false"
1931
1847
  },
1932
1848
  {
1933
1849
  "kind": "field",
1934
- "name": "target",
1850
+ "name": "size",
1935
1851
  "type": {
1936
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1852
+ "text": "'small' | 'medium' | 'large'"
1937
1853
  },
1938
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1939
- "attribute": "target"
1854
+ "default": "'medium'",
1855
+ "description": "The input's size.",
1856
+ "attribute": "size",
1857
+ "reflects": true
1940
1858
  },
1941
1859
  {
1942
1860
  "kind": "field",
1943
- "name": "rel",
1861
+ "name": "filled",
1944
1862
  "type": {
1945
- "text": "string"
1863
+ "text": "boolean"
1946
1864
  },
1947
- "default": "'noreferrer noopener'",
1948
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1949
- "attribute": "rel"
1950
- }
1951
- ],
1952
- "attributes": [
1865
+ "default": "false",
1866
+ "description": "Draws a filled input.",
1867
+ "attribute": "filled",
1868
+ "reflects": true
1869
+ },
1953
1870
  {
1954
- "name": "href",
1871
+ "kind": "field",
1872
+ "name": "pill",
1955
1873
  "type": {
1956
- "text": "string | undefined"
1874
+ "text": "boolean"
1957
1875
  },
1958
- "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
1959
- "fieldName": "href"
1876
+ "default": "false",
1877
+ "description": "Draws a pill-style input with rounded edges.",
1878
+ "attribute": "pill",
1879
+ "reflects": true
1960
1880
  },
1961
1881
  {
1962
- "name": "target",
1882
+ "kind": "field",
1883
+ "name": "label",
1963
1884
  "type": {
1964
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
1885
+ "text": "string"
1965
1886
  },
1966
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
1967
- "fieldName": "target"
1887
+ "default": "''",
1888
+ "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
1889
+ "attribute": "label"
1968
1890
  },
1969
1891
  {
1970
- "name": "rel",
1892
+ "kind": "field",
1893
+ "name": "helpText",
1971
1894
  "type": {
1972
1895
  "text": "string"
1973
1896
  },
1974
- "default": "'noreferrer noopener'",
1975
- "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
1976
- "fieldName": "rel"
1977
- }
1978
- ],
1979
- "superclass": {
1980
- "name": "FlowRdfElement",
1981
- "module": "/src/internal/flow-ui-rdf-element"
1982
- },
1983
- "tagName": "flow-ui-breadcrumb-item",
1984
- "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
1985
- "customElement": true
1986
- }
1987
- ],
1988
- "exports": [
1989
- {
1990
- "kind": "js",
1991
- "name": "default",
1992
- "declaration": {
1993
- "name": "FlowUiBreadcrumbItem",
1994
- "module": "components/breadcrumb-item/breadcrumb-item.component.js"
1995
- }
1996
- }
1997
- ]
1998
- },
1999
- {
2000
- "kind": "javascript-module",
2001
- "path": "components/breadcrumb-item/breadcrumb-item.js",
2002
- "declarations": [],
2003
- "exports": [
2004
- {
2005
- "kind": "js",
2006
- "name": "default",
2007
- "declaration": {
2008
- "name": "FlowUiBreadcrumbItem",
2009
- "module": "components/breadcrumb-item/breadcrumb-item.js"
2010
- }
2011
- }
2012
- ]
2013
- },
2014
- {
2015
- "kind": "javascript-module",
2016
- "path": "components/busy-overlay/busy-overlay.component.js",
2017
- "declarations": [
2018
- {
2019
- "kind": "class",
2020
- "description": "",
2021
- "name": "FlowUiBusyOverlay",
2022
- "cssProperties": [
2023
- {
2024
- "description": "The delay after which the overlay is shown.",
2025
- "name": "--transition-delay"
2026
- },
2027
- {
2028
- "description": "The duration of the overlay's fade-in/out transition.",
2029
- "name": "--transition-duration"
2030
- },
2031
- {
2032
- "description": "The size of the default progress ring loading animation.",
2033
- "name": "--progress-ring-size"
2034
- },
2035
- {
2036
- "description": "The width of the default progress ring's track.",
2037
- "name": "--progress-ring-track-width"
2038
- },
2039
- {
2040
- "description": "The color of the default progress ring's track.",
2041
- "name": "--progress-ring-track-color"
2042
- },
2043
- {
2044
- "description": "The background color of the overlay.",
2045
- "name": "--overlay-background-color"
2046
- }
2047
- ],
2048
- "slots": [
2049
- {
2050
- "description": "The component to overlay with when busy.",
2051
- "name": ""
1897
+ "default": "''",
1898
+ "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
1899
+ "attribute": "help-text"
2052
1900
  },
2053
- {
2054
- "description": "The indeterminate custom loading animation to display when busy.",
2055
- "name": "busy-animation"
2056
- }
2057
- ],
2058
- "members": [
2059
1901
  {
2060
1902
  "kind": "field",
2061
- "name": "busy",
1903
+ "name": "disabled",
2062
1904
  "type": {
2063
1905
  "text": "boolean"
2064
1906
  },
2065
1907
  "default": "false",
2066
- "attribute": "busy",
1908
+ "description": "Disables the input.",
1909
+ "attribute": "disabled",
2067
1910
  "reflects": true
2068
1911
  },
2069
1912
  {
2070
1913
  "kind": "field",
2071
- "name": "variant",
1914
+ "name": "form",
2072
1915
  "type": {
2073
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
1916
+ "text": "string"
2074
1917
  },
2075
- "default": "'neutral'",
2076
- "description": "The default loading animation's theme variant.",
2077
- "attribute": "variant",
1918
+ "default": "''",
1919
+ "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.",
1920
+ "attribute": "form",
2078
1921
  "reflects": true
2079
1922
  },
2080
1923
  {
2081
1924
  "kind": "field",
2082
- "name": "size",
1925
+ "name": "required",
2083
1926
  "type": {
2084
- "text": "'small' | 'medium' | 'large'"
1927
+ "text": "boolean"
2085
1928
  },
2086
- "default": "'medium'",
2087
- "description": "Size of the loading animation",
2088
- "attribute": "size",
1929
+ "default": "false",
1930
+ "description": "Makes the input a required field.",
1931
+ "attribute": "required",
2089
1932
  "reflects": true
2090
1933
  },
2091
1934
  {
2092
1935
  "kind": "field",
2093
- "name": "overlayParent",
1936
+ "name": "inline",
2094
1937
  "type": {
2095
1938
  "text": "boolean"
2096
1939
  },
2097
1940
  "default": "false",
2098
- "description": "To overlay the parent element",
2099
- "attribute": "overlay-parent",
1941
+ "description": "Display the input in the 'inline' form control style.",
1942
+ "attribute": "inline",
2100
1943
  "reflects": true
2101
- }
2102
- ],
2103
- "attributes": [
1944
+ },
2104
1945
  {
2105
- "name": "busy",
1946
+ "kind": "field",
1947
+ "name": "divider",
2106
1948
  "type": {
2107
1949
  "text": "boolean"
2108
1950
  },
2109
1951
  "default": "false",
2110
- "fieldName": "busy"
1952
+ "description": "Indicates that the control should display a divider",
1953
+ "attribute": "divider",
1954
+ "reflects": true
2111
1955
  },
2112
1956
  {
2113
- "name": "variant",
2114
- "type": {
2115
- "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
2116
- },
2117
- "default": "'neutral'",
2118
- "description": "The default loading animation's theme variant.",
2119
- "fieldName": "variant"
2120
- },
2121
- {
2122
- "name": "size",
2123
- "type": {
2124
- "text": "'small' | 'medium' | 'large'"
2125
- },
2126
- "default": "'medium'",
2127
- "description": "Size of the loading animation",
2128
- "fieldName": "size"
2129
- },
2130
- {
2131
- "name": "overlay-parent",
2132
- "type": {
2133
- "text": "boolean"
2134
- },
2135
- "default": "false",
2136
- "description": "To overlay the parent element",
2137
- "fieldName": "overlayParent"
2138
- }
2139
- ],
2140
- "superclass": {
2141
- "name": "FlowRdfElement",
2142
- "module": "/src/internal/flow-ui-rdf-element"
2143
- },
2144
- "tagName": "flow-ui-busy-overlay",
2145
- "summary": "Busy overlay is used to indicate that a component which displays data is being currently updated.",
2146
- "dependencies": [
2147
- "flow-ui-progress-ring"
2148
- ],
2149
- "customElement": true
2150
- }
2151
- ],
2152
- "exports": [
2153
- {
2154
- "kind": "js",
2155
- "name": "default",
2156
- "declaration": {
2157
- "name": "FlowUiBusyOverlay",
2158
- "module": "components/busy-overlay/busy-overlay.component.js"
2159
- }
2160
- }
2161
- ]
2162
- },
2163
- {
2164
- "kind": "javascript-module",
2165
- "path": "components/busy-overlay/busy-overlay.js",
2166
- "declarations": [],
2167
- "exports": [
2168
- {
2169
- "kind": "js",
2170
- "name": "default",
2171
- "declaration": {
2172
- "name": "FlowUiBusyOverlay",
2173
- "module": "components/busy-overlay/busy-overlay.js"
2174
- }
2175
- }
2176
- ]
2177
- },
2178
- {
2179
- "kind": "javascript-module",
2180
- "path": "components/base-control/base-control.component.js",
2181
- "declarations": [
2182
- {
2183
- "kind": "class",
2184
- "description": "",
2185
- "name": "FlowUiBaseControl",
2186
- "cssParts": [
2187
- {
2188
- "description": "The form control that wraps the label, input, and help text.",
2189
- "name": "form-control"
1957
+ "kind": "field",
1958
+ "name": "validity",
1959
+ "description": "Gets the validity state object",
1960
+ "readonly": true
2190
1961
  },
2191
1962
  {
2192
- "description": "The label's wrapper.",
2193
- "name": "form-control-label"
1963
+ "kind": "field",
1964
+ "name": "validationMessage",
1965
+ "description": "Gets the validation message",
1966
+ "readonly": true
2194
1967
  },
2195
1968
  {
2196
- "description": "The input's wrapper.",
2197
- "name": "form-control-input"
1969
+ "kind": "method",
1970
+ "name": "handleBlur",
1971
+ "privacy": "private"
2198
1972
  },
2199
1973
  {
2200
- "description": "The help text's wrapper.",
2201
- "name": "form-control-help-text"
1974
+ "kind": "method",
1975
+ "name": "handleFocus",
1976
+ "privacy": "private"
2202
1977
  },
2203
1978
  {
2204
- "description": "The component's base wrapper.",
2205
- "name": "base"
1979
+ "kind": "method",
1980
+ "name": "focus",
1981
+ "parameters": [
1982
+ {
1983
+ "name": "options",
1984
+ "optional": true,
1985
+ "type": {
1986
+ "text": "FocusOptions"
1987
+ }
1988
+ }
1989
+ ],
1990
+ "description": "Sets focus on the input."
2206
1991
  },
2207
1992
  {
2208
- "description": "The internal `<input>` control.",
2209
- "name": "input"
1993
+ "kind": "method",
1994
+ "name": "blur",
1995
+ "description": "Removes focus from the input."
2210
1996
  },
2211
1997
  {
2212
- "description": "The container that wraps the prefix.",
2213
- "name": "prefix"
1998
+ "kind": "method",
1999
+ "name": "checkValidity",
2000
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
2214
2001
  },
2215
2002
  {
2216
- "description": "The clear button.",
2217
- "name": "clear-button"
2003
+ "kind": "method",
2004
+ "name": "getForm",
2005
+ "return": {
2006
+ "type": {
2007
+ "text": "HTMLFormElement | null"
2008
+ }
2009
+ },
2010
+ "description": "Gets the associated form, if one exists."
2218
2011
  },
2219
2012
  {
2220
- "description": "The password toggle button.",
2221
- "name": "password-toggle-button"
2013
+ "kind": "method",
2014
+ "name": "reportValidity",
2015
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
2222
2016
  },
2223
2017
  {
2224
- "description": "The container that wraps the suffix.",
2225
- "name": "suffix"
2018
+ "kind": "method",
2019
+ "name": "setCustomValidity",
2020
+ "parameters": [
2021
+ {
2022
+ "name": "message",
2023
+ "type": {
2024
+ "text": "string"
2025
+ }
2026
+ }
2027
+ ],
2028
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
2226
2029
  }
2227
2030
  ],
2228
- "slots": [
2229
- {
2230
- "description": "The input's label. Alternatively, you can use the `label` attribute.",
2231
- "name": "label"
2232
- },
2031
+ "events": [
2233
2032
  {
2234
- "description": "Used to prepend a presentational icon or similar element to the input.",
2235
- "name": "prefix"
2033
+ "description": "Emitted when the control loses focus.",
2034
+ "name": "flow-ui-blur",
2035
+ "reactName": "onFlowUiBlur"
2236
2036
  },
2237
2037
  {
2238
- "description": "Used to append a presentational icon or similar element to the input.",
2239
- "name": "suffix"
2038
+ "description": "Emitted when an alteration to the control's value is committed by the user.",
2039
+ "name": "flow-ui-change",
2040
+ "reactName": "onFlowUiChange"
2240
2041
  },
2241
2042
  {
2242
- "description": "An icon to use in lieu of the default clear icon.",
2243
- "name": "clear-icon"
2043
+ "description": "Emitted when the clear button is activated.",
2044
+ "name": "flow-ui-clear",
2045
+ "reactName": "onFlowUiClear"
2244
2046
  },
2245
2047
  {
2246
- "description": "An icon to use in lieu of the default show password icon.",
2247
- "name": "show-password-icon"
2048
+ "description": "Emitted when the control gains focus.",
2049
+ "name": "flow-ui-focus",
2050
+ "reactName": "onFlowUiFocus"
2248
2051
  },
2249
2052
  {
2250
- "description": "An icon to use in lieu of the default hide password icon.",
2251
- "name": "hide-password-icon"
2053
+ "description": "Emitted when the control receives input.",
2054
+ "name": "flow-ui-input",
2055
+ "reactName": "onFlowUiInput"
2252
2056
  },
2253
2057
  {
2254
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
2255
- "name": "help-text"
2058
+ "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
2059
+ "name": "flow-ui-invalid",
2060
+ "reactName": "onFlowUiInvalid"
2256
2061
  }
2257
2062
  ],
2258
- "members": [
2259
- {
2260
- "kind": "field",
2261
- "name": "formControlController",
2262
- "privacy": "private",
2263
- "readonly": true,
2264
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
2265
- },
2266
- {
2267
- "kind": "field",
2268
- "name": "hasSlotController",
2269
- "privacy": "private",
2270
- "readonly": true,
2271
- "default": "new HasSlotController(this, 'help-text', 'label')"
2272
- },
2273
- {
2274
- "kind": "field",
2275
- "name": "hasFocus",
2276
- "type": {
2277
- "text": "boolean"
2278
- },
2279
- "privacy": "private",
2280
- "default": "false"
2281
- },
2063
+ "attributes": [
2282
2064
  {
2283
- "kind": "field",
2284
2065
  "name": "size",
2285
2066
  "type": {
2286
2067
  "text": "'small' | 'medium' | 'large'"
2287
2068
  },
2288
2069
  "default": "'medium'",
2289
2070
  "description": "The input's size.",
2290
- "attribute": "size",
2291
- "reflects": true
2071
+ "fieldName": "size"
2292
2072
  },
2293
2073
  {
2294
- "kind": "field",
2295
2074
  "name": "filled",
2296
2075
  "type": {
2297
2076
  "text": "boolean"
2298
2077
  },
2299
2078
  "default": "false",
2300
2079
  "description": "Draws a filled input.",
2301
- "attribute": "filled",
2302
- "reflects": true
2080
+ "fieldName": "filled"
2303
2081
  },
2304
2082
  {
2305
- "kind": "field",
2306
2083
  "name": "pill",
2307
2084
  "type": {
2308
2085
  "text": "boolean"
2309
2086
  },
2310
2087
  "default": "false",
2311
2088
  "description": "Draws a pill-style input with rounded edges.",
2312
- "attribute": "pill",
2313
- "reflects": true
2089
+ "fieldName": "pill"
2314
2090
  },
2315
2091
  {
2316
- "kind": "field",
2317
2092
  "name": "label",
2318
2093
  "type": {
2319
2094
  "text": "string"
2320
2095
  },
2321
2096
  "default": "''",
2322
2097
  "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
2323
- "attribute": "label"
2098
+ "fieldName": "label"
2324
2099
  },
2325
2100
  {
2326
- "kind": "field",
2327
- "name": "helpText",
2101
+ "name": "help-text",
2328
2102
  "type": {
2329
2103
  "text": "string"
2330
2104
  },
2331
2105
  "default": "''",
2332
2106
  "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
2333
- "attribute": "help-text"
2107
+ "fieldName": "helpText"
2334
2108
  },
2335
2109
  {
2336
- "kind": "field",
2337
2110
  "name": "disabled",
2338
2111
  "type": {
2339
2112
  "text": "boolean"
2340
2113
  },
2341
2114
  "default": "false",
2342
2115
  "description": "Disables the input.",
2343
- "attribute": "disabled",
2344
- "reflects": true
2116
+ "fieldName": "disabled"
2345
2117
  },
2346
2118
  {
2347
- "kind": "field",
2348
2119
  "name": "form",
2349
2120
  "type": {
2350
2121
  "text": "string"
2351
2122
  },
2352
2123
  "default": "''",
2353
2124
  "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.",
2354
- "attribute": "form",
2355
- "reflects": true
2125
+ "fieldName": "form"
2356
2126
  },
2357
2127
  {
2358
- "kind": "field",
2359
2128
  "name": "required",
2360
2129
  "type": {
2361
2130
  "text": "boolean"
2362
2131
  },
2363
2132
  "default": "false",
2364
2133
  "description": "Makes the input a required field.",
2365
- "attribute": "required",
2366
- "reflects": true
2134
+ "fieldName": "required"
2367
2135
  },
2368
2136
  {
2369
- "kind": "field",
2370
2137
  "name": "inline",
2371
2138
  "type": {
2372
2139
  "text": "boolean"
2373
2140
  },
2374
2141
  "default": "false",
2375
2142
  "description": "Display the input in the 'inline' form control style.",
2376
- "attribute": "inline",
2377
- "reflects": true
2143
+ "fieldName": "inline"
2378
2144
  },
2379
2145
  {
2380
- "kind": "field",
2381
2146
  "name": "divider",
2382
2147
  "type": {
2383
2148
  "text": "boolean"
2384
2149
  },
2385
2150
  "default": "false",
2386
2151
  "description": "Indicates that the control should display a divider",
2387
- "attribute": "divider",
2388
- "reflects": true
2389
- },
2390
- {
2391
- "kind": "field",
2392
- "name": "validity",
2393
- "description": "Gets the validity state object",
2394
- "readonly": true
2395
- },
2396
- {
2397
- "kind": "field",
2398
- "name": "validationMessage",
2399
- "description": "Gets the validation message",
2400
- "readonly": true
2152
+ "fieldName": "divider"
2153
+ }
2154
+ ],
2155
+ "superclass": {
2156
+ "name": "FlowRdfFormControl",
2157
+ "module": "/src/internal/flow-ui-rdf-element"
2158
+ },
2159
+ "tagName": "flow-ui-base-control",
2160
+ "summary": "Inputs collect data from the user.",
2161
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
2162
+ "status": "stable",
2163
+ "since": "2.0",
2164
+ "dependencies": [
2165
+ "flow-ui-icon",
2166
+ "flow-ui-icon-button"
2167
+ ],
2168
+ "customElement": true
2169
+ }
2170
+ ],
2171
+ "exports": [
2172
+ {
2173
+ "kind": "js",
2174
+ "name": "default",
2175
+ "declaration": {
2176
+ "name": "FlowUiBaseControl",
2177
+ "module": "components/base-control/base-control.component.js"
2178
+ }
2179
+ }
2180
+ ]
2181
+ },
2182
+ {
2183
+ "kind": "javascript-module",
2184
+ "path": "components/base-control/base-control.js",
2185
+ "declarations": [],
2186
+ "exports": [
2187
+ {
2188
+ "kind": "js",
2189
+ "name": "*",
2190
+ "declaration": {
2191
+ "name": "*",
2192
+ "package": "./base-control.component"
2193
+ }
2194
+ },
2195
+ {
2196
+ "kind": "js",
2197
+ "name": "default",
2198
+ "declaration": {
2199
+ "name": "FlowUiBaseControl",
2200
+ "module": "components/base-control/base-control.js"
2201
+ }
2202
+ }
2203
+ ]
2204
+ },
2205
+ {
2206
+ "kind": "javascript-module",
2207
+ "path": "components/breadcrumb-item/breadcrumb-item.component.js",
2208
+ "declarations": [
2209
+ {
2210
+ "kind": "class",
2211
+ "description": "",
2212
+ "name": "FlowUiBreadcrumbItem",
2213
+ "cssParts": [
2214
+ {
2215
+ "description": "The component's base wrapper.",
2216
+ "name": "base"
2401
2217
  },
2402
2218
  {
2403
- "kind": "method",
2404
- "name": "handleBlur",
2405
- "privacy": "private"
2219
+ "description": "The breadcrumb item's label.",
2220
+ "name": "label"
2406
2221
  },
2407
2222
  {
2408
- "kind": "method",
2409
- "name": "handleFocus",
2410
- "privacy": "private"
2223
+ "description": "The container that wraps the prefix.",
2224
+ "name": "prefix"
2411
2225
  },
2412
2226
  {
2413
- "kind": "method",
2414
- "name": "focus",
2415
- "parameters": [
2416
- {
2417
- "name": "options",
2418
- "optional": true,
2419
- "type": {
2420
- "text": "FocusOptions"
2421
- }
2422
- }
2423
- ],
2424
- "description": "Sets focus on the input."
2227
+ "description": "The container that wraps the suffix.",
2228
+ "name": "suffix"
2425
2229
  },
2426
2230
  {
2427
- "kind": "method",
2428
- "name": "blur",
2429
- "description": "Removes focus from the input."
2231
+ "description": "The container that wraps the separator.",
2232
+ "name": "separator"
2233
+ }
2234
+ ],
2235
+ "slots": [
2236
+ {
2237
+ "description": "The breadcrumb item's label.",
2238
+ "name": ""
2430
2239
  },
2431
2240
  {
2432
- "kind": "method",
2433
- "name": "checkValidity",
2434
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
2241
+ "description": "An optional prefix, usually an icon or icon button.",
2242
+ "name": "prefix"
2435
2243
  },
2436
2244
  {
2437
- "kind": "method",
2438
- "name": "getForm",
2439
- "return": {
2440
- "type": {
2441
- "text": "HTMLFormElement | null"
2442
- }
2245
+ "description": "An optional suffix, usually an icon or icon button.",
2246
+ "name": "suffix"
2247
+ },
2248
+ {
2249
+ "description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
2250
+ "name": "separator"
2251
+ }
2252
+ ],
2253
+ "members": [
2254
+ {
2255
+ "kind": "field",
2256
+ "name": "hasSlotController",
2257
+ "privacy": "private",
2258
+ "readonly": true,
2259
+ "default": "new HasSlotController(this, 'prefix', 'suffix')"
2260
+ },
2261
+ {
2262
+ "kind": "field",
2263
+ "name": "href",
2264
+ "type": {
2265
+ "text": "string | undefined"
2443
2266
  },
2444
- "description": "Gets the associated form, if one exists."
2267
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
2268
+ "attribute": "href"
2445
2269
  },
2446
2270
  {
2447
- "kind": "method",
2448
- "name": "reportValidity",
2449
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
2271
+ "kind": "field",
2272
+ "name": "target",
2273
+ "type": {
2274
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
2275
+ },
2276
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
2277
+ "attribute": "target"
2450
2278
  },
2451
2279
  {
2452
- "kind": "method",
2453
- "name": "setCustomValidity",
2454
- "parameters": [
2455
- {
2456
- "name": "message",
2457
- "type": {
2458
- "text": "string"
2459
- }
2460
- }
2461
- ],
2462
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
2280
+ "kind": "field",
2281
+ "name": "rel",
2282
+ "type": {
2283
+ "text": "string"
2284
+ },
2285
+ "default": "'noreferrer noopener'",
2286
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
2287
+ "attribute": "rel"
2463
2288
  }
2464
2289
  ],
2465
- "events": [
2290
+ "attributes": [
2466
2291
  {
2467
- "description": "Emitted when the control loses focus.",
2468
- "name": "flow-ui-blur",
2469
- "reactName": "onFlowUiBlur"
2292
+ "name": "href",
2293
+ "type": {
2294
+ "text": "string | undefined"
2295
+ },
2296
+ "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
2297
+ "fieldName": "href"
2470
2298
  },
2471
2299
  {
2472
- "description": "Emitted when an alteration to the control's value is committed by the user.",
2473
- "name": "flow-ui-change",
2474
- "reactName": "onFlowUiChange"
2300
+ "name": "target",
2301
+ "type": {
2302
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
2303
+ },
2304
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
2305
+ "fieldName": "target"
2475
2306
  },
2476
2307
  {
2477
- "description": "Emitted when the clear button is activated.",
2478
- "name": "flow-ui-clear",
2479
- "reactName": "onFlowUiClear"
2308
+ "name": "rel",
2309
+ "type": {
2310
+ "text": "string"
2311
+ },
2312
+ "default": "'noreferrer noopener'",
2313
+ "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
2314
+ "fieldName": "rel"
2315
+ }
2316
+ ],
2317
+ "superclass": {
2318
+ "name": "FlowRdfElement",
2319
+ "module": "/src/internal/flow-ui-rdf-element"
2320
+ },
2321
+ "tagName": "flow-ui-breadcrumb-item",
2322
+ "summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
2323
+ "customElement": true
2324
+ }
2325
+ ],
2326
+ "exports": [
2327
+ {
2328
+ "kind": "js",
2329
+ "name": "default",
2330
+ "declaration": {
2331
+ "name": "FlowUiBreadcrumbItem",
2332
+ "module": "components/breadcrumb-item/breadcrumb-item.component.js"
2333
+ }
2334
+ }
2335
+ ]
2336
+ },
2337
+ {
2338
+ "kind": "javascript-module",
2339
+ "path": "components/breadcrumb-item/breadcrumb-item.js",
2340
+ "declarations": [],
2341
+ "exports": [
2342
+ {
2343
+ "kind": "js",
2344
+ "name": "default",
2345
+ "declaration": {
2346
+ "name": "FlowUiBreadcrumbItem",
2347
+ "module": "components/breadcrumb-item/breadcrumb-item.js"
2348
+ }
2349
+ }
2350
+ ]
2351
+ },
2352
+ {
2353
+ "kind": "javascript-module",
2354
+ "path": "components/breadcrumb/breadcrumb.component.js",
2355
+ "declarations": [
2356
+ {
2357
+ "kind": "class",
2358
+ "description": "",
2359
+ "name": "FlowUiBreadcrumb",
2360
+ "cssParts": [
2361
+ {
2362
+ "description": "The component's base wrapper.",
2363
+ "name": "base"
2364
+ }
2365
+ ],
2366
+ "slots": [
2367
+ {
2368
+ "description": "One or more breadcrumb items to display.",
2369
+ "name": ""
2480
2370
  },
2481
2371
  {
2482
- "description": "Emitted when the control gains focus.",
2483
- "name": "flow-ui-focus",
2484
- "reactName": "onFlowUiFocus"
2372
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
2373
+ "name": "separator"
2374
+ }
2375
+ ],
2376
+ "members": [
2377
+ {
2378
+ "kind": "field",
2379
+ "name": "localize",
2380
+ "privacy": "private",
2381
+ "readonly": true,
2382
+ "default": "new LocalizeController(this)"
2485
2383
  },
2486
2384
  {
2487
- "description": "Emitted when the control receives input.",
2488
- "name": "flow-ui-input",
2489
- "reactName": "onFlowUiInput"
2385
+ "kind": "field",
2386
+ "name": "separatorDir",
2387
+ "privacy": "private"
2490
2388
  },
2491
2389
  {
2492
- "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
2493
- "name": "flow-ui-invalid",
2494
- "reactName": "onFlowUiInvalid"
2390
+ "kind": "field",
2391
+ "name": "defaultSlot",
2392
+ "type": {
2393
+ "text": "HTMLSlotElement"
2394
+ },
2395
+ "privacy": "private"
2396
+ },
2397
+ {
2398
+ "kind": "field",
2399
+ "name": "separatorSlot",
2400
+ "type": {
2401
+ "text": "HTMLSlotElement"
2402
+ },
2403
+ "privacy": "private"
2404
+ },
2405
+ {
2406
+ "kind": "field",
2407
+ "name": "label",
2408
+ "type": {
2409
+ "text": "string"
2410
+ },
2411
+ "default": "''",
2412
+ "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.",
2413
+ "attribute": "label"
2414
+ },
2415
+ {
2416
+ "kind": "method",
2417
+ "name": "getSeparator",
2418
+ "privacy": "private"
2419
+ },
2420
+ {
2421
+ "kind": "method",
2422
+ "name": "handleSlotChange",
2423
+ "privacy": "private"
2495
2424
  }
2496
2425
  ],
2497
2426
  "attributes": [
2498
2427
  {
2499
- "name": "size",
2428
+ "name": "label",
2500
2429
  "type": {
2501
- "text": "'small' | 'medium' | 'large'"
2430
+ "text": "string"
2502
2431
  },
2503
- "default": "'medium'",
2504
- "description": "The input's size.",
2505
- "fieldName": "size"
2432
+ "default": "''",
2433
+ "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.",
2434
+ "fieldName": "label"
2435
+ }
2436
+ ],
2437
+ "superclass": {
2438
+ "name": "FlowRdfElement",
2439
+ "module": "/src/internal/flow-ui-rdf-element"
2440
+ },
2441
+ "tagName": "flow-ui-breadcrumb",
2442
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2443
+ "dependencies": [
2444
+ "flow-ui-icon"
2445
+ ],
2446
+ "customElement": true
2447
+ }
2448
+ ],
2449
+ "exports": [
2450
+ {
2451
+ "kind": "js",
2452
+ "name": "default",
2453
+ "declaration": {
2454
+ "name": "FlowUiBreadcrumb",
2455
+ "module": "components/breadcrumb/breadcrumb.component.js"
2456
+ }
2457
+ }
2458
+ ]
2459
+ },
2460
+ {
2461
+ "kind": "javascript-module",
2462
+ "path": "components/breadcrumb/breadcrumb.js",
2463
+ "declarations": [],
2464
+ "exports": [
2465
+ {
2466
+ "kind": "js",
2467
+ "name": "default",
2468
+ "declaration": {
2469
+ "name": "FlowUiBreadcrumb",
2470
+ "module": "components/breadcrumb/breadcrumb.js"
2471
+ }
2472
+ }
2473
+ ]
2474
+ },
2475
+ {
2476
+ "kind": "javascript-module",
2477
+ "path": "components/busy-overlay/busy-overlay.component.js",
2478
+ "declarations": [
2479
+ {
2480
+ "kind": "class",
2481
+ "description": "",
2482
+ "name": "FlowUiBusyOverlay",
2483
+ "cssProperties": [
2484
+ {
2485
+ "description": "The delay after which the overlay is shown.",
2486
+ "name": "--transition-delay"
2506
2487
  },
2507
2488
  {
2508
- "name": "filled",
2509
- "type": {
2510
- "text": "boolean"
2511
- },
2512
- "default": "false",
2513
- "description": "Draws a filled input.",
2514
- "fieldName": "filled"
2489
+ "description": "The duration of the overlay's fade-in/out transition.",
2490
+ "name": "--transition-duration"
2491
+ },
2492
+ {
2493
+ "description": "The size of the default progress ring loading animation.",
2494
+ "name": "--progress-ring-size"
2495
+ },
2496
+ {
2497
+ "description": "The width of the default progress ring's track.",
2498
+ "name": "--progress-ring-track-width"
2499
+ },
2500
+ {
2501
+ "description": "The color of the default progress ring's track.",
2502
+ "name": "--progress-ring-track-color"
2503
+ },
2504
+ {
2505
+ "description": "The background color of the overlay.",
2506
+ "name": "--overlay-background-color"
2507
+ }
2508
+ ],
2509
+ "slots": [
2510
+ {
2511
+ "description": "The component to overlay with when busy.",
2512
+ "name": ""
2515
2513
  },
2516
2514
  {
2517
- "name": "pill",
2515
+ "description": "The indeterminate custom loading animation to display when busy.",
2516
+ "name": "busy-animation"
2517
+ }
2518
+ ],
2519
+ "members": [
2520
+ {
2521
+ "kind": "field",
2522
+ "name": "busy",
2518
2523
  "type": {
2519
2524
  "text": "boolean"
2520
2525
  },
2521
2526
  "default": "false",
2522
- "description": "Draws a pill-style input with rounded edges.",
2523
- "fieldName": "pill"
2527
+ "attribute": "busy",
2528
+ "reflects": true
2524
2529
  },
2525
2530
  {
2526
- "name": "label",
2531
+ "kind": "field",
2532
+ "name": "variant",
2527
2533
  "type": {
2528
- "text": "string"
2534
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
2529
2535
  },
2530
- "default": "''",
2531
- "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
2532
- "fieldName": "label"
2536
+ "default": "'neutral'",
2537
+ "description": "The default loading animation's theme variant.",
2538
+ "attribute": "variant",
2539
+ "reflects": true
2533
2540
  },
2534
2541
  {
2535
- "name": "help-text",
2542
+ "kind": "field",
2543
+ "name": "size",
2536
2544
  "type": {
2537
- "text": "string"
2545
+ "text": "'small' | 'medium' | 'large'"
2538
2546
  },
2539
- "default": "''",
2540
- "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
2541
- "fieldName": "helpText"
2547
+ "default": "'medium'",
2548
+ "description": "Size of the loading animation",
2549
+ "attribute": "size",
2550
+ "reflects": true
2542
2551
  },
2543
2552
  {
2544
- "name": "disabled",
2553
+ "kind": "field",
2554
+ "name": "overlayParent",
2545
2555
  "type": {
2546
2556
  "text": "boolean"
2547
2557
  },
2548
2558
  "default": "false",
2549
- "description": "Disables the input.",
2550
- "fieldName": "disabled"
2551
- },
2559
+ "description": "To overlay the parent element",
2560
+ "attribute": "overlay-parent",
2561
+ "reflects": true
2562
+ }
2563
+ ],
2564
+ "attributes": [
2552
2565
  {
2553
- "name": "form",
2566
+ "name": "busy",
2554
2567
  "type": {
2555
- "text": "string"
2568
+ "text": "boolean"
2556
2569
  },
2557
- "default": "''",
2558
- "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.",
2559
- "fieldName": "form"
2570
+ "default": "false",
2571
+ "fieldName": "busy"
2560
2572
  },
2561
2573
  {
2562
- "name": "required",
2574
+ "name": "variant",
2563
2575
  "type": {
2564
- "text": "boolean"
2576
+ "text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
2565
2577
  },
2566
- "default": "false",
2567
- "description": "Makes the input a required field.",
2568
- "fieldName": "required"
2578
+ "default": "'neutral'",
2579
+ "description": "The default loading animation's theme variant.",
2580
+ "fieldName": "variant"
2569
2581
  },
2570
2582
  {
2571
- "name": "inline",
2583
+ "name": "size",
2572
2584
  "type": {
2573
- "text": "boolean"
2585
+ "text": "'small' | 'medium' | 'large'"
2574
2586
  },
2575
- "default": "false",
2576
- "description": "Display the input in the 'inline' form control style.",
2577
- "fieldName": "inline"
2587
+ "default": "'medium'",
2588
+ "description": "Size of the loading animation",
2589
+ "fieldName": "size"
2578
2590
  },
2579
2591
  {
2580
- "name": "divider",
2592
+ "name": "overlay-parent",
2581
2593
  "type": {
2582
2594
  "text": "boolean"
2583
2595
  },
2584
2596
  "default": "false",
2585
- "description": "Indicates that the control should display a divider",
2586
- "fieldName": "divider"
2597
+ "description": "To overlay the parent element",
2598
+ "fieldName": "overlayParent"
2587
2599
  }
2588
2600
  ],
2589
2601
  "superclass": {
2590
- "name": "FlowRdfFormControl",
2602
+ "name": "FlowRdfElement",
2591
2603
  "module": "/src/internal/flow-ui-rdf-element"
2592
2604
  },
2593
- "tagName": "flow-ui-base-control",
2594
- "summary": "Inputs collect data from the user.",
2595
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/input",
2596
- "status": "stable",
2597
- "since": "2.0",
2605
+ "tagName": "flow-ui-busy-overlay",
2606
+ "summary": "Busy overlay is used to indicate that a component which displays data is being currently updated.",
2598
2607
  "dependencies": [
2599
- "flow-ui-icon",
2600
- "flow-ui-icon-button"
2608
+ "flow-ui-progress-ring"
2601
2609
  ],
2602
2610
  "customElement": true
2603
2611
  }
@@ -2607,31 +2615,23 @@
2607
2615
  "kind": "js",
2608
2616
  "name": "default",
2609
2617
  "declaration": {
2610
- "name": "FlowUiBaseControl",
2611
- "module": "components/base-control/base-control.component.js"
2618
+ "name": "FlowUiBusyOverlay",
2619
+ "module": "components/busy-overlay/busy-overlay.component.js"
2612
2620
  }
2613
2621
  }
2614
2622
  ]
2615
2623
  },
2616
2624
  {
2617
2625
  "kind": "javascript-module",
2618
- "path": "components/base-control/base-control.js",
2626
+ "path": "components/busy-overlay/busy-overlay.js",
2619
2627
  "declarations": [],
2620
2628
  "exports": [
2621
- {
2622
- "kind": "js",
2623
- "name": "*",
2624
- "declaration": {
2625
- "name": "*",
2626
- "package": "./base-control.component"
2627
- }
2628
- },
2629
2629
  {
2630
2630
  "kind": "js",
2631
2631
  "name": "default",
2632
2632
  "declaration": {
2633
- "name": "FlowUiBaseControl",
2634
- "module": "components/base-control/base-control.js"
2633
+ "name": "FlowUiBusyOverlay",
2634
+ "module": "components/busy-overlay/busy-overlay.js"
2635
2635
  }
2636
2636
  }
2637
2637
  ]
@@ -16981,34 +16981,12 @@
16981
16981
  },
16982
16982
  {
16983
16983
  "kind": "javascript-module",
16984
- "path": "components/range/range.component.js",
16984
+ "path": "components/radio-group/radio-group.component.js",
16985
16985
  "declarations": [
16986
16986
  {
16987
16987
  "kind": "class",
16988
16988
  "description": "",
16989
- "name": "FlowUiRange",
16990
- "cssProperties": [
16991
- {
16992
- "description": "The size of the thumb.",
16993
- "name": "--thumb-size"
16994
- },
16995
- {
16996
- "description": "The color of the portion of the track that represents the current value.",
16997
- "name": "--track-color-active"
16998
- },
16999
- {
17000
- "description": "The of the portion of the track that represents the remaining value.",
17001
- "name": "--track-color-inactive"
17002
- },
17003
- {
17004
- "description": "The height of the track.",
17005
- "name": "--track-height"
17006
- },
17007
- {
17008
- "description": "The point of origin of the active track.",
17009
- "name": "--track-active-offset"
17010
- }
17011
- ],
16989
+ "name": "FlowUiRadioGroup",
17012
16990
  "cssParts": [
17013
16991
  {
17014
16992
  "description": "The form control that wraps the label, input, and help text.",
@@ -17019,7 +16997,7 @@
17019
16997
  "name": "form-control-label"
17020
16998
  },
17021
16999
  {
17022
- "description": "The range's wrapper.",
17000
+ "description": "The input's wrapper.",
17023
17001
  "name": "form-control-input"
17024
17002
  },
17025
17003
  {
@@ -17027,29 +17005,29 @@
17027
17005
  "name": "form-control-help-text"
17028
17006
  },
17029
17007
  {
17030
- "description": "The component's base wrapper.",
17031
- "name": "base"
17008
+ "description": "The button group that wraps radio buttons.",
17009
+ "name": "button-group"
17032
17010
  },
17033
17011
  {
17034
- "description": "The range's number input control.",
17035
- "name": "number-input"
17012
+ "description": "The button group's `base` part.",
17013
+ "name": "button-group__base"
17036
17014
  }
17037
17015
  ],
17038
17016
  "slots": [
17039
17017
  {
17040
- "description": "The range's label. Alternatively, you can use the `label` attribute.",
17041
- "name": "label"
17018
+ "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
17019
+ "name": ""
17042
17020
  },
17043
17021
  {
17044
- "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
17045
- "name": "help-text"
17022
+ "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
17023
+ "name": "label"
17046
17024
  }
17047
17025
  ],
17048
17026
  "members": [
17049
17027
  {
17050
17028
  "kind": "field",
17051
17029
  "name": "formControlController",
17052
- "privacy": "private",
17030
+ "privacy": "protected",
17053
17031
  "readonly": true,
17054
17032
  "default": "new FormControlController(this)"
17055
17033
  },
@@ -17058,62 +17036,33 @@
17058
17036
  "name": "hasSlotController",
17059
17037
  "privacy": "private",
17060
17038
  "readonly": true,
17061
- "default": "new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix')"
17062
- },
17063
- {
17064
- "kind": "field",
17065
- "name": "localize",
17066
- "privacy": "private",
17067
- "readonly": true,
17068
- "default": "new LocalizeController(this)"
17069
- },
17070
- {
17071
- "kind": "field",
17072
- "name": "resizeObserver",
17073
- "type": {
17074
- "text": "ResizeObserver"
17075
- },
17076
- "privacy": "private"
17077
- },
17078
- {
17079
- "kind": "field",
17080
- "name": "hasFocus",
17081
- "type": {
17082
- "text": "boolean"
17083
- },
17084
- "privacy": "private",
17085
- "default": "false"
17039
+ "default": "new HasSlotController(this, 'help-text', 'label')"
17086
17040
  },
17087
17041
  {
17088
17042
  "kind": "field",
17089
- "name": "name",
17043
+ "name": "customValidityMessage",
17090
17044
  "type": {
17091
17045
  "text": "string"
17092
17046
  },
17093
- "default": "''",
17094
- "description": "The name of the range, submitted as a name/value pair with form data.",
17095
- "attribute": "name"
17047
+ "privacy": "private",
17048
+ "default": "''"
17096
17049
  },
17097
17050
  {
17098
17051
  "kind": "field",
17099
- "name": "value",
17052
+ "name": "validationTimeout",
17100
17053
  "type": {
17101
17054
  "text": "number"
17102
17055
  },
17103
- "default": "0",
17104
- "description": "The current value of the range, submitted as a name/value pair with form data.",
17105
- "attribute": "value"
17056
+ "privacy": "private"
17106
17057
  },
17107
17058
  {
17108
17059
  "kind": "field",
17109
- "name": "size",
17060
+ "name": "errorMessage",
17110
17061
  "type": {
17111
- "text": "'small' | 'medium' | 'large'"
17062
+ "text": "string"
17112
17063
  },
17113
- "default": "'medium'",
17114
- "description": "The input's size.",
17115
- "attribute": "size",
17116
- "reflects": true
17064
+ "privacy": "private",
17065
+ "default": "''"
17117
17066
  },
17118
17067
  {
17119
17068
  "kind": "field",
@@ -17122,7 +17071,7 @@
17122
17071
  "text": "string"
17123
17072
  },
17124
17073
  "default": "''",
17125
- "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
17074
+ "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
17126
17075
  "attribute": "label"
17127
17076
  },
17128
17077
  {
@@ -17132,99 +17081,72 @@
17132
17081
  "text": "string"
17133
17082
  },
17134
17083
  "default": "''",
17135
- "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
17084
+ "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
17136
17085
  "attribute": "help-text"
17137
17086
  },
17138
17087
  {
17139
17088
  "kind": "field",
17140
- "name": "disabled",
17141
- "type": {
17142
- "text": "boolean"
17143
- },
17144
- "default": "false",
17145
- "description": "Disables the range.",
17146
- "attribute": "disabled",
17147
- "reflects": true
17148
- },
17149
- {
17150
- "kind": "field",
17151
- "name": "min",
17152
- "type": {
17153
- "text": "number"
17154
- },
17155
- "default": "0",
17156
- "description": "The minimum acceptable value of the range.",
17157
- "attribute": "min"
17158
- },
17159
- {
17160
- "kind": "field",
17161
- "name": "max",
17162
- "type": {
17163
- "text": "number"
17164
- },
17165
- "default": "100",
17166
- "description": "The maximum acceptable value of the range.",
17167
- "attribute": "max"
17168
- },
17169
- {
17170
- "kind": "field",
17171
- "name": "step",
17089
+ "name": "name",
17172
17090
  "type": {
17173
- "text": "number"
17091
+ "text": "string"
17174
17092
  },
17175
- "default": "1",
17176
- "description": "The interval at which the range will increase and decrease.",
17177
- "attribute": "step"
17093
+ "default": "'option'",
17094
+ "description": "The name of the radio group, submitted as a name/value pair with form data.",
17095
+ "attribute": "name"
17178
17096
  },
17179
17097
  {
17180
17098
  "kind": "field",
17181
- "name": "format",
17099
+ "name": "value",
17182
17100
  "type": {
17183
17101
  "text": "string"
17184
17102
  },
17185
17103
  "default": "''",
17186
- "description": "Number format to use for numeric display. (D3 format string)",
17187
- "attribute": "format"
17104
+ "description": "The current value of the radio group, submitted as a name/value pair with form data.",
17105
+ "attribute": "value",
17106
+ "reflects": true
17188
17107
  },
17189
17108
  {
17190
17109
  "kind": "field",
17191
- "name": "form",
17110
+ "name": "size",
17192
17111
  "type": {
17193
- "text": "string"
17112
+ "text": "'small' | 'medium' | 'large'"
17194
17113
  },
17195
- "default": "''",
17196
- "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.",
17197
- "attribute": "form",
17114
+ "default": "'medium'",
17115
+ "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
17116
+ "attribute": "size",
17198
17117
  "reflects": true
17199
17118
  },
17200
17119
  {
17201
17120
  "kind": "field",
17202
- "name": "defaultValue",
17121
+ "name": "reverse",
17203
17122
  "type": {
17204
- "text": "number"
17123
+ "text": "boolean"
17205
17124
  },
17206
- "default": "0",
17207
- "description": "The default value of the form control. Primarily used for resetting the form control."
17125
+ "default": "false",
17126
+ "description": "Display the radios using a reversed style with left-aligned labels.",
17127
+ "attribute": "reverse",
17128
+ "reflects": true
17208
17129
  },
17209
17130
  {
17210
17131
  "kind": "field",
17211
- "name": "inline",
17132
+ "name": "form",
17212
17133
  "type": {
17213
- "text": "boolean"
17134
+ "text": "string"
17214
17135
  },
17215
- "default": "false",
17216
- "description": "Display the control in the 'inline' form control style.",
17217
- "attribute": "inline",
17136
+ "default": "''",
17137
+ "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.",
17138
+ "attribute": "form",
17218
17139
  "reflects": true
17219
17140
  },
17220
17141
  {
17221
17142
  "kind": "field",
17222
- "name": "noInput",
17143
+ "name": "required",
17223
17144
  "type": {
17224
17145
  "text": "boolean"
17225
17146
  },
17226
17147
  "default": "false",
17227
- "attribute": "no-input",
17148
+ "description": "Ensures a child radio is checked before allowing the containing form to submit.",
17149
+ "attribute": "required",
17228
17150
  "reflects": true
17229
17151
  },
17230
17152
  {
@@ -17241,87 +17163,43 @@
17241
17163
  },
17242
17164
  {
17243
17165
  "kind": "method",
17244
- "name": "handleRangeChange",
17245
- "privacy": "private",
17246
- "parameters": [
17247
- {
17248
- "name": "event",
17249
- "type": {
17250
- "text": "Event"
17251
- }
17252
- }
17253
- ]
17254
- },
17255
- {
17256
- "kind": "method",
17257
- "name": "handleRangeInput",
17258
- "privacy": "private",
17259
- "parameters": [
17260
- {
17261
- "name": "event",
17262
- "type": {
17263
- "text": "Event"
17264
- }
17265
- }
17266
- ]
17267
- },
17268
- {
17269
- "kind": "method",
17270
- "name": "handleNumberChange",
17166
+ "name": "getAllRadios",
17271
17167
  "privacy": "private"
17272
17168
  },
17273
17169
  {
17274
17170
  "kind": "method",
17275
- "name": "handleBlur",
17171
+ "name": "handleRadioClick",
17276
17172
  "privacy": "private",
17277
17173
  "parameters": [
17278
17174
  {
17279
17175
  "name": "event",
17280
17176
  "type": {
17281
- "text": "FocusEvent"
17177
+ "text": "MouseEvent"
17282
17178
  }
17283
17179
  }
17284
17180
  ]
17285
17181
  },
17286
17182
  {
17287
17183
  "kind": "method",
17288
- "name": "handleFocus",
17184
+ "name": "handleKeyDown",
17289
17185
  "privacy": "private",
17290
17186
  "parameters": [
17291
17187
  {
17292
17188
  "name": "event",
17293
17189
  "type": {
17294
- "text": "FocusEvent"
17190
+ "text": "KeyboardEvent"
17295
17191
  }
17296
17192
  }
17297
17193
  ]
17298
17194
  },
17299
17195
  {
17300
17196
  "kind": "method",
17301
- "name": "handleThumbDragStart",
17302
- "privacy": "private"
17303
- },
17304
- {
17305
- "kind": "method",
17306
- "name": "handleThumbDragEnd",
17197
+ "name": "handleLabelClick",
17307
17198
  "privacy": "private"
17308
17199
  },
17309
17200
  {
17310
17201
  "kind": "method",
17311
- "name": "syncProgress",
17312
- "privacy": "private",
17313
- "parameters": [
17314
- {
17315
- "name": "percent",
17316
- "type": {
17317
- "text": "number"
17318
- }
17319
- }
17320
- ]
17321
- },
17322
- {
17323
- "kind": "method",
17324
- "name": "handleRangeInvalid",
17202
+ "name": "handleInvalid",
17325
17203
  "privacy": "private",
17326
17204
  "parameters": [
17327
17205
  {
@@ -17334,32 +17212,13 @@
17334
17212
  },
17335
17213
  {
17336
17214
  "kind": "method",
17337
- "name": "focus",
17338
- "parameters": [
17339
- {
17340
- "name": "options",
17341
- "optional": true,
17342
- "type": {
17343
- "text": "FocusOptions"
17344
- }
17345
- }
17346
- ],
17347
- "description": "Sets focus on the range."
17348
- },
17349
- {
17350
- "kind": "method",
17351
- "name": "blur",
17352
- "description": "Removes focus from the range."
17353
- },
17354
- {
17355
- "kind": "method",
17356
- "name": "stepUp",
17357
- "description": "Increments the value of the range by the value of the step attribute."
17215
+ "name": "syncRadios",
17216
+ "privacy": "private"
17358
17217
  },
17359
17218
  {
17360
17219
  "kind": "method",
17361
- "name": "stepDown",
17362
- "description": "Decrements the value of the range by the value of the step attribute."
17220
+ "name": "updateCheckedRadio",
17221
+ "privacy": "private"
17363
17222
  },
17364
17223
  {
17365
17224
  "kind": "method",
@@ -17379,6 +17238,11 @@
17379
17238
  {
17380
17239
  "kind": "method",
17381
17240
  "name": "reportValidity",
17241
+ "return": {
17242
+ "type": {
17243
+ "text": "boolean"
17244
+ }
17245
+ },
17382
17246
  "description": "Checks for validity and shows the browser's validation message if the control is invalid."
17383
17247
  },
17384
17248
  {
@@ -17387,9 +17251,7 @@
17387
17251
  "parameters": [
17388
17252
  {
17389
17253
  "name": "message",
17390
- "type": {
17391
- "text": "string"
17392
- }
17254
+ "default": "''"
17393
17255
  }
17394
17256
  ],
17395
17257
  "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -17397,22 +17259,12 @@
17397
17259
  ],
17398
17260
  "events": [
17399
17261
  {
17400
- "description": "Emitted when the control loses focus.",
17401
- "name": "flow-ui-blur",
17402
- "reactName": "onFlowUiBlur"
17403
- },
17404
- {
17405
- "description": "Emitted when an alteration to the control's value is committed by the user.",
17262
+ "description": "Emitted when the radio group's selected value changes.",
17406
17263
  "name": "flow-ui-change",
17407
17264
  "reactName": "onFlowUiChange"
17408
17265
  },
17409
17266
  {
17410
- "description": "Emitted when the control gains focus.",
17411
- "name": "flow-ui-focus",
17412
- "reactName": "onFlowUiFocus"
17413
- },
17414
- {
17415
- "description": "Emitted when the control receives input.",
17267
+ "description": "Emitted when the radio group receives user input.",
17416
17268
  "name": "flow-ui-input",
17417
17269
  "reactName": "onFlowUiInput"
17418
17270
  },
@@ -17423,40 +17275,13 @@
17423
17275
  }
17424
17276
  ],
17425
17277
  "attributes": [
17426
- {
17427
- "name": "name",
17428
- "type": {
17429
- "text": "string"
17430
- },
17431
- "default": "''",
17432
- "description": "The name of the range, submitted as a name/value pair with form data.",
17433
- "fieldName": "name"
17434
- },
17435
- {
17436
- "name": "value",
17437
- "type": {
17438
- "text": "number"
17439
- },
17440
- "default": "0",
17441
- "description": "The current value of the range, submitted as a name/value pair with form data.",
17442
- "fieldName": "value"
17443
- },
17444
- {
17445
- "name": "size",
17446
- "type": {
17447
- "text": "'small' | 'medium' | 'large'"
17448
- },
17449
- "default": "'medium'",
17450
- "description": "The input's size.",
17451
- "fieldName": "size"
17452
- },
17453
17278
  {
17454
17279
  "name": "label",
17455
17280
  "type": {
17456
17281
  "text": "string"
17457
17282
  },
17458
17283
  "default": "''",
17459
- "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
17284
+ "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
17460
17285
  "fieldName": "label"
17461
17286
  },
17462
17287
  {
@@ -17465,53 +17290,44 @@
17465
17290
  "text": "string"
17466
17291
  },
17467
17292
  "default": "''",
17468
- "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
17293
+ "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
17469
17294
  "fieldName": "helpText"
17470
17295
  },
17471
17296
  {
17472
- "name": "disabled",
17473
- "type": {
17474
- "text": "boolean"
17475
- },
17476
- "default": "false",
17477
- "description": "Disables the range.",
17478
- "fieldName": "disabled"
17479
- },
17480
- {
17481
- "name": "min",
17297
+ "name": "name",
17482
17298
  "type": {
17483
- "text": "number"
17299
+ "text": "string"
17484
17300
  },
17485
- "default": "0",
17486
- "description": "The minimum acceptable value of the range.",
17487
- "fieldName": "min"
17301
+ "default": "'option'",
17302
+ "description": "The name of the radio group, submitted as a name/value pair with form data.",
17303
+ "fieldName": "name"
17488
17304
  },
17489
17305
  {
17490
- "name": "max",
17306
+ "name": "value",
17491
17307
  "type": {
17492
- "text": "number"
17308
+ "text": "string"
17493
17309
  },
17494
- "default": "100",
17495
- "description": "The maximum acceptable value of the range.",
17496
- "fieldName": "max"
17310
+ "default": "''",
17311
+ "description": "The current value of the radio group, submitted as a name/value pair with form data.",
17312
+ "fieldName": "value"
17497
17313
  },
17498
17314
  {
17499
- "name": "step",
17315
+ "name": "size",
17500
17316
  "type": {
17501
- "text": "number"
17317
+ "text": "'small' | 'medium' | 'large'"
17502
17318
  },
17503
- "default": "1",
17504
- "description": "The interval at which the range will increase and decrease.",
17505
- "fieldName": "step"
17319
+ "default": "'medium'",
17320
+ "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
17321
+ "fieldName": "size"
17506
17322
  },
17507
17323
  {
17508
- "name": "format",
17324
+ "name": "reverse",
17509
17325
  "type": {
17510
- "text": "string"
17326
+ "text": "boolean"
17511
17327
  },
17512
- "default": "''",
17513
- "description": "Number format to use for numeric display. (D3 format string)",
17514
- "fieldName": "format"
17328
+ "default": "false",
17329
+ "description": "Display the radios using a reversed style with left-aligned labels.",
17330
+ "fieldName": "reverse"
17515
17331
  },
17516
17332
  {
17517
17333
  "name": "form",
@@ -17523,29 +17339,24 @@
17523
17339
  "fieldName": "form"
17524
17340
  },
17525
17341
  {
17526
- "name": "inline",
17527
- "type": {
17528
- "text": "boolean"
17529
- },
17530
- "default": "false",
17531
- "description": "Display the control in the 'inline' form control style.",
17532
- "fieldName": "inline"
17533
- },
17534
- {
17535
- "name": "no-input",
17342
+ "name": "required",
17536
17343
  "type": {
17537
17344
  "text": "boolean"
17538
17345
  },
17539
17346
  "default": "false",
17540
- "fieldName": "noInput"
17347
+ "description": "Ensures a child radio is checked before allowing the containing form to submit.",
17348
+ "fieldName": "required"
17541
17349
  }
17542
17350
  ],
17543
17351
  "superclass": {
17544
17352
  "name": "FlowRdfFormControl",
17545
17353
  "module": "/src/internal/flow-ui-rdf-element"
17546
17354
  },
17547
- "tagName": "flow-ui-range",
17548
- "summary": "Ranges allow the user to select a single value within a given range using a slider.",
17355
+ "tagName": "flow-ui-radio-group",
17356
+ "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
17357
+ "dependencies": [
17358
+ "flow-ui-button-group"
17359
+ ],
17549
17360
  "customElement": true
17550
17361
  }
17551
17362
  ],
@@ -17554,15 +17365,15 @@
17554
17365
  "kind": "js",
17555
17366
  "name": "default",
17556
17367
  "declaration": {
17557
- "name": "FlowUiRange",
17558
- "module": "components/range/range.component.js"
17368
+ "name": "FlowUiRadioGroup",
17369
+ "module": "components/radio-group/radio-group.component.js"
17559
17370
  }
17560
17371
  }
17561
17372
  ]
17562
17373
  },
17563
17374
  {
17564
17375
  "kind": "javascript-module",
17565
- "path": "components/range/range.js",
17376
+ "path": "components/radio-group/radio-group.js",
17566
17377
  "declarations": [],
17567
17378
  "exports": [
17568
17379
  {
@@ -17570,27 +17381,49 @@
17570
17381
  "name": "*",
17571
17382
  "declaration": {
17572
17383
  "name": "*",
17573
- "package": "./range.component"
17384
+ "package": "./radio-group.component"
17574
17385
  }
17575
17386
  },
17576
17387
  {
17577
17388
  "kind": "js",
17578
17389
  "name": "default",
17579
17390
  "declaration": {
17580
- "name": "FlowUiRange",
17581
- "module": "components/range/range.js"
17391
+ "name": "FlowUiRadioGroup",
17392
+ "module": "components/radio-group/radio-group.js"
17582
17393
  }
17583
17394
  }
17584
17395
  ]
17585
17396
  },
17586
17397
  {
17587
17398
  "kind": "javascript-module",
17588
- "path": "components/radio-group/radio-group.component.js",
17399
+ "path": "components/range/range.component.js",
17589
17400
  "declarations": [
17590
17401
  {
17591
17402
  "kind": "class",
17592
17403
  "description": "",
17593
- "name": "FlowUiRadioGroup",
17404
+ "name": "FlowUiRange",
17405
+ "cssProperties": [
17406
+ {
17407
+ "description": "The size of the thumb.",
17408
+ "name": "--thumb-size"
17409
+ },
17410
+ {
17411
+ "description": "The color of the portion of the track that represents the current value.",
17412
+ "name": "--track-color-active"
17413
+ },
17414
+ {
17415
+ "description": "The of the portion of the track that represents the remaining value.",
17416
+ "name": "--track-color-inactive"
17417
+ },
17418
+ {
17419
+ "description": "The height of the track.",
17420
+ "name": "--track-height"
17421
+ },
17422
+ {
17423
+ "description": "The point of origin of the active track.",
17424
+ "name": "--track-active-offset"
17425
+ }
17426
+ ],
17594
17427
  "cssParts": [
17595
17428
  {
17596
17429
  "description": "The form control that wraps the label, input, and help text.",
@@ -17601,7 +17434,7 @@
17601
17434
  "name": "form-control-label"
17602
17435
  },
17603
17436
  {
17604
- "description": "The input's wrapper.",
17437
+ "description": "The range's wrapper.",
17605
17438
  "name": "form-control-input"
17606
17439
  },
17607
17440
  {
@@ -17609,29 +17442,29 @@
17609
17442
  "name": "form-control-help-text"
17610
17443
  },
17611
17444
  {
17612
- "description": "The button group that wraps radio buttons.",
17613
- "name": "button-group"
17445
+ "description": "The component's base wrapper.",
17446
+ "name": "base"
17614
17447
  },
17615
17448
  {
17616
- "description": "The button group's `base` part.",
17617
- "name": "button-group__base"
17449
+ "description": "The range's number input control.",
17450
+ "name": "number-input"
17618
17451
  }
17619
17452
  ],
17620
17453
  "slots": [
17621
17454
  {
17622
- "description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
17623
- "name": ""
17455
+ "description": "The range's label. Alternatively, you can use the `label` attribute.",
17456
+ "name": "label"
17624
17457
  },
17625
17458
  {
17626
- "description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
17627
- "name": "label"
17459
+ "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
17460
+ "name": "help-text"
17628
17461
  }
17629
17462
  ],
17630
17463
  "members": [
17631
17464
  {
17632
17465
  "kind": "field",
17633
17466
  "name": "formControlController",
17634
- "privacy": "protected",
17467
+ "privacy": "private",
17635
17468
  "readonly": true,
17636
17469
  "default": "new FormControlController(this)"
17637
17470
  },
@@ -17640,33 +17473,62 @@
17640
17473
  "name": "hasSlotController",
17641
17474
  "privacy": "private",
17642
17475
  "readonly": true,
17643
- "default": "new HasSlotController(this, 'help-text', 'label')"
17476
+ "default": "new HasSlotController(this, 'help-text', 'label', 'prefix', 'suffix')"
17644
17477
  },
17645
17478
  {
17646
17479
  "kind": "field",
17647
- "name": "customValidityMessage",
17480
+ "name": "localize",
17481
+ "privacy": "private",
17482
+ "readonly": true,
17483
+ "default": "new LocalizeController(this)"
17484
+ },
17485
+ {
17486
+ "kind": "field",
17487
+ "name": "resizeObserver",
17648
17488
  "type": {
17649
- "text": "string"
17489
+ "text": "ResizeObserver"
17490
+ },
17491
+ "privacy": "private"
17492
+ },
17493
+ {
17494
+ "kind": "field",
17495
+ "name": "hasFocus",
17496
+ "type": {
17497
+ "text": "boolean"
17650
17498
  },
17651
17499
  "privacy": "private",
17652
- "default": "''"
17500
+ "default": "false"
17653
17501
  },
17654
17502
  {
17655
17503
  "kind": "field",
17656
- "name": "validationTimeout",
17504
+ "name": "name",
17505
+ "type": {
17506
+ "text": "string"
17507
+ },
17508
+ "default": "''",
17509
+ "description": "The name of the range, submitted as a name/value pair with form data.",
17510
+ "attribute": "name"
17511
+ },
17512
+ {
17513
+ "kind": "field",
17514
+ "name": "value",
17657
17515
  "type": {
17658
17516
  "text": "number"
17659
17517
  },
17660
- "privacy": "private"
17518
+ "default": "0",
17519
+ "description": "The current value of the range, submitted as a name/value pair with form data.",
17520
+ "attribute": "value"
17661
17521
  },
17662
17522
  {
17663
17523
  "kind": "field",
17664
- "name": "errorMessage",
17524
+ "name": "size",
17665
17525
  "type": {
17666
- "text": "string"
17526
+ "text": "'small' | 'medium' | 'large'"
17667
17527
  },
17668
- "privacy": "private",
17669
- "default": "''"
17528
+ "default": "'medium'",
17529
+ "description": "The input's size.",
17530
+ "attribute": "size",
17531
+ "reflects": true
17670
17532
  },
17671
17533
  {
17672
17534
  "kind": "field",
@@ -17675,7 +17537,7 @@
17675
17537
  "text": "string"
17676
17538
  },
17677
17539
  "default": "''",
17678
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
17540
+ "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
17679
17541
  "attribute": "label"
17680
17542
  },
17681
17543
  {
@@ -17685,51 +17547,59 @@
17685
17547
  "text": "string"
17686
17548
  },
17687
17549
  "default": "''",
17688
- "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
17550
+ "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
17689
17551
  "attribute": "help-text"
17690
17552
  },
17691
17553
  {
17692
17554
  "kind": "field",
17693
- "name": "name",
17555
+ "name": "disabled",
17694
17556
  "type": {
17695
- "text": "string"
17557
+ "text": "boolean"
17696
17558
  },
17697
- "default": "'option'",
17698
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
17699
- "attribute": "name"
17559
+ "default": "false",
17560
+ "description": "Disables the range.",
17561
+ "attribute": "disabled",
17562
+ "reflects": true
17700
17563
  },
17701
17564
  {
17702
17565
  "kind": "field",
17703
- "name": "value",
17566
+ "name": "min",
17704
17567
  "type": {
17705
- "text": "string"
17568
+ "text": "number"
17706
17569
  },
17707
- "default": "''",
17708
- "description": "The current value of the radio group, submitted as a name/value pair with form data.",
17709
- "attribute": "value",
17710
- "reflects": true
17570
+ "default": "0",
17571
+ "description": "The minimum acceptable value of the range.",
17572
+ "attribute": "min"
17711
17573
  },
17712
17574
  {
17713
17575
  "kind": "field",
17714
- "name": "size",
17576
+ "name": "max",
17715
17577
  "type": {
17716
- "text": "'small' | 'medium' | 'large'"
17578
+ "text": "number"
17717
17579
  },
17718
- "default": "'medium'",
17719
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
17720
- "attribute": "size",
17721
- "reflects": true
17580
+ "default": "100",
17581
+ "description": "The maximum acceptable value of the range.",
17582
+ "attribute": "max"
17722
17583
  },
17723
17584
  {
17724
17585
  "kind": "field",
17725
- "name": "reverse",
17586
+ "name": "step",
17726
17587
  "type": {
17727
- "text": "boolean"
17588
+ "text": "number"
17728
17589
  },
17729
- "default": "false",
17730
- "description": "Display the radios using a reversed style with left-aligned labels.",
17731
- "attribute": "reverse",
17732
- "reflects": true
17590
+ "default": "1",
17591
+ "description": "The interval at which the range will increase and decrease.",
17592
+ "attribute": "step"
17593
+ },
17594
+ {
17595
+ "kind": "field",
17596
+ "name": "format",
17597
+ "type": {
17598
+ "text": "string"
17599
+ },
17600
+ "default": "''",
17601
+ "description": "Number format to use for numeric display. (D3 format string)",
17602
+ "attribute": "format"
17733
17603
  },
17734
17604
  {
17735
17605
  "kind": "field",
@@ -17744,13 +17614,32 @@
17744
17614
  },
17745
17615
  {
17746
17616
  "kind": "field",
17747
- "name": "required",
17617
+ "name": "defaultValue",
17618
+ "type": {
17619
+ "text": "number"
17620
+ },
17621
+ "default": "0",
17622
+ "description": "The default value of the form control. Primarily used for resetting the form control."
17623
+ },
17624
+ {
17625
+ "kind": "field",
17626
+ "name": "inline",
17748
17627
  "type": {
17749
17628
  "text": "boolean"
17750
17629
  },
17751
17630
  "default": "false",
17752
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
17753
- "attribute": "required",
17631
+ "description": "Display the control in the 'inline' form control style.",
17632
+ "attribute": "inline",
17633
+ "reflects": true
17634
+ },
17635
+ {
17636
+ "kind": "field",
17637
+ "name": "noInput",
17638
+ "type": {
17639
+ "text": "boolean"
17640
+ },
17641
+ "default": "false",
17642
+ "attribute": "no-input",
17754
17643
  "reflects": true
17755
17644
  },
17756
17645
  {
@@ -17767,62 +17656,125 @@
17767
17656
  },
17768
17657
  {
17769
17658
  "kind": "method",
17770
- "name": "getAllRadios",
17659
+ "name": "handleRangeChange",
17660
+ "privacy": "private",
17661
+ "parameters": [
17662
+ {
17663
+ "name": "event",
17664
+ "type": {
17665
+ "text": "Event"
17666
+ }
17667
+ }
17668
+ ]
17669
+ },
17670
+ {
17671
+ "kind": "method",
17672
+ "name": "handleRangeInput",
17673
+ "privacy": "private",
17674
+ "parameters": [
17675
+ {
17676
+ "name": "event",
17677
+ "type": {
17678
+ "text": "Event"
17679
+ }
17680
+ }
17681
+ ]
17682
+ },
17683
+ {
17684
+ "kind": "method",
17685
+ "name": "handleNumberChange",
17771
17686
  "privacy": "private"
17772
17687
  },
17773
17688
  {
17774
17689
  "kind": "method",
17775
- "name": "handleRadioClick",
17690
+ "name": "handleBlur",
17776
17691
  "privacy": "private",
17777
17692
  "parameters": [
17778
17693
  {
17779
17694
  "name": "event",
17780
17695
  "type": {
17781
- "text": "MouseEvent"
17696
+ "text": "FocusEvent"
17782
17697
  }
17783
17698
  }
17784
17699
  ]
17785
17700
  },
17786
17701
  {
17787
17702
  "kind": "method",
17788
- "name": "handleKeyDown",
17703
+ "name": "handleFocus",
17789
17704
  "privacy": "private",
17790
17705
  "parameters": [
17791
17706
  {
17792
17707
  "name": "event",
17793
17708
  "type": {
17794
- "text": "KeyboardEvent"
17709
+ "text": "FocusEvent"
17795
17710
  }
17796
17711
  }
17797
17712
  ]
17798
17713
  },
17799
17714
  {
17800
17715
  "kind": "method",
17801
- "name": "handleLabelClick",
17716
+ "name": "handleThumbDragStart",
17802
17717
  "privacy": "private"
17803
17718
  },
17804
17719
  {
17805
17720
  "kind": "method",
17806
- "name": "handleInvalid",
17721
+ "name": "handleThumbDragEnd",
17722
+ "privacy": "private"
17723
+ },
17724
+ {
17725
+ "kind": "method",
17726
+ "name": "syncProgress",
17727
+ "privacy": "private",
17728
+ "parameters": [
17729
+ {
17730
+ "name": "percent",
17731
+ "type": {
17732
+ "text": "number"
17733
+ }
17734
+ }
17735
+ ]
17736
+ },
17737
+ {
17738
+ "kind": "method",
17739
+ "name": "handleRangeInvalid",
17807
17740
  "privacy": "private",
17808
17741
  "parameters": [
17809
17742
  {
17810
17743
  "name": "event",
17811
17744
  "type": {
17812
- "text": "Event"
17745
+ "text": "Event"
17746
+ }
17747
+ }
17748
+ ]
17749
+ },
17750
+ {
17751
+ "kind": "method",
17752
+ "name": "focus",
17753
+ "parameters": [
17754
+ {
17755
+ "name": "options",
17756
+ "optional": true,
17757
+ "type": {
17758
+ "text": "FocusOptions"
17813
17759
  }
17814
17760
  }
17815
- ]
17761
+ ],
17762
+ "description": "Sets focus on the range."
17816
17763
  },
17817
17764
  {
17818
17765
  "kind": "method",
17819
- "name": "syncRadios",
17820
- "privacy": "private"
17766
+ "name": "blur",
17767
+ "description": "Removes focus from the range."
17821
17768
  },
17822
17769
  {
17823
17770
  "kind": "method",
17824
- "name": "updateCheckedRadio",
17825
- "privacy": "private"
17771
+ "name": "stepUp",
17772
+ "description": "Increments the value of the range by the value of the step attribute."
17773
+ },
17774
+ {
17775
+ "kind": "method",
17776
+ "name": "stepDown",
17777
+ "description": "Decrements the value of the range by the value of the step attribute."
17826
17778
  },
17827
17779
  {
17828
17780
  "kind": "method",
@@ -17842,11 +17794,6 @@
17842
17794
  {
17843
17795
  "kind": "method",
17844
17796
  "name": "reportValidity",
17845
- "return": {
17846
- "type": {
17847
- "text": "boolean"
17848
- }
17849
- },
17850
17797
  "description": "Checks for validity and shows the browser's validation message if the control is invalid."
17851
17798
  },
17852
17799
  {
@@ -17855,7 +17802,9 @@
17855
17802
  "parameters": [
17856
17803
  {
17857
17804
  "name": "message",
17858
- "default": "''"
17805
+ "type": {
17806
+ "text": "string"
17807
+ }
17859
17808
  }
17860
17809
  ],
17861
17810
  "description": "Sets a custom validation message. Pass an empty string to restore validity."
@@ -17863,12 +17812,22 @@
17863
17812
  ],
17864
17813
  "events": [
17865
17814
  {
17866
- "description": "Emitted when the radio group's selected value changes.",
17815
+ "description": "Emitted when the control loses focus.",
17816
+ "name": "flow-ui-blur",
17817
+ "reactName": "onFlowUiBlur"
17818
+ },
17819
+ {
17820
+ "description": "Emitted when an alteration to the control's value is committed by the user.",
17867
17821
  "name": "flow-ui-change",
17868
17822
  "reactName": "onFlowUiChange"
17869
17823
  },
17870
17824
  {
17871
- "description": "Emitted when the radio group receives user input.",
17825
+ "description": "Emitted when the control gains focus.",
17826
+ "name": "flow-ui-focus",
17827
+ "reactName": "onFlowUiFocus"
17828
+ },
17829
+ {
17830
+ "description": "Emitted when the control receives input.",
17872
17831
  "name": "flow-ui-input",
17873
17832
  "reactName": "onFlowUiInput"
17874
17833
  },
@@ -17879,13 +17838,40 @@
17879
17838
  }
17880
17839
  ],
17881
17840
  "attributes": [
17841
+ {
17842
+ "name": "name",
17843
+ "type": {
17844
+ "text": "string"
17845
+ },
17846
+ "default": "''",
17847
+ "description": "The name of the range, submitted as a name/value pair with form data.",
17848
+ "fieldName": "name"
17849
+ },
17850
+ {
17851
+ "name": "value",
17852
+ "type": {
17853
+ "text": "number"
17854
+ },
17855
+ "default": "0",
17856
+ "description": "The current value of the range, submitted as a name/value pair with form data.",
17857
+ "fieldName": "value"
17858
+ },
17859
+ {
17860
+ "name": "size",
17861
+ "type": {
17862
+ "text": "'small' | 'medium' | 'large'"
17863
+ },
17864
+ "default": "'medium'",
17865
+ "description": "The input's size.",
17866
+ "fieldName": "size"
17867
+ },
17882
17868
  {
17883
17869
  "name": "label",
17884
17870
  "type": {
17885
17871
  "text": "string"
17886
17872
  },
17887
17873
  "default": "''",
17888
- "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
17874
+ "description": "The range's label. If you need to display HTML, use the `label` slot instead.",
17889
17875
  "fieldName": "label"
17890
17876
  },
17891
17877
  {
@@ -17894,44 +17880,53 @@
17894
17880
  "text": "string"
17895
17881
  },
17896
17882
  "default": "''",
17897
- "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
17883
+ "description": "The range's help text. If you need to display HTML, use the help-text slot instead.",
17898
17884
  "fieldName": "helpText"
17899
17885
  },
17900
17886
  {
17901
- "name": "name",
17887
+ "name": "disabled",
17902
17888
  "type": {
17903
- "text": "string"
17889
+ "text": "boolean"
17904
17890
  },
17905
- "default": "'option'",
17906
- "description": "The name of the radio group, submitted as a name/value pair with form data.",
17907
- "fieldName": "name"
17891
+ "default": "false",
17892
+ "description": "Disables the range.",
17893
+ "fieldName": "disabled"
17908
17894
  },
17909
17895
  {
17910
- "name": "value",
17896
+ "name": "min",
17911
17897
  "type": {
17912
- "text": "string"
17898
+ "text": "number"
17913
17899
  },
17914
- "default": "''",
17915
- "description": "The current value of the radio group, submitted as a name/value pair with form data.",
17916
- "fieldName": "value"
17900
+ "default": "0",
17901
+ "description": "The minimum acceptable value of the range.",
17902
+ "fieldName": "min"
17917
17903
  },
17918
17904
  {
17919
- "name": "size",
17905
+ "name": "max",
17920
17906
  "type": {
17921
- "text": "'small' | 'medium' | 'large'"
17907
+ "text": "number"
17922
17908
  },
17923
- "default": "'medium'",
17924
- "description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
17925
- "fieldName": "size"
17909
+ "default": "100",
17910
+ "description": "The maximum acceptable value of the range.",
17911
+ "fieldName": "max"
17926
17912
  },
17927
17913
  {
17928
- "name": "reverse",
17914
+ "name": "step",
17929
17915
  "type": {
17930
- "text": "boolean"
17916
+ "text": "number"
17931
17917
  },
17932
- "default": "false",
17933
- "description": "Display the radios using a reversed style with left-aligned labels.",
17934
- "fieldName": "reverse"
17918
+ "default": "1",
17919
+ "description": "The interval at which the range will increase and decrease.",
17920
+ "fieldName": "step"
17921
+ },
17922
+ {
17923
+ "name": "format",
17924
+ "type": {
17925
+ "text": "string"
17926
+ },
17927
+ "default": "''",
17928
+ "description": "Number format to use for numeric display. (D3 format string)",
17929
+ "fieldName": "format"
17935
17930
  },
17936
17931
  {
17937
17932
  "name": "form",
@@ -17943,24 +17938,29 @@
17943
17938
  "fieldName": "form"
17944
17939
  },
17945
17940
  {
17946
- "name": "required",
17941
+ "name": "inline",
17947
17942
  "type": {
17948
17943
  "text": "boolean"
17949
17944
  },
17950
17945
  "default": "false",
17951
- "description": "Ensures a child radio is checked before allowing the containing form to submit.",
17952
- "fieldName": "required"
17946
+ "description": "Display the control in the 'inline' form control style.",
17947
+ "fieldName": "inline"
17948
+ },
17949
+ {
17950
+ "name": "no-input",
17951
+ "type": {
17952
+ "text": "boolean"
17953
+ },
17954
+ "default": "false",
17955
+ "fieldName": "noInput"
17953
17956
  }
17954
17957
  ],
17955
17958
  "superclass": {
17956
17959
  "name": "FlowRdfFormControl",
17957
17960
  "module": "/src/internal/flow-ui-rdf-element"
17958
17961
  },
17959
- "tagName": "flow-ui-radio-group",
17960
- "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
17961
- "dependencies": [
17962
- "flow-ui-button-group"
17963
- ],
17962
+ "tagName": "flow-ui-range",
17963
+ "summary": "Ranges allow the user to select a single value within a given range using a slider.",
17964
17964
  "customElement": true
17965
17965
  }
17966
17966
  ],
@@ -17969,66 +17969,15 @@
17969
17969
  "kind": "js",
17970
17970
  "name": "default",
17971
17971
  "declaration": {
17972
- "name": "FlowUiRadioGroup",
17973
- "module": "components/radio-group/radio-group.component.js"
17974
- }
17975
- }
17976
- ]
17977
- },
17978
- {
17979
- "kind": "javascript-module",
17980
- "path": "components/radio-group/radio-group.js",
17981
- "declarations": [],
17982
- "exports": [
17983
- {
17984
- "kind": "js",
17985
- "name": "*",
17986
- "declaration": {
17987
- "name": "*",
17988
- "package": "./radio-group.component"
17989
- }
17990
- },
17991
- {
17992
- "kind": "js",
17993
- "name": "default",
17994
- "declaration": {
17995
- "name": "FlowUiRadioGroup",
17996
- "module": "components/radio-group/radio-group.js"
17997
- }
17998
- }
17999
- ]
18000
- },
18001
- {
18002
- "kind": "javascript-module",
18003
- "path": "components/scroll-view/scroll-view.component.js",
18004
- "declarations": [
18005
- {
18006
- "kind": "function",
18007
- "name": "configureScrollViews",
18008
- "parameters": [
18009
- {
18010
- "name": "options",
18011
- "type": {
18012
- "text": "ScrollViewOptions"
18013
- }
18014
- }
18015
- ]
18016
- }
18017
- ],
18018
- "exports": [
18019
- {
18020
- "kind": "js",
18021
- "name": "configureScrollViews",
18022
- "declaration": {
18023
- "name": "configureScrollViews",
18024
- "module": "components/scroll-view/scroll-view.component.js"
17972
+ "name": "FlowUiRange",
17973
+ "module": "components/range/range.component.js"
18025
17974
  }
18026
17975
  }
18027
17976
  ]
18028
17977
  },
18029
17978
  {
18030
17979
  "kind": "javascript-module",
18031
- "path": "components/scroll-view/scroll-view.js",
17980
+ "path": "components/range/range.js",
18032
17981
  "declarations": [],
18033
17982
  "exports": [
18034
17983
  {
@@ -18036,15 +17985,15 @@
18036
17985
  "name": "*",
18037
17986
  "declaration": {
18038
17987
  "name": "*",
18039
- "package": "./scroll-view.component"
17988
+ "package": "./range.component"
18040
17989
  }
18041
17990
  },
18042
17991
  {
18043
17992
  "kind": "js",
18044
17993
  "name": "default",
18045
17994
  "declaration": {
18046
- "name": "FlowUiScrollView",
18047
- "module": "components/scroll-view/scroll-view.js"
17995
+ "name": "FlowUiRange",
17996
+ "module": "components/range/range.js"
18048
17997
  }
18049
17998
  }
18050
17999
  ]
@@ -18172,6 +18121,57 @@
18172
18121
  }
18173
18122
  ]
18174
18123
  },
18124
+ {
18125
+ "kind": "javascript-module",
18126
+ "path": "components/scroll-view/scroll-view.component.js",
18127
+ "declarations": [
18128
+ {
18129
+ "kind": "function",
18130
+ "name": "configureScrollViews",
18131
+ "parameters": [
18132
+ {
18133
+ "name": "options",
18134
+ "type": {
18135
+ "text": "ScrollViewOptions"
18136
+ }
18137
+ }
18138
+ ]
18139
+ }
18140
+ ],
18141
+ "exports": [
18142
+ {
18143
+ "kind": "js",
18144
+ "name": "configureScrollViews",
18145
+ "declaration": {
18146
+ "name": "configureScrollViews",
18147
+ "module": "components/scroll-view/scroll-view.component.js"
18148
+ }
18149
+ }
18150
+ ]
18151
+ },
18152
+ {
18153
+ "kind": "javascript-module",
18154
+ "path": "components/scroll-view/scroll-view.js",
18155
+ "declarations": [],
18156
+ "exports": [
18157
+ {
18158
+ "kind": "js",
18159
+ "name": "*",
18160
+ "declaration": {
18161
+ "name": "*",
18162
+ "package": "./scroll-view.component"
18163
+ }
18164
+ },
18165
+ {
18166
+ "kind": "js",
18167
+ "name": "default",
18168
+ "declaration": {
18169
+ "name": "FlowUiScrollView",
18170
+ "module": "components/scroll-view/scroll-view.js"
18171
+ }
18172
+ }
18173
+ ]
18174
+ },
18175
18175
  {
18176
18176
  "kind": "javascript-module",
18177
18177
  "path": "components/select/select.component.js",
@@ -25889,6 +25889,6 @@
25889
25889
  ],
25890
25890
  "package": {
25891
25891
  "name": "@emuanalytics/flow-rdf-ui",
25892
- "version": "4.1.14"
25892
+ "version": "4.1.16"
25893
25893
  }
25894
25894
  }