@emuanalytics/flow-rdf-ui 0.0.48 → 0.0.49

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/custom-elements.json +1298 -1298
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.mjs +2 -2
  4. package/dist/vscode.html-custom-data.json +90 -90
  5. package/package.json +1 -1
package/dist/custom-elements.json CHANGED
@@ -699,99 +699,167 @@
699
699
  },
700
700
  {
701
701
  "kind": "javascript-module",
702
- "path": "components/breadcrumb/breadcrumb.js",
702
+ "path": "components/avatar/avatar.js",
703
703
  "declarations": [
704
704
  {
705
705
  "kind": "class",
706
706
  "description": "",
707
- "name": "FlowBreadcrumb",
707
+ "name": "FlowAvatar",
708
+ "cssProperties": [
709
+ {
710
+ "description": "The size of the avatar.",
711
+ "name": "--size"
712
+ }
713
+ ],
708
714
  "cssParts": [
709
715
  {
710
716
  "description": "The component's base wrapper.",
711
717
  "name": "base"
718
+ },
719
+ {
720
+ "description": "The container that wraps the avatar's icon.",
721
+ "name": "icon"
722
+ },
723
+ {
724
+ "description": "The container that wraps the avatar's initials.",
725
+ "name": "initials"
726
+ },
727
+ {
728
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
729
+ "name": "image"
712
730
  }
713
731
  ],
714
732
  "slots": [
715
733
  {
716
- "description": "One or more breadcrumb items to display.",
717
- "name": ""
718
- },
719
- {
720
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
721
- "name": "separator"
734
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
735
+ "name": "icon"
722
736
  }
723
737
  ],
724
738
  "members": [
725
739
  {
726
740
  "kind": "field",
727
- "name": "localize",
741
+ "name": "hasError",
742
+ "type": {
743
+ "text": "boolean"
744
+ },
728
745
  "privacy": "private",
729
- "readonly": true,
730
- "default": "new LocalizeController(this)"
746
+ "default": "false"
731
747
  },
732
748
  {
733
749
  "kind": "field",
734
- "name": "separatorDir",
735
- "privacy": "private"
750
+ "name": "image",
751
+ "type": {
752
+ "text": "string"
753
+ },
754
+ "default": "''",
755
+ "description": "The image source to use for the avatar.",
756
+ "attribute": "image"
736
757
  },
737
758
  {
738
759
  "kind": "field",
739
- "name": "defaultSlot",
760
+ "name": "label",
740
761
  "type": {
741
- "text": "HTMLSlotElement"
742
- }
762
+ "text": "string"
763
+ },
764
+ "default": "''",
765
+ "description": "A label to use to describe the avatar to assistive devices.",
766
+ "attribute": "label"
743
767
  },
744
768
  {
745
769
  "kind": "field",
746
- "name": "separatorSlot",
770
+ "name": "initials",
747
771
  "type": {
748
- "text": "HTMLSlotElement"
749
- }
772
+ "text": "string"
773
+ },
774
+ "default": "''",
775
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
776
+ "attribute": "initials"
750
777
  },
751
778
  {
752
779
  "kind": "field",
753
- "name": "label",
780
+ "name": "loading",
754
781
  "type": {
755
- "text": "string"
782
+ "text": "'eager' | 'lazy'"
756
783
  },
757
- "default": "''",
758
- "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.",
759
- "attribute": "label"
784
+ "default": "'eager'",
785
+ "description": "Indicates how the browser should load the image.",
786
+ "attribute": "loading"
760
787
  },
761
788
  {
762
- "kind": "method",
763
- "name": "getSeparator",
764
- "privacy": "private"
789
+ "kind": "field",
790
+ "name": "shape",
791
+ "type": {
792
+ "text": "'circle' | 'square' | 'rounded'"
793
+ },
794
+ "default": "'circle'",
795
+ "description": "The shape of the avatar.",
796
+ "attribute": "shape",
797
+ "reflects": true
765
798
  },
766
799
  {
767
800
  "kind": "method",
768
- "name": "handleSlotChange",
769
- "privacy": "private"
801
+ "name": "handleImageChange"
770
802
  }
771
803
  ],
772
804
  "attributes": [
805
+ {
806
+ "name": "image",
807
+ "type": {
808
+ "text": "string"
809
+ },
810
+ "default": "''",
811
+ "description": "The image source to use for the avatar.",
812
+ "fieldName": "image"
813
+ },
773
814
  {
774
815
  "name": "label",
775
816
  "type": {
776
817
  "text": "string"
777
818
  },
778
819
  "default": "''",
779
- "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.",
820
+ "description": "A label to use to describe the avatar to assistive devices.",
780
821
  "fieldName": "label"
822
+ },
823
+ {
824
+ "name": "initials",
825
+ "type": {
826
+ "text": "string"
827
+ },
828
+ "default": "''",
829
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
830
+ "fieldName": "initials"
831
+ },
832
+ {
833
+ "name": "loading",
834
+ "type": {
835
+ "text": "'eager' | 'lazy'"
836
+ },
837
+ "default": "'eager'",
838
+ "description": "Indicates how the browser should load the image.",
839
+ "fieldName": "loading"
840
+ },
841
+ {
842
+ "name": "shape",
843
+ "type": {
844
+ "text": "'circle' | 'square' | 'rounded'"
845
+ },
846
+ "default": "'circle'",
847
+ "description": "The shape of the avatar.",
848
+ "fieldName": "shape"
781
849
  }
782
850
  ],
783
851
  "superclass": {
784
852
  "name": "FlowRdfElement",
785
853
  "module": "/src/internal/flow-ui-rdf-element"
786
854
  },
787
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
788
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
855
+ "summary": "Avatars are used to represent a person or object.",
856
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
789
857
  "status": "stable",
790
858
  "since": "2.0",
791
859
  "dependencies": [
792
860
  "flow-ui-icon"
793
861
  ],
794
- "tagName": "flow-ui-breadcrumb",
862
+ "tagName": "flow-ui-avatar",
795
863
  "customElement": true
796
864
  }
797
865
  ],
@@ -800,16 +868,16 @@
800
868
  "kind": "js",
801
869
  "name": "default",
802
870
  "declaration": {
803
- "name": "FlowBreadcrumb",
804
- "module": "components/breadcrumb/breadcrumb.js"
871
+ "name": "FlowAvatar",
872
+ "module": "components/avatar/avatar.js"
805
873
  }
806
874
  },
807
875
  {
808
876
  "kind": "custom-element-definition",
809
- "name": "flow-ui-breadcrumb",
877
+ "name": "flow-ui-avatar",
810
878
  "declaration": {
811
- "name": "FlowBreadcrumb",
812
- "module": "components/breadcrumb/breadcrumb.js"
879
+ "name": "FlowAvatar",
880
+ "module": "components/avatar/avatar.js"
813
881
  }
814
882
  }
815
883
  ]
@@ -1844,167 +1912,99 @@
1844
1912
  },
1845
1913
  {
1846
1914
  "kind": "javascript-module",
1847
- "path": "components/avatar/avatar.js",
1915
+ "path": "components/breadcrumb/breadcrumb.js",
1848
1916
  "declarations": [
1849
1917
  {
1850
1918
  "kind": "class",
1851
1919
  "description": "",
1852
- "name": "FlowAvatar",
1853
- "cssProperties": [
1854
- {
1855
- "description": "The size of the avatar.",
1856
- "name": "--size"
1857
- }
1858
- ],
1920
+ "name": "FlowBreadcrumb",
1859
1921
  "cssParts": [
1860
1922
  {
1861
1923
  "description": "The component's base wrapper.",
1862
1924
  "name": "base"
1863
- },
1864
- {
1865
- "description": "The container that wraps the avatar's icon.",
1866
- "name": "icon"
1867
- },
1868
- {
1869
- "description": "The container that wraps the avatar's initials.",
1870
- "name": "initials"
1871
- },
1872
- {
1873
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1874
- "name": "image"
1875
1925
  }
1876
1926
  ],
1877
1927
  "slots": [
1878
1928
  {
1879
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1880
- "name": "icon"
1929
+ "description": "One or more breadcrumb items to display.",
1930
+ "name": ""
1931
+ },
1932
+ {
1933
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1934
+ "name": "separator"
1881
1935
  }
1882
1936
  ],
1883
1937
  "members": [
1884
1938
  {
1885
1939
  "kind": "field",
1886
- "name": "hasError",
1887
- "type": {
1888
- "text": "boolean"
1889
- },
1940
+ "name": "localize",
1890
1941
  "privacy": "private",
1891
- "default": "false"
1942
+ "readonly": true,
1943
+ "default": "new LocalizeController(this)"
1892
1944
  },
1893
1945
  {
1894
1946
  "kind": "field",
1895
- "name": "image",
1896
- "type": {
1897
- "text": "string"
1898
- },
1899
- "default": "''",
1900
- "description": "The image source to use for the avatar.",
1901
- "attribute": "image"
1947
+ "name": "separatorDir",
1948
+ "privacy": "private"
1902
1949
  },
1903
1950
  {
1904
1951
  "kind": "field",
1905
- "name": "label",
1952
+ "name": "defaultSlot",
1906
1953
  "type": {
1907
- "text": "string"
1908
- },
1909
- "default": "''",
1910
- "description": "A label to use to describe the avatar to assistive devices.",
1911
- "attribute": "label"
1954
+ "text": "HTMLSlotElement"
1955
+ }
1912
1956
  },
1913
1957
  {
1914
1958
  "kind": "field",
1915
- "name": "initials",
1959
+ "name": "separatorSlot",
1916
1960
  "type": {
1917
- "text": "string"
1918
- },
1919
- "default": "''",
1920
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1921
- "attribute": "initials"
1961
+ "text": "HTMLSlotElement"
1962
+ }
1922
1963
  },
1923
1964
  {
1924
1965
  "kind": "field",
1925
- "name": "loading",
1966
+ "name": "label",
1926
1967
  "type": {
1927
- "text": "'eager' | 'lazy'"
1968
+ "text": "string"
1928
1969
  },
1929
- "default": "'eager'",
1930
- "description": "Indicates how the browser should load the image.",
1931
- "attribute": "loading"
1970
+ "default": "''",
1971
+ "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.",
1972
+ "attribute": "label"
1932
1973
  },
1933
1974
  {
1934
- "kind": "field",
1935
- "name": "shape",
1936
- "type": {
1937
- "text": "'circle' | 'square' | 'rounded'"
1938
- },
1939
- "default": "'circle'",
1940
- "description": "The shape of the avatar.",
1941
- "attribute": "shape",
1942
- "reflects": true
1975
+ "kind": "method",
1976
+ "name": "getSeparator",
1977
+ "privacy": "private"
1943
1978
  },
1944
1979
  {
1945
1980
  "kind": "method",
1946
- "name": "handleImageChange"
1981
+ "name": "handleSlotChange",
1982
+ "privacy": "private"
1947
1983
  }
1948
1984
  ],
1949
1985
  "attributes": [
1950
- {
1951
- "name": "image",
1952
- "type": {
1953
- "text": "string"
1954
- },
1955
- "default": "''",
1956
- "description": "The image source to use for the avatar.",
1957
- "fieldName": "image"
1958
- },
1959
1986
  {
1960
1987
  "name": "label",
1961
1988
  "type": {
1962
1989
  "text": "string"
1963
1990
  },
1964
1991
  "default": "''",
1965
- "description": "A label to use to describe the avatar to assistive devices.",
1992
+ "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.",
1966
1993
  "fieldName": "label"
1967
- },
1968
- {
1969
- "name": "initials",
1970
- "type": {
1971
- "text": "string"
1972
- },
1973
- "default": "''",
1974
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1975
- "fieldName": "initials"
1976
- },
1977
- {
1978
- "name": "loading",
1979
- "type": {
1980
- "text": "'eager' | 'lazy'"
1981
- },
1982
- "default": "'eager'",
1983
- "description": "Indicates how the browser should load the image.",
1984
- "fieldName": "loading"
1985
- },
1986
- {
1987
- "name": "shape",
1988
- "type": {
1989
- "text": "'circle' | 'square' | 'rounded'"
1990
- },
1991
- "default": "'circle'",
1992
- "description": "The shape of the avatar.",
1993
- "fieldName": "shape"
1994
1994
  }
1995
1995
  ],
1996
1996
  "superclass": {
1997
1997
  "name": "FlowRdfElement",
1998
1998
  "module": "/src/internal/flow-ui-rdf-element"
1999
1999
  },
2000
- "summary": "Avatars are used to represent a person or object.",
2001
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
2000
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2001
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
2002
2002
  "status": "stable",
2003
2003
  "since": "2.0",
2004
2004
  "dependencies": [
2005
2005
  "flow-ui-icon"
2006
2006
  ],
2007
- "tagName": "flow-ui-avatar",
2007
+ "tagName": "flow-ui-breadcrumb",
2008
2008
  "customElement": true
2009
2009
  }
2010
2010
  ],
@@ -2013,16 +2013,16 @@
2013
2013
  "kind": "js",
2014
2014
  "name": "default",
2015
2015
  "declaration": {
2016
- "name": "FlowAvatar",
2017
- "module": "components/avatar/avatar.js"
2016
+ "name": "FlowBreadcrumb",
2017
+ "module": "components/breadcrumb/breadcrumb.js"
2018
2018
  }
2019
2019
  },
2020
2020
  {
2021
2021
  "kind": "custom-element-definition",
2022
- "name": "flow-ui-avatar",
2022
+ "name": "flow-ui-breadcrumb",
2023
2023
  "declaration": {
2024
- "name": "FlowAvatar",
2025
- "module": "components/avatar/avatar.js"
2024
+ "name": "FlowBreadcrumb",
2025
+ "module": "components/breadcrumb/breadcrumb.js"
2026
2026
  }
2027
2027
  }
2028
2028
  ]
@@ -3392,204 +3392,476 @@
3392
3392
  },
3393
3393
  {
3394
3394
  "kind": "javascript-module",
3395
- "path": "components/checkbox/checkbox.js",
3395
+ "path": "components/chart/chart.component.js",
3396
3396
  "declarations": [
3397
3397
  {
3398
3398
  "kind": "class",
3399
- "description": "",
3400
- "name": "FlowCheckbox",
3401
- "cssParts": [
3399
+ "description": "The chart component is a container for [Chart.js](https://www.chartjs.org/) charts. The component\nsupplies additional Flow RDF UI features including:\n\n- Consistent theming with other flow-rdf-ui components.\n- Additional plugins and charts types for commonly-used charts.\n- Convenience child components (`flow-ui-chart-data` and `flow-ui-chart-scale`) for defining chart data and scales.",
3400
+ "name": "FlowChart",
3401
+ "cssProperties": [
3402
3402
  {
3403
- "description": "The component's base wrapper.",
3404
- "name": "base"
3403
+ "description": "Chart background color (applied as the background color of the base container).",
3404
+ "name": "--background-color"
3405
3405
  },
3406
3406
  {
3407
- "description": "The square container that wraps the checkbox's checked state.",
3408
- "name": "control"
3407
+ "description": "General text color (titles etc.)",
3408
+ "name": "--text-color"
3409
3409
  },
3410
3410
  {
3411
- "description": "Matches the control part when the checkbox is checked.",
3412
- "name": "control--checked"
3411
+ "description": "Color of the axis lines.",
3412
+ "name": "--axis-color"
3413
3413
  },
3414
3414
  {
3415
- "description": "Matches the control part when the checkbox is indeterminate.",
3416
- "name": "control--indeterminate"
3415
+ "description": "Color of the x-axis lines. (defaults to `--axis-color`)",
3416
+ "name": "--x-axis-color"
3417
3417
  },
3418
3418
  {
3419
- "description": "The checked icon, an `<flow-ui-icon>` element.",
3420
- "name": "checked-icon"
3419
+ "description": "Color of the y-axis lines. (defaults to `--axis-color`)",
3420
+ "name": "--y-axis-color"
3421
3421
  },
3422
3422
  {
3423
- "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
3424
- "name": "indeterminate-icon"
3423
+ "description": "Color of the axis grid lines.",
3424
+ "name": "--axis-grid-color"
3425
3425
  },
3426
3426
  {
3427
- "description": "The container that wraps the checkbox's label.",
3428
- "name": "label"
3429
- }
3430
- ],
3431
- "slots": [
3427
+ "description": "Color of the x-axis grid lines. (defaults to `--axis-grid-color`)",
3428
+ "name": "--x-axis-grid-color"
3429
+ },
3432
3430
  {
3433
- "description": "The checkbox's label.",
3434
- "name": ""
3435
- }
3436
- ],
3437
- "members": [
3431
+ "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
3432
+ "name": "--y-axis-grid-color"
3433
+ },
3438
3434
  {
3439
- "kind": "field",
3440
- "name": "hasSlotController",
3441
- "privacy": "private",
3442
- "readonly": true,
3443
- "default": "new HasSlotController(this, '[default]')"
3435
+ "description": "Color of the axis labels.",
3436
+ "name": "--axis-label-color"
3444
3437
  },
3445
3438
  {
3446
- "kind": "field",
3447
- "name": "formControlController",
3448
- "privacy": "private",
3449
- "readonly": true,
3450
- "default": "new FormControlController(this, {\n value: (control: FlowCheckbox) => (control.checked ? control.value || 'on' : undefined),\n defaultValue: (control: FlowCheckbox) => control.defaultChecked,\n setValue: (control: FlowCheckbox, checked: boolean) => (control.checked = checked)\n })"
3439
+ "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
3440
+ "name": "--x-axis-label-color"
3451
3441
  },
3452
3442
  {
3453
- "kind": "field",
3454
- "name": "input",
3455
- "type": {
3456
- "text": "HTMLInputElement"
3457
- }
3443
+ "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
3444
+ "name": "--y-axis-label-color"
3458
3445
  },
3459
3446
  {
3460
- "kind": "field",
3461
- "name": "hasFocus",
3462
- "type": {
3463
- "text": "boolean"
3464
- },
3465
- "privacy": "private",
3466
- "default": "false"
3447
+ "description": "Color of the tick labels.",
3448
+ "name": "--tick-label-color"
3467
3449
  },
3468
3450
  {
3469
- "kind": "field",
3470
- "name": "title",
3471
- "type": {
3472
- "text": "string"
3473
- },
3474
- "default": "''",
3475
- "attribute": "title"
3451
+ "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
3452
+ "name": "--x-tick-label-color"
3453
+ },
3454
+ {
3455
+ "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
3456
+ "name": "--y-tick-label-color"
3457
+ },
3458
+ {
3459
+ "description": "Color of the stroke for dataset n (where n = 0-9).",
3460
+ "name": "--dataset-stroke-color-n"
3476
3461
  },
3462
+ {
3463
+ "description": "Color of the fill for dataset n (where n = 0-9).",
3464
+ "name": "--dataset-fill-color-n"
3465
+ }
3466
+ ],
3467
+ "cssParts": [
3468
+ {
3469
+ "description": "The base container of the chart.",
3470
+ "name": "base"
3471
+ }
3472
+ ],
3473
+ "members": [
3477
3474
  {
3478
3475
  "kind": "field",
3479
- "name": "name",
3476
+ "name": "_chartRef",
3480
3477
  "type": {
3481
- "text": "string"
3478
+ "text": "Ref<HTMLCanvasElement>"
3482
3479
  },
3483
- "default": "''",
3484
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
3485
- "attribute": "name"
3480
+ "privacy": "private"
3486
3481
  },
3487
3482
  {
3488
3483
  "kind": "field",
3489
- "name": "value",
3484
+ "name": "_chart",
3490
3485
  "type": {
3491
- "text": "string"
3486
+ "text": "Chart | undefined"
3492
3487
  },
3493
- "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
3494
- "attribute": "value"
3488
+ "privacy": "private"
3495
3489
  },
3496
3490
  {
3497
3491
  "kind": "field",
3498
- "name": "size",
3499
- "type": {
3500
- "text": "'small' | 'medium' | 'large'"
3501
- },
3502
- "default": "'medium'",
3503
- "description": "The checkbox's size.",
3504
- "attribute": "size",
3505
- "reflects": true
3492
+ "name": "chart",
3493
+ "description": "The Chart.js chart instance.",
3494
+ "readonly": true
3506
3495
  },
3507
3496
  {
3508
3497
  "kind": "field",
3509
- "name": "disabled",
3498
+ "name": "type",
3510
3499
  "type": {
3511
- "text": "boolean"
3500
+ "text": "string"
3512
3501
  },
3513
- "default": "false",
3514
- "description": "Disables the checkbox.",
3515
- "attribute": "disabled",
3516
- "reflects": true
3502
+ "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
3503
+ "attribute": "type"
3517
3504
  },
3518
3505
  {
3519
3506
  "kind": "field",
3520
- "name": "checked",
3507
+ "name": "options",
3521
3508
  "type": {
3522
- "text": "boolean"
3509
+ "text": "ChartOptions"
3523
3510
  },
3524
- "default": "false",
3525
- "description": "Draws the checkbox in a checked state.",
3526
- "attribute": "checked",
3527
- "reflects": true
3511
+ "description": "The Chart.js `options` object.",
3512
+ "attribute": "options"
3528
3513
  },
3529
3514
  {
3530
3515
  "kind": "field",
3531
- "name": "indeterminate",
3516
+ "name": "data",
3532
3517
  "type": {
3533
- "text": "boolean"
3518
+ "text": "ChartData"
3534
3519
  },
3535
- "default": "false",
3536
- "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
3537
- "attribute": "indeterminate",
3538
- "reflects": true
3520
+ "description": "The Chart.js `data` object",
3521
+ "attribute": "data"
3539
3522
  },
3540
3523
  {
3541
3524
  "kind": "field",
3542
- "name": "defaultChecked",
3525
+ "name": "plugins",
3543
3526
  "type": {
3544
- "text": "boolean"
3527
+ "text": "Plugin[]"
3545
3528
  },
3546
- "default": "false",
3547
- "description": "The default value of the form control. Primarily used for resetting the form control."
3529
+ "default": "[]",
3530
+ "description": "List of extra plugins to use for this chart.",
3531
+ "attribute": "plugins"
3548
3532
  },
3549
3533
  {
3550
- "kind": "field",
3551
- "name": "form",
3534
+ "kind": "method",
3535
+ "name": "repaint",
3536
+ "description": "Trigger a repaint of the chart."
3537
+ }
3538
+ ],
3539
+ "attributes": [
3540
+ {
3541
+ "name": "type",
3552
3542
  "type": {
3553
3543
  "text": "string"
3554
3544
  },
3555
- "default": "''",
3556
- "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.",
3557
- "attribute": "form",
3558
- "reflects": true
3545
+ "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
3546
+ "fieldName": "type"
3559
3547
  },
3560
3548
  {
3561
- "kind": "field",
3562
- "name": "required",
3549
+ "name": "options",
3563
3550
  "type": {
3564
- "text": "boolean"
3551
+ "text": "ChartOptions"
3565
3552
  },
3566
- "default": "false",
3567
- "description": "Makes the checkbox a required field.",
3568
- "attribute": "required",
3569
- "reflects": true
3570
- },
3571
- {
3572
- "kind": "field",
3573
- "name": "validity",
3574
- "description": "Gets the validity state object",
3575
- "readonly": true
3576
- },
3577
- {
3578
- "kind": "field",
3579
- "name": "validationMessage",
3580
- "description": "Gets the validation message",
3581
- "readonly": true
3553
+ "description": "The Chart.js `options` object.",
3554
+ "fieldName": "options"
3582
3555
  },
3583
3556
  {
3584
- "kind": "method",
3585
- "name": "handleClick",
3586
- "privacy": "private"
3557
+ "name": "data",
3558
+ "type": {
3559
+ "text": "ChartData"
3560
+ },
3561
+ "description": "The Chart.js `data` object",
3562
+ "fieldName": "data"
3587
3563
  },
3588
3564
  {
3589
- "kind": "method",
3590
- "name": "handleBlur",
3591
- "privacy": "private"
3592
- },
3565
+ "name": "plugins",
3566
+ "type": {
3567
+ "text": "Plugin[]"
3568
+ },
3569
+ "default": "[]",
3570
+ "description": "List of extra plugins to use for this chart.",
3571
+ "fieldName": "plugins"
3572
+ }
3573
+ ],
3574
+ "superclass": {
3575
+ "name": "FlowRdfElement",
3576
+ "module": "/src/internal/flow-ui-rdf-element"
3577
+ },
3578
+ "tagName": "flow-ui-chart",
3579
+ "summary": "The chart component displays Chart.js charts.",
3580
+ "customElement": true
3581
+ }
3582
+ ],
3583
+ "exports": [
3584
+ {
3585
+ "kind": "js",
3586
+ "name": "default",
3587
+ "declaration": {
3588
+ "name": "FlowChart",
3589
+ "module": "components/chart/chart.component.js"
3590
+ }
3591
+ }
3592
+ ]
3593
+ },
3594
+ {
3595
+ "kind": "javascript-module",
3596
+ "path": "components/chart/chart.js",
3597
+ "declarations": [],
3598
+ "exports": [
3599
+ {
3600
+ "kind": "js",
3601
+ "name": "*",
3602
+ "declaration": {
3603
+ "name": "*",
3604
+ "package": "./chart.component"
3605
+ }
3606
+ },
3607
+ {
3608
+ "kind": "js",
3609
+ "name": "default",
3610
+ "declaration": {
3611
+ "name": "FlowChart",
3612
+ "module": "components/chart/chart.js"
3613
+ }
3614
+ }
3615
+ ]
3616
+ },
3617
+ {
3618
+ "kind": "javascript-module",
3619
+ "path": "components/chart/chartjs-support.js",
3620
+ "declarations": [
3621
+ {
3622
+ "kind": "function",
3623
+ "name": "initializeChartJs"
3624
+ },
3625
+ {
3626
+ "kind": "function",
3627
+ "name": "registerChartComponent",
3628
+ "parameters": [
3629
+ {
3630
+ "name": "components",
3631
+ "type": {
3632
+ "text": "ChartComponentLike[]"
3633
+ }
3634
+ }
3635
+ ]
3636
+ }
3637
+ ],
3638
+ "exports": [
3639
+ {
3640
+ "kind": "js",
3641
+ "name": "ChartJs",
3642
+ "declaration": {
3643
+ "name": "Chart",
3644
+ "package": "chart.js"
3645
+ }
3646
+ },
3647
+ {
3648
+ "kind": "js",
3649
+ "name": "initializeChartJs",
3650
+ "declaration": {
3651
+ "name": "initializeChartJs",
3652
+ "module": "components/chart/chartjs-support.js"
3653
+ }
3654
+ },
3655
+ {
3656
+ "kind": "js",
3657
+ "name": "registerChartComponent",
3658
+ "declaration": {
3659
+ "name": "registerChartComponent",
3660
+ "module": "components/chart/chartjs-support.js"
3661
+ }
3662
+ }
3663
+ ]
3664
+ },
3665
+ {
3666
+ "kind": "javascript-module",
3667
+ "path": "components/checkbox/checkbox.js",
3668
+ "declarations": [
3669
+ {
3670
+ "kind": "class",
3671
+ "description": "",
3672
+ "name": "FlowCheckbox",
3673
+ "cssParts": [
3674
+ {
3675
+ "description": "The component's base wrapper.",
3676
+ "name": "base"
3677
+ },
3678
+ {
3679
+ "description": "The square container that wraps the checkbox's checked state.",
3680
+ "name": "control"
3681
+ },
3682
+ {
3683
+ "description": "Matches the control part when the checkbox is checked.",
3684
+ "name": "control--checked"
3685
+ },
3686
+ {
3687
+ "description": "Matches the control part when the checkbox is indeterminate.",
3688
+ "name": "control--indeterminate"
3689
+ },
3690
+ {
3691
+ "description": "The checked icon, an `<flow-ui-icon>` element.",
3692
+ "name": "checked-icon"
3693
+ },
3694
+ {
3695
+ "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
3696
+ "name": "indeterminate-icon"
3697
+ },
3698
+ {
3699
+ "description": "The container that wraps the checkbox's label.",
3700
+ "name": "label"
3701
+ }
3702
+ ],
3703
+ "slots": [
3704
+ {
3705
+ "description": "The checkbox's label.",
3706
+ "name": ""
3707
+ }
3708
+ ],
3709
+ "members": [
3710
+ {
3711
+ "kind": "field",
3712
+ "name": "hasSlotController",
3713
+ "privacy": "private",
3714
+ "readonly": true,
3715
+ "default": "new HasSlotController(this, '[default]')"
3716
+ },
3717
+ {
3718
+ "kind": "field",
3719
+ "name": "formControlController",
3720
+ "privacy": "private",
3721
+ "readonly": true,
3722
+ "default": "new FormControlController(this, {\n value: (control: FlowCheckbox) => (control.checked ? control.value || 'on' : undefined),\n defaultValue: (control: FlowCheckbox) => control.defaultChecked,\n setValue: (control: FlowCheckbox, checked: boolean) => (control.checked = checked)\n })"
3723
+ },
3724
+ {
3725
+ "kind": "field",
3726
+ "name": "input",
3727
+ "type": {
3728
+ "text": "HTMLInputElement"
3729
+ }
3730
+ },
3731
+ {
3732
+ "kind": "field",
3733
+ "name": "hasFocus",
3734
+ "type": {
3735
+ "text": "boolean"
3736
+ },
3737
+ "privacy": "private",
3738
+ "default": "false"
3739
+ },
3740
+ {
3741
+ "kind": "field",
3742
+ "name": "title",
3743
+ "type": {
3744
+ "text": "string"
3745
+ },
3746
+ "default": "''",
3747
+ "attribute": "title"
3748
+ },
3749
+ {
3750
+ "kind": "field",
3751
+ "name": "name",
3752
+ "type": {
3753
+ "text": "string"
3754
+ },
3755
+ "default": "''",
3756
+ "description": "The name of the checkbox, submitted as a name/value pair with form data.",
3757
+ "attribute": "name"
3758
+ },
3759
+ {
3760
+ "kind": "field",
3761
+ "name": "value",
3762
+ "type": {
3763
+ "text": "string"
3764
+ },
3765
+ "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
3766
+ "attribute": "value"
3767
+ },
3768
+ {
3769
+ "kind": "field",
3770
+ "name": "size",
3771
+ "type": {
3772
+ "text": "'small' | 'medium' | 'large'"
3773
+ },
3774
+ "default": "'medium'",
3775
+ "description": "The checkbox's size.",
3776
+ "attribute": "size",
3777
+ "reflects": true
3778
+ },
3779
+ {
3780
+ "kind": "field",
3781
+ "name": "disabled",
3782
+ "type": {
3783
+ "text": "boolean"
3784
+ },
3785
+ "default": "false",
3786
+ "description": "Disables the checkbox.",
3787
+ "attribute": "disabled",
3788
+ "reflects": true
3789
+ },
3790
+ {
3791
+ "kind": "field",
3792
+ "name": "checked",
3793
+ "type": {
3794
+ "text": "boolean"
3795
+ },
3796
+ "default": "false",
3797
+ "description": "Draws the checkbox in a checked state.",
3798
+ "attribute": "checked",
3799
+ "reflects": true
3800
+ },
3801
+ {
3802
+ "kind": "field",
3803
+ "name": "indeterminate",
3804
+ "type": {
3805
+ "text": "boolean"
3806
+ },
3807
+ "default": "false",
3808
+ "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
3809
+ "attribute": "indeterminate",
3810
+ "reflects": true
3811
+ },
3812
+ {
3813
+ "kind": "field",
3814
+ "name": "defaultChecked",
3815
+ "type": {
3816
+ "text": "boolean"
3817
+ },
3818
+ "default": "false",
3819
+ "description": "The default value of the form control. Primarily used for resetting the form control."
3820
+ },
3821
+ {
3822
+ "kind": "field",
3823
+ "name": "form",
3824
+ "type": {
3825
+ "text": "string"
3826
+ },
3827
+ "default": "''",
3828
+ "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.",
3829
+ "attribute": "form",
3830
+ "reflects": true
3831
+ },
3832
+ {
3833
+ "kind": "field",
3834
+ "name": "required",
3835
+ "type": {
3836
+ "text": "boolean"
3837
+ },
3838
+ "default": "false",
3839
+ "description": "Makes the checkbox a required field.",
3840
+ "attribute": "required",
3841
+ "reflects": true
3842
+ },
3843
+ {
3844
+ "kind": "field",
3845
+ "name": "validity",
3846
+ "description": "Gets the validity state object",
3847
+ "readonly": true
3848
+ },
3849
+ {
3850
+ "kind": "field",
3851
+ "name": "validationMessage",
3852
+ "description": "Gets the validation message",
3853
+ "readonly": true
3854
+ },
3855
+ {
3856
+ "kind": "method",
3857
+ "name": "handleClick",
3858
+ "privacy": "private"
3859
+ },
3860
+ {
3861
+ "kind": "method",
3862
+ "name": "handleBlur",
3863
+ "privacy": "private"
3864
+ },
3593
3865
  {
3594
3866
  "kind": "method",
3595
3867
  "name": "handleInput",
@@ -6124,411 +6396,154 @@
6124
6396
  "name": "display-mode",
6125
6397
  "type": {
6126
6398
  "text": "'date' | 'time' | 'datetime'"
6127
- },
6128
- "default": "'datetime'",
6129
- "fieldName": "displayMode"
6130
- },
6131
- {
6132
- "name": "format",
6133
- "type": {
6134
- "text": "string"
6135
- },
6136
- "default": "'FFF'",
6137
- "fieldName": "format"
6138
- },
6139
- {
6140
- "name": "timezone",
6141
- "type": {
6142
- "text": "string | undefined"
6143
- },
6144
- "fieldName": "timezone"
6145
- },
6146
- {
6147
- "name": "locale",
6148
- "type": {
6149
- "text": "string | undefined"
6150
- },
6151
- "fieldName": "locale"
6152
- },
6153
- {
6154
- "name": "size",
6155
- "type": {
6156
- "text": "'small' | 'medium' | 'large'"
6157
- },
6158
- "default": "'medium'",
6159
- "description": "The select's size.",
6160
- "fieldName": "size"
6161
- },
6162
- {
6163
- "name": "placeholder",
6164
- "type": {
6165
- "text": "string"
6166
- },
6167
- "default": "''",
6168
- "description": "Placeholder text to show as a hint when the select is empty.",
6169
- "fieldName": "placeholder"
6170
- },
6171
- {
6172
- "name": "disabled",
6173
- "type": {
6174
- "text": "boolean"
6175
- },
6176
- "default": "false",
6177
- "description": "Disables the select control.",
6178
- "fieldName": "disabled"
6179
- },
6180
- {
6181
- "name": "clearable",
6182
- "type": {
6183
- "text": "boolean"
6184
- },
6185
- "default": "false",
6186
- "description": "Adds a clear button when the select is not empty.",
6187
- "fieldName": "clearable"
6188
- },
6189
- {
6190
- "name": "open",
6191
- "type": {
6192
- "text": "boolean"
6193
- },
6194
- "default": "false",
6195
- "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
6196
- "fieldName": "open"
6197
- },
6198
- {
6199
- "name": "hoist",
6200
- "type": {
6201
- "text": "boolean"
6202
- },
6203
- "default": "false",
6204
- "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
6205
- "fieldName": "hoist"
6206
- },
6207
- {
6208
- "name": "filled",
6209
- "type": {
6210
- "text": "boolean"
6211
- },
6212
- "default": "false",
6213
- "description": "Draws a filled select.",
6214
- "fieldName": "filled"
6215
- },
6216
- {
6217
- "name": "pill",
6218
- "type": {
6219
- "text": "boolean"
6220
- },
6221
- "default": "false",
6222
- "description": "Draws a pill-style select with rounded edges.",
6223
- "fieldName": "pill"
6224
- },
6225
- {
6226
- "name": "label",
6227
- "type": {
6228
- "text": "string"
6229
- },
6230
- "default": "''",
6231
- "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
6232
- "fieldName": "label"
6233
- },
6234
- {
6235
- "name": "placement",
6236
- "type": {
6237
- "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
6238
- },
6239
- "default": "'bottom-end'",
6240
- "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
6241
- "fieldName": "placement"
6242
- },
6243
- {
6244
- "name": "help-text",
6245
- "type": {
6246
- "text": "string"
6247
- },
6248
- "default": "''",
6249
- "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
6250
- "fieldName": "helpText"
6251
- },
6252
- {
6253
- "name": "form",
6254
- "type": {
6255
- "text": "string"
6256
- },
6257
- "default": "''",
6258
- "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.",
6259
- "fieldName": "form"
6260
- },
6261
- {
6262
- "name": "required",
6263
- "type": {
6264
- "text": "boolean"
6265
- },
6266
- "default": "false",
6267
- "description": "The select's required attribute.",
6268
- "fieldName": "required"
6269
- }
6270
- ],
6271
- "superclass": {
6272
- "name": "FlowRdfElement",
6273
- "module": "/src/internal/flow-ui-rdf-element"
6274
- }
6275
- }
6276
- ],
6277
- "exports": [
6278
- {
6279
- "kind": "js",
6280
- "name": "default",
6281
- "declaration": {
6282
- "name": "FlowDatetimePicker",
6283
- "module": "components/date-time-picker/date-time-picker.component.js"
6284
- }
6285
- }
6286
- ]
6287
- },
6288
- {
6289
- "kind": "javascript-module",
6290
- "path": "components/date-time-picker/date-time-picker.js",
6291
- "declarations": [],
6292
- "exports": [
6293
- {
6294
- "kind": "js",
6295
- "name": "*",
6296
- "declaration": {
6297
- "name": "*",
6298
- "package": "./date-time-picker.component.js"
6299
- }
6300
- },
6301
- {
6302
- "kind": "js",
6303
- "name": "default",
6304
- "declaration": {
6305
- "name": "FlowDateTimePicker",
6306
- "module": "components/date-time-picker/date-time-picker.js"
6307
- }
6308
- }
6309
- ]
6310
- },
6311
- {
6312
- "kind": "javascript-module",
6313
- "path": "components/details/details.js",
6314
- "declarations": [
6315
- {
6316
- "kind": "class",
6317
- "description": "",
6318
- "name": "FlowDetails",
6319
- "cssParts": [
6320
- {
6321
- "description": "The component's base wrapper.",
6322
- "name": "base"
6323
- },
6324
- {
6325
- "description": "The header that wraps both the summary and the expand/collapse icon.",
6326
- "name": "header"
6327
- },
6328
- {
6329
- "description": "The container that wraps the summary.",
6330
- "name": "summary"
6331
- },
6332
- {
6333
- "description": "The container that wraps the expand/collapse icons.",
6334
- "name": "summary-icon"
6335
- },
6336
- {
6337
- "description": "The details content.",
6338
- "name": "content"
6339
- }
6340
- ],
6341
- "slots": [
6342
- {
6343
- "description": "The details' main content.",
6344
- "name": ""
6345
- },
6346
- {
6347
- "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
6348
- "name": "summary"
6349
- },
6350
- {
6351
- "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
6352
- "name": "expand-icon"
6353
- },
6354
- {
6355
- "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
6356
- "name": "collapse-icon"
6357
- }
6358
- ],
6359
- "members": [
6360
- {
6361
- "kind": "field",
6362
- "name": "localize",
6363
- "privacy": "private",
6364
- "readonly": true,
6365
- "default": "new LocalizeController(this)"
6366
- },
6367
- {
6368
- "kind": "field",
6369
- "name": "details",
6370
- "type": {
6371
- "text": "HTMLElement"
6372
- }
6399
+ },
6400
+ "default": "'datetime'",
6401
+ "fieldName": "displayMode"
6373
6402
  },
6374
6403
  {
6375
- "kind": "field",
6376
- "name": "header",
6404
+ "name": "format",
6377
6405
  "type": {
6378
- "text": "HTMLElement"
6379
- }
6406
+ "text": "string"
6407
+ },
6408
+ "default": "'FFF'",
6409
+ "fieldName": "format"
6380
6410
  },
6381
6411
  {
6382
- "kind": "field",
6383
- "name": "body",
6412
+ "name": "timezone",
6384
6413
  "type": {
6385
- "text": "HTMLElement"
6386
- }
6414
+ "text": "string | undefined"
6415
+ },
6416
+ "fieldName": "timezone"
6387
6417
  },
6388
6418
  {
6389
- "kind": "field",
6390
- "name": "expandIconSlot",
6419
+ "name": "locale",
6391
6420
  "type": {
6392
- "text": "HTMLSlotElement"
6393
- }
6421
+ "text": "string | undefined"
6422
+ },
6423
+ "fieldName": "locale"
6394
6424
  },
6395
6425
  {
6396
- "kind": "field",
6397
- "name": "open",
6426
+ "name": "size",
6398
6427
  "type": {
6399
- "text": "boolean"
6428
+ "text": "'small' | 'medium' | 'large'"
6400
6429
  },
6401
- "default": "false",
6402
- "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
6403
- "attribute": "open",
6404
- "reflects": true
6430
+ "default": "'medium'",
6431
+ "description": "The select's size.",
6432
+ "fieldName": "size"
6405
6433
  },
6406
6434
  {
6407
- "kind": "field",
6408
- "name": "summary",
6435
+ "name": "placeholder",
6409
6436
  "type": {
6410
6437
  "text": "string"
6411
6438
  },
6412
- "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
6413
- "attribute": "summary"
6439
+ "default": "''",
6440
+ "description": "Placeholder text to show as a hint when the select is empty.",
6441
+ "fieldName": "placeholder"
6414
6442
  },
6415
6443
  {
6416
- "kind": "field",
6417
6444
  "name": "disabled",
6418
6445
  "type": {
6419
6446
  "text": "boolean"
6420
6447
  },
6421
6448
  "default": "false",
6422
- "description": "Disables the details so it can't be toggled.",
6423
- "attribute": "disabled",
6424
- "reflects": true
6449
+ "description": "Disables the select control.",
6450
+ "fieldName": "disabled"
6425
6451
  },
6426
6452
  {
6427
- "kind": "method",
6428
- "name": "handleSummaryClick",
6429
- "privacy": "private"
6453
+ "name": "clearable",
6454
+ "type": {
6455
+ "text": "boolean"
6456
+ },
6457
+ "default": "false",
6458
+ "description": "Adds a clear button when the select is not empty.",
6459
+ "fieldName": "clearable"
6430
6460
  },
6431
6461
  {
6432
- "kind": "method",
6433
- "name": "handleSummaryKeyDown",
6434
- "privacy": "private",
6435
- "parameters": [
6436
- {
6437
- "name": "event",
6438
- "type": {
6439
- "text": "KeyboardEvent"
6440
- }
6441
- }
6442
- ]
6462
+ "name": "open",
6463
+ "type": {
6464
+ "text": "boolean"
6465
+ },
6466
+ "default": "false",
6467
+ "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
6468
+ "fieldName": "open"
6443
6469
  },
6444
6470
  {
6445
- "kind": "method",
6446
- "name": "handleOpenChange"
6471
+ "name": "hoist",
6472
+ "type": {
6473
+ "text": "boolean"
6474
+ },
6475
+ "default": "false",
6476
+ "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
6477
+ "fieldName": "hoist"
6447
6478
  },
6448
6479
  {
6449
- "kind": "method",
6450
- "name": "show",
6451
- "description": "Shows the details."
6480
+ "name": "filled",
6481
+ "type": {
6482
+ "text": "boolean"
6483
+ },
6484
+ "default": "false",
6485
+ "description": "Draws a filled select.",
6486
+ "fieldName": "filled"
6452
6487
  },
6453
6488
  {
6454
- "kind": "method",
6455
- "name": "hide",
6456
- "description": "Hides the details"
6457
- }
6458
- ],
6459
- "events": [
6460
- {
6461
- "description": "Emitted when the details opens.",
6462
- "name": "flow-ui-show",
6463
- "reactName": "onFlowUiShow"
6489
+ "name": "pill",
6490
+ "type": {
6491
+ "text": "boolean"
6492
+ },
6493
+ "default": "false",
6494
+ "description": "Draws a pill-style select with rounded edges.",
6495
+ "fieldName": "pill"
6464
6496
  },
6465
6497
  {
6466
- "description": "Emitted after the details opens and all animations are complete.",
6467
- "name": "flow-ui-after-show",
6468
- "reactName": "onFlowUiAfterShow"
6498
+ "name": "label",
6499
+ "type": {
6500
+ "text": "string"
6501
+ },
6502
+ "default": "''",
6503
+ "description": "The select's label. If you need to display HTML, use the `label` slot instead.",
6504
+ "fieldName": "label"
6469
6505
  },
6470
6506
  {
6471
- "description": "Emitted when the details closes.",
6472
- "name": "flow-ui-hide",
6473
- "reactName": "onFlowUiHide"
6507
+ "name": "placement",
6508
+ "type": {
6509
+ "text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
6510
+ },
6511
+ "default": "'bottom-end'",
6512
+ "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
6513
+ "fieldName": "placement"
6474
6514
  },
6475
6515
  {
6476
- "description": "Emitted after the details closes and all animations are complete.",
6477
- "name": "flow-ui-after-hide",
6478
- "reactName": "onFlowUiAfterHide"
6479
- }
6480
- ],
6481
- "attributes": [
6482
- {
6483
- "name": "open",
6516
+ "name": "help-text",
6484
6517
  "type": {
6485
- "text": "boolean"
6518
+ "text": "string"
6486
6519
  },
6487
- "default": "false",
6488
- "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
6489
- "fieldName": "open"
6520
+ "default": "''",
6521
+ "description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
6522
+ "fieldName": "helpText"
6490
6523
  },
6491
6524
  {
6492
- "name": "summary",
6525
+ "name": "form",
6493
6526
  "type": {
6494
6527
  "text": "string"
6495
6528
  },
6496
- "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
6497
- "fieldName": "summary"
6529
+ "default": "''",
6530
+ "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.",
6531
+ "fieldName": "form"
6498
6532
  },
6499
6533
  {
6500
- "name": "disabled",
6534
+ "name": "required",
6501
6535
  "type": {
6502
6536
  "text": "boolean"
6503
6537
  },
6504
6538
  "default": "false",
6505
- "description": "Disables the details so it can't be toggled.",
6506
- "fieldName": "disabled"
6539
+ "description": "The select's required attribute.",
6540
+ "fieldName": "required"
6507
6541
  }
6508
6542
  ],
6509
6543
  "superclass": {
6510
6544
  "name": "FlowRdfElement",
6511
6545
  "module": "/src/internal/flow-ui-rdf-element"
6512
- },
6513
- "summary": "Details show a brief summary and expand to show additional content.",
6514
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
6515
- "status": "stable",
6516
- "since": "2.0",
6517
- "dependencies": [
6518
- "flow-ui-icon"
6519
- ],
6520
- "animations": [
6521
- {
6522
- "name": "details.show",
6523
- "description": "The animation to use when showing details. You can use `height: auto` with this animation."
6524
- },
6525
- {
6526
- "name": "details.hide",
6527
- "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
6528
- }
6529
- ],
6530
- "tagName": "flow-ui-details",
6531
- "customElement": true
6546
+ }
6532
6547
  }
6533
6548
  ],
6534
6549
  "exports": [
@@ -6536,288 +6551,273 @@
6536
6551
  "kind": "js",
6537
6552
  "name": "default",
6538
6553
  "declaration": {
6539
- "name": "FlowDetails",
6540
- "module": "components/details/details.js"
6554
+ "name": "FlowDatetimePicker",
6555
+ "module": "components/date-time-picker/date-time-picker.component.js"
6556
+ }
6557
+ }
6558
+ ]
6559
+ },
6560
+ {
6561
+ "kind": "javascript-module",
6562
+ "path": "components/date-time-picker/date-time-picker.js",
6563
+ "declarations": [],
6564
+ "exports": [
6565
+ {
6566
+ "kind": "js",
6567
+ "name": "*",
6568
+ "declaration": {
6569
+ "name": "*",
6570
+ "package": "./date-time-picker.component.js"
6541
6571
  }
6542
6572
  },
6543
6573
  {
6544
- "kind": "custom-element-definition",
6545
- "name": "flow-ui-details",
6574
+ "kind": "js",
6575
+ "name": "default",
6546
6576
  "declaration": {
6547
- "name": "FlowDetails",
6548
- "module": "components/details/details.js"
6577
+ "name": "FlowDateTimePicker",
6578
+ "module": "components/date-time-picker/date-time-picker.js"
6549
6579
  }
6550
6580
  }
6551
6581
  ]
6552
6582
  },
6553
6583
  {
6554
6584
  "kind": "javascript-module",
6555
- "path": "components/chart/chart.component.js",
6585
+ "path": "components/details/details.js",
6556
6586
  "declarations": [
6557
6587
  {
6558
6588
  "kind": "class",
6559
- "description": "The chart component is a container for [Chart.js](https://www.chartjs.org/) charts. The component\nsupplies additional Flow RDF UI features including:\n\n- Consistent theming with other flow-rdf-ui components.\n- Additional plugins and charts types for commonly-used charts.\n- Convenience child components (`flow-ui-chart-data` and `flow-ui-chart-scale`) for defining chart data and scales.",
6560
- "name": "FlowChart",
6561
- "cssProperties": [
6562
- {
6563
- "description": "Chart background color (applied as the background color of the base container).",
6564
- "name": "--background-color"
6565
- },
6566
- {
6567
- "description": "General text color (titles etc.)",
6568
- "name": "--text-color"
6569
- },
6570
- {
6571
- "description": "Color of the axis lines.",
6572
- "name": "--axis-color"
6573
- },
6574
- {
6575
- "description": "Color of the x-axis lines. (defaults to `--axis-color`)",
6576
- "name": "--x-axis-color"
6577
- },
6578
- {
6579
- "description": "Color of the y-axis lines. (defaults to `--axis-color`)",
6580
- "name": "--y-axis-color"
6581
- },
6582
- {
6583
- "description": "Color of the axis grid lines.",
6584
- "name": "--axis-grid-color"
6585
- },
6586
- {
6587
- "description": "Color of the x-axis grid lines. (defaults to `--axis-grid-color`)",
6588
- "name": "--x-axis-grid-color"
6589
- },
6590
- {
6591
- "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
6592
- "name": "--y-axis-grid-color"
6593
- },
6589
+ "description": "",
6590
+ "name": "FlowDetails",
6591
+ "cssParts": [
6594
6592
  {
6595
- "description": "Color of the axis labels.",
6596
- "name": "--axis-label-color"
6593
+ "description": "The component's base wrapper.",
6594
+ "name": "base"
6597
6595
  },
6598
6596
  {
6599
- "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
6600
- "name": "--x-axis-label-color"
6597
+ "description": "The header that wraps both the summary and the expand/collapse icon.",
6598
+ "name": "header"
6601
6599
  },
6602
6600
  {
6603
- "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
6604
- "name": "--y-axis-label-color"
6601
+ "description": "The container that wraps the summary.",
6602
+ "name": "summary"
6605
6603
  },
6606
6604
  {
6607
- "description": "Color of the tick labels.",
6608
- "name": "--tick-label-color"
6605
+ "description": "The container that wraps the expand/collapse icons.",
6606
+ "name": "summary-icon"
6609
6607
  },
6610
6608
  {
6611
- "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
6612
- "name": "--x-tick-label-color"
6613
- },
6609
+ "description": "The details content.",
6610
+ "name": "content"
6611
+ }
6612
+ ],
6613
+ "slots": [
6614
6614
  {
6615
- "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
6616
- "name": "--y-tick-label-color"
6615
+ "description": "The details' main content.",
6616
+ "name": ""
6617
6617
  },
6618
6618
  {
6619
- "description": "Color of the stroke for dataset n (where n = 0-9).",
6620
- "name": "--dataset-stroke-color-n"
6619
+ "description": "The details' summary. Alternatively, you can use the `summary` attribute.",
6620
+ "name": "summary"
6621
6621
  },
6622
6622
  {
6623
- "description": "Color of the fill for dataset n (where n = 0-9).",
6624
- "name": "--dataset-fill-color-n"
6625
- }
6626
- ],
6627
- "cssParts": [
6623
+ "description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
6624
+ "name": "expand-icon"
6625
+ },
6628
6626
  {
6629
- "description": "The base container of the chart.",
6630
- "name": "base"
6627
+ "description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
6628
+ "name": "collapse-icon"
6631
6629
  }
6632
6630
  ],
6633
6631
  "members": [
6634
6632
  {
6635
6633
  "kind": "field",
6636
- "name": "_chartRef",
6634
+ "name": "localize",
6635
+ "privacy": "private",
6636
+ "readonly": true,
6637
+ "default": "new LocalizeController(this)"
6638
+ },
6639
+ {
6640
+ "kind": "field",
6641
+ "name": "details",
6637
6642
  "type": {
6638
- "text": "Ref<HTMLCanvasElement>"
6639
- },
6640
- "privacy": "private"
6643
+ "text": "HTMLElement"
6644
+ }
6641
6645
  },
6642
6646
  {
6643
6647
  "kind": "field",
6644
- "name": "_chart",
6648
+ "name": "header",
6645
6649
  "type": {
6646
- "text": "Chart | undefined"
6647
- },
6648
- "privacy": "private"
6650
+ "text": "HTMLElement"
6651
+ }
6649
6652
  },
6650
6653
  {
6651
6654
  "kind": "field",
6652
- "name": "chart",
6653
- "description": "The Chart.js chart instance.",
6654
- "readonly": true
6655
+ "name": "body",
6656
+ "type": {
6657
+ "text": "HTMLElement"
6658
+ }
6655
6659
  },
6656
6660
  {
6657
6661
  "kind": "field",
6658
- "name": "type",
6662
+ "name": "expandIconSlot",
6659
6663
  "type": {
6660
- "text": "string"
6661
- },
6662
- "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
6663
- "attribute": "type"
6664
+ "text": "HTMLSlotElement"
6665
+ }
6664
6666
  },
6665
6667
  {
6666
6668
  "kind": "field",
6667
- "name": "options",
6669
+ "name": "open",
6668
6670
  "type": {
6669
- "text": "ChartOptions"
6671
+ "text": "boolean"
6670
6672
  },
6671
- "description": "The Chart.js `options` object.",
6672
- "attribute": "options"
6673
+ "default": "false",
6674
+ "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
6675
+ "attribute": "open",
6676
+ "reflects": true
6673
6677
  },
6674
6678
  {
6675
6679
  "kind": "field",
6676
- "name": "data",
6680
+ "name": "summary",
6677
6681
  "type": {
6678
- "text": "ChartData"
6682
+ "text": "string"
6679
6683
  },
6680
- "description": "The Chart.js `data` object",
6681
- "attribute": "data"
6684
+ "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
6685
+ "attribute": "summary"
6682
6686
  },
6683
6687
  {
6684
6688
  "kind": "field",
6685
- "name": "plugins",
6689
+ "name": "disabled",
6686
6690
  "type": {
6687
- "text": "Plugin[]"
6691
+ "text": "boolean"
6688
6692
  },
6689
- "default": "[]",
6690
- "description": "List of extra plugins to use for this chart.",
6691
- "attribute": "plugins"
6693
+ "default": "false",
6694
+ "description": "Disables the details so it can't be toggled.",
6695
+ "attribute": "disabled",
6696
+ "reflects": true
6692
6697
  },
6693
6698
  {
6694
6699
  "kind": "method",
6695
- "name": "repaint",
6696
- "description": "Trigger a repaint of the chart."
6700
+ "name": "handleSummaryClick",
6701
+ "privacy": "private"
6702
+ },
6703
+ {
6704
+ "kind": "method",
6705
+ "name": "handleSummaryKeyDown",
6706
+ "privacy": "private",
6707
+ "parameters": [
6708
+ {
6709
+ "name": "event",
6710
+ "type": {
6711
+ "text": "KeyboardEvent"
6712
+ }
6713
+ }
6714
+ ]
6715
+ },
6716
+ {
6717
+ "kind": "method",
6718
+ "name": "handleOpenChange"
6719
+ },
6720
+ {
6721
+ "kind": "method",
6722
+ "name": "show",
6723
+ "description": "Shows the details."
6724
+ },
6725
+ {
6726
+ "kind": "method",
6727
+ "name": "hide",
6728
+ "description": "Hides the details"
6697
6729
  }
6698
6730
  ],
6699
- "attributes": [
6731
+ "events": [
6700
6732
  {
6701
- "name": "type",
6702
- "type": {
6703
- "text": "string"
6704
- },
6705
- "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
6706
- "fieldName": "type"
6733
+ "description": "Emitted when the details opens.",
6734
+ "name": "flow-ui-show",
6735
+ "reactName": "onFlowUiShow"
6707
6736
  },
6708
6737
  {
6709
- "name": "options",
6738
+ "description": "Emitted after the details opens and all animations are complete.",
6739
+ "name": "flow-ui-after-show",
6740
+ "reactName": "onFlowUiAfterShow"
6741
+ },
6742
+ {
6743
+ "description": "Emitted when the details closes.",
6744
+ "name": "flow-ui-hide",
6745
+ "reactName": "onFlowUiHide"
6746
+ },
6747
+ {
6748
+ "description": "Emitted after the details closes and all animations are complete.",
6749
+ "name": "flow-ui-after-hide",
6750
+ "reactName": "onFlowUiAfterHide"
6751
+ }
6752
+ ],
6753
+ "attributes": [
6754
+ {
6755
+ "name": "open",
6710
6756
  "type": {
6711
- "text": "ChartOptions"
6757
+ "text": "boolean"
6712
6758
  },
6713
- "description": "The Chart.js `options` object.",
6714
- "fieldName": "options"
6759
+ "default": "false",
6760
+ "description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
6761
+ "fieldName": "open"
6715
6762
  },
6716
6763
  {
6717
- "name": "data",
6764
+ "name": "summary",
6718
6765
  "type": {
6719
- "text": "ChartData"
6766
+ "text": "string"
6720
6767
  },
6721
- "description": "The Chart.js `data` object",
6722
- "fieldName": "data"
6768
+ "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
6769
+ "fieldName": "summary"
6723
6770
  },
6724
6771
  {
6725
- "name": "plugins",
6772
+ "name": "disabled",
6726
6773
  "type": {
6727
- "text": "Plugin[]"
6774
+ "text": "boolean"
6728
6775
  },
6729
- "default": "[]",
6730
- "description": "List of extra plugins to use for this chart.",
6731
- "fieldName": "plugins"
6776
+ "default": "false",
6777
+ "description": "Disables the details so it can't be toggled.",
6778
+ "fieldName": "disabled"
6732
6779
  }
6733
6780
  ],
6734
6781
  "superclass": {
6735
6782
  "name": "FlowRdfElement",
6736
6783
  "module": "/src/internal/flow-ui-rdf-element"
6737
6784
  },
6738
- "tagName": "flow-ui-chart",
6739
- "summary": "The chart component displays Chart.js charts.",
6740
- "customElement": true
6741
- }
6742
- ],
6743
- "exports": [
6744
- {
6745
- "kind": "js",
6746
- "name": "default",
6747
- "declaration": {
6748
- "name": "FlowChart",
6749
- "module": "components/chart/chart.component.js"
6750
- }
6751
- }
6752
- ]
6753
- },
6754
- {
6755
- "kind": "javascript-module",
6756
- "path": "components/chart/chart.js",
6757
- "declarations": [],
6758
- "exports": [
6759
- {
6760
- "kind": "js",
6761
- "name": "*",
6762
- "declaration": {
6763
- "name": "*",
6764
- "package": "./chart.component"
6765
- }
6766
- },
6767
- {
6768
- "kind": "js",
6769
- "name": "default",
6770
- "declaration": {
6771
- "name": "FlowChart",
6772
- "module": "components/chart/chart.js"
6773
- }
6774
- }
6775
- ]
6776
- },
6777
- {
6778
- "kind": "javascript-module",
6779
- "path": "components/chart/chartjs-support.js",
6780
- "declarations": [
6781
- {
6782
- "kind": "function",
6783
- "name": "initializeChartJs"
6784
- },
6785
- {
6786
- "kind": "function",
6787
- "name": "registerChartComponent",
6788
- "parameters": [
6785
+ "summary": "Details show a brief summary and expand to show additional content.",
6786
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
6787
+ "status": "stable",
6788
+ "since": "2.0",
6789
+ "dependencies": [
6790
+ "flow-ui-icon"
6791
+ ],
6792
+ "animations": [
6793
+ {
6794
+ "name": "details.show",
6795
+ "description": "The animation to use when showing details. You can use `height: auto` with this animation."
6796
+ },
6789
6797
  {
6790
- "name": "components",
6791
- "type": {
6792
- "text": "ChartComponentLike[]"
6793
- }
6798
+ "name": "details.hide",
6799
+ "description": "The animation to use when hiding details. You can use `height: auto` with this animation."
6794
6800
  }
6795
- ]
6801
+ ],
6802
+ "tagName": "flow-ui-details",
6803
+ "customElement": true
6796
6804
  }
6797
6805
  ],
6798
6806
  "exports": [
6799
6807
  {
6800
6808
  "kind": "js",
6801
- "name": "ChartJs",
6802
- "declaration": {
6803
- "name": "Chart",
6804
- "package": "chart.js"
6805
- }
6806
- },
6807
- {
6808
- "kind": "js",
6809
- "name": "initializeChartJs",
6809
+ "name": "default",
6810
6810
  "declaration": {
6811
- "name": "initializeChartJs",
6812
- "module": "components/chart/chartjs-support.js"
6811
+ "name": "FlowDetails",
6812
+ "module": "components/details/details.js"
6813
6813
  }
6814
6814
  },
6815
6815
  {
6816
- "kind": "js",
6817
- "name": "registerChartComponent",
6816
+ "kind": "custom-element-definition",
6817
+ "name": "flow-ui-details",
6818
6818
  "declaration": {
6819
- "name": "registerChartComponent",
6820
- "module": "components/chart/chartjs-support.js"
6819
+ "name": "FlowDetails",
6820
+ "module": "components/details/details.js"
6821
6821
  }
6822
6822
  }
6823
6823
  ]
@@ -10542,80 +10542,105 @@
10542
10542
  },
10543
10543
  {
10544
10544
  "kind": "javascript-module",
10545
- "path": "components/mutation-observer/mutation-observer.js",
10545
+ "path": "components/menu-item/menu-item.js",
10546
10546
  "declarations": [
10547
10547
  {
10548
10548
  "kind": "class",
10549
10549
  "description": "",
10550
- "name": "FlowMutationObserver",
10550
+ "name": "FlowMenuItem",
10551
+ "cssParts": [
10552
+ {
10553
+ "description": "The component's base wrapper.",
10554
+ "name": "base"
10555
+ },
10556
+ {
10557
+ "description": "The checked icon, which is only visible when the menu item is checked.",
10558
+ "name": "checked-icon"
10559
+ },
10560
+ {
10561
+ "description": "The prefix container.",
10562
+ "name": "prefix"
10563
+ },
10564
+ {
10565
+ "description": "The menu item label.",
10566
+ "name": "label"
10567
+ },
10568
+ {
10569
+ "description": "The suffix container.",
10570
+ "name": "suffix"
10571
+ },
10572
+ {
10573
+ "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
10574
+ "name": "submenu-icon"
10575
+ }
10576
+ ],
10551
10577
  "slots": [
10552
10578
  {
10553
- "description": "The content to watch for mutations.",
10579
+ "description": "The menu item's label.",
10554
10580
  "name": ""
10581
+ },
10582
+ {
10583
+ "description": "Used to prepend an icon or similar element to the menu item.",
10584
+ "name": "prefix"
10585
+ },
10586
+ {
10587
+ "description": "Used to append an icon or similar element to the menu item.",
10588
+ "name": "suffix"
10555
10589
  }
10556
10590
  ],
10557
10591
  "members": [
10558
10592
  {
10559
10593
  "kind": "field",
10560
- "name": "mutationObserver",
10594
+ "name": "cachedTextLabel",
10561
10595
  "type": {
10562
- "text": "MutationObserver"
10596
+ "text": "string"
10563
10597
  },
10564
10598
  "privacy": "private"
10565
10599
  },
10566
10600
  {
10567
10601
  "kind": "field",
10568
- "name": "attr",
10602
+ "name": "defaultSlot",
10569
10603
  "type": {
10570
- "text": "string"
10571
- },
10572
- "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
10573
- "attribute": "attr",
10574
- "reflects": true
10604
+ "text": "HTMLSlotElement"
10605
+ }
10575
10606
  },
10576
10607
  {
10577
10608
  "kind": "field",
10578
- "name": "attrOldValue",
10609
+ "name": "menuItem",
10579
10610
  "type": {
10580
- "text": "boolean"
10581
- },
10582
- "default": "false",
10583
- "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
10584
- "attribute": "attr-old-value",
10585
- "reflects": true
10611
+ "text": "HTMLElement"
10612
+ }
10586
10613
  },
10587
10614
  {
10588
10615
  "kind": "field",
10589
- "name": "charData",
10616
+ "name": "type",
10590
10617
  "type": {
10591
- "text": "boolean"
10618
+ "text": "'normal' | 'checkbox'"
10592
10619
  },
10593
- "default": "false",
10594
- "description": "Watches for changes to the character data contained within the node.",
10595
- "attribute": "char-data",
10596
- "reflects": true
10620
+ "default": "'normal'",
10621
+ "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
10622
+ "attribute": "type"
10597
10623
  },
10598
10624
  {
10599
10625
  "kind": "field",
10600
- "name": "charDataOldValue",
10626
+ "name": "checked",
10601
10627
  "type": {
10602
10628
  "text": "boolean"
10603
10629
  },
10604
10630
  "default": "false",
10605
- "description": "Indicates whether or not the previous value of the node's text should be recorded.",
10606
- "attribute": "char-data-old-value",
10631
+ "description": "Draws the item in a checked state.",
10632
+ "attribute": "checked",
10607
10633
  "reflects": true
10608
10634
  },
10609
10635
  {
10610
10636
  "kind": "field",
10611
- "name": "childList",
10637
+ "name": "value",
10612
10638
  "type": {
10613
- "text": "boolean"
10639
+ "text": "string"
10614
10640
  },
10615
- "default": "false",
10616
- "description": "Watches for the addition or removal of new child nodes.",
10617
- "attribute": "child-list",
10618
- "reflects": true
10641
+ "default": "''",
10642
+ "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
10643
+ "attribute": "value"
10619
10644
  },
10620
10645
  {
10621
10646
  "kind": "field",
@@ -10624,96 +10649,73 @@
10624
10649
  "text": "boolean"
10625
10650
  },
10626
10651
  "default": "false",
10627
- "description": "Disables the observer.",
10652
+ "description": "Draws the menu item in a disabled state, preventing selection.",
10628
10653
  "attribute": "disabled",
10629
10654
  "reflects": true
10630
10655
  },
10631
10656
  {
10632
10657
  "kind": "method",
10633
- "name": "handleMutation",
10658
+ "name": "handleDefaultSlotChange",
10659
+ "privacy": "private"
10660
+ },
10661
+ {
10662
+ "kind": "method",
10663
+ "name": "handleHostClick",
10634
10664
  "privacy": "private",
10635
10665
  "parameters": [
10636
10666
  {
10637
- "name": "mutationList",
10667
+ "name": "event",
10638
10668
  "type": {
10639
- "text": "MutationRecord[]"
10669
+ "text": "MouseEvent"
10640
10670
  }
10641
10671
  }
10642
10672
  ]
10643
10673
  },
10644
10674
  {
10645
10675
  "kind": "method",
10646
- "name": "startObserver",
10647
- "privacy": "private"
10676
+ "name": "handleCheckedChange"
10648
10677
  },
10649
10678
  {
10650
10679
  "kind": "method",
10651
- "name": "stopObserver",
10652
- "privacy": "private"
10680
+ "name": "handleDisabledChange"
10653
10681
  },
10654
10682
  {
10655
10683
  "kind": "method",
10656
- "name": "handleDisabledChange"
10684
+ "name": "handleTypeChange"
10657
10685
  },
10658
10686
  {
10659
10687
  "kind": "method",
10660
- "name": "handleChange"
10661
- }
10662
- ],
10663
- "events": [
10664
- {
10665
- "type": {
10666
- "text": "{ mutationList: MutationRecord[] }"
10667
- },
10668
- "description": "Emitted when a mutation occurs.",
10669
- "name": "flow-ui-mutation",
10670
- "reactName": "onFlowUiMutation"
10688
+ "name": "getTextLabel",
10689
+ "description": "Returns a text label based on the contents of the menu item's default slot."
10671
10690
  }
10672
10691
  ],
10673
10692
  "attributes": [
10674
10693
  {
10675
- "name": "attr",
10676
- "type": {
10677
- "text": "string"
10678
- },
10679
- "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
10680
- "fieldName": "attr"
10681
- },
10682
- {
10683
- "name": "attr-old-value",
10684
- "type": {
10685
- "text": "boolean"
10686
- },
10687
- "default": "false",
10688
- "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
10689
- "fieldName": "attrOldValue"
10690
- },
10691
- {
10692
- "name": "char-data",
10694
+ "name": "type",
10693
10695
  "type": {
10694
- "text": "boolean"
10696
+ "text": "'normal' | 'checkbox'"
10695
10697
  },
10696
- "default": "false",
10697
- "description": "Watches for changes to the character data contained within the node.",
10698
- "fieldName": "charData"
10698
+ "default": "'normal'",
10699
+ "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
10700
+ "fieldName": "type"
10699
10701
  },
10700
10702
  {
10701
- "name": "char-data-old-value",
10703
+ "name": "checked",
10702
10704
  "type": {
10703
10705
  "text": "boolean"
10704
10706
  },
10705
10707
  "default": "false",
10706
- "description": "Indicates whether or not the previous value of the node's text should be recorded.",
10707
- "fieldName": "charDataOldValue"
10708
+ "description": "Draws the item in a checked state.",
10709
+ "fieldName": "checked"
10708
10710
  },
10709
10711
  {
10710
- "name": "child-list",
10712
+ "name": "value",
10711
10713
  "type": {
10712
- "text": "boolean"
10714
+ "text": "string"
10713
10715
  },
10714
- "default": "false",
10715
- "description": "Watches for the addition or removal of new child nodes.",
10716
- "fieldName": "childList"
10716
+ "default": "''",
10717
+ "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
10718
+ "fieldName": "value"
10717
10719
  },
10718
10720
  {
10719
10721
  "name": "disabled",
@@ -10721,7 +10723,7 @@
10721
10723
  "text": "boolean"
10722
10724
  },
10723
10725
  "default": "false",
10724
- "description": "Disables the observer.",
10726
+ "description": "Draws the menu item in a disabled state, preventing selection.",
10725
10727
  "fieldName": "disabled"
10726
10728
  }
10727
10729
  ],
@@ -10729,11 +10731,66 @@
10729
10731
  "name": "FlowRdfElement",
10730
10732
  "module": "/src/internal/flow-ui-rdf-element"
10731
10733
  },
10732
- "summary": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).",
10733
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer",
10734
+ "summary": "Menu items provide options for the user to pick from in a menu.",
10735
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-item",
10736
+ "status": "stable",
10737
+ "since": "2.0",
10738
+ "dependencies": [
10739
+ "flow-ui-icon"
10740
+ ],
10741
+ "tagName": "flow-ui-menu-item",
10742
+ "customElement": true
10743
+ }
10744
+ ],
10745
+ "exports": [
10746
+ {
10747
+ "kind": "js",
10748
+ "name": "default",
10749
+ "declaration": {
10750
+ "name": "FlowMenuItem",
10751
+ "module": "components/menu-item/menu-item.js"
10752
+ }
10753
+ },
10754
+ {
10755
+ "kind": "custom-element-definition",
10756
+ "name": "flow-ui-menu-item",
10757
+ "declaration": {
10758
+ "name": "FlowMenuItem",
10759
+ "module": "components/menu-item/menu-item.js"
10760
+ }
10761
+ }
10762
+ ]
10763
+ },
10764
+ {
10765
+ "kind": "javascript-module",
10766
+ "path": "components/menu-label/menu-label.js",
10767
+ "declarations": [
10768
+ {
10769
+ "kind": "class",
10770
+ "description": "",
10771
+ "name": "FlowMenuLabel",
10772
+ "cssParts": [
10773
+ {
10774
+ "description": "The component's base wrapper.",
10775
+ "name": "base"
10776
+ }
10777
+ ],
10778
+ "slots": [
10779
+ {
10780
+ "description": "The menu label's content.",
10781
+ "name": ""
10782
+ }
10783
+ ],
10784
+ "members": [],
10785
+ "superclass": {
10786
+ "name": "FlowRdfElement",
10787
+ "module": "/src/internal/flow-ui-rdf-element"
10788
+ },
10789
+ "summary": "Menu labels are used to describe a group of menu items.",
10790
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-label",
10734
10791
  "status": "stable",
10735
10792
  "since": "2.0",
10736
- "tagName": "flow-ui-mutation-observer",
10793
+ "tagName": "flow-ui-menu-label",
10737
10794
  "customElement": true
10738
10795
  }
10739
10796
  ],
@@ -10742,352 +10799,214 @@
10742
10799
  "kind": "js",
10743
10800
  "name": "default",
10744
10801
  "declaration": {
10745
- "name": "FlowMutationObserver",
10746
- "module": "components/mutation-observer/mutation-observer.js"
10802
+ "name": "FlowMenuLabel",
10803
+ "module": "components/menu-label/menu-label.js"
10747
10804
  }
10748
10805
  },
10749
10806
  {
10750
10807
  "kind": "custom-element-definition",
10751
- "name": "flow-ui-mutation-observer",
10808
+ "name": "flow-ui-menu-label",
10752
10809
  "declaration": {
10753
- "name": "FlowMutationObserver",
10754
- "module": "components/mutation-observer/mutation-observer.js"
10810
+ "name": "FlowMenuLabel",
10811
+ "module": "components/menu-label/menu-label.js"
10755
10812
  }
10756
10813
  }
10757
10814
  ]
10758
10815
  },
10759
10816
  {
10760
10817
  "kind": "javascript-module",
10761
- "path": "components/number-stepper/number-stepper.component.js",
10818
+ "path": "components/mutation-observer/mutation-observer.js",
10762
10819
  "declarations": [
10763
10820
  {
10764
10821
  "kind": "class",
10765
10822
  "description": "",
10766
- "name": "FlowNumberStepper",
10767
- "members": [
10823
+ "name": "FlowMutationObserver",
10824
+ "slots": [
10768
10825
  {
10769
- "kind": "field",
10770
- "name": "formControlController",
10771
- "privacy": "private",
10772
- "readonly": true,
10773
- "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
10774
- },
10826
+ "description": "The content to watch for mutations.",
10827
+ "name": ""
10828
+ }
10829
+ ],
10830
+ "members": [
10775
10831
  {
10776
10832
  "kind": "field",
10777
- "name": "_input",
10833
+ "name": "mutationObserver",
10778
10834
  "type": {
10779
- "text": "FlowInput"
10835
+ "text": "MutationObserver"
10780
10836
  },
10781
10837
  "privacy": "private"
10782
10838
  },
10783
10839
  {
10784
10840
  "kind": "field",
10785
- "name": "_formatter",
10786
- "type": {
10787
- "text": "(val: string | number | undefined) => string"
10788
- },
10789
- "privacy": "private",
10790
- "default": "DEFAULT_FORMATTER"
10791
- },
10792
- {
10793
- "kind": "field",
10794
- "name": "name",
10841
+ "name": "attr",
10795
10842
  "type": {
10796
10843
  "text": "string"
10797
10844
  },
10798
- "default": "''",
10799
- "description": "The name of the input, submitted as a name/value pair with form data.",
10800
- "attribute": "name"
10801
- },
10802
- {
10803
- "kind": "field",
10804
- "name": "value",
10805
- "type": {
10806
- "text": "number | ''"
10807
- },
10808
- "attribute": "value"
10809
- },
10810
- {
10811
- "kind": "field",
10812
- "name": "step",
10813
- "type": {
10814
- "text": "number"
10815
- },
10816
- "default": "1",
10817
- "attribute": "step"
10845
+ "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
10846
+ "attribute": "attr",
10847
+ "reflects": true
10818
10848
  },
10819
10849
  {
10820
10850
  "kind": "field",
10821
- "name": "min",
10851
+ "name": "attrOldValue",
10822
10852
  "type": {
10823
- "text": "number"
10853
+ "text": "boolean"
10824
10854
  },
10825
- "default": "-Infinity",
10826
- "attribute": "min"
10855
+ "default": "false",
10856
+ "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
10857
+ "attribute": "attr-old-value",
10858
+ "reflects": true
10827
10859
  },
10828
10860
  {
10829
10861
  "kind": "field",
10830
- "name": "max",
10862
+ "name": "charData",
10831
10863
  "type": {
10832
- "text": "number"
10864
+ "text": "boolean"
10833
10865
  },
10834
- "default": "+Infinity",
10835
- "attribute": "max"
10866
+ "default": "false",
10867
+ "description": "Watches for changes to the character data contained within the node.",
10868
+ "attribute": "char-data",
10869
+ "reflects": true
10836
10870
  },
10837
10871
  {
10838
10872
  "kind": "field",
10839
- "name": "format",
10873
+ "name": "charDataOldValue",
10840
10874
  "type": {
10841
- "text": "string"
10875
+ "text": "boolean"
10842
10876
  },
10843
- "attribute": "format"
10877
+ "default": "false",
10878
+ "description": "Indicates whether or not the previous value of the node's text should be recorded.",
10879
+ "attribute": "char-data-old-value",
10880
+ "reflects": true
10844
10881
  },
10845
10882
  {
10846
10883
  "kind": "field",
10847
- "name": "size",
10884
+ "name": "childList",
10848
10885
  "type": {
10849
- "text": "'small' | 'medium' | 'large'"
10886
+ "text": "boolean"
10850
10887
  },
10851
- "default": "'medium'",
10852
- "attribute": "size"
10888
+ "default": "false",
10889
+ "description": "Watches for the addition or removal of new child nodes.",
10890
+ "attribute": "child-list",
10891
+ "reflects": true
10853
10892
  },
10854
10893
  {
10855
10894
  "kind": "field",
10856
- "name": "placeholder",
10895
+ "name": "disabled",
10857
10896
  "type": {
10858
- "text": "string"
10859
- },
10860
- "attribute": "placeholder"
10861
- },
10862
- {
10863
- "kind": "field",
10864
- "name": "validity",
10865
- "description": "Gets the validity state object",
10866
- "readonly": true
10867
- },
10868
- {
10869
- "kind": "field",
10870
- "name": "validationMessage",
10871
- "description": "Gets the validation message",
10872
- "readonly": true
10873
- },
10874
- {
10875
- "kind": "method",
10876
- "name": "checkValidity",
10877
- "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
10878
- },
10879
- {
10880
- "kind": "method",
10881
- "name": "getForm",
10882
- "return": {
10883
- "type": {
10884
- "text": "HTMLFormElement | null"
10885
- }
10897
+ "text": "boolean"
10886
10898
  },
10887
- "description": "Gets the associated form, if one exists."
10888
- },
10889
- {
10890
- "kind": "method",
10891
- "name": "reportValidity",
10892
- "description": "Checks for validity and shows the browser's validation message if the control is invalid."
10899
+ "default": "false",
10900
+ "description": "Disables the observer.",
10901
+ "attribute": "disabled",
10902
+ "reflects": true
10893
10903
  },
10894
10904
  {
10895
10905
  "kind": "method",
10896
- "name": "setCustomValidity",
10906
+ "name": "handleMutation",
10907
+ "privacy": "private",
10897
10908
  "parameters": [
10898
10909
  {
10899
- "name": "message",
10910
+ "name": "mutationList",
10900
10911
  "type": {
10901
- "text": "string"
10912
+ "text": "MutationRecord[]"
10902
10913
  }
10903
10914
  }
10904
- ],
10905
- "description": "Sets a custom validation message. Pass an empty string to restore validity."
10906
- },
10907
- {
10908
- "kind": "method",
10909
- "name": "stepUp",
10910
- "parameters": [
10911
- {
10912
- "name": "emitEvent",
10913
- "default": "false"
10914
- }
10915
- ]
10916
- },
10917
- {
10918
- "kind": "method",
10919
- "name": "stepDown",
10920
- "parameters": [
10921
- {
10922
- "name": "emitEvent",
10923
- "default": "false"
10924
- }
10925
10915
  ]
10926
10916
  },
10927
10917
  {
10928
10918
  "kind": "method",
10929
- "name": "handleValueChange"
10919
+ "name": "startObserver",
10920
+ "privacy": "private"
10930
10921
  },
10931
10922
  {
10932
10923
  "kind": "method",
10933
- "name": "handleFormatChange"
10924
+ "name": "stopObserver",
10925
+ "privacy": "private"
10934
10926
  },
10935
10927
  {
10936
10928
  "kind": "method",
10937
- "name": "handleInputChange",
10938
- "privacy": "private"
10929
+ "name": "handleDisabledChange"
10939
10930
  },
10940
10931
  {
10941
10932
  "kind": "method",
10942
- "name": "clampValue",
10943
- "privacy": "private",
10944
- "parameters": [
10945
- {
10946
- "name": "value",
10947
- "type": {
10948
- "text": "number"
10949
- }
10950
- }
10951
- ]
10933
+ "name": "handleChange"
10952
10934
  }
10953
10935
  ],
10954
- "attributes": [
10955
- {
10956
- "name": "name",
10957
- "type": {
10958
- "text": "string"
10959
- },
10960
- "default": "''",
10961
- "description": "The name of the input, submitted as a name/value pair with form data.",
10962
- "fieldName": "name"
10963
- },
10936
+ "events": [
10964
10937
  {
10965
- "name": "value",
10966
10938
  "type": {
10967
- "text": "number | ''"
10939
+ "text": "{ mutationList: MutationRecord[] }"
10968
10940
  },
10969
- "fieldName": "value"
10970
- },
10941
+ "description": "Emitted when a mutation occurs.",
10942
+ "name": "flow-ui-mutation",
10943
+ "reactName": "onFlowUiMutation"
10944
+ }
10945
+ ],
10946
+ "attributes": [
10971
10947
  {
10972
- "name": "step",
10948
+ "name": "attr",
10973
10949
  "type": {
10974
- "text": "number"
10950
+ "text": "string"
10975
10951
  },
10976
- "default": "1",
10977
- "fieldName": "step"
10952
+ "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
10953
+ "fieldName": "attr"
10978
10954
  },
10979
10955
  {
10980
- "name": "min",
10956
+ "name": "attr-old-value",
10981
10957
  "type": {
10982
- "text": "number"
10958
+ "text": "boolean"
10983
10959
  },
10984
- "default": "-Infinity",
10985
- "fieldName": "min"
10960
+ "default": "false",
10961
+ "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
10962
+ "fieldName": "attrOldValue"
10986
10963
  },
10987
10964
  {
10988
- "name": "max",
10965
+ "name": "char-data",
10989
10966
  "type": {
10990
- "text": "number"
10967
+ "text": "boolean"
10991
10968
  },
10992
- "default": "+Infinity",
10993
- "fieldName": "max"
10969
+ "default": "false",
10970
+ "description": "Watches for changes to the character data contained within the node.",
10971
+ "fieldName": "charData"
10994
10972
  },
10995
10973
  {
10996
- "name": "format",
10974
+ "name": "char-data-old-value",
10997
10975
  "type": {
10998
- "text": "string"
10976
+ "text": "boolean"
10999
10977
  },
11000
- "fieldName": "format"
10978
+ "default": "false",
10979
+ "description": "Indicates whether or not the previous value of the node's text should be recorded.",
10980
+ "fieldName": "charDataOldValue"
11001
10981
  },
11002
10982
  {
11003
- "name": "size",
10983
+ "name": "child-list",
11004
10984
  "type": {
11005
- "text": "'small' | 'medium' | 'large'"
10985
+ "text": "boolean"
11006
10986
  },
11007
- "default": "'medium'",
11008
- "fieldName": "size"
10987
+ "default": "false",
10988
+ "description": "Watches for the addition or removal of new child nodes.",
10989
+ "fieldName": "childList"
11009
10990
  },
11010
10991
  {
11011
- "name": "placeholder",
10992
+ "name": "disabled",
11012
10993
  "type": {
11013
- "text": "string"
10994
+ "text": "boolean"
11014
10995
  },
11015
- "fieldName": "placeholder"
11016
- }
11017
- ],
11018
- "superclass": {
11019
- "name": "FlowRdfElement",
11020
- "module": "/src/internal/flow-ui-rdf-element"
11021
- },
11022
- "tagName": "flow-ui-number-stepper",
11023
- "summary": "Number steppers are specialized input fields for selecting numbers.",
11024
- "customElement": true
11025
- }
11026
- ],
11027
- "exports": [
11028
- {
11029
- "kind": "js",
11030
- "name": "default",
11031
- "declaration": {
11032
- "name": "FlowNumberStepper",
11033
- "module": "components/number-stepper/number-stepper.component.js"
11034
- }
11035
- }
11036
- ]
11037
- },
11038
- {
11039
- "kind": "javascript-module",
11040
- "path": "components/number-stepper/number-stepper.js",
11041
- "declarations": [],
11042
- "exports": [
11043
- {
11044
- "kind": "js",
11045
- "name": "*",
11046
- "declaration": {
11047
- "name": "*",
11048
- "package": "./number-stepper.component.js"
11049
- }
11050
- },
11051
- {
11052
- "kind": "js",
11053
- "name": "default",
11054
- "declaration": {
11055
- "name": "FlowNumberStepper",
11056
- "module": "components/number-stepper/number-stepper.js"
11057
- }
11058
- }
11059
- ]
11060
- },
11061
- {
11062
- "kind": "javascript-module",
11063
- "path": "components/menu-label/menu-label.js",
11064
- "declarations": [
11065
- {
11066
- "kind": "class",
11067
- "description": "",
11068
- "name": "FlowMenuLabel",
11069
- "cssParts": [
11070
- {
11071
- "description": "The component's base wrapper.",
11072
- "name": "base"
11073
- }
11074
- ],
11075
- "slots": [
11076
- {
11077
- "description": "The menu label's content.",
11078
- "name": ""
10996
+ "default": "false",
10997
+ "description": "Disables the observer.",
10998
+ "fieldName": "disabled"
11079
10999
  }
11080
11000
  ],
11081
- "members": [],
11082
11001
  "superclass": {
11083
11002
  "name": "FlowRdfElement",
11084
11003
  "module": "/src/internal/flow-ui-rdf-element"
11085
11004
  },
11086
- "summary": "Menu labels are used to describe a group of menu items.",
11087
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-label",
11005
+ "summary": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).",
11006
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer",
11088
11007
  "status": "stable",
11089
11008
  "since": "2.0",
11090
- "tagName": "flow-ui-menu-label",
11009
+ "tagName": "flow-ui-mutation-observer",
11091
11010
  "customElement": true
11092
11011
  }
11093
11012
  ],
@@ -11096,219 +11015,285 @@
11096
11015
  "kind": "js",
11097
11016
  "name": "default",
11098
11017
  "declaration": {
11099
- "name": "FlowMenuLabel",
11100
- "module": "components/menu-label/menu-label.js"
11018
+ "name": "FlowMutationObserver",
11019
+ "module": "components/mutation-observer/mutation-observer.js"
11101
11020
  }
11102
11021
  },
11103
11022
  {
11104
11023
  "kind": "custom-element-definition",
11105
- "name": "flow-ui-menu-label",
11024
+ "name": "flow-ui-mutation-observer",
11106
11025
  "declaration": {
11107
- "name": "FlowMenuLabel",
11108
- "module": "components/menu-label/menu-label.js"
11026
+ "name": "FlowMutationObserver",
11027
+ "module": "components/mutation-observer/mutation-observer.js"
11109
11028
  }
11110
11029
  }
11111
11030
  ]
11112
11031
  },
11113
11032
  {
11114
11033
  "kind": "javascript-module",
11115
- "path": "components/menu-item/menu-item.js",
11034
+ "path": "components/number-stepper/number-stepper.component.js",
11116
11035
  "declarations": [
11117
11036
  {
11118
11037
  "kind": "class",
11119
11038
  "description": "",
11120
- "name": "FlowMenuItem",
11121
- "cssParts": [
11122
- {
11123
- "description": "The component's base wrapper.",
11124
- "name": "base"
11125
- },
11126
- {
11127
- "description": "The checked icon, which is only visible when the menu item is checked.",
11128
- "name": "checked-icon"
11129
- },
11039
+ "name": "FlowNumberStepper",
11040
+ "members": [
11130
11041
  {
11131
- "description": "The prefix container.",
11132
- "name": "prefix"
11042
+ "kind": "field",
11043
+ "name": "formControlController",
11044
+ "privacy": "private",
11045
+ "readonly": true,
11046
+ "default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
11133
11047
  },
11134
11048
  {
11135
- "description": "The menu item label.",
11136
- "name": "label"
11049
+ "kind": "field",
11050
+ "name": "_input",
11051
+ "type": {
11052
+ "text": "FlowInput"
11053
+ },
11054
+ "privacy": "private"
11137
11055
  },
11138
11056
  {
11139
- "description": "The suffix container.",
11140
- "name": "suffix"
11057
+ "kind": "field",
11058
+ "name": "_formatter",
11059
+ "type": {
11060
+ "text": "(val: string | number | undefined) => string"
11061
+ },
11062
+ "privacy": "private",
11063
+ "default": "DEFAULT_FORMATTER"
11141
11064
  },
11142
11065
  {
11143
- "description": "The submenu icon, visible only when the menu item has a submenu (not yet implemented).",
11144
- "name": "submenu-icon"
11145
- }
11146
- ],
11147
- "slots": [
11148
- {
11149
- "description": "The menu item's label.",
11150
- "name": ""
11066
+ "kind": "field",
11067
+ "name": "name",
11068
+ "type": {
11069
+ "text": "string"
11070
+ },
11071
+ "default": "''",
11072
+ "description": "The name of the input, submitted as a name/value pair with form data.",
11073
+ "attribute": "name"
11151
11074
  },
11152
11075
  {
11153
- "description": "Used to prepend an icon or similar element to the menu item.",
11154
- "name": "prefix"
11076
+ "kind": "field",
11077
+ "name": "value",
11078
+ "type": {
11079
+ "text": "number | ''"
11080
+ },
11081
+ "attribute": "value"
11155
11082
  },
11156
- {
11157
- "description": "Used to append an icon or similar element to the menu item.",
11158
- "name": "suffix"
11159
- }
11160
- ],
11161
- "members": [
11162
11083
  {
11163
11084
  "kind": "field",
11164
- "name": "cachedTextLabel",
11085
+ "name": "step",
11165
11086
  "type": {
11166
- "text": "string"
11087
+ "text": "number"
11167
11088
  },
11168
- "privacy": "private"
11089
+ "default": "1",
11090
+ "attribute": "step"
11169
11091
  },
11170
11092
  {
11171
11093
  "kind": "field",
11172
- "name": "defaultSlot",
11094
+ "name": "min",
11173
11095
  "type": {
11174
- "text": "HTMLSlotElement"
11175
- }
11096
+ "text": "number"
11097
+ },
11098
+ "default": "-Infinity",
11099
+ "attribute": "min"
11176
11100
  },
11177
11101
  {
11178
11102
  "kind": "field",
11179
- "name": "menuItem",
11103
+ "name": "max",
11180
11104
  "type": {
11181
- "text": "HTMLElement"
11182
- }
11105
+ "text": "number"
11106
+ },
11107
+ "default": "+Infinity",
11108
+ "attribute": "max"
11183
11109
  },
11184
11110
  {
11185
11111
  "kind": "field",
11186
- "name": "type",
11112
+ "name": "format",
11187
11113
  "type": {
11188
- "text": "'normal' | 'checkbox'"
11114
+ "text": "string"
11189
11115
  },
11190
- "default": "'normal'",
11191
- "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
11192
- "attribute": "type"
11116
+ "attribute": "format"
11193
11117
  },
11194
11118
  {
11195
11119
  "kind": "field",
11196
- "name": "checked",
11120
+ "name": "size",
11197
11121
  "type": {
11198
- "text": "boolean"
11122
+ "text": "'small' | 'medium' | 'large'"
11199
11123
  },
11200
- "default": "false",
11201
- "description": "Draws the item in a checked state.",
11202
- "attribute": "checked",
11203
- "reflects": true
11124
+ "default": "'medium'",
11125
+ "attribute": "size"
11204
11126
  },
11205
11127
  {
11206
11128
  "kind": "field",
11207
- "name": "value",
11129
+ "name": "placeholder",
11208
11130
  "type": {
11209
11131
  "text": "string"
11210
11132
  },
11211
- "default": "''",
11212
- "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
11213
- "attribute": "value"
11133
+ "attribute": "placeholder"
11214
11134
  },
11215
11135
  {
11216
11136
  "kind": "field",
11217
- "name": "disabled",
11218
- "type": {
11219
- "text": "boolean"
11137
+ "name": "validity",
11138
+ "description": "Gets the validity state object",
11139
+ "readonly": true
11140
+ },
11141
+ {
11142
+ "kind": "field",
11143
+ "name": "validationMessage",
11144
+ "description": "Gets the validation message",
11145
+ "readonly": true
11146
+ },
11147
+ {
11148
+ "kind": "method",
11149
+ "name": "checkValidity",
11150
+ "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
11151
+ },
11152
+ {
11153
+ "kind": "method",
11154
+ "name": "getForm",
11155
+ "return": {
11156
+ "type": {
11157
+ "text": "HTMLFormElement | null"
11158
+ }
11220
11159
  },
11221
- "default": "false",
11222
- "description": "Draws the menu item in a disabled state, preventing selection.",
11223
- "attribute": "disabled",
11224
- "reflects": true
11160
+ "description": "Gets the associated form, if one exists."
11161
+ },
11162
+ {
11163
+ "kind": "method",
11164
+ "name": "reportValidity",
11165
+ "description": "Checks for validity and shows the browser's validation message if the control is invalid."
11166
+ },
11167
+ {
11168
+ "kind": "method",
11169
+ "name": "setCustomValidity",
11170
+ "parameters": [
11171
+ {
11172
+ "name": "message",
11173
+ "type": {
11174
+ "text": "string"
11175
+ }
11176
+ }
11177
+ ],
11178
+ "description": "Sets a custom validation message. Pass an empty string to restore validity."
11225
11179
  },
11226
11180
  {
11227
11181
  "kind": "method",
11228
- "name": "handleDefaultSlotChange",
11229
- "privacy": "private"
11182
+ "name": "stepUp",
11183
+ "parameters": [
11184
+ {
11185
+ "name": "emitEvent",
11186
+ "default": "false"
11187
+ }
11188
+ ]
11230
11189
  },
11231
11190
  {
11232
11191
  "kind": "method",
11233
- "name": "handleHostClick",
11234
- "privacy": "private",
11192
+ "name": "stepDown",
11235
11193
  "parameters": [
11236
11194
  {
11237
- "name": "event",
11238
- "type": {
11239
- "text": "MouseEvent"
11240
- }
11195
+ "name": "emitEvent",
11196
+ "default": "false"
11241
11197
  }
11242
11198
  ]
11243
11199
  },
11244
11200
  {
11245
11201
  "kind": "method",
11246
- "name": "handleCheckedChange"
11202
+ "name": "handleValueChange"
11247
11203
  },
11248
11204
  {
11249
11205
  "kind": "method",
11250
- "name": "handleDisabledChange"
11206
+ "name": "handleFormatChange"
11251
11207
  },
11252
11208
  {
11253
11209
  "kind": "method",
11254
- "name": "handleTypeChange"
11210
+ "name": "handleInputChange",
11211
+ "privacy": "private"
11255
11212
  },
11256
11213
  {
11257
11214
  "kind": "method",
11258
- "name": "getTextLabel",
11259
- "description": "Returns a text label based on the contents of the menu item's default slot."
11215
+ "name": "clampValue",
11216
+ "privacy": "private",
11217
+ "parameters": [
11218
+ {
11219
+ "name": "value",
11220
+ "type": {
11221
+ "text": "number"
11222
+ }
11223
+ }
11224
+ ]
11260
11225
  }
11261
11226
  ],
11262
11227
  "attributes": [
11263
11228
  {
11264
- "name": "type",
11229
+ "name": "name",
11265
11230
  "type": {
11266
- "text": "'normal' | 'checkbox'"
11231
+ "text": "string"
11267
11232
  },
11268
- "default": "'normal'",
11269
- "description": "The type of menu item to render. To use `checked`, this value must be set to `checkbox`.",
11270
- "fieldName": "type"
11233
+ "default": "''",
11234
+ "description": "The name of the input, submitted as a name/value pair with form data.",
11235
+ "fieldName": "name"
11271
11236
  },
11272
11237
  {
11273
- "name": "checked",
11238
+ "name": "value",
11274
11239
  "type": {
11275
- "text": "boolean"
11240
+ "text": "number | ''"
11276
11241
  },
11277
- "default": "false",
11278
- "description": "Draws the item in a checked state.",
11279
- "fieldName": "checked"
11242
+ "fieldName": "value"
11280
11243
  },
11281
11244
  {
11282
- "name": "value",
11245
+ "name": "step",
11246
+ "type": {
11247
+ "text": "number"
11248
+ },
11249
+ "default": "1",
11250
+ "fieldName": "step"
11251
+ },
11252
+ {
11253
+ "name": "min",
11254
+ "type": {
11255
+ "text": "number"
11256
+ },
11257
+ "default": "-Infinity",
11258
+ "fieldName": "min"
11259
+ },
11260
+ {
11261
+ "name": "max",
11262
+ "type": {
11263
+ "text": "number"
11264
+ },
11265
+ "default": "+Infinity",
11266
+ "fieldName": "max"
11267
+ },
11268
+ {
11269
+ "name": "format",
11283
11270
  "type": {
11284
11271
  "text": "string"
11285
11272
  },
11286
- "default": "''",
11287
- "description": "A unique value to store in the menu item. This can be used as a way to identify menu items when selected.",
11288
- "fieldName": "value"
11273
+ "fieldName": "format"
11289
11274
  },
11290
11275
  {
11291
- "name": "disabled",
11276
+ "name": "size",
11292
11277
  "type": {
11293
- "text": "boolean"
11278
+ "text": "'small' | 'medium' | 'large'"
11294
11279
  },
11295
- "default": "false",
11296
- "description": "Draws the menu item in a disabled state, preventing selection.",
11297
- "fieldName": "disabled"
11280
+ "default": "'medium'",
11281
+ "fieldName": "size"
11282
+ },
11283
+ {
11284
+ "name": "placeholder",
11285
+ "type": {
11286
+ "text": "string"
11287
+ },
11288
+ "fieldName": "placeholder"
11298
11289
  }
11299
11290
  ],
11300
11291
  "superclass": {
11301
11292
  "name": "FlowRdfElement",
11302
11293
  "module": "/src/internal/flow-ui-rdf-element"
11303
11294
  },
11304
- "summary": "Menu items provide options for the user to pick from in a menu.",
11305
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/menu-item",
11306
- "status": "stable",
11307
- "since": "2.0",
11308
- "dependencies": [
11309
- "flow-ui-icon"
11310
- ],
11311
- "tagName": "flow-ui-menu-item",
11295
+ "tagName": "flow-ui-number-stepper",
11296
+ "summary": "Number steppers are specialized input fields for selecting numbers.",
11312
11297
  "customElement": true
11313
11298
  }
11314
11299
  ],
@@ -11317,16 +11302,31 @@
11317
11302
  "kind": "js",
11318
11303
  "name": "default",
11319
11304
  "declaration": {
11320
- "name": "FlowMenuItem",
11321
- "module": "components/menu-item/menu-item.js"
11305
+ "name": "FlowNumberStepper",
11306
+ "module": "components/number-stepper/number-stepper.component.js"
11307
+ }
11308
+ }
11309
+ ]
11310
+ },
11311
+ {
11312
+ "kind": "javascript-module",
11313
+ "path": "components/number-stepper/number-stepper.js",
11314
+ "declarations": [],
11315
+ "exports": [
11316
+ {
11317
+ "kind": "js",
11318
+ "name": "*",
11319
+ "declaration": {
11320
+ "name": "*",
11321
+ "package": "./number-stepper.component.js"
11322
11322
  }
11323
11323
  },
11324
11324
  {
11325
- "kind": "custom-element-definition",
11326
- "name": "flow-ui-menu-item",
11325
+ "kind": "js",
11326
+ "name": "default",
11327
11327
  "declaration": {
11328
- "name": "FlowMenuItem",
11329
- "module": "components/menu-item/menu-item.js"
11328
+ "name": "FlowNumberStepper",
11329
+ "module": "components/number-stepper/number-stepper.js"
11330
11330
  }
11331
11331
  }
11332
11332
  ]
@@ -23066,62 +23066,6 @@
23066
23066
  }
23067
23067
  ]
23068
23068
  },
23069
- {
23070
- "kind": "javascript-module",
23071
- "path": "components/query-builder/converters/flow-query-converters.js",
23072
- "declarations": [
23073
- {
23074
- "kind": "function",
23075
- "name": "converter",
23076
- "parameters": [
23077
- {
23078
- "name": "ruleset",
23079
- "type": {
23080
- "text": "FlowQueryBuilderRuleSet"
23081
- }
23082
- },
23083
- {
23084
- "name": "config",
23085
- "type": {
23086
- "text": "FlowQueryBuilderConfig"
23087
- }
23088
- },
23089
- {
23090
- "name": "options",
23091
- "optional": true,
23092
- "type": {
23093
- "text": "FlowQueryBuilderConverterOptions"
23094
- }
23095
- }
23096
- ]
23097
- }
23098
- ],
23099
- "exports": [
23100
- {
23101
- "kind": "js",
23102
- "name": "default",
23103
- "declaration": {
23104
- "name": "converter",
23105
- "module": "components/query-builder/converters/flow-query-converters.js"
23106
- }
23107
- }
23108
- ]
23109
- },
23110
- {
23111
- "kind": "javascript-module",
23112
- "path": "components/query-builder/converters/index.js",
23113
- "declarations": [],
23114
- "exports": [
23115
- {
23116
- "kind": "js",
23117
- "name": "flowQueryConverter",
23118
- "declaration": {
23119
- "name": "flowQueryConverter",
23120
- "module": "components/query-builder/converters/index.js"
23121
- }
23122
- }
23123
- ]
23124
- },
23125
23069
  {
23126
23070
  "kind": "javascript-module",
23127
23071
  "path": "components/chart/chartjs-plugins/interaction.interpolate.js",
@@ -23347,10 +23291,66 @@
23347
23291
  }
23348
23292
  }
23349
23293
  ]
23294
+ },
23295
+ {
23296
+ "kind": "javascript-module",
23297
+ "path": "components/query-builder/converters/flow-query-converters.js",
23298
+ "declarations": [
23299
+ {
23300
+ "kind": "function",
23301
+ "name": "converter",
23302
+ "parameters": [
23303
+ {
23304
+ "name": "ruleset",
23305
+ "type": {
23306
+ "text": "FlowQueryBuilderRuleSet"
23307
+ }
23308
+ },
23309
+ {
23310
+ "name": "config",
23311
+ "type": {
23312
+ "text": "FlowQueryBuilderConfig"
23313
+ }
23314
+ },
23315
+ {
23316
+ "name": "options",
23317
+ "optional": true,
23318
+ "type": {
23319
+ "text": "FlowQueryBuilderConverterOptions"
23320
+ }
23321
+ }
23322
+ ]
23323
+ }
23324
+ ],
23325
+ "exports": [
23326
+ {
23327
+ "kind": "js",
23328
+ "name": "default",
23329
+ "declaration": {
23330
+ "name": "converter",
23331
+ "module": "components/query-builder/converters/flow-query-converters.js"
23332
+ }
23333
+ }
23334
+ ]
23335
+ },
23336
+ {
23337
+ "kind": "javascript-module",
23338
+ "path": "components/query-builder/converters/index.js",
23339
+ "declarations": [],
23340
+ "exports": [
23341
+ {
23342
+ "kind": "js",
23343
+ "name": "flowQueryConverter",
23344
+ "declaration": {
23345
+ "name": "flowQueryConverter",
23346
+ "module": "components/query-builder/converters/index.js"
23347
+ }
23348
+ }
23349
+ ]
23350
23350
  }
23351
23351
  ],
23352
23352
  "package": {
23353
23353
  "name": "@emuanalytics/flow-rdf-ui",
23354
- "version": "0.0.48"
23354
+ "version": "0.0.49"
23355
23355
  }
23356
23356
  }