@carbon/charts 1.9.0-rc.5 → 1.10.1

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 (256) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/LICENSE.md +201 -0
  3. package/README.md +9 -19
  4. package/dist/_baseEach-603421de.mjs.map +1 -1
  5. package/dist/_baseEach-cdac417f.js.map +1 -1
  6. package/dist/angle-utils-6f166b40.js.map +1 -1
  7. package/dist/angle-utils-8b6ce998.mjs.map +1 -1
  8. package/dist/axis-chart.d.ts +13 -13
  9. package/dist/chart.d.ts +18 -18
  10. package/dist/charts/alluvial.d.ts +10 -10
  11. package/dist/charts/area-stacked.d.ts +8 -8
  12. package/dist/charts/area.d.ts +8 -8
  13. package/dist/charts/bar-grouped.d.ts +8 -8
  14. package/dist/charts/bar-simple.d.ts +8 -8
  15. package/dist/charts/bar-stacked.d.ts +8 -8
  16. package/dist/charts/boxplot.d.ts +10 -10
  17. package/dist/charts/bubble.d.ts +8 -8
  18. package/dist/charts/bullet.d.ts +10 -10
  19. package/dist/charts/choropleth.d.ts +14 -14
  20. package/dist/charts/circle-pack.d.ts +10 -10
  21. package/dist/charts/combo.d.ts +9 -9
  22. package/dist/charts/donut.d.ts +8 -8
  23. package/dist/charts/gauge.d.ts +10 -10
  24. package/dist/charts/heatmap.d.ts +14 -14
  25. package/dist/charts/histogram.d.ts +10 -10
  26. package/dist/charts/index.d.ts +27 -27
  27. package/dist/charts/line.d.ts +8 -8
  28. package/dist/charts/lollipop.d.ts +8 -8
  29. package/dist/charts/meter.d.ts +10 -10
  30. package/dist/charts/pie.d.ts +10 -10
  31. package/dist/charts/radar.d.ts +10 -10
  32. package/dist/charts/scatter.d.ts +8 -8
  33. package/dist/charts/tree.d.ts +10 -10
  34. package/dist/charts/treemap.d.ts +10 -10
  35. package/dist/charts/wordcloud.d.ts +10 -10
  36. package/dist/choropleth-4ac6ac20.js.map +1 -1
  37. package/dist/choropleth-f473ea0d.mjs.map +1 -1
  38. package/dist/color-scale-utils-5eb3eeaa.mjs.map +1 -1
  39. package/dist/color-scale-utils-7d463811.js.map +1 -1
  40. package/dist/components/axes/axis.d.ts +24 -24
  41. package/dist/components/axes/chart-clip.d.ts +13 -13
  42. package/dist/components/axes/grid-brush.d.ts +10 -10
  43. package/dist/components/axes/grid.d.ts +22 -22
  44. package/dist/components/axes/hover-axis.d.ts +10 -10
  45. package/dist/components/axes/index.d.ts +12 -12
  46. package/dist/components/axes/ruler-binned.d.ts +10 -7
  47. package/dist/components/axes/ruler-stacked.d.ts +4 -4
  48. package/dist/components/axes/ruler.d.ts +30 -27
  49. package/dist/components/axes/toolbar.d.ts +40 -40
  50. package/dist/components/axes/two-dimensional-axes.d.ts +16 -16
  51. package/dist/components/axes/zero-line.d.ts +7 -7
  52. package/dist/components/axes/zoom-bar.d.ts +31 -28
  53. package/dist/components/component.d.ts +30 -30
  54. package/dist/components/diagrams/buildPaths.d.ts +40 -40
  55. package/dist/components/diagrams/index.d.ts +2 -2
  56. package/dist/components/diagrams/markerDefinitions.d.ts +37 -37
  57. package/dist/components/essentials/canvas-chart-clip.d.ts +6 -6
  58. package/dist/components/essentials/color-scale-legend.d.ts +20 -20
  59. package/dist/components/essentials/geo-projection.d.ts +16 -16
  60. package/dist/components/essentials/highlights.d.ts +13 -13
  61. package/dist/components/essentials/index.d.ts +11 -11
  62. package/dist/components/essentials/legend.d.ts +11 -11
  63. package/dist/components/essentials/modal.d.ts +14 -14
  64. package/dist/components/essentials/threshold.d.ts +20 -20
  65. package/dist/components/essentials/title-meter.d.ts +30 -30
  66. package/dist/components/essentials/title.d.ts +20 -20
  67. package/dist/components/essentials/tooltip-axis.d.ts +4 -4
  68. package/dist/components/essentials/tooltip.d.ts +22 -22
  69. package/dist/components/graphs/alluvial.d.ts +14 -14
  70. package/dist/components/graphs/area-stacked.d.ts +11 -11
  71. package/dist/components/graphs/area.d.ts +12 -12
  72. package/dist/components/graphs/bar-grouped.d.ts +22 -22
  73. package/dist/components/graphs/bar-simple.d.ts +12 -12
  74. package/dist/components/graphs/bar-stacked.d.ts +13 -13
  75. package/dist/components/graphs/bar.d.ts +5 -5
  76. package/dist/components/graphs/boxplot.d.ts +9 -9
  77. package/dist/components/graphs/bubble.d.ts +13 -13
  78. package/dist/components/graphs/bullet.d.ts +12 -12
  79. package/dist/components/graphs/choropleth.d.ts +6 -6
  80. package/dist/components/graphs/circle-pack.d.ts +19 -19
  81. package/dist/components/graphs/donut.d.ts +9 -9
  82. package/dist/components/graphs/gauge.d.ts +27 -27
  83. package/dist/components/graphs/heatmap.d.ts +25 -25
  84. package/dist/components/graphs/histogram.d.ts +12 -12
  85. package/dist/components/graphs/index.d.ts +28 -28
  86. package/dist/components/graphs/line.d.ts +11 -11
  87. package/dist/components/graphs/lollipop.d.ts +14 -14
  88. package/dist/components/graphs/meter.d.ts +10 -10
  89. package/dist/components/graphs/pie.d.ts +16 -16
  90. package/dist/components/graphs/radar.d.ts +25 -25
  91. package/dist/components/graphs/scatter-stacked.d.ts +8 -8
  92. package/dist/components/graphs/scatter.d.ts +21 -21
  93. package/dist/components/graphs/skeleton-lines.d.ts +12 -12
  94. package/dist/components/graphs/skeleton.d.ts +23 -23
  95. package/dist/components/graphs/tree.d.ts +9 -9
  96. package/dist/components/graphs/treemap.d.ts +11 -11
  97. package/dist/components/graphs/wordcloud.d.ts +12 -12
  98. package/dist/components/index.d.ts +6 -6
  99. package/dist/components/layout/index.d.ts +2 -2
  100. package/dist/components/layout/layout.d.ts +18 -18
  101. package/dist/components/layout/spacer.d.ts +5 -5
  102. package/dist/configuration-non-customizable.d.ts +263 -263
  103. package/dist/configuration.d.ts +48 -48
  104. package/dist/demo/charts/alluvial.d.ts +109 -109
  105. package/dist/demo/charts/area.d.ts +224 -224
  106. package/dist/demo/charts/bar.d.ts +681 -681
  107. package/dist/demo/charts/boxplot.d.ts +34 -34
  108. package/dist/demo/charts/bubble.d.ts +141 -141
  109. package/dist/demo/charts/bullet.d.ts +24 -24
  110. package/dist/demo/charts/chart-types.d.ts +128 -128
  111. package/dist/demo/charts/choropleth.d.ts +738 -738
  112. package/dist/demo/charts/circle-pack.d.ts +91 -91
  113. package/dist/demo/charts/combo.d.ts +482 -482
  114. package/dist/demo/charts/donut.d.ts +64 -64
  115. package/dist/demo/charts/gauge.d.ts +40 -40
  116. package/dist/demo/charts/heatmap.d.ts +125 -125
  117. package/dist/demo/charts/hightlight.d.ts +40 -40
  118. package/dist/demo/charts/histogram.d.ts +63 -63
  119. package/dist/demo/charts/index.d.ts +55 -62
  120. package/dist/demo/charts/line.d.ts +361 -361
  121. package/dist/demo/charts/lollipop.d.ts +39 -39
  122. package/dist/demo/charts/meter.d.ts +95 -95
  123. package/dist/demo/charts/pie.d.ts +46 -46
  124. package/dist/demo/charts/radar.d.ts +63 -63
  125. package/dist/demo/charts/scatter.d.ts +118 -118
  126. package/dist/demo/charts/step.d.ts +96 -96
  127. package/dist/demo/charts/time-series-axis.d.ts +293 -293
  128. package/dist/demo/charts/toolbar.d.ts +12 -12
  129. package/dist/demo/charts/topojson-110.d.ts +360 -360
  130. package/dist/demo/charts/tree.d.ts +30 -30
  131. package/dist/demo/charts/treemap.d.ts +15 -15
  132. package/dist/demo/charts/wordcloud.d.ts +14 -14
  133. package/dist/demo/charts/zoom-bar.d.ts +79 -79
  134. package/dist/demo/index.d.ts +4 -4
  135. package/dist/demo/index.js +153 -166
  136. package/dist/demo/index.js.map +1 -1
  137. package/dist/demo/index.mjs +1645 -1834
  138. package/dist/demo/index.mjs.map +1 -1
  139. package/dist/demo/styles.css +567 -262
  140. package/dist/demo/styles.css.map +1 -1
  141. package/dist/demo/utils/index.d.ts +2 -2
  142. package/dist/demo/utils/sandbox.d.ts +38 -39
  143. package/dist/demo/utils/story-widgets.d.ts +7 -7
  144. package/dist/index-a266373c.mjs.map +1 -1
  145. package/dist/index-becfb567.mjs.map +1 -1
  146. package/dist/index-d865d500.js.map +1 -1
  147. package/dist/index-f23685eb.js.map +1 -1
  148. package/dist/index.d.ts +13 -11
  149. package/dist/index.js.map +1 -1
  150. package/dist/index.mjs.map +1 -1
  151. package/dist/interfaces/a11y.d.ts +12 -12
  152. package/dist/interfaces/axis-scales.d.ts +201 -201
  153. package/dist/interfaces/charts.d.ts +520 -517
  154. package/dist/interfaces/components.d.ts +231 -231
  155. package/dist/interfaces/enums.d.ts +261 -261
  156. package/dist/interfaces/events.d.ts +239 -239
  157. package/dist/interfaces/index.d.ts +12 -11
  158. package/dist/interfaces/layout.d.ts +21 -21
  159. package/dist/interfaces/model.d.ts +35 -35
  160. package/dist/interfaces/services.d.ts +20 -20
  161. package/dist/interfaces/truncation.d.ts +17 -17
  162. package/dist/model/alluvial.d.ts +8 -8
  163. package/dist/model/binned-charts.d.ts +7 -7
  164. package/dist/model/boxplot.d.ts +14 -14
  165. package/dist/model/bullet.d.ts +14 -14
  166. package/dist/model/cartesian-charts.d.ts +24 -24
  167. package/dist/model/choropleth.d.ts +29 -29
  168. package/dist/model/circle-pack.d.ts +36 -36
  169. package/dist/model/gauge.d.ts +9 -9
  170. package/dist/model/heatmap.d.ts +57 -57
  171. package/dist/model/index.d.ts +16 -16
  172. package/dist/model/index.js.map +1 -1
  173. package/dist/model/index.mjs.map +1 -1
  174. package/dist/model/meter.d.ts +20 -20
  175. package/dist/model/model.d.ts +110 -110
  176. package/dist/model/pie.d.ts +9 -9
  177. package/dist/model/radar.d.ts +7 -7
  178. package/dist/model/tree.d.ts +14 -14
  179. package/dist/model/treemap.d.ts +8 -8
  180. package/dist/model/wordcloud.d.ts +7 -7
  181. package/dist/services/angle-utils.d.ts +15 -15
  182. package/dist/services/canvas-zoom.d.ts +11 -11
  183. package/dist/services/color-scale-utils.d.ts +2 -2
  184. package/dist/services/curves.d.ts +24 -24
  185. package/dist/services/essentials/dom-utils.d.ts +45 -45
  186. package/dist/services/essentials/events.d.ts +8 -8
  187. package/dist/services/essentials/files.d.ts +7 -7
  188. package/dist/services/essentials/gradient-utils.d.ts +6 -6
  189. package/dist/services/essentials/index.d.ts +5 -5
  190. package/dist/services/essentials/transitions.d.ts +13 -13
  191. package/dist/services/index.d.ts +9 -9
  192. package/dist/services/scales-cartesian.d.ts +89 -89
  193. package/dist/services/service.d.ts +11 -11
  194. package/dist/services/time-series.d.ts +13 -13
  195. package/dist/services/zoom.d.ts +21 -21
  196. package/dist/styles.css +0 -21919
  197. package/dist/styles.css.map +1 -1
  198. package/dist/styles.min.css +1 -1
  199. package/dist/styles.min.css.map +1 -1
  200. package/dist/tools.d.ts +150 -144
  201. package/package.json +48 -33
  202. package/{dist/styles/colors.scss → scss/_colors.scss} +1 -1
  203. package/{dist/styles/tokens.scss → scss/_tokens.scss} +6 -15
  204. package/scss/demos.scss +427 -0
  205. package/scss/index.scss +31 -0
  206. package/dist/styles/styles.scss +0 -40
  207. /package/{dist/styles → scss}/_chart-holder.scss +0 -0
  208. /package/{dist/styles/color-palatte.scss → scss/_color-palette.scss} +0 -0
  209. /package/{dist/styles → scss}/_type.scss +0 -0
  210. /package/{dist/styles → scss}/components/_axis.scss +0 -0
  211. /package/{dist/styles → scss}/components/_callouts.scss +0 -0
  212. /package/{dist/styles → scss}/components/_color-legend.scss +0 -0
  213. /package/{dist/styles → scss}/components/_edge.scss +0 -0
  214. /package/{dist/styles → scss}/components/_grid-brush.scss +0 -0
  215. /package/{dist/styles → scss}/components/_grid.scss +0 -0
  216. /package/{dist/styles → scss}/components/_highlights.scss +0 -0
  217. /package/{dist/styles → scss}/components/_layout.scss +0 -0
  218. /package/{dist/styles → scss}/components/_legend.scss +0 -0
  219. /package/{dist/styles → scss}/components/_marker.scss +0 -0
  220. /package/{dist/styles → scss}/components/_meter-title.scss +0 -0
  221. /package/{dist/styles → scss}/components/_modal.scss +0 -0
  222. /package/{dist/styles → scss}/components/_ruler.scss +0 -0
  223. /package/{dist/styles → scss}/components/_skeleton-lines.scss +0 -0
  224. /package/{dist/styles → scss}/components/_skeleton.scss +0 -0
  225. /package/{dist/styles → scss}/components/_threshold.scss +0 -0
  226. /package/{dist/styles → scss}/components/_title.scss +0 -0
  227. /package/{dist/styles → scss}/components/_toolbar.scss +0 -0
  228. /package/{dist/styles → scss}/components/_tooltip.scss +0 -0
  229. /package/{dist/styles → scss}/components/_zero-line.scss +0 -0
  230. /package/{dist/styles → scss}/components/_zoom-bar.scss +0 -0
  231. /package/{dist/styles → scss}/components/diagrams/_card-node.scss +0 -0
  232. /package/{dist/styles → scss}/components/diagrams/_edge.scss +0 -0
  233. /package/{dist/styles → scss}/components/diagrams/_marker.scss +0 -0
  234. /package/{dist/styles → scss}/components/diagrams/_shape-node.scss +0 -0
  235. /package/{dist/styles → scss}/components/diagrams/index.scss +0 -0
  236. /package/{dist/styles → scss}/components/index.scss +0 -0
  237. /package/{dist/styles → scss}/graphs/_alluvial.scss +0 -0
  238. /package/{dist/styles → scss}/graphs/_area.scss +0 -0
  239. /package/{dist/styles → scss}/graphs/_bubble.scss +0 -0
  240. /package/{dist/styles → scss}/graphs/_bullet.scss +0 -0
  241. /package/{dist/styles → scss}/graphs/_choropleth.scss +0 -0
  242. /package/{dist/styles → scss}/graphs/_circle-pack.scss +0 -0
  243. /package/{dist/styles → scss}/graphs/_donut.scss +0 -0
  244. /package/{dist/styles → scss}/graphs/_gauge.scss +0 -0
  245. /package/{dist/styles → scss}/graphs/_heatmap.scss +0 -0
  246. /package/{dist/styles → scss}/graphs/_line.scss +0 -0
  247. /package/{dist/styles → scss}/graphs/_lollipop.scss +0 -0
  248. /package/{dist/styles → scss}/graphs/_meter.scss +0 -0
  249. /package/{dist/styles → scss}/graphs/_pie.scss +0 -0
  250. /package/{dist/styles → scss}/graphs/_radar.scss +0 -0
  251. /package/{dist/styles → scss}/graphs/_scatter-stacked.scss +0 -0
  252. /package/{dist/styles → scss}/graphs/_scatter.scss +0 -0
  253. /package/{dist/styles → scss}/graphs/_tree.scss +0 -0
  254. /package/{dist/styles → scss}/graphs/_treemap.scss +0 -0
  255. /package/{dist/styles → scss}/graphs/_wordcloud.scss +0 -0
  256. /package/{dist/styles → scss}/graphs/index.scss +0 -0
@@ -1,24 +1,24 @@
1
- import { type AxisScale, type Selection as D3Selection } from 'd3';
2
- import { Component } from '../../components/component';
3
- import { ScaleTypes, RenderTypes } from '../../interfaces/enums';
4
- import type { ChartModel } from '../../model/model';
5
- export declare class Axis extends Component {
6
- type: string;
7
- renderType: RenderTypes;
8
- margins: any;
9
- truncation: {
10
- left: boolean;
11
- right: boolean;
12
- top: boolean;
13
- bottom: boolean;
14
- };
15
- scale: AxisScale<any>;
16
- scaleType: ScaleTypes;
17
- constructor(model: ChartModel, services: any, configs?: any);
18
- render(animate?: boolean): void;
19
- addEventListeners(): void;
20
- getInvisibleAxisRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
21
- getTitleRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
22
- getNumberOfFittingTicks(size: number, tickSize: number, spaceRatio: number): number;
23
- destroy(): void;
24
- }
1
+ import { AxisScale, Selection as D3Selection } from 'd3';
2
+ import { Component } from '../../components/component';
3
+ import { ScaleTypes, RenderTypes } from '../../interfaces/enums';
4
+ import { ChartModel } from '../../model/model';
5
+ export declare class Axis extends Component {
6
+ type: string;
7
+ renderType: RenderTypes;
8
+ margins: any;
9
+ truncation: {
10
+ left: boolean;
11
+ right: boolean;
12
+ top: boolean;
13
+ bottom: boolean;
14
+ };
15
+ scale: AxisScale<any>;
16
+ scaleType: ScaleTypes;
17
+ constructor(model: ChartModel, services: any, configs?: any);
18
+ render(animate?: boolean): void;
19
+ addEventListeners(): void;
20
+ getInvisibleAxisRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
21
+ getTitleRef(): D3Selection<import("d3-selection").BaseType, any, Element, any>;
22
+ getNumberOfFittingTicks(size: number, tickSize: number, spaceRatio: number): number;
23
+ destroy(): void;
24
+ }
@@ -1,13 +1,13 @@
1
- import { Component } from '../../components/component';
2
- import type { ChartModel } from '../../model/model';
3
- import { RenderTypes } from '../../interfaces/enums';
4
- export declare class ChartClip extends Component {
5
- type: string;
6
- renderType: RenderTypes;
7
- chartClipId: string;
8
- chartClipPath: any;
9
- constructor(model: ChartModel, services: any, configs?: any);
10
- init(): void;
11
- render(animate?: boolean): void;
12
- createClipPath(): void;
13
- }
1
+ import { Component } from '../../components/component';
2
+ import { ChartModel } from '../../model/model';
3
+ import { RenderTypes } from '../../interfaces/enums';
4
+ export declare class ChartClip extends Component {
5
+ type: string;
6
+ renderType: RenderTypes;
7
+ chartClipId: string;
8
+ chartClipPath: any;
9
+ constructor(model: ChartModel, services: any, configs?: any);
10
+ init(): void;
11
+ render(animate?: boolean): void;
12
+ createClipPath(): void;
13
+ }
@@ -1,10 +1,10 @@
1
- import { Component } from '../../components/component';
2
- import { RenderTypes } from '../../interfaces/enums';
3
- export declare class ChartBrush extends Component {
4
- static DASH_LENGTH: number;
5
- type: string;
6
- renderType: RenderTypes;
7
- selectionSelector: string;
8
- frontSelectionSelector: string;
9
- render(animate?: boolean): void;
10
- }
1
+ import { Component } from '../../components/component';
2
+ import { RenderTypes } from '../../interfaces/enums';
3
+ export declare class ChartBrush extends Component {
4
+ static DASH_LENGTH: number;
5
+ type: string;
6
+ renderType: RenderTypes;
7
+ selectionSelector: string;
8
+ frontSelectionSelector: string;
9
+ render(animate?: boolean): void;
10
+ }
@@ -1,22 +1,22 @@
1
- import { Component } from '../../components/component';
2
- import { RenderTypes } from '../../interfaces/enums';
3
- export declare class Grid extends Component {
4
- type: string;
5
- renderType: RenderTypes;
6
- backdrop: any;
7
- render(animate?: boolean): void;
8
- drawXGrid(animate: boolean): void;
9
- drawYGrid(animate: boolean): void;
10
- /**
11
- * Returns the threshold for the gridline tooltips based on the mouse location.
12
- * Calculated based on the mouse position between the two closest gridlines or edges of chart.
13
- */
14
- getGridlineThreshold(mousePos: any): number;
15
- /**
16
- * Returns the active gridlines based on the gridline threshold and mouse position.
17
- * @param position mouse positon
18
- */
19
- getActiveGridline(position: any): import("d3-selection").Selection<import("d3-selection").BaseType, unknown, HTMLDivElement | SVGGraphicsElement, any>;
20
- drawBackdrop(isXGridEnabled: boolean, isYGridEnabled: boolean): void;
21
- cleanGrid(g: any): void;
22
- }
1
+ import { Component } from '../../components/component';
2
+ import { RenderTypes } from '../../interfaces/enums';
3
+ export declare class Grid extends Component {
4
+ type: string;
5
+ renderType: RenderTypes;
6
+ backdrop: any;
7
+ render(animate?: boolean): void;
8
+ drawXGrid(animate: boolean): void;
9
+ drawYGrid(animate: boolean): void;
10
+ /**
11
+ * Returns the threshold for the gridline tooltips based on the mouse location.
12
+ * Calculated based on the mouse position between the two closest gridlines or edges of chart.
13
+ */
14
+ getGridlineThreshold(mousePos: any): number;
15
+ /**
16
+ * Returns the active gridlines based on the gridline threshold and mouse position.
17
+ * @param position mouse positon
18
+ */
19
+ getActiveGridline(position: any): import("d3-selection").Selection<import("d3-selection").BaseType, unknown, HTMLDivElement | SVGGraphicsElement, any>;
20
+ drawBackdrop(isXGridEnabled: boolean, isYGridEnabled: boolean): void;
21
+ cleanGrid(g: any): void;
22
+ }
@@ -1,10 +1,10 @@
1
- import { Axis } from './axis';
2
- import type { ChartModel } from '../../model/model';
3
- export declare class HoverAxis extends Axis {
4
- constructor(model: ChartModel, services: any, configs?: any);
5
- render(animate?: boolean): void;
6
- addEventListeners(): void;
7
- private goNext;
8
- private goPrevious;
9
- destroy(): void;
10
- }
1
+ import { Axis } from './axis';
2
+ import { ChartModel } from '../../model/model';
3
+ export declare class HoverAxis extends Axis {
4
+ constructor(model: ChartModel, services: any, configs?: any);
5
+ render(animate?: boolean): void;
6
+ addEventListeners(): void;
7
+ private goNext;
8
+ private goPrevious;
9
+ destroy(): void;
10
+ }
@@ -1,12 +1,12 @@
1
- export { Axis } from './axis';
2
- export { BinnedRuler } from './ruler-binned';
3
- export { ChartClip } from './chart-clip';
4
- export { ChartBrush } from './grid-brush';
5
- export { Grid } from './grid';
6
- export { HoverAxis } from './hover-axis';
7
- export { Ruler, type GenericSvgSelection } from './ruler';
8
- export { StackedRuler } from './ruler-stacked';
9
- export { Toolbar } from './toolbar';
10
- export { TwoDimensionalAxes } from './two-dimensional-axes';
11
- export { ZeroLine } from './zero-line';
12
- export { ZoomBar } from './zoom-bar';
1
+ export { Axis } from './axis';
2
+ export { BinnedRuler } from './ruler-binned';
3
+ export { ChartClip } from './chart-clip';
4
+ export { ChartBrush } from './grid-brush';
5
+ export { Grid } from './grid';
6
+ export { HoverAxis } from './hover-axis';
7
+ export { Ruler, GenericSvgSelection } from './ruler';
8
+ export { StackedRuler } from './ruler-stacked';
9
+ export { Toolbar } from './toolbar';
10
+ export { TwoDimensionalAxes } from './two-dimensional-axes';
11
+ export { ZeroLine } from './zero-line';
12
+ export { ZoomBar } from './zoom-bar';
@@ -1,7 +1,10 @@
1
- import { Ruler } from './ruler';
2
- import { RenderTypes } from '../../interfaces/enums';
3
- export declare class BinnedRuler extends Ruler {
4
- type: string;
5
- renderType: RenderTypes;
6
- showRuler(event: CustomEvent, [x, y]: [number, number]): void;
7
- }
1
+ import { Ruler } from './ruler';
2
+ import { RenderTypes } from '../../interfaces/enums';
3
+ export declare class BinnedRuler extends Ruler {
4
+ type: string;
5
+ renderType: RenderTypes;
6
+ showRuler(event: CustomEvent, [x, y]: [
7
+ number,
8
+ number
9
+ ]): void;
10
+ }
@@ -1,4 +1,4 @@
1
- import { Ruler } from './ruler';
2
- export declare class StackedRuler extends Ruler {
3
- formatTooltipData(tooltipData: any): any;
4
- }
1
+ import { Ruler } from './ruler';
2
+ export declare class StackedRuler extends Ruler {
3
+ formatTooltipData(tooltipData: any): any;
4
+ }
@@ -1,27 +1,30 @@
1
- import { Selection } from 'd3';
2
- import { Component } from '../../components/component';
3
- import { RenderTypes } from '../../interfaces/enums';
4
- export type GenericSvgSelection = Selection<SVGGraphicsElement, any, Element, any>;
5
- export declare class Ruler extends Component {
6
- type: string;
7
- renderType: RenderTypes;
8
- backdrop: GenericSvgSelection;
9
- elementsToHighlight: GenericSvgSelection;
10
- pointsWithinLine: {
11
- domainValue: number;
12
- originalData: any;
13
- }[];
14
- isXGridEnabled: any;
15
- isYGridEnabled: any;
16
- isEventListenerAdded: boolean;
17
- render(animate?: boolean): void;
18
- removeBackdropEventListeners(): void;
19
- formatTooltipData(tooltipData: any): any;
20
- showRuler(event: CustomEvent, [x, y]: [number, number]): void;
21
- hideRuler(): void;
22
- /**
23
- * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
24
- */
25
- addBackdropEventListeners(): void;
26
- drawBackdrop(): void;
27
- }
1
+ import { Selection } from 'd3';
2
+ import { Component } from '../../components/component';
3
+ import { RenderTypes } from '../../interfaces/enums';
4
+ export type GenericSvgSelection = Selection<SVGGraphicsElement, any, Element, any>;
5
+ export declare class Ruler extends Component {
6
+ type: string;
7
+ renderType: RenderTypes;
8
+ backdrop: GenericSvgSelection;
9
+ elementsToHighlight: GenericSvgSelection;
10
+ pointsWithinLine: {
11
+ domainValue: number;
12
+ originalData: any;
13
+ }[];
14
+ isXGridEnabled: any;
15
+ isYGridEnabled: any;
16
+ isEventListenerAdded: boolean;
17
+ render(animate?: boolean): void;
18
+ removeBackdropEventListeners(): void;
19
+ formatTooltipData(tooltipData: any): any;
20
+ showRuler(event: CustomEvent, [x, y]: [
21
+ number,
22
+ number
23
+ ]): void;
24
+ hideRuler(): void;
25
+ /**
26
+ * Adds the listener on the X grid to trigger multiple point tooltips along the x axis.
27
+ */
28
+ addBackdropEventListeners(): void;
29
+ drawBackdrop(): void;
30
+ }
@@ -1,40 +1,40 @@
1
- import { Component } from '../../components/component';
2
- import { RenderTypes, ToolbarControlTypes } from '../../interfaces/enums';
3
- export declare class Toolbar extends Component {
4
- static buttonID: number;
5
- type: string;
6
- renderType: RenderTypes;
7
- overflowButton: any;
8
- overflowMenu: any;
9
- init(): void;
10
- render(animate?: boolean): void;
11
- renderOverflowMenu(): void;
12
- isOverflowMenuOpen(): any;
13
- updateOverflowMenu(show: boolean): void;
14
- focusOnPreviousEnabledToolbarItem(currentItemIndex: number): void;
15
- focusOnNextEnabledToolbarItem(currentItemIndex: number): void;
16
- focusOnPreviousEnabledMenuItem(currentItemIndex: number): void;
17
- focusOnNextEnabledMenuItem(currentItemIndex: number): void;
18
- toggleOverflowMenu(event: any): void;
19
- triggerFunctionAndEvent(control: any, event: CustomEvent, element?: any): void;
20
- getControlConfigs(): {
21
- buttonList: any[];
22
- overflowMenuItemList?: undefined;
23
- } | {
24
- buttonList: any[];
25
- overflowMenuItemList: any[];
26
- };
27
- getToolbarButtonItems(): any[];
28
- getOverflowMenuItems(): any[];
29
- getOverflowButtonConfig(): {
30
- id: string;
31
- title: string;
32
- shouldBeDisabled: () => boolean;
33
- iconSVG: {
34
- content: string;
35
- };
36
- clickFunction: (event: any) => void;
37
- };
38
- getControlConfigByType(controlType: ToolbarControlTypes): any;
39
- getControlIconByType(controlType: ToolbarControlTypes): "<polygon points=\"19 13 15 13 15 9 13 9 13 13 9 13 9 15 13 15 13 19 15 19 15 15 19 15 19 13\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<rect x=\"9\" y=\"13\" width=\"10\" height=\"2\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<path d=\"M22.4478,21A10.855,10.855,0,0,0,25,14,10.99,10.99,0,0,0,6,6.4658V2H4v8h8V8H7.332a8.9768,8.9768,0,1,1-2.1,8H3.1912A11.0118,11.0118,0,0,0,14,25a10.855,10.855,0,0,0,7-2.5522L28.5859,30,30,28.5859Z\"/>" | "<polygon points=\"21 2 21 4 26.59 4 17 13.58 18.41 15 28 5.41 28 11 30 11 30 2 21 2\"/><polygon points=\"15 18.42 13.59 17 4 26.59 4 21 2 21 2 30 11 30 11 28 5.41 28 15 18.42\"/>" | "<rect x=\"4\" y=\"6\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"12\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"18\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"24\" width=\"18\" height=\"2\"/><rect x=\"26\" y=\"6\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"12\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"18\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"24\" width=\"2\" height=\"2\"/>";
40
- }
1
+ import { Component } from '../../components/component';
2
+ import { RenderTypes, ToolbarControlTypes } from '../../interfaces/enums';
3
+ export declare class Toolbar extends Component {
4
+ static buttonID: number;
5
+ type: string;
6
+ renderType: RenderTypes;
7
+ overflowButton: any;
8
+ overflowMenu: any;
9
+ init(): void;
10
+ render(animate?: boolean): void;
11
+ renderOverflowMenu(): void;
12
+ isOverflowMenuOpen(): any;
13
+ updateOverflowMenu(show: boolean): void;
14
+ focusOnPreviousEnabledToolbarItem(currentItemIndex: number): void;
15
+ focusOnNextEnabledToolbarItem(currentItemIndex: number): void;
16
+ focusOnPreviousEnabledMenuItem(currentItemIndex: number): void;
17
+ focusOnNextEnabledMenuItem(currentItemIndex: number): void;
18
+ toggleOverflowMenu(event: any): void;
19
+ triggerFunctionAndEvent(control: any, event: CustomEvent, element?: any): void;
20
+ getControlConfigs(): {
21
+ buttonList: any[];
22
+ overflowMenuItemList?: undefined;
23
+ } | {
24
+ buttonList: any[];
25
+ overflowMenuItemList: any[];
26
+ };
27
+ getToolbarButtonItems(): any[];
28
+ getOverflowMenuItems(): any[];
29
+ getOverflowButtonConfig(): {
30
+ id: string;
31
+ title: string;
32
+ shouldBeDisabled: () => boolean;
33
+ iconSVG: {
34
+ content: string;
35
+ };
36
+ clickFunction: (event: any) => void;
37
+ };
38
+ getControlConfigByType(controlType: ToolbarControlTypes): any;
39
+ getControlIconByType(controlType: ToolbarControlTypes): "<polygon points=\"19 13 15 13 15 9 13 9 13 13 9 13 9 15 13 15 13 19 15 19 15 15 19 15 19 13\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<rect x=\"9\" y=\"13\" width=\"10\" height=\"2\"/>\n\t\t\t\t\t\t<path d=\"M22.45,21A10.87,10.87,0,0,0,25,14,11,11,0,1,0,14,25a10.87,10.87,0,0,0,7-2.55L28.59,30,30,28.59ZM14,23a9,9,0,1,1,9-9A9,9,0,0,1,14,23Z\"/>" | "<path d=\"M22.4478,21A10.855,10.855,0,0,0,25,14,10.99,10.99,0,0,0,6,6.4658V2H4v8h8V8H7.332a8.9768,8.9768,0,1,1-2.1,8H3.1912A11.0118,11.0118,0,0,0,14,25a10.855,10.855,0,0,0,7-2.5522L28.5859,30,30,28.5859Z\"/>" | "<polygon points=\"21 2 21 4 26.59 4 17 13.58 18.41 15 28 5.41 28 11 30 11 30 2 21 2\"/><polygon points=\"15 18.42 13.59 17 4 26.59 4 21 2 21 2 30 11 30 11 28 5.41 28 15 18.42\"/>" | "<rect x=\"4\" y=\"6\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"12\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"18\" width=\"18\" height=\"2\"/><rect x=\"4\" y=\"24\" width=\"18\" height=\"2\"/><rect x=\"26\" y=\"6\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"12\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"18\" width=\"2\" height=\"2\"/><rect x=\"26\" y=\"24\" width=\"2\" height=\"2\"/>";
40
+ }
@@ -1,16 +1,16 @@
1
- import { Component } from '../../components/component';
2
- import type { Threshold } from '../../components/essentials/threshold';
3
- import { RenderTypes } from '../../interfaces/enums';
4
- export declare class TwoDimensionalAxes extends Component {
5
- type: string;
6
- renderType: RenderTypes;
7
- children: any;
8
- thresholds: Threshold[];
9
- margins: {
10
- top: number;
11
- right: number;
12
- bottom: number;
13
- left: number;
14
- };
15
- render(animate?: boolean): void;
16
- }
1
+ import { Component } from '../../components/component';
2
+ import { Threshold } from '../../components/essentials/threshold';
3
+ import { RenderTypes } from '../../interfaces/enums';
4
+ export declare class TwoDimensionalAxes extends Component {
5
+ type: string;
6
+ renderType: RenderTypes;
7
+ children: any;
8
+ thresholds: Threshold[];
9
+ margins: {
10
+ top: number;
11
+ right: number;
12
+ bottom: number;
13
+ left: number;
14
+ };
15
+ render(animate?: boolean): void;
16
+ }
@@ -1,7 +1,7 @@
1
- import { Component } from '../../components/component';
2
- import { RenderTypes } from '../../interfaces/enums';
3
- export declare class ZeroLine extends Component {
4
- type: string;
5
- renderType: RenderTypes;
6
- render(animate: boolean): void;
7
- }
1
+ import { Component } from '../../components/component';
2
+ import { RenderTypes } from '../../interfaces/enums';
3
+ export declare class ZeroLine extends Component {
4
+ type: string;
5
+ renderType: RenderTypes;
6
+ render(animate: boolean): void;
7
+ }
@@ -1,28 +1,31 @@
1
- import { Component } from '../../components/component';
2
- import type { ChartModelCartesian } from '../../model/cartesian-charts';
3
- import { RenderTypes } from '../../interfaces/enums';
4
- export declare class ZoomBar extends Component {
5
- type: string;
6
- renderType: RenderTypes;
7
- MIN_SELECTION_DIFF: number;
8
- brushSelector: string;
9
- maxSelectionRange: [0, 0];
10
- clipId: string;
11
- brush: import("d3-brush").BrushBehavior<unknown>;
12
- xScale: any;
13
- yScale: any;
14
- highlightStrokeWidth: number;
15
- protected model: ChartModelCartesian;
16
- init(): void;
17
- render(animate?: boolean): void;
18
- addBrushEventListener(zoomDomain: any, axesLeftMargin: any, width: any): void;
19
- handleBrushedEvent(event: any, zoomDomain: any, scale: any, selection: any): void;
20
- updateBrushHandle(svg: any, selection: any): void;
21
- updateSliderSelectedArea(selection: any): void;
22
- renderZoomBarArea(container: any, querySelector: any, data: any, clipId: any): void;
23
- updateClipPath(svg: any, clipId: string, x: number | string, y: number | string, width: number | string, height: number | string): void;
24
- compensateDataForDefaultDomain(data: any, defaultDomain: any): any;
25
- renderZoomBarBaseline(container: HTMLElement, startX: number, endX: number, skeletonClass?: boolean): void;
26
- renderSkeleton(container: any, startX: number, endX: number): void;
27
- destroy(): void;
28
- }
1
+ import { Component } from '../../components/component';
2
+ import { ChartModelCartesian } from '../../model/cartesian-charts';
3
+ import { RenderTypes } from '../../interfaces/enums';
4
+ export declare class ZoomBar extends Component {
5
+ type: string;
6
+ renderType: RenderTypes;
7
+ MIN_SELECTION_DIFF: number;
8
+ brushSelector: string;
9
+ maxSelectionRange: [
10
+ 0,
11
+ 0
12
+ ];
13
+ clipId: string;
14
+ brush: import("d3-brush").BrushBehavior<unknown>;
15
+ xScale: any;
16
+ yScale: any;
17
+ highlightStrokeWidth: number;
18
+ protected model: ChartModelCartesian;
19
+ init(): void;
20
+ render(animate?: boolean): void;
21
+ addBrushEventListener(zoomDomain: any, axesLeftMargin: any, width: any): void;
22
+ handleBrushedEvent(event: any, zoomDomain: any, scale: any, selection: any): void;
23
+ updateBrushHandle(svg: any, selection: any): void;
24
+ updateSliderSelectedArea(selection: any): void;
25
+ renderZoomBarArea(container: any, querySelector: any, data: any, clipId: any): void;
26
+ updateClipPath(svg: any, clipId: string, x: number | string, y: number | string, width: number | string, height: number | string): void;
27
+ compensateDataForDefaultDomain(data: any, defaultDomain: any): any;
28
+ renderZoomBarBaseline(container: HTMLElement, startX: number, endX: number, skeletonClass?: boolean): void;
29
+ renderSkeleton(container: any, startX: number, endX: number): void;
30
+ destroy(): void;
31
+ }
@@ -1,30 +1,30 @@
1
- import { type Selection as D3Selection } from 'd3';
2
- import type { ChartModel } from '../model/model';
3
- import { RenderTypes } from '../interfaces/enums';
4
- import { Services } from '../interfaces/services';
5
- export declare class Component {
6
- type: string;
7
- renderType: RenderTypes;
8
- id: string;
9
- protected parent: D3Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any> | undefined;
10
- protected configs: any;
11
- protected model: ChartModel;
12
- protected services: Services;
13
- constructor(model: ChartModel, services: Services, configs?: any);
14
- init(): void;
15
- render(animate?: boolean): void;
16
- destroy(): void;
17
- setModel(newObj: any): void;
18
- setServices(newObj: any): void;
19
- setParent(parent: any): void;
20
- getParent(): D3Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
21
- getComponentContainer(configs?: {
22
- withinChartClip: boolean;
23
- }): D3Selection<any, any, Element, any>;
24
- /**
25
- * graphs used in combo charts share a model with global options but can receive their own local options.
26
- * this function retrieves the global options and merges it with any options passed into this
27
- * component's config.options object.
28
- */
29
- getOptions(): any;
30
- }
1
+ import { Selection as D3Selection } from 'd3';
2
+ import { ChartModel } from '../model/model';
3
+ import { RenderTypes } from '../interfaces/enums';
4
+ import { Services } from '../interfaces/services';
5
+ export declare class Component {
6
+ type: string;
7
+ renderType: RenderTypes;
8
+ id: string;
9
+ protected parent: D3Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any> | undefined;
10
+ protected configs: any;
11
+ protected model: ChartModel;
12
+ protected services: Services;
13
+ constructor(model: ChartModel, services: Services, configs?: any);
14
+ init(): void;
15
+ render(animate?: boolean): void;
16
+ destroy(): void;
17
+ setModel(newObj: any): void;
18
+ setServices(newObj: any): void;
19
+ setParent(parent: any): void;
20
+ getParent(): D3Selection<HTMLDivElement | SVGGraphicsElement, any, HTMLElement, any>;
21
+ getComponentContainer(configs?: {
22
+ withinChartClip: boolean;
23
+ }): D3Selection<any, any, Element, any>;
24
+ /**
25
+ * graphs used in combo charts share a model with global options but can receive their own local options.
26
+ * this function retrieves the global options and merges it with any options passed into this
27
+ * component's config.options object.
28
+ */
29
+ getOptions(): any;
30
+ }
@@ -1,40 +1,40 @@
1
- import type { Coordinates } from '../../interfaces/layout';
2
- /**
3
- * Returns a path string for a straight path
4
- * @param source - The source coordinates
5
- * @param source.x - The source's x coordinate
6
- * @param source.y - The source's y coordinate
7
- * @param target - The target coordinates
8
- * @param target.x - The target's x coordinate
9
- * @param target.y - The target's y coordinate
10
- * @return The path string
11
- */
12
- declare const buildStraightPathString: (source: Coordinates, target: Coordinates) => string;
13
- /**
14
- * Returns a path string for an elbow path with a bend point
15
- * @param source - The source coordinates
16
- * @param source.x - The source's x coordinate
17
- * @param source.y - The source's y coordinate
18
- * @param target - The target coordinates
19
- * @param target.x - The target's x coordinate
20
- * @param target.y - The target's y coordinate
21
- * @param percent - Where the bend point should appear between the source and target
22
- * @return The path string
23
- */
24
- declare const buildElbowPathString: (source: Coordinates, target: Coordinates, percent?: number) => string;
25
- /**
26
- * Returns a path string for an path with a custom bezier curve
27
- * @param source - The source coordinates
28
- * @param source.x - The source's x coordinate
29
- * @param source.y - The source's y coordinate
30
- * @param target - The target coordinates
31
- * @param target.x - The target's x coordinate
32
- * @param target.y - The target's y coordinate
33
- * @param cpx1 - X coordinate for the first control point
34
- * @param cpy1 - Y coordinate for the first control point
35
- * @param cpx2 - X coordinate for the second control point
36
- * @param cpy2 - Y coordinate for the second control point
37
- * @return The path string
38
- */
39
- declare const buildBezierPathString: (source: Coordinates, target: Coordinates, cpx1: number, cpy1: number, cpx2: number, cpy2: number) => string;
40
- export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
1
+ import { Coordinates } from '../../interfaces/layout';
2
+ /**
3
+ * Returns a path string for a straight path
4
+ * @param source - The source coordinates
5
+ * @param source.x - The source's x coordinate
6
+ * @param source.y - The source's y coordinate
7
+ * @param target - The target coordinates
8
+ * @param target.x - The target's x coordinate
9
+ * @param target.y - The target's y coordinate
10
+ * @return The path string
11
+ */
12
+ declare const buildStraightPathString: (source: Coordinates, target: Coordinates) => string;
13
+ /**
14
+ * Returns a path string for an elbow path with a bend point
15
+ * @param source - The source coordinates
16
+ * @param source.x - The source's x coordinate
17
+ * @param source.y - The source's y coordinate
18
+ * @param target - The target coordinates
19
+ * @param target.x - The target's x coordinate
20
+ * @param target.y - The target's y coordinate
21
+ * @param percent - Where the bend point should appear between the source and target
22
+ * @return The path string
23
+ */
24
+ declare const buildElbowPathString: (source: Coordinates, target: Coordinates, percent?: number) => string;
25
+ /**
26
+ * Returns a path string for an path with a custom bezier curve
27
+ * @param source - The source coordinates
28
+ * @param source.x - The source's x coordinate
29
+ * @param source.y - The source's y coordinate
30
+ * @param target - The target coordinates
31
+ * @param target.x - The target's x coordinate
32
+ * @param target.y - The target's y coordinate
33
+ * @param cpx1 - X coordinate for the first control point
34
+ * @param cpy1 - Y coordinate for the first control point
35
+ * @param cpx2 - X coordinate for the second control point
36
+ * @param cpy2 - Y coordinate for the second control point
37
+ * @return The path string
38
+ */
39
+ declare const buildBezierPathString: (source: Coordinates, target: Coordinates, cpx1: number, cpy1: number, cpx2: number, cpy2: number) => string;
40
+ export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
@@ -1,2 +1,2 @@
1
- export { buildStraightPathString, buildElbowPathString, buildBezierPathString } from './buildPaths';
2
- export { arrowLeft, arrowRight, square, diamond, circle, tee } from './markerDefinitions';
1
+ export { buildStraightPathString, buildElbowPathString, buildBezierPathString } from './buildPaths';
2
+ export { arrowLeft, arrowRight, square, diamond, circle, tee } from './markerDefinitions';