@emuanalytics/flow-rdf-ui 0.0.18-alpha.1 → 0.0.18-alpha.10

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 (10) hide show
  1. package/dist/custom-elements.json +1369 -806
  2. package/dist/flow-rdf-ui.d.ts +112 -11
  3. package/dist/flow-rdf-ui.js +29218 -27194
  4. package/dist/flow-rdf-ui.umd.cjs +29482 -27458
  5. package/dist/themes/dark.css +37 -0
  6. package/dist/themes/dark.styles.js +37 -0
  7. package/dist/themes/light.css +37 -0
  8. package/dist/themes/light.styles.js +37 -0
  9. package/dist/vscode.html-custom-data.json +94 -62
  10. package/package.json +6 -1
package/dist/custom-elements.json CHANGED
@@ -674,54 +674,61 @@
674
674
  },
675
675
  {
676
676
  "kind": "javascript-module",
677
- "path": "components/breadcrumb/breadcrumb.js",
677
+ "path": "components/avatar/avatar.js",
678
678
  "declarations": [
679
679
  {
680
680
  "kind": "class",
681
681
  "description": "",
682
- "name": "FlowBreadcrumb",
682
+ "name": "FlowAvatar",
683
+ "cssProperties": [
684
+ {
685
+ "description": "The size of the avatar.",
686
+ "name": "--size"
687
+ }
688
+ ],
683
689
  "cssParts": [
684
690
  {
685
691
  "description": "The component's base wrapper.",
686
692
  "name": "base"
693
+ },
694
+ {
695
+ "description": "The container that wraps the avatar's icon.",
696
+ "name": "icon"
697
+ },
698
+ {
699
+ "description": "The container that wraps the avatar's initials.",
700
+ "name": "initials"
701
+ },
702
+ {
703
+ "description": "The avatar image. Only shown when the `image` attribute is set.",
704
+ "name": "image"
687
705
  }
688
706
  ],
689
707
  "slots": [
690
708
  {
691
- "description": "One or more breadcrumb items to display.",
692
- "name": ""
693
- },
694
- {
695
- "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
696
- "name": "separator"
709
+ "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
710
+ "name": "icon"
697
711
  }
698
712
  ],
699
713
  "members": [
700
714
  {
701
715
  "kind": "field",
702
- "name": "localize",
703
- "privacy": "private",
704
- "readonly": true,
705
- "default": "new LocalizeController(this)"
706
- },
707
- {
708
- "kind": "field",
709
- "name": "separatorDir",
710
- "privacy": "private"
711
- },
712
- {
713
- "kind": "field",
714
- "name": "defaultSlot",
716
+ "name": "hasError",
715
717
  "type": {
716
- "text": "HTMLSlotElement"
717
- }
718
+ "text": "boolean"
719
+ },
720
+ "privacy": "private",
721
+ "default": "false"
718
722
  },
719
723
  {
720
724
  "kind": "field",
721
- "name": "separatorSlot",
725
+ "name": "image",
722
726
  "type": {
723
- "text": "HTMLSlotElement"
724
- }
727
+ "text": "string"
728
+ },
729
+ "default": "''",
730
+ "description": "The image source to use for the avatar.",
731
+ "attribute": "image"
725
732
  },
726
733
  {
727
734
  "kind": "field",
@@ -730,158 +737,104 @@
730
737
  "text": "string"
731
738
  },
732
739
  "default": "''",
733
- "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.",
740
+ "description": "A label to use to describe the avatar to assistive devices.",
734
741
  "attribute": "label"
735
742
  },
736
743
  {
737
- "kind": "method",
738
- "name": "getSeparator",
739
- "privacy": "private"
740
- },
741
- {
742
- "kind": "method",
743
- "name": "handleSlotChange",
744
- "privacy": "private"
745
- }
746
- ],
747
- "attributes": [
748
- {
749
- "name": "label",
744
+ "kind": "field",
745
+ "name": "initials",
750
746
  "type": {
751
747
  "text": "string"
752
748
  },
753
749
  "default": "''",
754
- "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.",
755
- "fieldName": "label"
756
- }
757
- ],
758
- "superclass": {
759
- "name": "FlowRdfElement",
760
- "module": "/src/internal/flow-ui-rdf-element"
761
- },
762
- "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
763
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
764
- "status": "stable",
765
- "since": "2.0",
766
- "dependencies": [
767
- "flow-ui-icon"
768
- ],
769
- "tagName": "flow-ui-breadcrumb",
770
- "customElement": true
771
- }
772
- ],
773
- "exports": [
774
- {
775
- "kind": "js",
776
- "name": "default",
777
- "declaration": {
778
- "name": "FlowBreadcrumb",
779
- "module": "components/breadcrumb/breadcrumb.js"
780
- }
781
- },
782
- {
783
- "kind": "custom-element-definition",
784
- "name": "flow-ui-breadcrumb",
785
- "declaration": {
786
- "name": "FlowBreadcrumb",
787
- "module": "components/breadcrumb/breadcrumb.js"
788
- }
789
- }
790
- ]
791
- },
792
- {
793
- "kind": "javascript-module",
794
- "path": "components/badge/badge.js",
795
- "declarations": [
796
- {
797
- "kind": "class",
798
- "description": "",
799
- "name": "FlowBadge",
800
- "cssParts": [
801
- {
802
- "description": "The component's base wrapper.",
803
- "name": "base"
804
- }
805
- ],
806
- "slots": [
807
- {
808
- "description": "The badge's content.",
809
- "name": ""
810
- }
811
- ],
812
- "members": [
750
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
751
+ "attribute": "initials"
752
+ },
813
753
  {
814
754
  "kind": "field",
815
- "name": "variant",
755
+ "name": "loading",
816
756
  "type": {
817
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
757
+ "text": "'eager' | 'lazy'"
818
758
  },
819
- "default": "'primary'",
820
- "description": "The badge's theme variant.",
821
- "attribute": "variant",
822
- "reflects": true
759
+ "default": "'eager'",
760
+ "description": "Indicates how the browser should load the image.",
761
+ "attribute": "loading"
823
762
  },
824
763
  {
825
764
  "kind": "field",
826
- "name": "pill",
765
+ "name": "shape",
827
766
  "type": {
828
- "text": "boolean"
767
+ "text": "'circle' | 'square' | 'rounded'"
829
768
  },
830
- "default": "false",
831
- "description": "Draws a pill-style badge with rounded edges.",
832
- "attribute": "pill",
769
+ "default": "'circle'",
770
+ "description": "The shape of the avatar.",
771
+ "attribute": "shape",
833
772
  "reflects": true
834
773
  },
835
774
  {
836
- "kind": "field",
837
- "name": "pulse",
838
- "type": {
839
- "text": "boolean"
840
- },
841
- "default": "false",
842
- "description": "Makes the badge pulsate to draw attention.",
843
- "attribute": "pulse",
844
- "reflects": true
775
+ "kind": "method",
776
+ "name": "handleImageChange"
845
777
  }
846
778
  ],
847
779
  "attributes": [
848
780
  {
849
- "name": "variant",
781
+ "name": "image",
850
782
  "type": {
851
- "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
783
+ "text": "string"
852
784
  },
853
- "default": "'primary'",
854
- "description": "The badge's theme variant.",
855
- "fieldName": "variant"
785
+ "default": "''",
786
+ "description": "The image source to use for the avatar.",
787
+ "fieldName": "image"
856
788
  },
857
789
  {
858
- "name": "pill",
790
+ "name": "label",
859
791
  "type": {
860
- "text": "boolean"
792
+ "text": "string"
861
793
  },
862
- "default": "false",
863
- "description": "Draws a pill-style badge with rounded edges.",
864
- "fieldName": "pill"
794
+ "default": "''",
795
+ "description": "A label to use to describe the avatar to assistive devices.",
796
+ "fieldName": "label"
865
797
  },
866
798
  {
867
- "name": "pulse",
799
+ "name": "initials",
868
800
  "type": {
869
- "text": "boolean"
801
+ "text": "string"
870
802
  },
871
- "default": "false",
872
- "description": "Makes the badge pulsate to draw attention.",
873
- "fieldName": "pulse"
803
+ "default": "''",
804
+ "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
805
+ "fieldName": "initials"
806
+ },
807
+ {
808
+ "name": "loading",
809
+ "type": {
810
+ "text": "'eager' | 'lazy'"
811
+ },
812
+ "default": "'eager'",
813
+ "description": "Indicates how the browser should load the image.",
814
+ "fieldName": "loading"
815
+ },
816
+ {
817
+ "name": "shape",
818
+ "type": {
819
+ "text": "'circle' | 'square' | 'rounded'"
820
+ },
821
+ "default": "'circle'",
822
+ "description": "The shape of the avatar.",
823
+ "fieldName": "shape"
874
824
  }
875
825
  ],
876
826
  "superclass": {
877
827
  "name": "FlowRdfElement",
878
828
  "module": "/src/internal/flow-ui-rdf-element"
879
829
  },
880
- "summary": "Badges are used to draw attention and display statuses or counts.",
881
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
830
+ "summary": "Avatars are used to represent a person or object.",
831
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
882
832
  "status": "stable",
883
833
  "since": "2.0",
884
- "tagName": "flow-ui-badge",
834
+ "dependencies": [
835
+ "flow-ui-icon"
836
+ ],
837
+ "tagName": "flow-ui-avatar",
885
838
  "customElement": true
886
839
  }
887
840
  ],
@@ -890,16 +843,16 @@
890
843
  "kind": "js",
891
844
  "name": "default",
892
845
  "declaration": {
893
- "name": "FlowBadge",
894
- "module": "components/badge/badge.js"
846
+ "name": "FlowAvatar",
847
+ "module": "components/avatar/avatar.js"
895
848
  }
896
849
  },
897
850
  {
898
851
  "kind": "custom-element-definition",
899
- "name": "flow-ui-badge",
852
+ "name": "flow-ui-avatar",
900
853
  "declaration": {
901
- "name": "FlowBadge",
902
- "module": "components/badge/badge.js"
854
+ "name": "FlowAvatar",
855
+ "module": "components/avatar/avatar.js"
903
856
  }
904
857
  }
905
858
  ]
@@ -1049,209 +1002,24 @@
1049
1002
  },
1050
1003
  {
1051
1004
  "kind": "javascript-module",
1052
- "path": "components/avatar/avatar.js",
1005
+ "path": "components/button/button.js",
1053
1006
  "declarations": [
1054
1007
  {
1055
1008
  "kind": "class",
1056
1009
  "description": "",
1057
- "name": "FlowAvatar",
1058
- "cssProperties": [
1059
- {
1060
- "description": "The size of the avatar.",
1061
- "name": "--size"
1062
- }
1063
- ],
1010
+ "name": "FlowButton",
1064
1011
  "cssParts": [
1065
1012
  {
1066
1013
  "description": "The component's base wrapper.",
1067
1014
  "name": "base"
1068
1015
  },
1069
1016
  {
1070
- "description": "The container that wraps the avatar's icon.",
1071
- "name": "icon"
1017
+ "description": "The container that wraps the prefix.",
1018
+ "name": "prefix"
1072
1019
  },
1073
1020
  {
1074
- "description": "The container that wraps the avatar's initials.",
1075
- "name": "initials"
1076
- },
1077
- {
1078
- "description": "The avatar image. Only shown when the `image` attribute is set.",
1079
- "name": "image"
1080
- }
1081
- ],
1082
- "slots": [
1083
- {
1084
- "description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
1085
- "name": "icon"
1086
- }
1087
- ],
1088
- "members": [
1089
- {
1090
- "kind": "field",
1091
- "name": "hasError",
1092
- "type": {
1093
- "text": "boolean"
1094
- },
1095
- "privacy": "private",
1096
- "default": "false"
1097
- },
1098
- {
1099
- "kind": "field",
1100
- "name": "image",
1101
- "type": {
1102
- "text": "string"
1103
- },
1104
- "default": "''",
1105
- "description": "The image source to use for the avatar.",
1106
- "attribute": "image"
1107
- },
1108
- {
1109
- "kind": "field",
1110
- "name": "label",
1111
- "type": {
1112
- "text": "string"
1113
- },
1114
- "default": "''",
1115
- "description": "A label to use to describe the avatar to assistive devices.",
1116
- "attribute": "label"
1117
- },
1118
- {
1119
- "kind": "field",
1120
- "name": "initials",
1121
- "type": {
1122
- "text": "string"
1123
- },
1124
- "default": "''",
1125
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1126
- "attribute": "initials"
1127
- },
1128
- {
1129
- "kind": "field",
1130
- "name": "loading",
1131
- "type": {
1132
- "text": "'eager' | 'lazy'"
1133
- },
1134
- "default": "'eager'",
1135
- "description": "Indicates how the browser should load the image.",
1136
- "attribute": "loading"
1137
- },
1138
- {
1139
- "kind": "field",
1140
- "name": "shape",
1141
- "type": {
1142
- "text": "'circle' | 'square' | 'rounded'"
1143
- },
1144
- "default": "'circle'",
1145
- "description": "The shape of the avatar.",
1146
- "attribute": "shape",
1147
- "reflects": true
1148
- },
1149
- {
1150
- "kind": "method",
1151
- "name": "handleImageChange"
1152
- }
1153
- ],
1154
- "attributes": [
1155
- {
1156
- "name": "image",
1157
- "type": {
1158
- "text": "string"
1159
- },
1160
- "default": "''",
1161
- "description": "The image source to use for the avatar.",
1162
- "fieldName": "image"
1163
- },
1164
- {
1165
- "name": "label",
1166
- "type": {
1167
- "text": "string"
1168
- },
1169
- "default": "''",
1170
- "description": "A label to use to describe the avatar to assistive devices.",
1171
- "fieldName": "label"
1172
- },
1173
- {
1174
- "name": "initials",
1175
- "type": {
1176
- "text": "string"
1177
- },
1178
- "default": "''",
1179
- "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
1180
- "fieldName": "initials"
1181
- },
1182
- {
1183
- "name": "loading",
1184
- "type": {
1185
- "text": "'eager' | 'lazy'"
1186
- },
1187
- "default": "'eager'",
1188
- "description": "Indicates how the browser should load the image.",
1189
- "fieldName": "loading"
1190
- },
1191
- {
1192
- "name": "shape",
1193
- "type": {
1194
- "text": "'circle' | 'square' | 'rounded'"
1195
- },
1196
- "default": "'circle'",
1197
- "description": "The shape of the avatar.",
1198
- "fieldName": "shape"
1199
- }
1200
- ],
1201
- "superclass": {
1202
- "name": "FlowRdfElement",
1203
- "module": "/src/internal/flow-ui-rdf-element"
1204
- },
1205
- "summary": "Avatars are used to represent a person or object.",
1206
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
1207
- "status": "stable",
1208
- "since": "2.0",
1209
- "dependencies": [
1210
- "flow-ui-icon"
1211
- ],
1212
- "tagName": "flow-ui-avatar",
1213
- "customElement": true
1214
- }
1215
- ],
1216
- "exports": [
1217
- {
1218
- "kind": "js",
1219
- "name": "default",
1220
- "declaration": {
1221
- "name": "FlowAvatar",
1222
- "module": "components/avatar/avatar.js"
1223
- }
1224
- },
1225
- {
1226
- "kind": "custom-element-definition",
1227
- "name": "flow-ui-avatar",
1228
- "declaration": {
1229
- "name": "FlowAvatar",
1230
- "module": "components/avatar/avatar.js"
1231
- }
1232
- }
1233
- ]
1234
- },
1235
- {
1236
- "kind": "javascript-module",
1237
- "path": "components/button/button.js",
1238
- "declarations": [
1239
- {
1240
- "kind": "class",
1241
- "description": "",
1242
- "name": "FlowButton",
1243
- "cssParts": [
1244
- {
1245
- "description": "The component's base wrapper.",
1246
- "name": "base"
1247
- },
1248
- {
1249
- "description": "The container that wraps the prefix.",
1250
- "name": "prefix"
1251
- },
1252
- {
1253
- "description": "The button's label.",
1254
- "name": "label"
1021
+ "description": "The button's label.",
1022
+ "name": "label"
1255
1023
  },
1256
1024
  {
1257
1025
  "description": "The container that wraps the suffix.",
@@ -2079,51 +1847,283 @@
2079
1847
  },
2080
1848
  {
2081
1849
  "kind": "javascript-module",
2082
- "path": "components/calendar/calendar.component.js",
1850
+ "path": "components/badge/badge.js",
2083
1851
  "declarations": [
2084
1852
  {
2085
1853
  "kind": "class",
2086
1854
  "description": "",
2087
- "name": "FlowCalendar",
2088
- "members": [
1855
+ "name": "FlowBadge",
1856
+ "cssParts": [
2089
1857
  {
2090
- "kind": "field",
2091
- "name": "hasSlotController",
2092
- "privacy": "private",
2093
- "readonly": true,
2094
- "default": "new HasSlotController(this, 'info')"
2095
- },
1858
+ "description": "The component's base wrapper.",
1859
+ "name": "base"
1860
+ }
1861
+ ],
1862
+ "slots": [
1863
+ {
1864
+ "description": "The badge's content.",
1865
+ "name": ""
1866
+ }
1867
+ ],
1868
+ "members": [
2096
1869
  {
2097
1870
  "kind": "field",
2098
- "name": "_displayDate",
2099
- "privacy": "private"
1871
+ "name": "variant",
1872
+ "type": {
1873
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1874
+ },
1875
+ "default": "'primary'",
1876
+ "description": "The badge's theme variant.",
1877
+ "attribute": "variant",
1878
+ "reflects": true
2100
1879
  },
2101
1880
  {
2102
1881
  "kind": "field",
2103
- "name": "_selectedDate",
2104
- "privacy": "private"
1882
+ "name": "pill",
1883
+ "type": {
1884
+ "text": "boolean"
1885
+ },
1886
+ "default": "false",
1887
+ "description": "Draws a pill-style badge with rounded edges.",
1888
+ "attribute": "pill",
1889
+ "reflects": true
2105
1890
  },
2106
1891
  {
2107
1892
  "kind": "field",
2108
- "name": "value",
1893
+ "name": "pulse",
2109
1894
  "type": {
2110
- "text": "string"
1895
+ "text": "boolean"
2111
1896
  },
2112
- "attribute": "value",
1897
+ "default": "false",
1898
+ "description": "Makes the badge pulsate to draw attention.",
1899
+ "attribute": "pulse",
2113
1900
  "reflects": true
1901
+ }
1902
+ ],
1903
+ "attributes": [
1904
+ {
1905
+ "name": "variant",
1906
+ "type": {
1907
+ "text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
1908
+ },
1909
+ "default": "'primary'",
1910
+ "description": "The badge's theme variant.",
1911
+ "fieldName": "variant"
2114
1912
  },
2115
1913
  {
2116
- "kind": "method",
2117
- "name": "handleValueChange"
1914
+ "name": "pill",
1915
+ "type": {
1916
+ "text": "boolean"
1917
+ },
1918
+ "default": "false",
1919
+ "description": "Draws a pill-style badge with rounded edges.",
1920
+ "fieldName": "pill"
2118
1921
  },
2119
1922
  {
2120
- "kind": "method",
2121
- "name": "dateClicked",
2122
- "privacy": "private",
2123
- "parameters": [
2124
- {
2125
- "name": "date",
2126
- "type": {
1923
+ "name": "pulse",
1924
+ "type": {
1925
+ "text": "boolean"
1926
+ },
1927
+ "default": "false",
1928
+ "description": "Makes the badge pulsate to draw attention.",
1929
+ "fieldName": "pulse"
1930
+ }
1931
+ ],
1932
+ "superclass": {
1933
+ "name": "FlowRdfElement",
1934
+ "module": "/src/internal/flow-ui-rdf-element"
1935
+ },
1936
+ "summary": "Badges are used to draw attention and display statuses or counts.",
1937
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
1938
+ "status": "stable",
1939
+ "since": "2.0",
1940
+ "tagName": "flow-ui-badge",
1941
+ "customElement": true
1942
+ }
1943
+ ],
1944
+ "exports": [
1945
+ {
1946
+ "kind": "js",
1947
+ "name": "default",
1948
+ "declaration": {
1949
+ "name": "FlowBadge",
1950
+ "module": "components/badge/badge.js"
1951
+ }
1952
+ },
1953
+ {
1954
+ "kind": "custom-element-definition",
1955
+ "name": "flow-ui-badge",
1956
+ "declaration": {
1957
+ "name": "FlowBadge",
1958
+ "module": "components/badge/badge.js"
1959
+ }
1960
+ }
1961
+ ]
1962
+ },
1963
+ {
1964
+ "kind": "javascript-module",
1965
+ "path": "components/breadcrumb/breadcrumb.js",
1966
+ "declarations": [
1967
+ {
1968
+ "kind": "class",
1969
+ "description": "",
1970
+ "name": "FlowBreadcrumb",
1971
+ "cssParts": [
1972
+ {
1973
+ "description": "The component's base wrapper.",
1974
+ "name": "base"
1975
+ }
1976
+ ],
1977
+ "slots": [
1978
+ {
1979
+ "description": "One or more breadcrumb items to display.",
1980
+ "name": ""
1981
+ },
1982
+ {
1983
+ "description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
1984
+ "name": "separator"
1985
+ }
1986
+ ],
1987
+ "members": [
1988
+ {
1989
+ "kind": "field",
1990
+ "name": "localize",
1991
+ "privacy": "private",
1992
+ "readonly": true,
1993
+ "default": "new LocalizeController(this)"
1994
+ },
1995
+ {
1996
+ "kind": "field",
1997
+ "name": "separatorDir",
1998
+ "privacy": "private"
1999
+ },
2000
+ {
2001
+ "kind": "field",
2002
+ "name": "defaultSlot",
2003
+ "type": {
2004
+ "text": "HTMLSlotElement"
2005
+ }
2006
+ },
2007
+ {
2008
+ "kind": "field",
2009
+ "name": "separatorSlot",
2010
+ "type": {
2011
+ "text": "HTMLSlotElement"
2012
+ }
2013
+ },
2014
+ {
2015
+ "kind": "field",
2016
+ "name": "label",
2017
+ "type": {
2018
+ "text": "string"
2019
+ },
2020
+ "default": "''",
2021
+ "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.",
2022
+ "attribute": "label"
2023
+ },
2024
+ {
2025
+ "kind": "method",
2026
+ "name": "getSeparator",
2027
+ "privacy": "private"
2028
+ },
2029
+ {
2030
+ "kind": "method",
2031
+ "name": "handleSlotChange",
2032
+ "privacy": "private"
2033
+ }
2034
+ ],
2035
+ "attributes": [
2036
+ {
2037
+ "name": "label",
2038
+ "type": {
2039
+ "text": "string"
2040
+ },
2041
+ "default": "''",
2042
+ "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.",
2043
+ "fieldName": "label"
2044
+ }
2045
+ ],
2046
+ "superclass": {
2047
+ "name": "FlowRdfElement",
2048
+ "module": "/src/internal/flow-ui-rdf-element"
2049
+ },
2050
+ "summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
2051
+ "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
2052
+ "status": "stable",
2053
+ "since": "2.0",
2054
+ "dependencies": [
2055
+ "flow-ui-icon"
2056
+ ],
2057
+ "tagName": "flow-ui-breadcrumb",
2058
+ "customElement": true
2059
+ }
2060
+ ],
2061
+ "exports": [
2062
+ {
2063
+ "kind": "js",
2064
+ "name": "default",
2065
+ "declaration": {
2066
+ "name": "FlowBreadcrumb",
2067
+ "module": "components/breadcrumb/breadcrumb.js"
2068
+ }
2069
+ },
2070
+ {
2071
+ "kind": "custom-element-definition",
2072
+ "name": "flow-ui-breadcrumb",
2073
+ "declaration": {
2074
+ "name": "FlowBreadcrumb",
2075
+ "module": "components/breadcrumb/breadcrumb.js"
2076
+ }
2077
+ }
2078
+ ]
2079
+ },
2080
+ {
2081
+ "kind": "javascript-module",
2082
+ "path": "components/calendar/calendar.component.js",
2083
+ "declarations": [
2084
+ {
2085
+ "kind": "class",
2086
+ "description": "",
2087
+ "name": "FlowCalendar",
2088
+ "members": [
2089
+ {
2090
+ "kind": "field",
2091
+ "name": "hasSlotController",
2092
+ "privacy": "private",
2093
+ "readonly": true,
2094
+ "default": "new HasSlotController(this, 'info')"
2095
+ },
2096
+ {
2097
+ "kind": "field",
2098
+ "name": "_displayDate",
2099
+ "privacy": "private"
2100
+ },
2101
+ {
2102
+ "kind": "field",
2103
+ "name": "_selectedDate",
2104
+ "privacy": "private"
2105
+ },
2106
+ {
2107
+ "kind": "field",
2108
+ "name": "value",
2109
+ "type": {
2110
+ "text": "string"
2111
+ },
2112
+ "attribute": "value",
2113
+ "reflects": true
2114
+ },
2115
+ {
2116
+ "kind": "method",
2117
+ "name": "handleValueChange"
2118
+ },
2119
+ {
2120
+ "kind": "method",
2121
+ "name": "dateClicked",
2122
+ "privacy": "private",
2123
+ "parameters": [
2124
+ {
2125
+ "name": "date",
2126
+ "type": {
2127
2127
  "text": "string"
2128
2128
  }
2129
2129
  }
@@ -3175,22 +3175,76 @@
3175
3175
  "name": "FlowChart",
3176
3176
  "cssProperties": [
3177
3177
  {
3178
- "description": "The color of the divider.",
3179
- "name": "--color"
3178
+ "description": "General text color (titles etc.)",
3179
+ "name": "--text-color"
3180
3180
  },
3181
3181
  {
3182
- "description": "The width of the divider.",
3183
- "name": "--width"
3182
+ "description": "Color of the axis lines.",
3183
+ "name": "--axis-color"
3184
3184
  },
3185
3185
  {
3186
- "description": "The spacing of the divider.",
3187
- "name": "--spacing"
3186
+ "description": "Color of the x-axis lines. (defaults to `--axis-color`)",
3187
+ "name": "--x-axis-color"
3188
+ },
3189
+ {
3190
+ "description": "Color of the y-axis lines. (defaults to `--axis-color`)",
3191
+ "name": "--y-axis-color"
3192
+ },
3193
+ {
3194
+ "description": "Color of the axis grid lines.",
3195
+ "name": "--axis-grid-color"
3196
+ },
3197
+ {
3198
+ "description": "Color of the x-axis grid lines. (defaults to `--axis-grid-color`)",
3199
+ "name": "--x-axis-grid-color"
3200
+ },
3201
+ {
3202
+ "description": "Color of the y-axis grid lines. (defaults to `--axis-grid-color`)",
3203
+ "name": "--y-axis-grid-color"
3204
+ },
3205
+ {
3206
+ "description": "Color of the axis labels.",
3207
+ "name": "--axis-label-color"
3208
+ },
3209
+ {
3210
+ "description": "Color of the x-axis labels. (defaults to `--axis-label-color`)",
3211
+ "name": "--x-axis-label-color"
3212
+ },
3213
+ {
3214
+ "description": "Color of the y-axis labels. (defaults to `--axis-label-color`)",
3215
+ "name": "--y-axis-label-color"
3216
+ },
3217
+ {
3218
+ "description": "Color of the tick labels.",
3219
+ "name": "--tick-label-color"
3220
+ },
3221
+ {
3222
+ "description": "Color of the x-axis tick labels. (defaults to `--tick-label-color`)",
3223
+ "name": "--x-tick-label-color"
3224
+ },
3225
+ {
3226
+ "description": "Color of the y-axis tick labels. (defaults to `--tick-label-color`)",
3227
+ "name": "--y-tick-label-color"
3228
+ },
3229
+ {
3230
+ "description": "Color of the stroke for dataset n (where n = 0-9).",
3231
+ "name": "--dataset-stroke-color-n"
3232
+ },
3233
+ {
3234
+ "description": "Color of the fill for dataset n (where n = 0-9).",
3235
+ "name": "--dataset-fill-color-n"
3236
+ }
3237
+ ],
3238
+ "cssParts": [
3239
+ {
3240
+ "description": "The base container of the chart.",
3241
+ "name": "base"
3188
3242
  }
3189
3243
  ],
3190
3244
  "members": [
3191
3245
  {
3192
3246
  "kind": "field",
3193
- "name": "chartRef",
3247
+ "name": "_chartRef",
3194
3248
  "type": {
3195
3249
  "text": "Ref<HTMLCanvasElement>"
3196
3250
  },
@@ -3198,60 +3252,167 @@
3198
3252
  },
3199
3253
  {
3200
3254
  "kind": "field",
3201
- "name": "type",
3255
+ "name": "_chart",
3202
3256
  "type": {
3203
- "text": "string"
3257
+ "text": "Chart | undefined"
3204
3258
  },
3205
- "attribute": "type"
3259
+ "privacy": "private"
3206
3260
  },
3207
3261
  {
3208
3262
  "kind": "field",
3209
- "name": "data",
3263
+ "name": "_dataItems",
3210
3264
  "type": {
3211
- "text": "any"
3265
+ "text": "Array<FlowChartData>"
3212
3266
  },
3213
- "attribute": "data"
3267
+ "privacy": "private"
3214
3268
  },
3215
3269
  {
3216
3270
  "kind": "field",
3217
- "name": "options",
3271
+ "name": "_scaleItems",
3218
3272
  "type": {
3219
- "text": "any"
3273
+ "text": "Array<FlowChartScale>"
3220
3274
  },
3221
- "attribute": "options"
3222
- }
3223
- ],
3224
- "attributes": [
3275
+ "privacy": "private"
3276
+ },
3225
3277
  {
3226
- "name": "type",
3278
+ "kind": "field",
3279
+ "name": "chart",
3280
+ "description": "The Chart.js chart instance.",
3281
+ "readonly": true
3282
+ },
3283
+ {
3284
+ "kind": "field",
3285
+ "name": "type",
3227
3286
  "type": {
3228
3287
  "text": "string"
3229
3288
  },
3230
- "fieldName": "type"
3289
+ "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
3290
+ "attribute": "type"
3291
+ },
3292
+ {
3293
+ "kind": "field",
3294
+ "name": "chartTitle",
3295
+ "type": {
3296
+ "text": "string"
3297
+ },
3298
+ "description": "The title of the chart (optional - leave as `undefined` to omit).",
3299
+ "attribute": "chart-title"
3300
+ },
3301
+ {
3302
+ "kind": "field",
3303
+ "name": "options",
3304
+ "type": {
3305
+ "text": "ChartOptions"
3306
+ },
3307
+ "description": "The Chart.js `options` object.",
3308
+ "attribute": "options"
3231
3309
  },
3232
3310
  {
3311
+ "kind": "field",
3233
3312
  "name": "data",
3234
3313
  "type": {
3235
- "text": "any"
3314
+ "text": "ChartData"
3236
3315
  },
3237
- "fieldName": "data"
3316
+ "description": "The Chart.js `data` object",
3317
+ "attribute": "data"
3318
+ },
3319
+ {
3320
+ "kind": "field",
3321
+ "name": "plugins",
3322
+ "type": {
3323
+ "text": "Plugin[]"
3324
+ },
3325
+ "default": "[]",
3326
+ "description": "List of extra plugins to use for this chart.",
3327
+ "attribute": "plugins"
3328
+ },
3329
+ {
3330
+ "kind": "method",
3331
+ "name": "repaint",
3332
+ "description": "Trigger a repaint of the chart."
3333
+ },
3334
+ {
3335
+ "kind": "field",
3336
+ "name": "combinedOptions",
3337
+ "privacy": "private",
3338
+ "readonly": true
3339
+ },
3340
+ {
3341
+ "kind": "field",
3342
+ "name": "chartData",
3343
+ "privacy": "private",
3344
+ "readonly": true
3345
+ },
3346
+ {
3347
+ "kind": "field",
3348
+ "name": "chartScales",
3349
+ "privacy": "private",
3350
+ "readonly": true
3351
+ },
3352
+ {
3353
+ "kind": "method",
3354
+ "name": "handleChange",
3355
+ "privacy": "private",
3356
+ "parameters": [
3357
+ {
3358
+ "name": "event",
3359
+ "type": {
3360
+ "text": "FlowChangeEvent"
3361
+ }
3362
+ }
3363
+ ]
3364
+ }
3365
+ ],
3366
+ "attributes": [
3367
+ {
3368
+ "name": "type",
3369
+ "type": {
3370
+ "text": "string"
3371
+ },
3372
+ "description": "The Chart.js chart type (e.g `line`, `bar` or a custom type).",
3373
+ "fieldName": "type"
3374
+ },
3375
+ {
3376
+ "name": "chart-title",
3377
+ "type": {
3378
+ "text": "string"
3379
+ },
3380
+ "description": "The title of the chart (optional - leave as `undefined` to omit).",
3381
+ "fieldName": "chartTitle"
3238
3382
  },
3239
3383
  {
3240
3384
  "name": "options",
3241
3385
  "type": {
3242
- "text": "any"
3386
+ "text": "ChartOptions"
3243
3387
  },
3388
+ "description": "The Chart.js `options` object.",
3244
3389
  "fieldName": "options"
3390
+ },
3391
+ {
3392
+ "name": "data",
3393
+ "type": {
3394
+ "text": "ChartData"
3395
+ },
3396
+ "description": "The Chart.js `data` object",
3397
+ "fieldName": "data"
3398
+ },
3399
+ {
3400
+ "name": "plugins",
3401
+ "type": {
3402
+ "text": "Plugin[]"
3403
+ },
3404
+ "default": "[]",
3405
+ "description": "List of extra plugins to use for this chart.",
3406
+ "fieldName": "plugins"
3245
3407
  }
3246
3408
  ],
3247
3409
  "superclass": {
3248
3410
  "name": "FlowRdfElement",
3249
3411
  "module": "/src/internal/flow-ui-rdf-element"
3250
3412
  },
3251
- "summary": "Dividers are used to visually separate or group elements.",
3252
- "documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
3253
- "status": "stable",
3254
- "since": "2.0"
3413
+ "tagName": "flow-ui-chart",
3414
+ "summary": "The chart component displays Chart.js charts.\n\nThe 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.",
3415
+ "customElement": true
3255
3416
  }
3256
3417
  ],
3257
3418
  "exports": [
@@ -3290,80 +3451,173 @@
3290
3451
  },
3291
3452
  {
3292
3453
  "kind": "javascript-module",
3293
- "path": "components/checkbox/checkbox.js",
3454
+ "path": "components/chart-data/chart-data.component.js",
3294
3455
  "declarations": [
3295
3456
  {
3296
3457
  "kind": "class",
3297
3458
  "description": "",
3298
- "name": "FlowCheckbox",
3299
- "cssParts": [
3459
+ "name": "FlowChartData",
3460
+ "members": [
3300
3461
  {
3301
- "description": "The component's base wrapper.",
3302
- "name": "base"
3462
+ "kind": "field",
3463
+ "name": "datasetSpec",
3464
+ "type": {
3465
+ "text": "ChartDataset"
3466
+ },
3467
+ "readonly": true
3303
3468
  },
3304
3469
  {
3305
- "description": "The square container that wraps the checkbox's checked state.",
3306
- "name": "control"
3470
+ "kind": "field",
3471
+ "name": "label",
3472
+ "type": {
3473
+ "text": "string"
3474
+ },
3475
+ "description": "The dataset label to use in the chart legend.",
3476
+ "attribute": "label"
3307
3477
  },
3308
3478
  {
3309
- "description": "Matches the control part when the checkbox is checked.",
3310
- "name": "control--checked"
3479
+ "kind": "field",
3480
+ "name": "data",
3481
+ "type": {
3482
+ "text": "any[]"
3483
+ },
3484
+ "description": "The data to associate with this dataset.",
3485
+ "attribute": "data"
3311
3486
  },
3312
3487
  {
3313
- "description": "Matches the control part when the checkbox is indeterminate.",
3314
- "name": "control--indeterminate"
3488
+ "kind": "field",
3489
+ "name": "x",
3490
+ "type": {
3491
+ "text": "string"
3492
+ },
3493
+ "description": "The data property to use for the x value.",
3494
+ "attribute": "x"
3315
3495
  },
3316
3496
  {
3317
- "description": "The checked icon, an `<flow-ui-icon>` element.",
3318
- "name": "checked-icon"
3497
+ "kind": "field",
3498
+ "name": "y",
3499
+ "type": {
3500
+ "text": "string"
3501
+ },
3502
+ "description": "The data property to use for the y value.",
3503
+ "attribute": "y"
3319
3504
  },
3320
3505
  {
3321
- "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
3322
- "name": "indeterminate-icon"
3506
+ "kind": "field",
3507
+ "name": "options",
3508
+ "type": {
3509
+ "text": "any"
3510
+ },
3511
+ "default": "{}",
3512
+ "description": "Additional Chart.js options to merge with the dataset.",
3513
+ "attribute": "options"
3323
3514
  },
3324
3515
  {
3325
- "description": "The container that wraps the checkbox's label.",
3326
- "name": "label"
3516
+ "kind": "method",
3517
+ "name": "createRenderRoot",
3518
+ "privacy": "protected"
3327
3519
  }
3328
3520
  ],
3329
- "slots": [
3521
+ "attributes": [
3330
3522
  {
3331
- "description": "The checkbox's label.",
3332
- "name": ""
3333
- }
3334
- ],
3335
- "members": [
3523
+ "name": "label",
3524
+ "type": {
3525
+ "text": "string"
3526
+ },
3527
+ "description": "The dataset label to use in the chart legend.",
3528
+ "fieldName": "label"
3529
+ },
3336
3530
  {
3337
- "kind": "field",
3338
- "name": "formControlController",
3339
- "privacy": "private",
3340
- "readonly": true,
3341
- "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 })"
3531
+ "name": "data",
3532
+ "type": {
3533
+ "text": "any[]"
3534
+ },
3535
+ "description": "The data to associate with this dataset.",
3536
+ "fieldName": "data"
3342
3537
  },
3343
3538
  {
3344
- "kind": "field",
3345
- "name": "input",
3539
+ "name": "x",
3346
3540
  "type": {
3347
- "text": "HTMLInputElement"
3348
- }
3541
+ "text": "string"
3542
+ },
3543
+ "description": "The data property to use for the x value.",
3544
+ "fieldName": "x"
3349
3545
  },
3350
3546
  {
3351
- "kind": "field",
3352
- "name": "hasFocus",
3547
+ "name": "y",
3353
3548
  "type": {
3354
- "text": "boolean"
3549
+ "text": "string"
3355
3550
  },
3356
- "privacy": "private",
3357
- "default": "false"
3551
+ "description": "The data property to use for the y value.",
3552
+ "fieldName": "y"
3358
3553
  },
3554
+ {
3555
+ "name": "options",
3556
+ "type": {
3557
+ "text": "any"
3558
+ },
3559
+ "default": "{}",
3560
+ "description": "Additional Chart.js options to merge with the dataset.",
3561
+ "fieldName": "options"
3562
+ }
3563
+ ],
3564
+ "superclass": {
3565
+ "name": "FlowRdfElement",
3566
+ "module": "/src/internal/flow-ui-rdf-element"
3567
+ },
3568
+ "summary": "The chart data component is used with the chart component to specify a dataset to display.\n\nThe chart data component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a dataset for a chart.\n\nChart datasets can also be defined using the `data` property of the parent `flow-ui-chart` component.\nDataset configuration provided by the `flow-ui-chart-data` component is merged with the parent `flow-ui-chart` configuration."
3569
+ }
3570
+ ],
3571
+ "exports": [
3572
+ {
3573
+ "kind": "js",
3574
+ "name": "default",
3575
+ "declaration": {
3576
+ "name": "FlowChartData",
3577
+ "module": "components/chart-data/chart-data.component.js"
3578
+ }
3579
+ }
3580
+ ]
3581
+ },
3582
+ {
3583
+ "kind": "javascript-module",
3584
+ "path": "components/chart-data/chart-data.js",
3585
+ "declarations": [],
3586
+ "exports": [
3587
+ {
3588
+ "kind": "js",
3589
+ "name": "*",
3590
+ "declaration": {
3591
+ "name": "*",
3592
+ "package": "./chart-data.component"
3593
+ }
3594
+ },
3595
+ {
3596
+ "kind": "js",
3597
+ "name": "default",
3598
+ "declaration": {
3599
+ "name": "FlowChartData",
3600
+ "module": "components/chart-data/chart-data.js"
3601
+ }
3602
+ }
3603
+ ]
3604
+ },
3605
+ {
3606
+ "kind": "javascript-module",
3607
+ "path": "components/chart-scale/chart-scale.component.js",
3608
+ "declarations": [
3609
+ {
3610
+ "kind": "class",
3611
+ "description": "",
3612
+ "name": "FlowChartScale",
3613
+ "members": [
3359
3614
  {
3360
3615
  "kind": "field",
3361
- "name": "title",
3616
+ "name": "scaleSpec",
3362
3617
  "type": {
3363
- "text": "string"
3618
+ "text": "any"
3364
3619
  },
3365
- "default": "''",
3366
- "attribute": "title"
3620
+ "readonly": true
3367
3621
  },
3368
3622
  {
3369
3623
  "kind": "field",
@@ -3371,45 +3625,239 @@
3371
3625
  "type": {
3372
3626
  "text": "string"
3373
3627
  },
3374
- "default": "''",
3375
- "description": "The name of the checkbox, submitted as a name/value pair with form data.",
3628
+ "description": "The scale name used to identify the scale.",
3376
3629
  "attribute": "name"
3377
3630
  },
3378
3631
  {
3379
3632
  "kind": "field",
3380
- "name": "value",
3633
+ "name": "type",
3381
3634
  "type": {
3382
3635
  "text": "string"
3383
3636
  },
3384
- "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
3385
- "attribute": "value"
3637
+ "description": "The scale type (e.g. `linear`, `category`).",
3638
+ "attribute": "type"
3386
3639
  },
3387
3640
  {
3388
3641
  "kind": "field",
3389
- "name": "size",
3642
+ "name": "label",
3390
3643
  "type": {
3391
- "text": "'small' | 'medium' | 'large'"
3644
+ "text": "string"
3392
3645
  },
3393
- "default": "'medium'",
3394
- "description": "The checkbox's size.",
3395
- "attribute": "size",
3396
- "reflects": true
3646
+ "description": "The axis label. Leave as `undefined` to omit.",
3647
+ "attribute": "label"
3397
3648
  },
3398
3649
  {
3399
3650
  "kind": "field",
3400
- "name": "disabled",
3651
+ "name": "options",
3401
3652
  "type": {
3402
- "text": "boolean"
3653
+ "text": "any"
3403
3654
  },
3404
- "default": "false",
3405
- "description": "Disables the checkbox.",
3406
- "attribute": "disabled",
3407
- "reflects": true
3655
+ "description": "Additional Chart.js options to merge with the scale.",
3656
+ "attribute": "options"
3408
3657
  },
3409
3658
  {
3410
- "kind": "field",
3411
- "name": "checked",
3412
- "type": {
3659
+ "kind": "method",
3660
+ "name": "createRenderRoot",
3661
+ "privacy": "protected"
3662
+ }
3663
+ ],
3664
+ "attributes": [
3665
+ {
3666
+ "name": "name",
3667
+ "type": {
3668
+ "text": "string"
3669
+ },
3670
+ "description": "The scale name used to identify the scale.",
3671
+ "fieldName": "name"
3672
+ },
3673
+ {
3674
+ "name": "type",
3675
+ "type": {
3676
+ "text": "string"
3677
+ },
3678
+ "description": "The scale type (e.g. `linear`, `category`).",
3679
+ "fieldName": "type"
3680
+ },
3681
+ {
3682
+ "name": "label",
3683
+ "type": {
3684
+ "text": "string"
3685
+ },
3686
+ "description": "The axis label. Leave as `undefined` to omit.",
3687
+ "fieldName": "label"
3688
+ },
3689
+ {
3690
+ "name": "options",
3691
+ "type": {
3692
+ "text": "any"
3693
+ },
3694
+ "description": "Additional Chart.js options to merge with the scale.",
3695
+ "fieldName": "options"
3696
+ }
3697
+ ],
3698
+ "superclass": {
3699
+ "name": "FlowRdfElement",
3700
+ "module": "/src/internal/flow-ui-rdf-element"
3701
+ },
3702
+ "summary": "The chart scale component is used with the chart component to specify a scale.\n\nThe chart scale component is a convenience child component of `flow-ui-chart` and\nprovides a simple way to define a scale for a chart.\n\nChart scales can also be defined using the `options` property of the parent `flow-ui-chart` component.\nScale configuration provided by the `flow-ui-chart-scale` component is merged with the parent `flow-ui-chart` configuration."
3703
+ }
3704
+ ],
3705
+ "exports": [
3706
+ {
3707
+ "kind": "js",
3708
+ "name": "default",
3709
+ "declaration": {
3710
+ "name": "FlowChartScale",
3711
+ "module": "components/chart-scale/chart-scale.component.js"
3712
+ }
3713
+ }
3714
+ ]
3715
+ },
3716
+ {
3717
+ "kind": "javascript-module",
3718
+ "path": "components/chart-scale/chart-scale.js",
3719
+ "declarations": [],
3720
+ "exports": [
3721
+ {
3722
+ "kind": "js",
3723
+ "name": "*",
3724
+ "declaration": {
3725
+ "name": "*",
3726
+ "package": "./chart-scale.component"
3727
+ }
3728
+ },
3729
+ {
3730
+ "kind": "js",
3731
+ "name": "default",
3732
+ "declaration": {
3733
+ "name": "FlowChartScale",
3734
+ "module": "components/chart-scale/chart-scale.js"
3735
+ }
3736
+ }
3737
+ ]
3738
+ },
3739
+ {
3740
+ "kind": "javascript-module",
3741
+ "path": "components/checkbox/checkbox.js",
3742
+ "declarations": [
3743
+ {
3744
+ "kind": "class",
3745
+ "description": "",
3746
+ "name": "FlowCheckbox",
3747
+ "cssParts": [
3748
+ {
3749
+ "description": "The component's base wrapper.",
3750
+ "name": "base"
3751
+ },
3752
+ {
3753
+ "description": "The square container that wraps the checkbox's checked state.",
3754
+ "name": "control"
3755
+ },
3756
+ {
3757
+ "description": "Matches the control part when the checkbox is checked.",
3758
+ "name": "control--checked"
3759
+ },
3760
+ {
3761
+ "description": "Matches the control part when the checkbox is indeterminate.",
3762
+ "name": "control--indeterminate"
3763
+ },
3764
+ {
3765
+ "description": "The checked icon, an `<flow-ui-icon>` element.",
3766
+ "name": "checked-icon"
3767
+ },
3768
+ {
3769
+ "description": "The indeterminate icon, an `<flow-ui-icon>` element.",
3770
+ "name": "indeterminate-icon"
3771
+ },
3772
+ {
3773
+ "description": "The container that wraps the checkbox's label.",
3774
+ "name": "label"
3775
+ }
3776
+ ],
3777
+ "slots": [
3778
+ {
3779
+ "description": "The checkbox's label.",
3780
+ "name": ""
3781
+ }
3782
+ ],
3783
+ "members": [
3784
+ {
3785
+ "kind": "field",
3786
+ "name": "formControlController",
3787
+ "privacy": "private",
3788
+ "readonly": true,
3789
+ "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 })"
3790
+ },
3791
+ {
3792
+ "kind": "field",
3793
+ "name": "input",
3794
+ "type": {
3795
+ "text": "HTMLInputElement"
3796
+ }
3797
+ },
3798
+ {
3799
+ "kind": "field",
3800
+ "name": "hasFocus",
3801
+ "type": {
3802
+ "text": "boolean"
3803
+ },
3804
+ "privacy": "private",
3805
+ "default": "false"
3806
+ },
3807
+ {
3808
+ "kind": "field",
3809
+ "name": "title",
3810
+ "type": {
3811
+ "text": "string"
3812
+ },
3813
+ "default": "''",
3814
+ "attribute": "title"
3815
+ },
3816
+ {
3817
+ "kind": "field",
3818
+ "name": "name",
3819
+ "type": {
3820
+ "text": "string"
3821
+ },
3822
+ "default": "''",
3823
+ "description": "The name of the checkbox, submitted as a name/value pair with form data.",
3824
+ "attribute": "name"
3825
+ },
3826
+ {
3827
+ "kind": "field",
3828
+ "name": "value",
3829
+ "type": {
3830
+ "text": "string"
3831
+ },
3832
+ "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
3833
+ "attribute": "value"
3834
+ },
3835
+ {
3836
+ "kind": "field",
3837
+ "name": "size",
3838
+ "type": {
3839
+ "text": "'small' | 'medium' | 'large'"
3840
+ },
3841
+ "default": "'medium'",
3842
+ "description": "The checkbox's size.",
3843
+ "attribute": "size",
3844
+ "reflects": true
3845
+ },
3846
+ {
3847
+ "kind": "field",
3848
+ "name": "disabled",
3849
+ "type": {
3850
+ "text": "boolean"
3851
+ },
3852
+ "default": "false",
3853
+ "description": "Disables the checkbox.",
3854
+ "attribute": "disabled",
3855
+ "reflects": true
3856
+ },
3857
+ {
3858
+ "kind": "field",
3859
+ "name": "checked",
3860
+ "type": {
3413
3861
  "text": "boolean"
3414
3862
  },
3415
3863
  "default": "false",
@@ -14355,66 +14803,44 @@
14355
14803
  },
14356
14804
  {
14357
14805
  "kind": "javascript-module",
14358
- "path": "components/split-view-pane/split-view-pane.component.js",
14806
+ "path": "components/split-view-toggle-button/split-view-toggle-button.component.js",
14359
14807
  "declarations": [
14360
14808
  {
14361
14809
  "kind": "class",
14362
14810
  "description": "",
14363
- "name": "FlowSplitViewPane",
14811
+ "name": "FlowSplitViewToggleButton",
14364
14812
  "members": [
14365
14813
  {
14366
14814
  "kind": "field",
14367
- "name": "dividerComponent",
14368
- "type": {
14369
- "text": "FlowPanelDivider | undefined"
14370
- },
14371
- "privacy": "private"
14372
- },
14373
- {
14374
- "kind": "field",
14375
- "name": "vertical",
14376
- "type": {
14377
- "text": "boolean"
14378
- },
14379
- "default": "false",
14380
- "attribute": "vertical",
14381
- "reflects": true
14382
- },
14383
- {
14384
- "kind": "field",
14385
- "name": "size",
14386
- "type": {
14387
- "text": "string"
14388
- },
14389
- "attribute": "size",
14390
- "reflects": true
14391
- },
14392
- {
14393
- "kind": "field",
14394
- "name": "minSize",
14815
+ "name": "parentPane",
14395
14816
  "type": {
14396
- "text": "string"
14817
+ "text": "FlowSplitViewPane | null"
14397
14818
  },
14398
- "attribute": "min-size",
14399
- "reflects": true
14819
+ "privacy": "private",
14820
+ "default": "null"
14400
14821
  },
14401
14822
  {
14402
14823
  "kind": "field",
14403
- "name": "maxSize",
14824
+ "name": "parentPanelObserver",
14404
14825
  "type": {
14405
- "text": "string"
14826
+ "text": "MutationObserver | null"
14406
14827
  },
14407
- "attribute": "max-size",
14408
- "reflects": true
14828
+ "privacy": "private",
14829
+ "default": "null"
14409
14830
  },
14410
14831
  {
14411
14832
  "kind": "field",
14412
- "name": "closedSize",
14833
+ "name": "name",
14413
14834
  "type": {
14414
- "text": "string"
14835
+ "text": "string | undefined"
14415
14836
  },
14416
- "attribute": "closed-size",
14417
- "reflects": true
14837
+ "description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
14838
+ "attribute": "name",
14839
+ "default": "'chevron-right'",
14840
+ "inheritedFrom": {
14841
+ "name": "FlowIconButton",
14842
+ "module": "components/icon-button/icon-button.component.js"
14843
+ }
14418
14844
  },
14419
14845
  {
14420
14846
  "kind": "field",
@@ -14423,206 +14849,7 @@
14423
14849
  "text": "boolean"
14424
14850
  },
14425
14851
  "default": "false",
14426
- "description": "Indicates if the split-view pane is open or closed.",
14427
- "attribute": "closed",
14428
- "reflects": true
14429
- },
14430
- {
14431
- "kind": "field",
14432
- "name": "divider",
14433
- "type": {
14434
- "text": "boolean"
14435
- },
14436
- "default": "false",
14437
- "description": "Indicates if the split-view pane has a divider.",
14438
- "attribute": "divider",
14439
- "reflects": true
14440
- },
14441
- {
14442
- "kind": "field",
14443
- "name": "hidden",
14444
- "type": {
14445
- "text": "boolean"
14446
- },
14447
- "default": "false",
14448
- "description": "Indicates if the split-view pane is hidden.",
14449
- "attribute": "hidden",
14450
- "reflects": true
14451
- },
14452
- {
14453
- "kind": "method",
14454
- "name": "cancelDrag"
14455
- },
14456
- {
14457
- "kind": "method",
14458
- "name": "expand",
14459
- "parameters": [
14460
- {
14461
- "name": "emitEvent",
14462
- "default": "true"
14463
- }
14464
- ],
14465
- "description": "Shows the details."
14466
- },
14467
- {
14468
- "kind": "method",
14469
- "name": "collapse",
14470
- "parameters": [
14471
- {
14472
- "name": "emitEvent",
14473
- "default": "true"
14474
- }
14475
- ],
14476
- "description": "Hides the details"
14477
- }
14478
- ],
14479
- "attributes": [
14480
- {
14481
- "name": "vertical",
14482
- "type": {
14483
- "text": "boolean"
14484
- },
14485
- "default": "false",
14486
- "fieldName": "vertical"
14487
- },
14488
- {
14489
- "name": "size",
14490
- "type": {
14491
- "text": "string"
14492
- },
14493
- "fieldName": "size"
14494
- },
14495
- {
14496
- "name": "min-size",
14497
- "type": {
14498
- "text": "string"
14499
- },
14500
- "fieldName": "minSize"
14501
- },
14502
- {
14503
- "name": "max-size",
14504
- "type": {
14505
- "text": "string"
14506
- },
14507
- "fieldName": "maxSize"
14508
- },
14509
- {
14510
- "name": "closed-size",
14511
- "type": {
14512
- "text": "string"
14513
- },
14514
- "fieldName": "closedSize"
14515
- },
14516
- {
14517
- "name": "closed",
14518
- "type": {
14519
- "text": "boolean"
14520
- },
14521
- "default": "false",
14522
- "description": "Indicates if the split-view pane is open or closed.",
14523
- "fieldName": "closed"
14524
- },
14525
- {
14526
- "name": "divider",
14527
- "type": {
14528
- "text": "boolean"
14529
- },
14530
- "default": "false",
14531
- "description": "Indicates if the split-view pane has a divider.",
14532
- "fieldName": "divider"
14533
- },
14534
- {
14535
- "name": "hidden",
14536
- "type": {
14537
- "text": "boolean"
14538
- },
14539
- "default": "false",
14540
- "description": "Indicates if the split-view pane is hidden.",
14541
- "fieldName": "hidden"
14542
- }
14543
- ],
14544
- "superclass": {
14545
- "name": "FlowRdfElement",
14546
- "module": "/src/internal/flow-ui-rdf-element"
14547
- },
14548
- "summary": "Split panels display two adjacent panels, allowing the user to reposition them."
14549
- }
14550
- ],
14551
- "exports": [
14552
- {
14553
- "kind": "js",
14554
- "name": "default",
14555
- "declaration": {
14556
- "name": "FlowSplitViewPane",
14557
- "module": "components/split-view-pane/split-view-pane.component.js"
14558
- }
14559
- }
14560
- ]
14561
- },
14562
- {
14563
- "kind": "javascript-module",
14564
- "path": "components/split-view-pane/split-view-pane.js",
14565
- "declarations": [],
14566
- "exports": [
14567
- {
14568
- "kind": "js",
14569
- "name": "default",
14570
- "declaration": {
14571
- "name": "FlowSplitViewPane",
14572
- "module": "components/split-view-pane/split-view-pane.js"
14573
- }
14574
- }
14575
- ]
14576
- },
14577
- {
14578
- "kind": "javascript-module",
14579
- "path": "components/split-view-toggle-button/split-view-toggle-button.component.js",
14580
- "declarations": [
14581
- {
14582
- "kind": "class",
14583
- "description": "",
14584
- "name": "FlowSplitViewToggleButton",
14585
- "members": [
14586
- {
14587
- "kind": "field",
14588
- "name": "parentPane",
14589
- "type": {
14590
- "text": "FlowSplitViewPane | null"
14591
- },
14592
- "privacy": "private",
14593
- "default": "null"
14594
- },
14595
- {
14596
- "kind": "field",
14597
- "name": "parentPanelObserver",
14598
- "type": {
14599
- "text": "MutationObserver | null"
14600
- },
14601
- "privacy": "private",
14602
- "default": "null"
14603
- },
14604
- {
14605
- "kind": "field",
14606
- "name": "name",
14607
- "type": {
14608
- "text": "string | undefined"
14609
- },
14610
- "description": "The icon name to use for the button.\nDefaults to system icon `chevron-right`.",
14611
- "attribute": "name",
14612
- "default": "'chevron-right'",
14613
- "inheritedFrom": {
14614
- "name": "FlowIconButton",
14615
- "module": "components/icon-button/icon-button.component.js"
14616
- }
14617
- },
14618
- {
14619
- "kind": "field",
14620
- "name": "closed",
14621
- "type": {
14622
- "text": "boolean"
14623
- },
14624
- "default": "false",
14625
- "description": "Set to control the open/closed state of the parent split pane.",
14852
+ "description": "Set to control the open/closed state of the parent split pane.",
14626
14853
  "attribute": "closed",
14627
14854
  "reflects": true
14628
14855
  },
@@ -15078,149 +15305,378 @@
15078
15305
  }
15079
15306
  },
15080
15307
  {
15081
- "name": "target",
15082
- "type": {
15083
- "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
15084
- },
15085
- "description": "Tells the browser where to open the link. Only used when `href` is set.",
15086
- "fieldName": "target",
15087
- "inheritedFrom": {
15088
- "name": "FlowIconButton",
15089
- "module": "src/components/icon-button/icon-button.component.ts"
15090
- }
15091
- },
15308
+ "name": "target",
15309
+ "type": {
15310
+ "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
15311
+ },
15312
+ "description": "Tells the browser where to open the link. Only used when `href` is set.",
15313
+ "fieldName": "target",
15314
+ "inheritedFrom": {
15315
+ "name": "FlowIconButton",
15316
+ "module": "src/components/icon-button/icon-button.component.ts"
15317
+ }
15318
+ },
15319
+ {
15320
+ "name": "download",
15321
+ "type": {
15322
+ "text": "string | undefined"
15323
+ },
15324
+ "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
15325
+ "fieldName": "download",
15326
+ "inheritedFrom": {
15327
+ "name": "FlowIconButton",
15328
+ "module": "src/components/icon-button/icon-button.component.ts"
15329
+ }
15330
+ },
15331
+ {
15332
+ "name": "label",
15333
+ "type": {
15334
+ "text": "string"
15335
+ },
15336
+ "default": "''",
15337
+ "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
15338
+ "fieldName": "label",
15339
+ "inheritedFrom": {
15340
+ "name": "FlowIconButton",
15341
+ "module": "src/components/icon-button/icon-button.component.ts"
15342
+ }
15343
+ },
15344
+ {
15345
+ "name": "tooltip",
15346
+ "type": {
15347
+ "text": "string"
15348
+ },
15349
+ "default": "''",
15350
+ "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
15351
+ "fieldName": "tooltip",
15352
+ "inheritedFrom": {
15353
+ "name": "FlowIconButton",
15354
+ "module": "src/components/icon-button/icon-button.component.ts"
15355
+ }
15356
+ },
15357
+ {
15358
+ "name": "tooltip-placement",
15359
+ "type": {
15360
+ "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
15361
+ },
15362
+ "default": "'top'",
15363
+ "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
15364
+ "fieldName": "tooltipPlacement",
15365
+ "inheritedFrom": {
15366
+ "name": "FlowIconButton",
15367
+ "module": "src/components/icon-button/icon-button.component.ts"
15368
+ }
15369
+ },
15370
+ {
15371
+ "name": "tooltip-distance",
15372
+ "type": {
15373
+ "text": "number"
15374
+ },
15375
+ "default": "8",
15376
+ "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
15377
+ "fieldName": "tooltipDistance",
15378
+ "inheritedFrom": {
15379
+ "name": "FlowIconButton",
15380
+ "module": "src/components/icon-button/icon-button.component.ts"
15381
+ }
15382
+ },
15383
+ {
15384
+ "name": "tooltip-skidding",
15385
+ "type": {
15386
+ "text": "number"
15387
+ },
15388
+ "default": "0",
15389
+ "description": "The distance in pixels from which to offset the tooltip along the icon button.",
15390
+ "fieldName": "tooltipSkidding",
15391
+ "inheritedFrom": {
15392
+ "name": "FlowIconButton",
15393
+ "module": "src/components/icon-button/icon-button.component.ts"
15394
+ }
15395
+ },
15396
+ {
15397
+ "name": "disabled",
15398
+ "type": {
15399
+ "text": "boolean"
15400
+ },
15401
+ "default": "false",
15402
+ "description": "Disables the button.",
15403
+ "fieldName": "disabled",
15404
+ "inheritedFrom": {
15405
+ "name": "FlowIconButton",
15406
+ "module": "src/components/icon-button/icon-button.component.ts"
15407
+ }
15408
+ },
15409
+ {
15410
+ "name": "confirm",
15411
+ "type": {
15412
+ "text": "string"
15413
+ },
15414
+ "default": "''",
15415
+ "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
15416
+ "fieldName": "confirm",
15417
+ "inheritedFrom": {
15418
+ "name": "FlowIconButton",
15419
+ "module": "src/components/icon-button/icon-button.component.ts"
15420
+ }
15421
+ }
15422
+ ],
15423
+ "superclass": {
15424
+ "name": "FlowIconButton",
15425
+ "module": "/src/components/icon-button/icon-button.component"
15426
+ },
15427
+ "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
15428
+ "dependencies": [
15429
+ "flow-ui-icon-button"
15430
+ ],
15431
+ "events": [
15432
+ {
15433
+ "description": "Emitted when the icon button loses focus.",
15434
+ "name": "flow-ui-blur",
15435
+ "reactName": "onFlowUiBlur",
15436
+ "inheritedFrom": {
15437
+ "name": "FlowIconButton",
15438
+ "module": "src/components/icon-button/icon-button.component.ts"
15439
+ }
15440
+ },
15441
+ {
15442
+ "description": "Emitted when the icon button gains focus.",
15443
+ "name": "flow-ui-focus",
15444
+ "reactName": "onFlowUiFocus",
15445
+ "inheritedFrom": {
15446
+ "name": "FlowIconButton",
15447
+ "module": "src/components/icon-button/icon-button.component.ts"
15448
+ }
15449
+ }
15450
+ ]
15451
+ }
15452
+ ],
15453
+ "exports": [
15454
+ {
15455
+ "kind": "js",
15456
+ "name": "default",
15457
+ "declaration": {
15458
+ "name": "FlowSplitViewToggleButton",
15459
+ "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
15460
+ }
15461
+ }
15462
+ ]
15463
+ },
15464
+ {
15465
+ "kind": "javascript-module",
15466
+ "path": "components/split-view-toggle-button/split-view-toggle-button.js",
15467
+ "declarations": [],
15468
+ "exports": [
15469
+ {
15470
+ "kind": "js",
15471
+ "name": "*",
15472
+ "declaration": {
15473
+ "name": "*",
15474
+ "package": "./split-view-toggle-button.component.js"
15475
+ }
15476
+ },
15477
+ {
15478
+ "kind": "js",
15479
+ "name": "default",
15480
+ "declaration": {
15481
+ "name": "FlowSplitViewToggleButton",
15482
+ "module": "components/split-view-toggle-button/split-view-toggle-button.js"
15483
+ }
15484
+ }
15485
+ ]
15486
+ },
15487
+ {
15488
+ "kind": "javascript-module",
15489
+ "path": "components/split-view-pane/split-view-pane.component.js",
15490
+ "declarations": [
15491
+ {
15492
+ "kind": "class",
15493
+ "description": "",
15494
+ "name": "FlowSplitViewPane",
15495
+ "members": [
15496
+ {
15497
+ "kind": "field",
15498
+ "name": "dividerComponent",
15499
+ "type": {
15500
+ "text": "FlowPanelDivider | undefined"
15501
+ },
15502
+ "privacy": "private"
15503
+ },
15504
+ {
15505
+ "kind": "field",
15506
+ "name": "vertical",
15507
+ "type": {
15508
+ "text": "boolean"
15509
+ },
15510
+ "default": "false",
15511
+ "attribute": "vertical",
15512
+ "reflects": true
15513
+ },
15514
+ {
15515
+ "kind": "field",
15516
+ "name": "size",
15517
+ "type": {
15518
+ "text": "string"
15519
+ },
15520
+ "attribute": "size",
15521
+ "reflects": true
15522
+ },
15523
+ {
15524
+ "kind": "field",
15525
+ "name": "minSize",
15526
+ "type": {
15527
+ "text": "string"
15528
+ },
15529
+ "attribute": "min-size",
15530
+ "reflects": true
15531
+ },
15532
+ {
15533
+ "kind": "field",
15534
+ "name": "maxSize",
15535
+ "type": {
15536
+ "text": "string"
15537
+ },
15538
+ "attribute": "max-size",
15539
+ "reflects": true
15540
+ },
15541
+ {
15542
+ "kind": "field",
15543
+ "name": "closedSize",
15544
+ "type": {
15545
+ "text": "string"
15546
+ },
15547
+ "attribute": "closed-size",
15548
+ "reflects": true
15549
+ },
15550
+ {
15551
+ "kind": "field",
15552
+ "name": "closed",
15553
+ "type": {
15554
+ "text": "boolean"
15555
+ },
15556
+ "default": "false",
15557
+ "description": "Indicates if the split-view pane is open or closed.",
15558
+ "attribute": "closed",
15559
+ "reflects": true
15560
+ },
15561
+ {
15562
+ "kind": "field",
15563
+ "name": "divider",
15564
+ "type": {
15565
+ "text": "boolean"
15566
+ },
15567
+ "default": "false",
15568
+ "description": "Indicates if the split-view pane has a divider.",
15569
+ "attribute": "divider",
15570
+ "reflects": true
15571
+ },
15572
+ {
15573
+ "kind": "field",
15574
+ "name": "hidden",
15575
+ "type": {
15576
+ "text": "boolean"
15577
+ },
15578
+ "default": "false",
15579
+ "description": "Indicates if the split-view pane is hidden.",
15580
+ "attribute": "hidden",
15581
+ "reflects": true
15582
+ },
15583
+ {
15584
+ "kind": "method",
15585
+ "name": "cancelDrag"
15586
+ },
15587
+ {
15588
+ "kind": "method",
15589
+ "name": "expand",
15590
+ "parameters": [
15591
+ {
15592
+ "name": "emitEvent",
15593
+ "default": "true"
15594
+ }
15595
+ ],
15596
+ "description": "Shows the details."
15597
+ },
15598
+ {
15599
+ "kind": "method",
15600
+ "name": "collapse",
15601
+ "parameters": [
15602
+ {
15603
+ "name": "emitEvent",
15604
+ "default": "true"
15605
+ }
15606
+ ],
15607
+ "description": "Hides the details"
15608
+ }
15609
+ ],
15610
+ "attributes": [
15092
15611
  {
15093
- "name": "download",
15612
+ "name": "vertical",
15094
15613
  "type": {
15095
- "text": "string | undefined"
15614
+ "text": "boolean"
15096
15615
  },
15097
- "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
15098
- "fieldName": "download",
15099
- "inheritedFrom": {
15100
- "name": "FlowIconButton",
15101
- "module": "src/components/icon-button/icon-button.component.ts"
15102
- }
15616
+ "default": "false",
15617
+ "fieldName": "vertical"
15103
15618
  },
15104
15619
  {
15105
- "name": "label",
15620
+ "name": "size",
15106
15621
  "type": {
15107
15622
  "text": "string"
15108
15623
  },
15109
- "default": "''",
15110
- "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
15111
- "fieldName": "label",
15112
- "inheritedFrom": {
15113
- "name": "FlowIconButton",
15114
- "module": "src/components/icon-button/icon-button.component.ts"
15115
- }
15624
+ "fieldName": "size"
15116
15625
  },
15117
15626
  {
15118
- "name": "tooltip",
15627
+ "name": "min-size",
15119
15628
  "type": {
15120
15629
  "text": "string"
15121
15630
  },
15122
- "default": "''",
15123
- "description": "Tooltip text that gets displayed when the user hovers over the icon button. If you need to display HTML, use the\n`tooltip` slot instead.",
15124
- "fieldName": "tooltip",
15125
- "inheritedFrom": {
15126
- "name": "FlowIconButton",
15127
- "module": "src/components/icon-button/icon-button.component.ts"
15128
- }
15631
+ "fieldName": "minSize"
15129
15632
  },
15130
15633
  {
15131
- "name": "tooltip-placement",
15634
+ "name": "max-size",
15132
15635
  "type": {
15133
- "text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
15636
+ "text": "string"
15134
15637
  },
15135
- "default": "'top'",
15136
- "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
15137
- "fieldName": "tooltipPlacement",
15138
- "inheritedFrom": {
15139
- "name": "FlowIconButton",
15140
- "module": "src/components/icon-button/icon-button.component.ts"
15141
- }
15638
+ "fieldName": "maxSize"
15142
15639
  },
15143
15640
  {
15144
- "name": "tooltip-distance",
15641
+ "name": "closed-size",
15145
15642
  "type": {
15146
- "text": "number"
15643
+ "text": "string"
15147
15644
  },
15148
- "default": "8",
15149
- "description": "The distance in pixels from which to offset the tooltip away from the icon button.",
15150
- "fieldName": "tooltipDistance",
15151
- "inheritedFrom": {
15152
- "name": "FlowIconButton",
15153
- "module": "src/components/icon-button/icon-button.component.ts"
15154
- }
15645
+ "fieldName": "closedSize"
15155
15646
  },
15156
15647
  {
15157
- "name": "tooltip-skidding",
15648
+ "name": "closed",
15158
15649
  "type": {
15159
- "text": "number"
15650
+ "text": "boolean"
15160
15651
  },
15161
- "default": "0",
15162
- "description": "The distance in pixels from which to offset the tooltip along the icon button.",
15163
- "fieldName": "tooltipSkidding",
15164
- "inheritedFrom": {
15165
- "name": "FlowIconButton",
15166
- "module": "src/components/icon-button/icon-button.component.ts"
15167
- }
15652
+ "default": "false",
15653
+ "description": "Indicates if the split-view pane is open or closed.",
15654
+ "fieldName": "closed"
15168
15655
  },
15169
15656
  {
15170
- "name": "disabled",
15657
+ "name": "divider",
15171
15658
  "type": {
15172
15659
  "text": "boolean"
15173
15660
  },
15174
15661
  "default": "false",
15175
- "description": "Disables the button.",
15176
- "fieldName": "disabled",
15177
- "inheritedFrom": {
15178
- "name": "FlowIconButton",
15179
- "module": "src/components/icon-button/icon-button.component.ts"
15180
- }
15662
+ "description": "Indicates if the split-view pane has a divider.",
15663
+ "fieldName": "divider"
15181
15664
  },
15182
15665
  {
15183
- "name": "confirm",
15666
+ "name": "hidden",
15184
15667
  "type": {
15185
- "text": "string"
15668
+ "text": "boolean"
15186
15669
  },
15187
- "default": "''",
15188
- "description": "Confirmation text that gets displayed in a tooltip when the user clicks the icon button.\n If you need to display HTML, use the `confirm` slot instead.",
15189
- "fieldName": "confirm",
15190
- "inheritedFrom": {
15191
- "name": "FlowIconButton",
15192
- "module": "src/components/icon-button/icon-button.component.ts"
15193
- }
15670
+ "default": "false",
15671
+ "description": "Indicates if the split-view pane is hidden.",
15672
+ "fieldName": "hidden"
15194
15673
  }
15195
15674
  ],
15196
15675
  "superclass": {
15197
- "name": "FlowIconButton",
15198
- "module": "/src/components/icon-button/icon-button.component"
15676
+ "name": "FlowRdfElement",
15677
+ "module": "/src/internal/flow-ui-rdf-element"
15199
15678
  },
15200
- "summary": "Use a split panel toggle button to control a parent panel's open/closed state",
15201
- "dependencies": [
15202
- "flow-ui-icon-button"
15203
- ],
15204
- "events": [
15205
- {
15206
- "description": "Emitted when the icon button loses focus.",
15207
- "name": "flow-ui-blur",
15208
- "reactName": "onFlowUiBlur",
15209
- "inheritedFrom": {
15210
- "name": "FlowIconButton",
15211
- "module": "src/components/icon-button/icon-button.component.ts"
15212
- }
15213
- },
15214
- {
15215
- "description": "Emitted when the icon button gains focus.",
15216
- "name": "flow-ui-focus",
15217
- "reactName": "onFlowUiFocus",
15218
- "inheritedFrom": {
15219
- "name": "FlowIconButton",
15220
- "module": "src/components/icon-button/icon-button.component.ts"
15221
- }
15222
- }
15223
- ]
15679
+ "summary": "Split panels display two adjacent panels, allowing the user to reposition them."
15224
15680
  }
15225
15681
  ],
15226
15682
  "exports": [
@@ -15228,31 +15684,23 @@
15228
15684
  "kind": "js",
15229
15685
  "name": "default",
15230
15686
  "declaration": {
15231
- "name": "FlowSplitViewToggleButton",
15232
- "module": "components/split-view-toggle-button/split-view-toggle-button.component.js"
15687
+ "name": "FlowSplitViewPane",
15688
+ "module": "components/split-view-pane/split-view-pane.component.js"
15233
15689
  }
15234
15690
  }
15235
15691
  ]
15236
15692
  },
15237
15693
  {
15238
15694
  "kind": "javascript-module",
15239
- "path": "components/split-view-toggle-button/split-view-toggle-button.js",
15695
+ "path": "components/split-view-pane/split-view-pane.js",
15240
15696
  "declarations": [],
15241
15697
  "exports": [
15242
- {
15243
- "kind": "js",
15244
- "name": "*",
15245
- "declaration": {
15246
- "name": "*",
15247
- "package": "./split-view-toggle-button.component.js"
15248
- }
15249
- },
15250
15698
  {
15251
15699
  "kind": "js",
15252
15700
  "name": "default",
15253
15701
  "declaration": {
15254
- "name": "FlowSplitViewToggleButton",
15255
- "module": "components/split-view-toggle-button/split-view-toggle-button.js"
15702
+ "name": "FlowSplitViewPane",
15703
+ "module": "components/split-view-pane/split-view-pane.js"
15256
15704
  }
15257
15705
  }
15258
15706
  ]
@@ -19888,10 +20336,125 @@
19888
20336
  }
19889
20337
  }
19890
20338
  ]
20339
+ },
20340
+ {
20341
+ "kind": "javascript-module",
20342
+ "path": "components/chart/plugins/days.adapter.js",
20343
+ "declarations": [],
20344
+ "exports": []
20345
+ },
20346
+ {
20347
+ "kind": "javascript-module",
20348
+ "path": "components/chart/plugins/interaction.interpolate.js",
20349
+ "declarations": [
20350
+ {
20351
+ "kind": "function",
20352
+ "name": "Interpolate",
20353
+ "parameters": [
20354
+ {
20355
+ "name": "chart",
20356
+ "type": {
20357
+ "text": "Chart"
20358
+ }
20359
+ },
20360
+ {
20361
+ "name": "e",
20362
+ "type": {
20363
+ "text": "ChartEvent"
20364
+ }
20365
+ },
20366
+ {
20367
+ "name": "options",
20368
+ "type": {
20369
+ "text": "InteractionOptions"
20370
+ }
20371
+ }
20372
+ ],
20373
+ "description": "Custom interaction mode to interpolate values on the chart."
20374
+ }
20375
+ ],
20376
+ "exports": [
20377
+ {
20378
+ "kind": "js",
20379
+ "name": "default",
20380
+ "declaration": {
20381
+ "name": "Interpolate",
20382
+ "module": "components/chart/plugins/interaction.interpolate.js"
20383
+ }
20384
+ }
20385
+ ]
20386
+ },
20387
+ {
20388
+ "kind": "javascript-module",
20389
+ "path": "components/chart/plugins/plugin.flow-ui-colors.js",
20390
+ "declarations": [],
20391
+ "exports": [
20392
+ {
20393
+ "kind": "js",
20394
+ "name": "default",
20395
+ "declaration": {
20396
+ "module": "components/chart/plugins/plugin.flow-ui-colors.js"
20397
+ }
20398
+ }
20399
+ ]
20400
+ },
20401
+ {
20402
+ "kind": "javascript-module",
20403
+ "path": "components/chart/plugins/plugin.flow-ui-crosshairs.js",
20404
+ "declarations": [],
20405
+ "exports": [
20406
+ {
20407
+ "kind": "js",
20408
+ "name": "default",
20409
+ "declaration": {
20410
+ "module": "components/chart/plugins/plugin.flow-ui-crosshairs.js"
20411
+ }
20412
+ }
20413
+ ]
20414
+ },
20415
+ {
20416
+ "kind": "javascript-module",
20417
+ "path": "components/chart/plugins/positioner.cursor.js",
20418
+ "declarations": [
20419
+ {
20420
+ "kind": "function",
20421
+ "name": "CursorPositioner",
20422
+ "parameters": [
20423
+ {
20424
+ "name": "this",
20425
+ "type": {
20426
+ "text": "TooltipModel<any>"
20427
+ }
20428
+ },
20429
+ {
20430
+ "name": "_elements",
20431
+ "type": {
20432
+ "text": "Element[]"
20433
+ }
20434
+ },
20435
+ {
20436
+ "name": "eventPosition",
20437
+ "type": {
20438
+ "text": "Point"
20439
+ }
20440
+ }
20441
+ ]
20442
+ }
20443
+ ],
20444
+ "exports": [
20445
+ {
20446
+ "kind": "js",
20447
+ "name": "default",
20448
+ "declaration": {
20449
+ "name": "CursorPositioner",
20450
+ "module": "components/chart/plugins/positioner.cursor.js"
20451
+ }
20452
+ }
20453
+ ]
19891
20454
  }
19892
20455
  ],
19893
20456
  "package": {
19894
20457
  "name": "@emuanalytics/flow-rdf-ui",
19895
- "version": "0.0.18-alpha.1"
20458
+ "version": "0.0.18-alpha.10"
19896
20459
  }
19897
20460
  }