@skdx/web-components-charts 0.45.0 → 0.49.0

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 (176) hide show
  1. package/dist/area.cjs +29 -29
  2. package/dist/area.d.cts +2 -1
  3. package/dist/area.d.ts +2 -1
  4. package/dist/area.js +31 -31
  5. package/dist/bar.cjs +29 -29
  6. package/dist/bar.d.cts +2 -1
  7. package/dist/bar.d.ts +2 -1
  8. package/dist/bar.js +33 -33
  9. package/dist/boxplot.cjs +35 -35
  10. package/dist/boxplot.d.cts +2 -1
  11. package/dist/boxplot.d.ts +2 -1
  12. package/dist/boxplot.js +38 -38
  13. package/dist/bubble.cjs +39 -39
  14. package/dist/bubble.d.cts +2 -1
  15. package/dist/bubble.d.ts +2 -1
  16. package/dist/bubble.js +38 -38
  17. package/dist/bullet.cjs +38 -38
  18. package/dist/bullet.d.cts +2 -1
  19. package/dist/bullet.d.ts +2 -1
  20. package/dist/bullet.js +40 -40
  21. package/dist/bump.cjs +37 -37
  22. package/dist/bump.d.cts +2 -1
  23. package/dist/bump.d.ts +2 -1
  24. package/dist/bump.js +37 -37
  25. package/dist/candlestick.cjs +34 -34
  26. package/dist/candlestick.d.cts +2 -1
  27. package/dist/candlestick.d.ts +2 -1
  28. package/dist/candlestick.js +35 -35
  29. package/dist/chord.cjs +37 -37
  30. package/dist/chord.d.cts +2 -1
  31. package/dist/chord.d.ts +2 -1
  32. package/dist/chord.js +39 -39
  33. package/dist/circle-packing.cjs +37 -37
  34. package/dist/circle-packing.d.cts +2 -1
  35. package/dist/circle-packing.d.ts +2 -1
  36. package/dist/circle-packing.js +37 -37
  37. package/dist/combo.cjs +29 -29
  38. package/dist/combo.d.cts +2 -1
  39. package/dist/combo.d.ts +2 -1
  40. package/dist/combo.js +33 -33
  41. package/dist/contracts.json +17886 -0
  42. package/dist/dumbbell.cjs +40 -40
  43. package/dist/dumbbell.d.cts +2 -1
  44. package/dist/dumbbell.d.ts +2 -1
  45. package/dist/dumbbell.js +39 -39
  46. package/dist/funnel.cjs +38 -38
  47. package/dist/funnel.d.cts +2 -1
  48. package/dist/funnel.d.ts +2 -1
  49. package/dist/funnel.js +38 -38
  50. package/dist/gantt.cjs +37 -37
  51. package/dist/gantt.d.cts +2 -1
  52. package/dist/gantt.d.ts +2 -1
  53. package/dist/gantt.js +40 -40
  54. package/dist/gauge.cjs +36 -36
  55. package/dist/gauge.d.cts +2 -1
  56. package/dist/gauge.d.ts +2 -1
  57. package/dist/gauge.js +35 -35
  58. package/dist/heatmap.cjs +38 -38
  59. package/dist/heatmap.d.cts +2 -1
  60. package/dist/heatmap.d.ts +2 -1
  61. package/dist/heatmap.js +39 -39
  62. package/dist/histogram.cjs +30 -30
  63. package/dist/histogram.d.cts +2 -1
  64. package/dist/histogram.d.ts +2 -1
  65. package/dist/histogram.js +34 -34
  66. package/dist/icicle.cjs +40 -40
  67. package/dist/icicle.d.cts +2 -1
  68. package/dist/icicle.d.ts +2 -1
  69. package/dist/icicle.js +40 -40
  70. package/dist/{index-H-_fLjtt.d.cts → index-BkR4iVqI.d.ts} +11 -1071
  71. package/dist/{index-H-_fLjtt.d.ts → index-DjnBT-5R.d.cts} +11 -1071
  72. package/dist/index.cjs +37 -37
  73. package/dist/index.d.cts +24 -3
  74. package/dist/index.d.ts +24 -3
  75. package/dist/index.js +38 -38
  76. package/dist/line.cjs +29 -29
  77. package/dist/line.d.cts +2 -1
  78. package/dist/line.d.ts +2 -1
  79. package/dist/line.js +31 -31
  80. package/dist/linear-gauge.cjs +33 -33
  81. package/dist/linear-gauge.d.cts +2 -1
  82. package/dist/linear-gauge.d.ts +2 -1
  83. package/dist/linear-gauge.js +40 -40
  84. package/dist/map.cjs +39 -39
  85. package/dist/map.d.cts +2 -1
  86. package/dist/map.d.ts +2 -1
  87. package/dist/map.js +37 -37
  88. package/dist/marimekko.cjs +40 -40
  89. package/dist/marimekko.d.cts +2 -1
  90. package/dist/marimekko.d.ts +2 -1
  91. package/dist/marimekko.js +38 -38
  92. package/dist/network.cjs +38 -38
  93. package/dist/network.d.cts +2 -1
  94. package/dist/network.d.ts +2 -1
  95. package/dist/network.js +39 -39
  96. package/dist/organization.cjs +38 -38
  97. package/dist/organization.d.cts +2 -1
  98. package/dist/organization.d.ts +2 -1
  99. package/dist/organization.js +38 -38
  100. package/dist/parallel.cjs +38 -38
  101. package/dist/parallel.d.cts +2 -1
  102. package/dist/parallel.d.ts +2 -1
  103. package/dist/parallel.js +40 -40
  104. package/dist/pareto.cjs +25 -25
  105. package/dist/pareto.d.cts +2 -1
  106. package/dist/pareto.d.ts +2 -1
  107. package/dist/pareto.js +24 -24
  108. package/dist/pie.cjs +38 -38
  109. package/dist/pie.d.cts +2 -1
  110. package/dist/pie.d.ts +2 -1
  111. package/dist/pie.js +38 -38
  112. package/dist/polar-area.cjs +38 -38
  113. package/dist/polar-area.d.cts +2 -1
  114. package/dist/polar-area.d.ts +2 -1
  115. package/dist/polar-area.js +40 -40
  116. package/dist/portable-runtime.js +1 -0
  117. package/dist/portable.cjs +1 -0
  118. package/dist/portable.d.cts +25 -0
  119. package/dist/portable.d.ts +25 -0
  120. package/dist/portable.js +1 -0
  121. package/dist/radar.cjs +39 -39
  122. package/dist/radar.d.cts +2 -1
  123. package/dist/radar.d.ts +2 -1
  124. package/dist/radar.js +37 -37
  125. package/dist/radial.cjs +36 -36
  126. package/dist/radial.d.cts +2 -1
  127. package/dist/radial.d.ts +2 -1
  128. package/dist/radial.js +37 -37
  129. package/dist/range.cjs +27 -27
  130. package/dist/range.d.cts +2 -1
  131. package/dist/range.d.ts +2 -1
  132. package/dist/range.js +27 -27
  133. package/dist/sankey.cjs +38 -38
  134. package/dist/sankey.d.cts +2 -1
  135. package/dist/sankey.d.ts +2 -1
  136. package/dist/sankey.js +36 -36
  137. package/dist/scatter.cjs +40 -40
  138. package/dist/scatter.d.cts +2 -1
  139. package/dist/scatter.d.ts +2 -1
  140. package/dist/scatter.js +39 -39
  141. package/dist/sparkline.cjs +36 -36
  142. package/dist/sparkline.d.cts +2 -1
  143. package/dist/sparkline.d.ts +2 -1
  144. package/dist/sparkline.js +37 -37
  145. package/dist/sunburst.cjs +37 -37
  146. package/dist/sunburst.d.cts +2 -1
  147. package/dist/sunburst.d.ts +2 -1
  148. package/dist/sunburst.js +40 -40
  149. package/dist/swarm.cjs +40 -40
  150. package/dist/swarm.d.cts +2 -1
  151. package/dist/swarm.d.ts +2 -1
  152. package/dist/swarm.js +39 -39
  153. package/dist/timeline.cjs +38 -38
  154. package/dist/timeline.d.cts +2 -1
  155. package/dist/timeline.d.ts +2 -1
  156. package/dist/timeline.js +40 -40
  157. package/dist/tree.cjs +38 -38
  158. package/dist/tree.d.cts +2 -1
  159. package/dist/tree.d.ts +2 -1
  160. package/dist/tree.js +38 -38
  161. package/dist/treemap.cjs +40 -40
  162. package/dist/treemap.d.cts +2 -1
  163. package/dist/treemap.d.ts +2 -1
  164. package/dist/treemap.js +38 -38
  165. package/dist/types-5xXhTghj.d.cts +1168 -0
  166. package/dist/types-5xXhTghj.d.ts +1168 -0
  167. package/dist/waffle.cjs +40 -40
  168. package/dist/waffle.d.cts +2 -1
  169. package/dist/waffle.d.ts +2 -1
  170. package/dist/waffle.js +39 -39
  171. package/dist/waterfall.cjs +37 -37
  172. package/dist/waterfall.d.cts +2 -1
  173. package/dist/waterfall.d.ts +2 -1
  174. package/dist/waterfall.js +38 -38
  175. package/dist/wrapper-api.json +1849 -0
  176. package/package.json +9 -5
@@ -0,0 +1,1849 @@
1
+ {
2
+ "schemaVersion": "1.0.0",
3
+ "kind": "chart-wrapper-api",
4
+ "sourceRepository": "charts.ui.skdx",
5
+ "sourceVersion": "0.49.0",
6
+ "appliesTo": [
7
+ {
8
+ "chartId": "charts:BarChart",
9
+ "frameworkApiRefs": [
10
+ "wrapper-api:react",
11
+ "wrapper-api:vue",
12
+ "wrapper-api:angular",
13
+ "wrapper-api:svelte",
14
+ "wrapper-api:web-components"
15
+ ]
16
+ },
17
+ {
18
+ "chartId": "charts:LineChart",
19
+ "frameworkApiRefs": [
20
+ "wrapper-api:react",
21
+ "wrapper-api:vue",
22
+ "wrapper-api:angular",
23
+ "wrapper-api:svelte",
24
+ "wrapper-api:web-components"
25
+ ]
26
+ },
27
+ {
28
+ "chartId": "charts:AreaChart",
29
+ "frameworkApiRefs": [
30
+ "wrapper-api:react",
31
+ "wrapper-api:vue",
32
+ "wrapper-api:angular",
33
+ "wrapper-api:svelte",
34
+ "wrapper-api:web-components"
35
+ ]
36
+ },
37
+ {
38
+ "chartId": "charts:PieChart",
39
+ "frameworkApiRefs": [
40
+ "wrapper-api:react",
41
+ "wrapper-api:vue",
42
+ "wrapper-api:angular",
43
+ "wrapper-api:svelte",
44
+ "wrapper-api:web-components"
45
+ ]
46
+ },
47
+ {
48
+ "chartId": "charts:ScatterChart",
49
+ "frameworkApiRefs": [
50
+ "wrapper-api:react",
51
+ "wrapper-api:vue",
52
+ "wrapper-api:angular",
53
+ "wrapper-api:svelte",
54
+ "wrapper-api:web-components"
55
+ ]
56
+ },
57
+ {
58
+ "chartId": "charts:Sparkline",
59
+ "frameworkApiRefs": [
60
+ "wrapper-api:react",
61
+ "wrapper-api:vue",
62
+ "wrapper-api:angular",
63
+ "wrapper-api:svelte",
64
+ "wrapper-api:web-components"
65
+ ]
66
+ },
67
+ {
68
+ "chartId": "charts:RadarChart",
69
+ "frameworkApiRefs": [
70
+ "wrapper-api:react",
71
+ "wrapper-api:vue",
72
+ "wrapper-api:angular",
73
+ "wrapper-api:svelte",
74
+ "wrapper-api:web-components"
75
+ ]
76
+ },
77
+ {
78
+ "chartId": "charts:Heatmap",
79
+ "frameworkApiRefs": [
80
+ "wrapper-api:react",
81
+ "wrapper-api:vue",
82
+ "wrapper-api:angular",
83
+ "wrapper-api:svelte",
84
+ "wrapper-api:web-components"
85
+ ]
86
+ },
87
+ {
88
+ "chartId": "charts:FunnelChart",
89
+ "frameworkApiRefs": [
90
+ "wrapper-api:react",
91
+ "wrapper-api:vue",
92
+ "wrapper-api:angular",
93
+ "wrapper-api:svelte",
94
+ "wrapper-api:web-components"
95
+ ]
96
+ },
97
+ {
98
+ "chartId": "charts:SankeyChart",
99
+ "frameworkApiRefs": [
100
+ "wrapper-api:react",
101
+ "wrapper-api:vue",
102
+ "wrapper-api:angular",
103
+ "wrapper-api:svelte",
104
+ "wrapper-api:web-components"
105
+ ]
106
+ },
107
+ {
108
+ "chartId": "charts:Treemap",
109
+ "frameworkApiRefs": [
110
+ "wrapper-api:react",
111
+ "wrapper-api:vue",
112
+ "wrapper-api:angular",
113
+ "wrapper-api:svelte",
114
+ "wrapper-api:web-components"
115
+ ]
116
+ },
117
+ {
118
+ "chartId": "charts:CandlestickChart",
119
+ "frameworkApiRefs": [
120
+ "wrapper-api:react",
121
+ "wrapper-api:vue",
122
+ "wrapper-api:angular",
123
+ "wrapper-api:svelte",
124
+ "wrapper-api:web-components"
125
+ ]
126
+ },
127
+ {
128
+ "chartId": "charts:WaterfallChart",
129
+ "frameworkApiRefs": [
130
+ "wrapper-api:react",
131
+ "wrapper-api:vue",
132
+ "wrapper-api:angular",
133
+ "wrapper-api:svelte",
134
+ "wrapper-api:web-components"
135
+ ]
136
+ },
137
+ {
138
+ "chartId": "charts:GanttChart",
139
+ "frameworkApiRefs": [
140
+ "wrapper-api:react",
141
+ "wrapper-api:vue",
142
+ "wrapper-api:angular",
143
+ "wrapper-api:svelte",
144
+ "wrapper-api:web-components"
145
+ ]
146
+ },
147
+ {
148
+ "chartId": "charts:Boxplot",
149
+ "frameworkApiRefs": [
150
+ "wrapper-api:react",
151
+ "wrapper-api:vue",
152
+ "wrapper-api:angular",
153
+ "wrapper-api:svelte",
154
+ "wrapper-api:web-components"
155
+ ]
156
+ },
157
+ {
158
+ "chartId": "charts:SunburstChart",
159
+ "frameworkApiRefs": [
160
+ "wrapper-api:react",
161
+ "wrapper-api:vue",
162
+ "wrapper-api:angular",
163
+ "wrapper-api:svelte",
164
+ "wrapper-api:web-components"
165
+ ]
166
+ },
167
+ {
168
+ "chartId": "charts:ChordChart",
169
+ "frameworkApiRefs": [
170
+ "wrapper-api:react",
171
+ "wrapper-api:vue",
172
+ "wrapper-api:angular",
173
+ "wrapper-api:svelte",
174
+ "wrapper-api:web-components"
175
+ ]
176
+ },
177
+ {
178
+ "chartId": "charts:MapChart",
179
+ "frameworkApiRefs": [
180
+ "wrapper-api:react",
181
+ "wrapper-api:vue",
182
+ "wrapper-api:angular",
183
+ "wrapper-api:svelte",
184
+ "wrapper-api:web-components"
185
+ ]
186
+ },
187
+ {
188
+ "chartId": "charts:RadialBarChart",
189
+ "frameworkApiRefs": [
190
+ "wrapper-api:react",
191
+ "wrapper-api:vue",
192
+ "wrapper-api:angular",
193
+ "wrapper-api:svelte",
194
+ "wrapper-api:web-components"
195
+ ]
196
+ },
197
+ {
198
+ "chartId": "charts:GaugeChart",
199
+ "frameworkApiRefs": [
200
+ "wrapper-api:react",
201
+ "wrapper-api:vue",
202
+ "wrapper-api:angular",
203
+ "wrapper-api:svelte",
204
+ "wrapper-api:web-components"
205
+ ]
206
+ },
207
+ {
208
+ "chartId": "charts:BubbleChart",
209
+ "frameworkApiRefs": [
210
+ "wrapper-api:react",
211
+ "wrapper-api:vue",
212
+ "wrapper-api:angular",
213
+ "wrapper-api:svelte",
214
+ "wrapper-api:web-components"
215
+ ]
216
+ },
217
+ {
218
+ "chartId": "charts:Histogram",
219
+ "frameworkApiRefs": [
220
+ "wrapper-api:react",
221
+ "wrapper-api:vue",
222
+ "wrapper-api:angular",
223
+ "wrapper-api:svelte",
224
+ "wrapper-api:web-components"
225
+ ]
226
+ },
227
+ {
228
+ "chartId": "charts:BulletChart",
229
+ "frameworkApiRefs": [
230
+ "wrapper-api:react",
231
+ "wrapper-api:vue",
232
+ "wrapper-api:angular",
233
+ "wrapper-api:svelte",
234
+ "wrapper-api:web-components"
235
+ ]
236
+ },
237
+ {
238
+ "chartId": "charts:ComboChart",
239
+ "frameworkApiRefs": [
240
+ "wrapper-api:react",
241
+ "wrapper-api:vue",
242
+ "wrapper-api:angular",
243
+ "wrapper-api:svelte",
244
+ "wrapper-api:web-components"
245
+ ]
246
+ },
247
+ {
248
+ "chartId": "charts:RangeChart",
249
+ "frameworkApiRefs": [
250
+ "wrapper-api:react",
251
+ "wrapper-api:vue",
252
+ "wrapper-api:angular",
253
+ "wrapper-api:svelte",
254
+ "wrapper-api:web-components"
255
+ ]
256
+ },
257
+ {
258
+ "chartId": "charts:NetworkChart",
259
+ "frameworkApiRefs": [
260
+ "wrapper-api:react",
261
+ "wrapper-api:vue",
262
+ "wrapper-api:angular",
263
+ "wrapper-api:svelte",
264
+ "wrapper-api:web-components"
265
+ ]
266
+ },
267
+ {
268
+ "chartId": "charts:TimelineChart",
269
+ "frameworkApiRefs": [
270
+ "wrapper-api:react",
271
+ "wrapper-api:vue",
272
+ "wrapper-api:angular",
273
+ "wrapper-api:svelte",
274
+ "wrapper-api:web-components"
275
+ ]
276
+ },
277
+ {
278
+ "chartId": "charts:LinearGauge",
279
+ "frameworkApiRefs": [
280
+ "wrapper-api:react",
281
+ "wrapper-api:vue",
282
+ "wrapper-api:angular",
283
+ "wrapper-api:svelte",
284
+ "wrapper-api:web-components"
285
+ ]
286
+ },
287
+ {
288
+ "chartId": "charts:DumbbellChart",
289
+ "frameworkApiRefs": [
290
+ "wrapper-api:react",
291
+ "wrapper-api:vue",
292
+ "wrapper-api:angular",
293
+ "wrapper-api:svelte",
294
+ "wrapper-api:web-components"
295
+ ]
296
+ },
297
+ {
298
+ "chartId": "charts:ParetoChart",
299
+ "frameworkApiRefs": [
300
+ "wrapper-api:react",
301
+ "wrapper-api:vue",
302
+ "wrapper-api:angular",
303
+ "wrapper-api:svelte",
304
+ "wrapper-api:web-components"
305
+ ]
306
+ },
307
+ {
308
+ "chartId": "charts:MarimekkoChart",
309
+ "frameworkApiRefs": [
310
+ "wrapper-api:react",
311
+ "wrapper-api:vue",
312
+ "wrapper-api:angular",
313
+ "wrapper-api:svelte",
314
+ "wrapper-api:web-components"
315
+ ]
316
+ },
317
+ {
318
+ "chartId": "charts:ParallelCoordinatesChart",
319
+ "frameworkApiRefs": [
320
+ "wrapper-api:react",
321
+ "wrapper-api:vue",
322
+ "wrapper-api:angular",
323
+ "wrapper-api:svelte",
324
+ "wrapper-api:web-components"
325
+ ]
326
+ },
327
+ {
328
+ "chartId": "charts:TreeChart",
329
+ "frameworkApiRefs": [
330
+ "wrapper-api:react",
331
+ "wrapper-api:vue",
332
+ "wrapper-api:angular",
333
+ "wrapper-api:svelte",
334
+ "wrapper-api:web-components"
335
+ ]
336
+ },
337
+ {
338
+ "chartId": "charts:OrganizationChart",
339
+ "frameworkApiRefs": [
340
+ "wrapper-api:react",
341
+ "wrapper-api:vue",
342
+ "wrapper-api:angular",
343
+ "wrapper-api:svelte",
344
+ "wrapper-api:web-components"
345
+ ]
346
+ },
347
+ {
348
+ "chartId": "charts:CirclePackingChart",
349
+ "frameworkApiRefs": [
350
+ "wrapper-api:react",
351
+ "wrapper-api:vue",
352
+ "wrapper-api:angular",
353
+ "wrapper-api:svelte",
354
+ "wrapper-api:web-components"
355
+ ]
356
+ },
357
+ {
358
+ "chartId": "charts:IcicleChart",
359
+ "frameworkApiRefs": [
360
+ "wrapper-api:react",
361
+ "wrapper-api:vue",
362
+ "wrapper-api:angular",
363
+ "wrapper-api:svelte",
364
+ "wrapper-api:web-components"
365
+ ]
366
+ },
367
+ {
368
+ "chartId": "charts:BumpChart",
369
+ "frameworkApiRefs": [
370
+ "wrapper-api:react",
371
+ "wrapper-api:vue",
372
+ "wrapper-api:angular",
373
+ "wrapper-api:svelte",
374
+ "wrapper-api:web-components"
375
+ ]
376
+ },
377
+ {
378
+ "chartId": "charts:PolarAreaChart",
379
+ "frameworkApiRefs": [
380
+ "wrapper-api:react",
381
+ "wrapper-api:vue",
382
+ "wrapper-api:angular",
383
+ "wrapper-api:svelte",
384
+ "wrapper-api:web-components"
385
+ ]
386
+ },
387
+ {
388
+ "chartId": "charts:SwarmPlot",
389
+ "frameworkApiRefs": [
390
+ "wrapper-api:react",
391
+ "wrapper-api:vue",
392
+ "wrapper-api:angular",
393
+ "wrapper-api:svelte",
394
+ "wrapper-api:web-components"
395
+ ]
396
+ },
397
+ {
398
+ "chartId": "charts:WaffleChart",
399
+ "frameworkApiRefs": [
400
+ "wrapper-api:react",
401
+ "wrapper-api:vue",
402
+ "wrapper-api:angular",
403
+ "wrapper-api:svelte",
404
+ "wrapper-api:web-components"
405
+ ]
406
+ }
407
+ ],
408
+ "frameworkApis": {
409
+ "react": {
410
+ "id": "wrapper-api:react",
411
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
412
+ "props": [
413
+ {
414
+ "name": "label",
415
+ "category": "prop",
416
+ "declaration": "label?: string | undefined;",
417
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
418
+ "description": "Accessible name of the chart; defaults to the chart's kind, e.g. `Bar chart`.",
419
+ "type": "string | undefined",
420
+ "optional": true
421
+ },
422
+ {
423
+ "name": "className",
424
+ "category": "prop",
425
+ "declaration": "className?: string | undefined;",
426
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
427
+ "description": "",
428
+ "type": "string | undefined",
429
+ "optional": true
430
+ },
431
+ {
432
+ "name": "onItemClick",
433
+ "category": "prop",
434
+ "declaration": "onItemClick?: ((item: ChartItem) => void) | undefined;",
435
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
436
+ "description": "A mark was clicked, or Enter/Space was pressed on the focused mark.",
437
+ "type": "((item: ChartItem) => void) | undefined",
438
+ "optional": true
439
+ },
440
+ {
441
+ "name": "defaultHiddenSeries",
442
+ "category": "prop",
443
+ "declaration": "defaultHiddenSeries?: string[] | undefined;",
444
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
445
+ "description": "Series hidden at first, when the legend toggles them uncontrolled.",
446
+ "type": "string[] | undefined",
447
+ "optional": true
448
+ },
449
+ {
450
+ "name": "onHiddenSeriesChange",
451
+ "category": "prop",
452
+ "declaration": "onHiddenSeriesChange?: ((hidden: string[]) => void) | undefined;",
453
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
454
+ "description": "",
455
+ "type": "((hidden: string[]) => void) | undefined",
456
+ "optional": true
457
+ },
458
+ {
459
+ "name": "zoomable",
460
+ "category": "prop",
461
+ "declaration": "zoomable?: boolean | undefined;",
462
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
463
+ "description": "Wheel and pinch zoom, drag pans the category axis (or the map).",
464
+ "type": "boolean | undefined",
465
+ "optional": true
466
+ },
467
+ {
468
+ "name": "defaultZoom",
469
+ "category": "prop",
470
+ "declaration": "defaultZoom?: Zoom | undefined;",
471
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
472
+ "description": "",
473
+ "type": "Zoom | undefined",
474
+ "optional": true
475
+ },
476
+ {
477
+ "name": "onZoomChange",
478
+ "category": "prop",
479
+ "declaration": "onZoomChange?: ((zoom: Zoom | undefined) => void) | undefined;",
480
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
481
+ "description": "",
482
+ "type": "((zoom: Zoom | undefined) => void) | undefined",
483
+ "optional": true
484
+ },
485
+ {
486
+ "name": "onViewChange",
487
+ "category": "prop",
488
+ "declaration": "onViewChange?: ((view: MapView | undefined) => void) | undefined;",
489
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
490
+ "description": "The map was panned or zoomed; `view` on the chart is the controlled form.",
491
+ "type": "((view: MapView | undefined) => void) | undefined",
492
+ "optional": true
493
+ },
494
+ {
495
+ "name": "selectionMode",
496
+ "category": "prop",
497
+ "declaration": "selectionMode?: SelectionMode | undefined;",
498
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
499
+ "description": "Clicks select marks: one at a time, toggling any number, a dragged rectangle (`brush`) or a\ndrawn outline (`lasso`, for point charts). `selected` is the controlled form,\n`defaultSelected` the initial uncontrolled one.",
500
+ "type": "SelectionMode | undefined",
501
+ "optional": true,
502
+ "defaultValue": "'none'"
503
+ },
504
+ {
505
+ "name": "defaultSelected",
506
+ "category": "prop",
507
+ "declaration": "defaultSelected?: Selection | undefined;",
508
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
509
+ "description": "",
510
+ "type": "Selection | undefined",
511
+ "optional": true
512
+ },
513
+ {
514
+ "name": "onSelectedChange",
515
+ "category": "prop",
516
+ "declaration": "onSelectedChange?: ((selected: ChartItemRef[], item: ChartItem | undefined) => void) | undefined;",
517
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
518
+ "description": "",
519
+ "type": "((selected: ChartItemRef[], item: ChartItem | undefined) => void) | undefined",
520
+ "optional": true
521
+ },
522
+ {
523
+ "name": "onHighlightedChange",
524
+ "category": "prop",
525
+ "declaration": "onHighlightedChange?: ((item: ChartItemRef | null) => void) | undefined;",
526
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
527
+ "description": "The mark under the pointer or keyboard focus changed; `null` when it left. Pair with `highlighted`.",
528
+ "type": "((item: ChartItemRef | null) => void) | undefined",
529
+ "optional": true
530
+ },
531
+ {
532
+ "name": "onDataIssue",
533
+ "category": "prop",
534
+ "declaration": "onDataIssue?: ((issue: ChartDataIssue) => void) | undefined;",
535
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
536
+ "description": "A data problem was found while laying out (an invalid value, a cycle, an unknown node).",
537
+ "type": "((issue: ChartDataIssue) => void) | undefined",
538
+ "optional": true
539
+ },
540
+ {
541
+ "name": "editable",
542
+ "category": "prop",
543
+ "declaration": "editable?: boolean | undefined;",
544
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
545
+ "description": "Gantt bars can be dragged and resized; the result arrives through `onTaskChange`.",
546
+ "type": "boolean | undefined",
547
+ "optional": true
548
+ },
549
+ {
550
+ "name": "onTaskChange",
551
+ "category": "prop",
552
+ "declaration": "onTaskChange?: ((change: TaskChange) => void) | undefined;",
553
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
554
+ "description": "",
555
+ "type": "((change: TaskChange) => void) | undefined",
556
+ "optional": true
557
+ },
558
+ {
559
+ "name": "syncId",
560
+ "category": "prop",
561
+ "declaration": "syncId?: string | undefined;",
562
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
563
+ "description": "Charts sharing a `syncId` share highlight, selection, zoom, hidden series and the crosshair.",
564
+ "type": "string | undefined",
565
+ "optional": true
566
+ },
567
+ {
568
+ "name": "crossFilter",
569
+ "category": "prop",
570
+ "declaration": "crossFilter?: boolean | undefined;",
571
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
572
+ "description": "With `syncId`: a selection made in another chart of the group fades everything else here.",
573
+ "type": "boolean | undefined",
574
+ "optional": true
575
+ }
576
+ ],
577
+ "events": [
578
+ {
579
+ "name": "onItemClick",
580
+ "category": "callback",
581
+ "declaration": "onItemClick?: ((item: ChartItem) => void) | undefined;",
582
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
583
+ "description": "A mark was clicked, or Enter/Space was pressed on the focused mark.",
584
+ "type": "((item: ChartItem) => void) | undefined",
585
+ "optional": true
586
+ },
587
+ {
588
+ "name": "onHiddenSeriesChange",
589
+ "category": "callback",
590
+ "declaration": "onHiddenSeriesChange?: ((hidden: string[]) => void) | undefined;",
591
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
592
+ "description": "",
593
+ "type": "((hidden: string[]) => void) | undefined",
594
+ "optional": true
595
+ },
596
+ {
597
+ "name": "onZoomChange",
598
+ "category": "callback",
599
+ "declaration": "onZoomChange?: ((zoom: Zoom | undefined) => void) | undefined;",
600
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
601
+ "description": "",
602
+ "type": "((zoom: Zoom | undefined) => void) | undefined",
603
+ "optional": true
604
+ },
605
+ {
606
+ "name": "onViewChange",
607
+ "category": "callback",
608
+ "declaration": "onViewChange?: ((view: MapView | undefined) => void) | undefined;",
609
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
610
+ "description": "The map was panned or zoomed; `view` on the chart is the controlled form.",
611
+ "type": "((view: MapView | undefined) => void) | undefined",
612
+ "optional": true
613
+ },
614
+ {
615
+ "name": "onSelectedChange",
616
+ "category": "callback",
617
+ "declaration": "onSelectedChange?: ((selected: ChartItemRef[], item: ChartItem | undefined) => void) | undefined;",
618
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
619
+ "description": "",
620
+ "type": "((selected: ChartItemRef[], item: ChartItem | undefined) => void) | undefined",
621
+ "optional": true
622
+ },
623
+ {
624
+ "name": "onHighlightedChange",
625
+ "category": "callback",
626
+ "declaration": "onHighlightedChange?: ((item: ChartItemRef | null) => void) | undefined;",
627
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
628
+ "description": "The mark under the pointer or keyboard focus changed; `null` when it left. Pair with `highlighted`.",
629
+ "type": "((item: ChartItemRef | null) => void) | undefined",
630
+ "optional": true
631
+ },
632
+ {
633
+ "name": "onDataIssue",
634
+ "category": "callback",
635
+ "declaration": "onDataIssue?: ((issue: ChartDataIssue) => void) | undefined;",
636
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
637
+ "description": "A data problem was found while laying out (an invalid value, a cycle, an unknown node).",
638
+ "type": "((issue: ChartDataIssue) => void) | undefined",
639
+ "optional": true
640
+ },
641
+ {
642
+ "name": "onTaskChange",
643
+ "category": "callback",
644
+ "declaration": "onTaskChange?: ((change: TaskChange) => void) | undefined;",
645
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
646
+ "description": "",
647
+ "type": "((change: TaskChange) => void) | undefined",
648
+ "optional": true
649
+ }
650
+ ],
651
+ "methods": [
652
+ {
653
+ "name": "getSvgElement",
654
+ "category": "method",
655
+ "declaration": "getSvgElement(): SVGSVGElement | null;",
656
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
657
+ "description": "The rendered `<svg>`, or `null` before mount.",
658
+ "type": "SVGSVGElement | null"
659
+ },
660
+ {
661
+ "name": "getLayout",
662
+ "category": "method",
663
+ "declaration": "getLayout(): Canvas;",
664
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
665
+ "description": "The current layout: shapes, size, hit model, accessible rows.",
666
+ "type": "Canvas"
667
+ },
668
+ {
669
+ "name": "resetZoom",
670
+ "category": "method",
671
+ "declaration": "resetZoom(): void;",
672
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
673
+ "description": "Clears the zoom window (uncontrolled) and reports it.",
674
+ "type": "void"
675
+ },
676
+ {
677
+ "name": "zoomTo",
678
+ "category": "method",
679
+ "declaration": "zoomTo(zoom: Zoom): void;",
680
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
681
+ "description": "Sets the zoom window (uncontrolled) and reports it.",
682
+ "type": "void"
683
+ },
684
+ {
685
+ "name": "focusItem",
686
+ "category": "method",
687
+ "declaration": "focusItem(ref: ChartItemRef): boolean;",
688
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
689
+ "description": "Moves keyboard focus to the first mark matching the ref; `false` when none matches.",
690
+ "type": "boolean"
691
+ },
692
+ {
693
+ "name": "export",
694
+ "category": "method",
695
+ "declaration": "export(options: ChartInstanceExportOptions): Promise<string | Blob>;",
696
+ "source": "packages/react-charts/src/frame/ChartRoot.tsx",
697
+ "description": "SVG markup, a PNG blob, or CSV, through the core's `exportChart`.",
698
+ "type": "Promise<string | Blob>"
699
+ }
700
+ ]
701
+ },
702
+ "vue": {
703
+ "id": "wrapper-api:vue",
704
+ "source": "packages/vue-charts/src/frame/frame.ts",
705
+ "props": [
706
+ {
707
+ "name": "hiddenSeries",
708
+ "category": "prop",
709
+ "declaration": "hiddenSeries: sizeProps.hiddenSeries",
710
+ "source": "packages/vue-charts/src/frame/frame.ts",
711
+ "description": "",
712
+ "defaultValue": "undefined",
713
+ "type": "string[]",
714
+ "descriptor": "{ type: Array as PropType<string[]>, default: undefined }"
715
+ },
716
+ {
717
+ "name": "zoom",
718
+ "category": "prop",
719
+ "declaration": "zoom: chartProps.zoom",
720
+ "source": "packages/vue-charts/src/frame/frame.ts",
721
+ "description": "",
722
+ "defaultValue": "undefined",
723
+ "type": "Zoom",
724
+ "descriptor": "{ type: Object as PropType<Zoom>, default: undefined }"
725
+ },
726
+ {
727
+ "name": "zoomable",
728
+ "category": "prop",
729
+ "declaration": "zoomable: chartProps.zoomable",
730
+ "source": "packages/vue-charts/src/frame/frame.ts",
731
+ "description": "",
732
+ "defaultValue": "false",
733
+ "type": "boolean",
734
+ "descriptor": "{ type: Boolean, default: false }"
735
+ },
736
+ {
737
+ "name": "selected",
738
+ "category": "prop",
739
+ "declaration": "selected: sizeProps.selected",
740
+ "source": "packages/vue-charts/src/frame/frame.ts",
741
+ "description": "",
742
+ "defaultValue": "undefined",
743
+ "type": "Selection",
744
+ "descriptor": "{ type: [String, Number, Object, Array] as PropType<Selection>, default: undefined }"
745
+ },
746
+ {
747
+ "name": "selectionMode",
748
+ "category": "prop",
749
+ "declaration": "selectionMode: { type: String as PropType<SelectionMode>, default: 'none' }",
750
+ "source": "packages/vue-charts/src/frame/frame.ts",
751
+ "description": "Clicks select marks: one, any number, a dragged rectangle or a drawn outline.",
752
+ "defaultValue": "'none'",
753
+ "type": "SelectionMode",
754
+ "descriptor": "{ type: String as PropType<SelectionMode>, default: 'none' }"
755
+ },
756
+ {
757
+ "name": "highlighted",
758
+ "category": "prop",
759
+ "declaration": "highlighted: sizeProps.highlighted",
760
+ "source": "packages/vue-charts/src/frame/frame.ts",
761
+ "description": "",
762
+ "defaultValue": "undefined",
763
+ "type": "Sized['highlighted']",
764
+ "descriptor": "{\n type: [String, Number, Object, Array] as PropType<Sized['highlighted']>,\n default: undefined,\n }"
765
+ },
766
+ {
767
+ "name": "view",
768
+ "category": "prop",
769
+ "declaration": "view: { type: Object as PropType<MapView>, default: undefined }",
770
+ "source": "packages/vue-charts/src/frame/frame.ts",
771
+ "description": "The map's pan/zoom state; `v-model:view` keeps it in sync with wheel and drag.",
772
+ "defaultValue": "undefined",
773
+ "type": "MapView",
774
+ "descriptor": "{ type: Object as PropType<MapView>, default: undefined }"
775
+ },
776
+ {
777
+ "name": "editable",
778
+ "category": "prop",
779
+ "declaration": "editable: { type: Boolean, default: false }",
780
+ "source": "packages/vue-charts/src/frame/frame.ts",
781
+ "description": "Gantt bars can be dragged and resized; listen to `task-change`.",
782
+ "defaultValue": "false",
783
+ "type": "boolean",
784
+ "descriptor": "{ type: Boolean, default: false }"
785
+ },
786
+ {
787
+ "name": "syncId",
788
+ "category": "prop",
789
+ "declaration": "syncId: { type: String, default: undefined }",
790
+ "source": "packages/vue-charts/src/frame/frame.ts",
791
+ "description": "Charts sharing a `syncId` share highlight, selection, zoom, hidden series and the crosshair.",
792
+ "defaultValue": "undefined",
793
+ "type": "string",
794
+ "descriptor": "{ type: String, default: undefined }"
795
+ },
796
+ {
797
+ "name": "crossFilter",
798
+ "category": "prop",
799
+ "declaration": "crossFilter: { type: Boolean, default: false }",
800
+ "source": "packages/vue-charts/src/frame/frame.ts",
801
+ "description": "With `syncId`: a selection made in another chart of the group fades everything else here.",
802
+ "defaultValue": "false",
803
+ "type": "boolean",
804
+ "descriptor": "{ type: Boolean, default: false }"
805
+ }
806
+ ],
807
+ "events": [
808
+ {
809
+ "name": "itemClick",
810
+ "category": "event",
811
+ "declaration": "itemClick: (item: ChartItem) => typeof item === 'object'",
812
+ "source": "packages/vue-charts/src/frame/frame.ts",
813
+ "description": "",
814
+ "type": "ChartItem"
815
+ },
816
+ {
817
+ "name": "update:hiddenSeries",
818
+ "category": "event",
819
+ "declaration": "'update:hiddenSeries': (hidden: string[]) => Array.isArray(hidden)",
820
+ "source": "packages/vue-charts/src/frame/frame.ts",
821
+ "description": "",
822
+ "type": "string[]"
823
+ },
824
+ {
825
+ "name": "update:zoom",
826
+ "category": "event",
827
+ "declaration": "'update:zoom': (zoom: Zoom | undefined) => zoom === undefined || typeof zoom === 'object'",
828
+ "source": "packages/vue-charts/src/frame/frame.ts",
829
+ "description": "",
830
+ "type": "Zoom | undefined"
831
+ },
832
+ {
833
+ "name": "update:selected",
834
+ "category": "event",
835
+ "declaration": "'update:selected': (selected: ChartItemRef[]) => Array.isArray(selected)",
836
+ "source": "packages/vue-charts/src/frame/frame.ts",
837
+ "description": "",
838
+ "type": "ChartItemRef[]"
839
+ },
840
+ {
841
+ "name": "update:highlighted",
842
+ "category": "event",
843
+ "declaration": "'update:highlighted': (item: ChartItemRef | null) => item === null || typeof item === 'object'",
844
+ "source": "packages/vue-charts/src/frame/frame.ts",
845
+ "description": "",
846
+ "type": "ChartItemRef | null"
847
+ },
848
+ {
849
+ "name": "update:view",
850
+ "category": "event",
851
+ "declaration": "'update:view': (view: MapView | undefined) => view === undefined || typeof view === 'object'",
852
+ "source": "packages/vue-charts/src/frame/frame.ts",
853
+ "description": "",
854
+ "type": "MapView | undefined"
855
+ },
856
+ {
857
+ "name": "dataIssue",
858
+ "category": "event",
859
+ "declaration": "dataIssue: (issue: ChartDataIssue) => typeof issue === 'object'",
860
+ "source": "packages/vue-charts/src/frame/frame.ts",
861
+ "description": "",
862
+ "type": "ChartDataIssue"
863
+ },
864
+ {
865
+ "name": "taskChange",
866
+ "category": "event",
867
+ "declaration": "taskChange: (change: TaskChange) => typeof change === 'object'",
868
+ "source": "packages/vue-charts/src/frame/frame.ts",
869
+ "description": "",
870
+ "type": "TaskChange"
871
+ }
872
+ ],
873
+ "methods": [
874
+ {
875
+ "name": "getSvgElement",
876
+ "category": "method",
877
+ "declaration": "getSvgElement(): SVGSVGElement | null;",
878
+ "source": "packages/vue-charts/src/frame/frame.ts",
879
+ "description": "",
880
+ "type": "SVGSVGElement | null"
881
+ },
882
+ {
883
+ "name": "getLayout",
884
+ "category": "method",
885
+ "declaration": "getLayout(): Canvas | undefined;",
886
+ "source": "packages/vue-charts/src/frame/frame.ts",
887
+ "description": "",
888
+ "type": "Canvas | undefined"
889
+ },
890
+ {
891
+ "name": "resetZoom",
892
+ "category": "method",
893
+ "declaration": "resetZoom(): void;",
894
+ "source": "packages/vue-charts/src/frame/frame.ts",
895
+ "description": "",
896
+ "type": "void"
897
+ },
898
+ {
899
+ "name": "zoomTo",
900
+ "category": "method",
901
+ "declaration": "zoomTo(zoom: Zoom): void;",
902
+ "source": "packages/vue-charts/src/frame/frame.ts",
903
+ "description": "",
904
+ "type": "void"
905
+ },
906
+ {
907
+ "name": "focusItem",
908
+ "category": "method",
909
+ "declaration": "focusItem(ref: ChartItemRef): boolean;",
910
+ "source": "packages/vue-charts/src/frame/frame.ts",
911
+ "description": "",
912
+ "type": "boolean"
913
+ },
914
+ {
915
+ "name": "export",
916
+ "category": "method",
917
+ "declaration": "export(options: ChartInstanceExportOptions): Promise<string | Blob>;",
918
+ "source": "packages/vue-charts/src/frame/frame.ts",
919
+ "description": "",
920
+ "type": "Promise<string | Blob>"
921
+ }
922
+ ]
923
+ },
924
+ "angular": {
925
+ "id": "wrapper-api:angular",
926
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
927
+ "props": [
928
+ {
929
+ "name": "width",
930
+ "category": "prop",
931
+ "declaration": "readonly width = input<number>();",
932
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
933
+ "description": "",
934
+ "type": "number"
935
+ },
936
+ {
937
+ "name": "height",
938
+ "category": "prop",
939
+ "declaration": "readonly height = input<number>();",
940
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
941
+ "description": "",
942
+ "type": "number"
943
+ },
944
+ {
945
+ "name": "label",
946
+ "category": "prop",
947
+ "declaration": "readonly label = input<string>();",
948
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
949
+ "description": "Accessible name of the chart; defaults to \"<Kind> chart\".",
950
+ "type": "string"
951
+ },
952
+ {
953
+ "name": "legend",
954
+ "category": "prop",
955
+ "declaration": "readonly legend = input<boolean | LegendOptions>(false);",
956
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
957
+ "description": "Draw a legend row above the plot; an object sets position, interactivity and item limit.",
958
+ "type": "boolean | LegendOptions",
959
+ "defaultValue": "false"
960
+ },
961
+ {
962
+ "name": "tooltip",
963
+ "category": "prop",
964
+ "declaration": "readonly tooltip = input<boolean | TooltipOptions>(true);",
965
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
966
+ "description": "Show a hover tooltip for the mark under the pointer; an object configures it.",
967
+ "type": "boolean | TooltipOptions",
968
+ "defaultValue": "true"
969
+ },
970
+ {
971
+ "name": "format",
972
+ "category": "prop",
973
+ "declaration": "readonly format = input<Format>();",
974
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
975
+ "description": "How values are written: a function or an `Intl` style such as `{ style: 'currency', currency: 'EUR' }`.",
976
+ "type": "Format"
977
+ },
978
+ {
979
+ "name": "palette",
980
+ "category": "prop",
981
+ "declaration": "readonly palette = input<string[]>();",
982
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
983
+ "description": "Categorical series colors, cycled by series index.",
984
+ "type": "string[]"
985
+ },
986
+ {
987
+ "name": "hiddenSeries",
988
+ "category": "prop",
989
+ "declaration": "readonly hiddenSeries = model<string[] | undefined>(undefined);",
990
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
991
+ "description": "Series left out of the plot; two-way bindable, the legend toggles it.",
992
+ "type": "string[] | undefined",
993
+ "defaultValue": "undefined"
994
+ },
995
+ {
996
+ "name": "selected",
997
+ "category": "prop",
998
+ "declaration": "readonly selected = model<Selection | undefined>(undefined);",
999
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1000
+ "description": "Selected items; two-way bindable, clicks update it under `selectionMode`.",
1001
+ "type": "Selection | undefined",
1002
+ "defaultValue": "undefined"
1003
+ },
1004
+ {
1005
+ "name": "selectionMode",
1006
+ "category": "prop",
1007
+ "declaration": "readonly selectionMode = input<SelectionMode>('none');",
1008
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1009
+ "description": "Clicks select marks: one, any number, a dragged rectangle or a drawn outline.",
1010
+ "type": "SelectionMode",
1011
+ "defaultValue": "'none'"
1012
+ },
1013
+ {
1014
+ "name": "highlighted",
1015
+ "category": "prop",
1016
+ "declaration": "readonly highlighted = model<Sized['highlighted']>(undefined);",
1017
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1018
+ "description": "The item(s) under emphasis; two-way bindable, hover and focus update it.",
1019
+ "type": "Sized['highlighted']",
1020
+ "defaultValue": "undefined"
1021
+ },
1022
+ {
1023
+ "name": "highlightScope",
1024
+ "category": "prop",
1025
+ "declaration": "readonly highlightScope = input<HighlightScope>();",
1026
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1027
+ "description": "",
1028
+ "type": "HighlightScope"
1029
+ },
1030
+ {
1031
+ "name": "loading",
1032
+ "category": "prop",
1033
+ "declaration": "readonly loading = input(false);",
1034
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1035
+ "description": "Draw a loading placeholder instead of the chart.",
1036
+ "type": "boolean",
1037
+ "defaultValue": "false"
1038
+ },
1039
+ {
1040
+ "name": "error",
1041
+ "category": "prop",
1042
+ "declaration": "readonly error = input<string>();",
1043
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1044
+ "description": "Draw this message instead of the chart.",
1045
+ "type": "string"
1046
+ },
1047
+ {
1048
+ "name": "emptyMessage",
1049
+ "category": "prop",
1050
+ "declaration": "readonly emptyMessage = input<string>();",
1051
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1052
+ "description": "Written in place of an empty chart.",
1053
+ "type": "string"
1054
+ },
1055
+ {
1056
+ "name": "description",
1057
+ "category": "prop",
1058
+ "declaration": "readonly description = input<string>();",
1059
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1060
+ "description": "Longer accessible description, rendered as the svg `<desc>`.",
1061
+ "type": "string"
1062
+ },
1063
+ {
1064
+ "name": "decorative",
1065
+ "category": "prop",
1066
+ "declaration": "readonly decorative = input(false);",
1067
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1068
+ "description": "Hide the chart from assistive technology.",
1069
+ "type": "boolean",
1070
+ "defaultValue": "false"
1071
+ },
1072
+ {
1073
+ "name": "accessibleTable",
1074
+ "category": "prop",
1075
+ "declaration": "readonly accessibleTable = input<boolean | AccessibleTableOptions>(false);",
1076
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1077
+ "description": "Render a visually hidden data table next to the svg.",
1078
+ "type": "boolean | AccessibleTableOptions",
1079
+ "defaultValue": "false"
1080
+ },
1081
+ {
1082
+ "name": "animate",
1083
+ "category": "prop",
1084
+ "declaration": "readonly animate = input<boolean | number>(false);",
1085
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1086
+ "description": "Fade marks in and transition them on change; `true` is 300 ms, a number sets the duration.",
1087
+ "type": "boolean | number",
1088
+ "defaultValue": "false"
1089
+ },
1090
+ {
1091
+ "name": "responsive",
1092
+ "category": "prop",
1093
+ "declaration": "readonly responsive = input<boolean | ResponsiveOptions>(false);",
1094
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1095
+ "description": "Lay the chart out at the host's width, so text keeps its size; an object adds `compact` overrides.",
1096
+ "type": "boolean | ResponsiveOptions",
1097
+ "defaultValue": "false"
1098
+ },
1099
+ {
1100
+ "name": "zoom",
1101
+ "category": "prop",
1102
+ "declaration": "readonly zoom = model<Zoom | undefined>(undefined);",
1103
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1104
+ "description": "Visible category window; two-way bindable, wheel, drag, pinch and brush update it.",
1105
+ "type": "Zoom | undefined",
1106
+ "defaultValue": "undefined"
1107
+ },
1108
+ {
1109
+ "name": "view",
1110
+ "category": "prop",
1111
+ "declaration": "readonly view = model<MapView | undefined>(undefined);",
1112
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1113
+ "description": "The map's pan/zoom state; two-way bindable, wheel and drag update it.",
1114
+ "type": "MapView | undefined",
1115
+ "defaultValue": "undefined"
1116
+ },
1117
+ {
1118
+ "name": "zoomable",
1119
+ "category": "prop",
1120
+ "declaration": "readonly zoomable = input(false);",
1121
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1122
+ "description": "Wheel zooms and drag pans the category axis (or the map).",
1123
+ "type": "boolean",
1124
+ "defaultValue": "false"
1125
+ },
1126
+ {
1127
+ "name": "editable",
1128
+ "category": "prop",
1129
+ "declaration": "readonly editable = input(false);",
1130
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1131
+ "description": "Gantt bars can be dragged and resized; listen to `(taskChange)`.",
1132
+ "type": "boolean",
1133
+ "defaultValue": "false"
1134
+ },
1135
+ {
1136
+ "name": "syncId",
1137
+ "category": "prop",
1138
+ "declaration": "readonly syncId = input<string>();",
1139
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1140
+ "description": "Charts sharing a `syncId` share highlight, selection, zoom, hidden series and the crosshair.",
1141
+ "type": "string"
1142
+ },
1143
+ {
1144
+ "name": "crossFilter",
1145
+ "category": "prop",
1146
+ "declaration": "readonly crossFilter = input(false);",
1147
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1148
+ "description": "With `syncId`: a selection made in another chart of the group fades everything else here.",
1149
+ "type": "boolean",
1150
+ "defaultValue": "false"
1151
+ }
1152
+ ],
1153
+ "events": [
1154
+ {
1155
+ "name": "itemClick",
1156
+ "category": "event",
1157
+ "declaration": "readonly itemClick = output<ChartItem>();",
1158
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1159
+ "description": "A mark was clicked, or Enter/Space was pressed on the focused mark."
1160
+ },
1161
+ {
1162
+ "name": "dataIssue",
1163
+ "category": "event",
1164
+ "declaration": "readonly dataIssue = output<ChartDataIssue>();",
1165
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1166
+ "description": "A data problem was found while laying out."
1167
+ },
1168
+ {
1169
+ "name": "taskChange",
1170
+ "category": "event",
1171
+ "declaration": "readonly taskChange = output<TaskChange>();",
1172
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1173
+ "description": "A Gantt bar was dragged or resized."
1174
+ },
1175
+ {
1176
+ "name": "hiddenSeriesChange",
1177
+ "category": "model-event",
1178
+ "declaration": "readonly hiddenSeries = model<string[] | undefined>(undefined);",
1179
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1180
+ "modelProp": "hiddenSeries",
1181
+ "type": "string[] | undefined"
1182
+ },
1183
+ {
1184
+ "name": "selectedChange",
1185
+ "category": "model-event",
1186
+ "declaration": "readonly selected = model<Selection | undefined>(undefined);",
1187
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1188
+ "modelProp": "selected",
1189
+ "type": "Selection | undefined"
1190
+ },
1191
+ {
1192
+ "name": "highlightedChange",
1193
+ "category": "model-event",
1194
+ "declaration": "readonly highlighted = model<Sized['highlighted']>(undefined);",
1195
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1196
+ "modelProp": "highlighted",
1197
+ "type": "Sized['highlighted']"
1198
+ },
1199
+ {
1200
+ "name": "zoomChange",
1201
+ "category": "model-event",
1202
+ "declaration": "readonly zoom = model<Zoom | undefined>(undefined);",
1203
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1204
+ "modelProp": "zoom",
1205
+ "type": "Zoom | undefined"
1206
+ },
1207
+ {
1208
+ "name": "viewChange",
1209
+ "category": "model-event",
1210
+ "declaration": "readonly view = model<MapView | undefined>(undefined);",
1211
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1212
+ "modelProp": "view",
1213
+ "type": "MapView | undefined"
1214
+ }
1215
+ ],
1216
+ "methods": [
1217
+ {
1218
+ "name": "getSvgElement",
1219
+ "category": "method",
1220
+ "declaration": "getSvgElement(): SVGSVGElement | null",
1221
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1222
+ "description": "The rendered `<svg>`, or `null` before the first render.",
1223
+ "type": "SVGSVGElement | null"
1224
+ },
1225
+ {
1226
+ "name": "getLayout",
1227
+ "category": "method",
1228
+ "declaration": "getLayout(): Canvas | undefined",
1229
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1230
+ "description": "The current layout: shapes, size, hit model.",
1231
+ "type": "Canvas | undefined"
1232
+ },
1233
+ {
1234
+ "name": "resetZoom",
1235
+ "category": "method",
1236
+ "declaration": "resetZoom(): void",
1237
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1238
+ "description": "",
1239
+ "type": "void"
1240
+ },
1241
+ {
1242
+ "name": "zoomTo",
1243
+ "category": "method",
1244
+ "declaration": "zoomTo(zoom: Zoom): void",
1245
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1246
+ "description": "",
1247
+ "type": "void"
1248
+ },
1249
+ {
1250
+ "name": "focusItem",
1251
+ "category": "method",
1252
+ "declaration": "focusItem(ref: ChartItemRef): boolean",
1253
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1254
+ "description": "Moves keyboard focus to the first mark matching the ref; `false` when none matches.",
1255
+ "type": "boolean"
1256
+ },
1257
+ {
1258
+ "name": "export",
1259
+ "category": "method",
1260
+ "declaration": "export(options: ChartInstanceExportOptions): Promise<string | Blob>",
1261
+ "source": "packages/angular-charts/src/internal/frame.component.ts",
1262
+ "description": "SVG markup, a PNG blob, or CSV, through the core's `exportChart`.",
1263
+ "type": "Promise<string | Blob>"
1264
+ }
1265
+ ]
1266
+ },
1267
+ "svelte": {
1268
+ "id": "wrapper-api:svelte",
1269
+ "source": "packages/svelte-charts/src/lib/props.ts",
1270
+ "props": [
1271
+ {
1272
+ "name": "label",
1273
+ "category": "prop",
1274
+ "declaration": "label?: string | undefined;",
1275
+ "source": "packages/svelte-charts/src/lib/props.ts",
1276
+ "description": "Accessible name of the chart; defaults to the chart's kind, e.g. `Bar chart`.",
1277
+ "type": "string | undefined",
1278
+ "optional": true
1279
+ },
1280
+ {
1281
+ "name": "class",
1282
+ "category": "prop",
1283
+ "declaration": "class?: string | undefined;",
1284
+ "source": "packages/svelte-charts/src/lib/props.ts",
1285
+ "description": "",
1286
+ "type": "string | undefined",
1287
+ "optional": true
1288
+ },
1289
+ {
1290
+ "name": "onitemclick",
1291
+ "category": "prop",
1292
+ "declaration": "onitemclick?: ((item: ChartItem) => void) | undefined;",
1293
+ "source": "packages/svelte-charts/src/lib/props.ts",
1294
+ "description": "A mark was clicked, or Enter/Space was pressed on the focused mark.",
1295
+ "type": "((item: ChartItem) => void) | undefined",
1296
+ "optional": true
1297
+ },
1298
+ {
1299
+ "name": "ondataissue",
1300
+ "category": "prop",
1301
+ "declaration": "ondataissue?: ((issue: ChartDataIssue) => void) | undefined;",
1302
+ "source": "packages/svelte-charts/src/lib/props.ts",
1303
+ "description": "A data problem was found while laying out.",
1304
+ "type": "((issue: ChartDataIssue) => void) | undefined",
1305
+ "optional": true
1306
+ },
1307
+ {
1308
+ "name": "ontaskchange",
1309
+ "category": "prop",
1310
+ "declaration": "ontaskchange?: ((change: TaskChange) => void) | undefined;",
1311
+ "source": "packages/svelte-charts/src/lib/props.ts",
1312
+ "description": "A Gantt bar was dragged or resized (with `editable`).",
1313
+ "type": "((change: TaskChange) => void) | undefined",
1314
+ "optional": true
1315
+ },
1316
+ {
1317
+ "name": "onviewchange",
1318
+ "category": "prop",
1319
+ "declaration": "onviewchange?: ((view: MapView | undefined) => void) | undefined;",
1320
+ "source": "packages/svelte-charts/src/lib/props.ts",
1321
+ "description": "The map was panned or zoomed (with `zoomable`); `view` on the chart is the controlled form.",
1322
+ "type": "((view: MapView | undefined) => void) | undefined",
1323
+ "optional": true
1324
+ },
1325
+ {
1326
+ "name": "hiddenSeries",
1327
+ "category": "prop",
1328
+ "declaration": "hiddenSeries?: string[] | undefined;",
1329
+ "source": "packages/svelte-charts/src/lib/props.ts",
1330
+ "description": "Series left out of the plot; bindable, the legend toggles it.",
1331
+ "type": "string[] | undefined",
1332
+ "optional": true
1333
+ },
1334
+ {
1335
+ "name": "zoom",
1336
+ "category": "prop",
1337
+ "declaration": "zoom?: Zoom | undefined;",
1338
+ "source": "packages/svelte-charts/src/lib/props.ts",
1339
+ "description": "Visible category window; bindable, wheel, drag and brush update it.",
1340
+ "type": "Zoom | undefined",
1341
+ "optional": true
1342
+ },
1343
+ {
1344
+ "name": "zoomable",
1345
+ "category": "prop",
1346
+ "declaration": "zoomable?: boolean | undefined;",
1347
+ "source": "packages/svelte-charts/src/lib/props.ts",
1348
+ "description": "Wheel zooms and drag pans the category axis (or the map).",
1349
+ "type": "boolean | undefined",
1350
+ "optional": true
1351
+ },
1352
+ {
1353
+ "name": "selected",
1354
+ "category": "prop",
1355
+ "declaration": "selected?: Selection | undefined;",
1356
+ "source": "packages/svelte-charts/src/lib/props.ts",
1357
+ "description": "Selected items; bindable, clicks update it under `selectionMode`.",
1358
+ "type": "Selection | undefined",
1359
+ "optional": true
1360
+ },
1361
+ {
1362
+ "name": "selectionMode",
1363
+ "category": "prop",
1364
+ "declaration": "selectionMode?: SelectionMode | undefined;",
1365
+ "source": "packages/svelte-charts/src/lib/props.ts",
1366
+ "description": "Clicks select marks: one, any number, a dragged rectangle or a drawn outline.",
1367
+ "type": "SelectionMode | undefined",
1368
+ "optional": true
1369
+ },
1370
+ {
1371
+ "name": "highlighted",
1372
+ "category": "prop",
1373
+ "declaration": "highlighted?: ChartItemRef | ChartItemId | (ChartItemRef | ChartItemId)[] | null | undefined;",
1374
+ "source": "packages/svelte-charts/src/lib/props.ts",
1375
+ "description": "The item(s) under emphasis; bindable, hover and keyboard focus update it.",
1376
+ "type": "ChartItemRef | ChartItemId | (ChartItemRef | ChartItemId)[] | null | undefined",
1377
+ "optional": true
1378
+ },
1379
+ {
1380
+ "name": "editable",
1381
+ "category": "prop",
1382
+ "declaration": "editable?: boolean | undefined;",
1383
+ "source": "packages/svelte-charts/src/lib/props.ts",
1384
+ "description": "Gantt bars can be dragged and resized; the result arrives through `ontaskchange`.",
1385
+ "type": "boolean | undefined",
1386
+ "optional": true
1387
+ },
1388
+ {
1389
+ "name": "syncId",
1390
+ "category": "prop",
1391
+ "declaration": "syncId?: string | undefined;",
1392
+ "source": "packages/svelte-charts/src/lib/props.ts",
1393
+ "description": "Charts sharing a `syncId` share highlight, selection, zoom, hidden series and the crosshair.",
1394
+ "type": "string | undefined",
1395
+ "optional": true
1396
+ },
1397
+ {
1398
+ "name": "crossFilter",
1399
+ "category": "prop",
1400
+ "declaration": "crossFilter?: boolean | undefined;",
1401
+ "source": "packages/svelte-charts/src/lib/props.ts",
1402
+ "description": "With `syncId`: a selection made in another chart of the group fades everything else here.",
1403
+ "type": "boolean | undefined",
1404
+ "optional": true
1405
+ }
1406
+ ],
1407
+ "events": [
1408
+ {
1409
+ "name": "onitemclick",
1410
+ "category": "callback",
1411
+ "declaration": "onitemclick?: ((item: ChartItem) => void) | undefined;",
1412
+ "source": "packages/svelte-charts/src/lib/props.ts",
1413
+ "description": "A mark was clicked, or Enter/Space was pressed on the focused mark.",
1414
+ "type": "((item: ChartItem) => void) | undefined",
1415
+ "optional": true
1416
+ },
1417
+ {
1418
+ "name": "ondataissue",
1419
+ "category": "callback",
1420
+ "declaration": "ondataissue?: ((issue: ChartDataIssue) => void) | undefined;",
1421
+ "source": "packages/svelte-charts/src/lib/props.ts",
1422
+ "description": "A data problem was found while laying out.",
1423
+ "type": "((issue: ChartDataIssue) => void) | undefined",
1424
+ "optional": true
1425
+ },
1426
+ {
1427
+ "name": "ontaskchange",
1428
+ "category": "callback",
1429
+ "declaration": "ontaskchange?: ((change: TaskChange) => void) | undefined;",
1430
+ "source": "packages/svelte-charts/src/lib/props.ts",
1431
+ "description": "A Gantt bar was dragged or resized (with `editable`).",
1432
+ "type": "((change: TaskChange) => void) | undefined",
1433
+ "optional": true
1434
+ },
1435
+ {
1436
+ "name": "onviewchange",
1437
+ "category": "callback",
1438
+ "declaration": "onviewchange?: ((view: MapView | undefined) => void) | undefined;",
1439
+ "source": "packages/svelte-charts/src/lib/props.ts",
1440
+ "description": "The map was panned or zoomed (with `zoomable`); `view` on the chart is the controlled form.",
1441
+ "type": "((view: MapView | undefined) => void) | undefined",
1442
+ "optional": true
1443
+ }
1444
+ ],
1445
+ "methods": [
1446
+ {
1447
+ "name": "getSvgElement",
1448
+ "category": "method",
1449
+ "declaration": "getSvgElement(): SVGSVGElement | null;",
1450
+ "source": "packages/svelte-charts/src/lib/props.ts",
1451
+ "description": "The rendered `<svg>`, or `null` before mount.",
1452
+ "type": "SVGSVGElement | null"
1453
+ },
1454
+ {
1455
+ "name": "getLayout",
1456
+ "category": "method",
1457
+ "declaration": "getLayout(): Canvas | undefined;",
1458
+ "source": "packages/svelte-charts/src/lib/props.ts",
1459
+ "description": "The current layout: shapes, size, hit model.",
1460
+ "type": "Canvas | undefined"
1461
+ },
1462
+ {
1463
+ "name": "resetZoom",
1464
+ "category": "method",
1465
+ "declaration": "resetZoom(): void;",
1466
+ "source": "packages/svelte-charts/src/lib/props.ts",
1467
+ "description": "",
1468
+ "type": "void"
1469
+ },
1470
+ {
1471
+ "name": "zoomTo",
1472
+ "category": "method",
1473
+ "declaration": "zoomTo(zoom: Zoom): void;",
1474
+ "source": "packages/svelte-charts/src/lib/props.ts",
1475
+ "description": "",
1476
+ "type": "void"
1477
+ },
1478
+ {
1479
+ "name": "focusItem",
1480
+ "category": "method",
1481
+ "declaration": "focusItem(ref: ChartItemRef): boolean;",
1482
+ "source": "packages/svelte-charts/src/lib/props.ts",
1483
+ "description": "Moves keyboard focus to the first mark matching the ref; `false` when none matches.",
1484
+ "type": "boolean"
1485
+ },
1486
+ {
1487
+ "name": "exportAs",
1488
+ "category": "method",
1489
+ "declaration": "exportAs(options: ChartInstanceExportOptions): Promise<string | Blob>;",
1490
+ "source": "packages/svelte-charts/src/lib/props.ts",
1491
+ "description": "SVG markup, a PNG blob, or CSV, through the core's `exportChart`.",
1492
+ "type": "Promise<string | Blob>"
1493
+ }
1494
+ ],
1495
+ "bindings": [
1496
+ {
1497
+ "prop": "hiddenSeries",
1498
+ "source": "packages/svelte-charts/src/lib/BarChart/BarChart.svelte"
1499
+ },
1500
+ { "prop": "zoom", "source": "packages/svelte-charts/src/lib/BarChart/BarChart.svelte" },
1501
+ { "prop": "selected", "source": "packages/svelte-charts/src/lib/BarChart/BarChart.svelte" },
1502
+ {
1503
+ "prop": "highlighted",
1504
+ "source": "packages/svelte-charts/src/lib/BarChart/BarChart.svelte"
1505
+ }
1506
+ ]
1507
+ },
1508
+ "web-components": {
1509
+ "id": "wrapper-api:web-components",
1510
+ "source": "packages/web-components-charts/src/frame.ts",
1511
+ "props": [
1512
+ {
1513
+ "name": "width",
1514
+ "category": "prop",
1515
+ "declaration": "@property({ type: Number }) width: number | undefined;",
1516
+ "source": "packages/web-components-charts/src/frame.ts",
1517
+ "description": "",
1518
+ "type": "number | undefined"
1519
+ },
1520
+ {
1521
+ "name": "height",
1522
+ "category": "prop",
1523
+ "declaration": "@property({ type: Number }) height: number | undefined;",
1524
+ "source": "packages/web-components-charts/src/frame.ts",
1525
+ "description": "",
1526
+ "type": "number | undefined"
1527
+ },
1528
+ {
1529
+ "name": "label",
1530
+ "category": "prop",
1531
+ "declaration": "@property() label: string | undefined;",
1532
+ "source": "packages/web-components-charts/src/frame.ts",
1533
+ "description": "Accessible name of the chart; defaults to \"<Kind> chart\".",
1534
+ "type": "string | undefined"
1535
+ },
1536
+ {
1537
+ "name": "legend",
1538
+ "category": "prop",
1539
+ "declaration": "@property({ type: Boolean, reflect: true }) legend: boolean | LegendOptions = false;",
1540
+ "source": "packages/web-components-charts/src/frame.ts",
1541
+ "description": "Draw a legend row above the plot; set an object as a property for position and item limit.",
1542
+ "type": "boolean | LegendOptions",
1543
+ "defaultValue": "false"
1544
+ },
1545
+ {
1546
+ "name": "tooltip",
1547
+ "category": "prop",
1548
+ "declaration": "@property({ type: Boolean, attribute: 'no-tooltip', converter: OFF }) tooltip:\n boolean | TooltipOptions = true;",
1549
+ "source": "packages/web-components-charts/src/frame.ts",
1550
+ "description": "Show a hover tooltip for the mark under the pointer; set an object as a property to configure it.",
1551
+ "type": "boolean | TooltipOptions",
1552
+ "defaultValue": "true"
1553
+ },
1554
+ {
1555
+ "name": "format",
1556
+ "category": "prop",
1557
+ "declaration": "@property({ attribute: false }) format: Format | undefined;",
1558
+ "source": "packages/web-components-charts/src/frame.ts",
1559
+ "description": "How values are written: a function or an `Intl` style such as `{ style: 'currency', currency: 'EUR' }`.",
1560
+ "type": "Format | undefined"
1561
+ },
1562
+ {
1563
+ "name": "palette",
1564
+ "category": "prop",
1565
+ "declaration": "@property({ attribute: false }) palette: string[] | undefined;",
1566
+ "source": "packages/web-components-charts/src/frame.ts",
1567
+ "description": "Categorical series colors, cycled by series index.",
1568
+ "type": "string[] | undefined"
1569
+ },
1570
+ {
1571
+ "name": "hiddenSeries",
1572
+ "category": "prop",
1573
+ "declaration": "@property({ attribute: false }) hiddenSeries: string[] | undefined;",
1574
+ "source": "packages/web-components-charts/src/frame.ts",
1575
+ "description": "Series left out of the plot; set it to control the legend toggles, listen to `skdx-hidden-series-change`.",
1576
+ "type": "string[] | undefined"
1577
+ },
1578
+ {
1579
+ "name": "selected",
1580
+ "category": "prop",
1581
+ "declaration": "@property({ attribute: false }) selected: Selection | undefined;",
1582
+ "source": "packages/web-components-charts/src/frame.ts",
1583
+ "description": "Selected items; set it to control the selection, listen to `skdx-selected-change`.",
1584
+ "type": "Selection | undefined"
1585
+ },
1586
+ {
1587
+ "name": "selectionMode",
1588
+ "category": "prop",
1589
+ "declaration": "@property({ attribute: 'selection-mode' }) selectionMode: SelectionMode = 'none';",
1590
+ "source": "packages/web-components-charts/src/frame.ts",
1591
+ "description": "Clicks select marks: one, any number, a dragged rectangle or a drawn outline.",
1592
+ "type": "SelectionMode",
1593
+ "defaultValue": "'none'"
1594
+ },
1595
+ {
1596
+ "name": "highlighted",
1597
+ "category": "prop",
1598
+ "declaration": "@property({ attribute: false }) highlighted: Sized['highlighted'];",
1599
+ "source": "packages/web-components-charts/src/frame.ts",
1600
+ "description": "The item(s) under emphasis; listen to `skdx-highlighted-change` for hover and focus.",
1601
+ "type": "Sized['highlighted']"
1602
+ },
1603
+ {
1604
+ "name": "highlightScope",
1605
+ "category": "prop",
1606
+ "declaration": "@property({ attribute: false }) highlightScope: HighlightScope | undefined;",
1607
+ "source": "packages/web-components-charts/src/frame.ts",
1608
+ "description": "",
1609
+ "type": "HighlightScope | undefined"
1610
+ },
1611
+ {
1612
+ "name": "loading",
1613
+ "category": "prop",
1614
+ "declaration": "@property({ type: Boolean, reflect: true }) loading = false;",
1615
+ "source": "packages/web-components-charts/src/frame.ts",
1616
+ "description": "Draw a loading placeholder instead of the chart.",
1617
+ "defaultValue": "false",
1618
+ "type": "boolean"
1619
+ },
1620
+ {
1621
+ "name": "error",
1622
+ "category": "prop",
1623
+ "declaration": "@property() error: string | undefined;",
1624
+ "source": "packages/web-components-charts/src/frame.ts",
1625
+ "description": "Draw this message instead of the chart.",
1626
+ "type": "string | undefined"
1627
+ },
1628
+ {
1629
+ "name": "emptyMessage",
1630
+ "category": "prop",
1631
+ "declaration": "@property({ attribute: 'empty-message' }) emptyMessage: string | undefined;",
1632
+ "source": "packages/web-components-charts/src/frame.ts",
1633
+ "description": "Written in place of an empty chart.",
1634
+ "type": "string | undefined"
1635
+ },
1636
+ {
1637
+ "name": "description",
1638
+ "category": "prop",
1639
+ "declaration": "@property() description: string | undefined;",
1640
+ "source": "packages/web-components-charts/src/frame.ts",
1641
+ "description": "Longer accessible description, rendered as the svg `<desc>`.",
1642
+ "type": "string | undefined"
1643
+ },
1644
+ {
1645
+ "name": "decorative",
1646
+ "category": "prop",
1647
+ "declaration": "@property({ type: Boolean, reflect: true }) decorative = false;",
1648
+ "source": "packages/web-components-charts/src/frame.ts",
1649
+ "description": "Hide the chart from assistive technology.",
1650
+ "defaultValue": "false",
1651
+ "type": "boolean"
1652
+ },
1653
+ {
1654
+ "name": "accessibleTable",
1655
+ "category": "prop",
1656
+ "declaration": "@property({ type: Boolean, attribute: 'accessible-table' }) accessibleTable:\n boolean | AccessibleTableOptions = false;",
1657
+ "source": "packages/web-components-charts/src/frame.ts",
1658
+ "description": "Render a visually hidden data table next to the svg.",
1659
+ "type": "boolean | AccessibleTableOptions",
1660
+ "defaultValue": "false"
1661
+ },
1662
+ {
1663
+ "name": "zoom",
1664
+ "category": "prop",
1665
+ "declaration": "@property({ attribute: false }) zoom: Zoom | undefined;",
1666
+ "source": "packages/web-components-charts/src/frame.ts",
1667
+ "description": "Visible category window; set it to control zoom, listen to `skdx-zoom-change`.",
1668
+ "type": "Zoom | undefined"
1669
+ },
1670
+ {
1671
+ "name": "view",
1672
+ "category": "prop",
1673
+ "declaration": "@property({ attribute: false }) view: MapView | undefined;",
1674
+ "source": "packages/web-components-charts/src/frame.ts",
1675
+ "description": "The map's pan/zoom state; set it to control the view, listen to `skdx-view-change`.",
1676
+ "type": "MapView | undefined"
1677
+ },
1678
+ {
1679
+ "name": "zoomable",
1680
+ "category": "prop",
1681
+ "declaration": "@property({ type: Boolean, reflect: true }) zoomable = false;",
1682
+ "source": "packages/web-components-charts/src/frame.ts",
1683
+ "description": "Wheel and pinch zoom, drag pans the category axis (or the map).",
1684
+ "defaultValue": "false",
1685
+ "type": "boolean"
1686
+ },
1687
+ {
1688
+ "name": "editable",
1689
+ "category": "prop",
1690
+ "declaration": "@property({ type: Boolean, reflect: true }) editable = false;",
1691
+ "source": "packages/web-components-charts/src/frame.ts",
1692
+ "description": "Gantt bars can be dragged and resized; listen to `skdx-task-change`.",
1693
+ "defaultValue": "false",
1694
+ "type": "boolean"
1695
+ },
1696
+ {
1697
+ "name": "syncId",
1698
+ "category": "prop",
1699
+ "declaration": "@property({ attribute: 'sync-id' }) syncId: string | undefined;",
1700
+ "source": "packages/web-components-charts/src/frame.ts",
1701
+ "description": "Charts sharing a `sync-id` share highlight, selection, zoom, hidden series and the crosshair.",
1702
+ "type": "string | undefined"
1703
+ },
1704
+ {
1705
+ "name": "crossFilter",
1706
+ "category": "prop",
1707
+ "declaration": "@property({ type: Boolean, attribute: 'cross-filter' }) crossFilter = false;",
1708
+ "source": "packages/web-components-charts/src/frame.ts",
1709
+ "description": "With `sync-id`: a selection made in another chart of the group fades everything else here.",
1710
+ "defaultValue": "false",
1711
+ "type": "boolean"
1712
+ },
1713
+ {
1714
+ "name": "animated",
1715
+ "category": "prop",
1716
+ "declaration": "@property({\n converter: {\n fromAttribute: (v: string | null) => (v === null ? false : v === '' ? true : Number(v)),\n },\n })\n animated: boolean | number = false;",
1717
+ "source": "packages/web-components-charts/src/frame.ts",
1718
+ "description": "Fade marks in and transition them on change; the `animated` attribute is 300 ms,\n`animated=\"120\"` sets the duration. (`animate()` is a DOM method, hence the name.)",
1719
+ "type": "boolean | number",
1720
+ "defaultValue": "false"
1721
+ },
1722
+ {
1723
+ "name": "responsive",
1724
+ "category": "prop",
1725
+ "declaration": "@property({ type: Boolean, reflect: true }) responsive: boolean | ResponsiveOptions = false;",
1726
+ "source": "packages/web-components-charts/src/frame.ts",
1727
+ "description": "Lay the chart out at the host's width, so text keeps its size; set an object as a property for `compact` overrides.",
1728
+ "type": "boolean | ResponsiveOptions",
1729
+ "defaultValue": "false"
1730
+ }
1731
+ ],
1732
+ "events": [
1733
+ {
1734
+ "name": "skdx-zoom-change",
1735
+ "category": "event",
1736
+ "declaration": "this.emit('skdx-zoom-change', next)",
1737
+ "source": "packages/web-components-charts/src/frame.ts",
1738
+ "type": "Zoom | undefined"
1739
+ },
1740
+ {
1741
+ "name": "skdx-view-change",
1742
+ "category": "event",
1743
+ "declaration": "this.emit('skdx-view-change', next)",
1744
+ "source": "packages/web-components-charts/src/frame.ts",
1745
+ "type": "MapView | undefined"
1746
+ },
1747
+ {
1748
+ "name": "skdx-selected-change",
1749
+ "category": "event",
1750
+ "declaration": "this.emit('skdx-selected-change', next)",
1751
+ "source": "packages/web-components-charts/src/frame.ts",
1752
+ "type": "ChartItemRef[]"
1753
+ },
1754
+ {
1755
+ "name": "skdx-hidden-series-change",
1756
+ "category": "event",
1757
+ "declaration": "this.emit('skdx-hidden-series-change', next)",
1758
+ "source": "packages/web-components-charts/src/frame.ts"
1759
+ },
1760
+ {
1761
+ "name": "skdx-highlighted-change",
1762
+ "category": "event",
1763
+ "declaration": "this.emit('skdx-highlighted-change', next)",
1764
+ "source": "packages/web-components-charts/src/frame.ts",
1765
+ "type": "ChartItemRef | null"
1766
+ },
1767
+ {
1768
+ "name": "skdx-task-change",
1769
+ "category": "event",
1770
+ "declaration": "this.emit<TaskChange>('skdx-task-change', d.change)",
1771
+ "source": "packages/web-components-charts/src/frame.ts",
1772
+ "type": "TaskChange"
1773
+ },
1774
+ {
1775
+ "name": "skdx-item-click",
1776
+ "category": "event",
1777
+ "declaration": "this.emit<ChartItem>('skdx-item-click', hit.item)",
1778
+ "source": "packages/web-components-charts/src/frame.ts",
1779
+ "type": "ChartItem"
1780
+ },
1781
+ {
1782
+ "name": "skdx-data-issue",
1783
+ "category": "event",
1784
+ "declaration": "this.emit<ChartDataIssue>('skdx-data-issue', issue)",
1785
+ "source": "packages/web-components-charts/src/frame.ts",
1786
+ "type": "ChartDataIssue"
1787
+ }
1788
+ ],
1789
+ "methods": [
1790
+ {
1791
+ "name": "getSvgElement",
1792
+ "category": "method",
1793
+ "declaration": "getSvgElement(): SVGSVGElement | null",
1794
+ "source": "packages/web-components-charts/src/frame.ts",
1795
+ "description": "The rendered `<svg>`, or `null` before the first render.",
1796
+ "type": "SVGSVGElement | null"
1797
+ },
1798
+ {
1799
+ "name": "getLayout",
1800
+ "category": "method",
1801
+ "declaration": "getLayout(): Canvas | undefined",
1802
+ "source": "packages/web-components-charts/src/frame.ts",
1803
+ "description": "The current layout: shapes, size, hit model.",
1804
+ "type": "Canvas | undefined"
1805
+ },
1806
+ {
1807
+ "name": "resetZoom",
1808
+ "category": "method",
1809
+ "declaration": "resetZoom(): void",
1810
+ "source": "packages/web-components-charts/src/frame.ts",
1811
+ "description": "",
1812
+ "type": "void"
1813
+ },
1814
+ {
1815
+ "name": "zoomTo",
1816
+ "category": "method",
1817
+ "declaration": "zoomTo(zoom: Zoom): void",
1818
+ "source": "packages/web-components-charts/src/frame.ts",
1819
+ "description": "",
1820
+ "type": "void"
1821
+ },
1822
+ {
1823
+ "name": "focusItem",
1824
+ "category": "method",
1825
+ "declaration": "focusItem(ref: ChartItemRef): boolean",
1826
+ "source": "packages/web-components-charts/src/frame.ts",
1827
+ "description": "Moves keyboard focus to the first mark matching the ref; `false` when none matches.",
1828
+ "type": "boolean"
1829
+ },
1830
+ {
1831
+ "name": "export",
1832
+ "category": "method",
1833
+ "declaration": "export(options: ChartInstanceExportOptions): Promise<string | Blob>",
1834
+ "source": "packages/web-components-charts/src/frame.ts",
1835
+ "description": "SVG markup, a PNG blob, or CSV, through the core's `exportChart`.",
1836
+ "type": "Promise<string | Blob>"
1837
+ }
1838
+ ],
1839
+ "layoutPropAliases": [
1840
+ {
1841
+ "layoutProp": "animate",
1842
+ "nativeProp": "animated",
1843
+ "source": "packages/web-components-charts/src/frame.ts",
1844
+ "declaration": "animate: animated"
1845
+ }
1846
+ ]
1847
+ }
1848
+ }
1849
+ }