@carbon/charts 0.41.68 → 0.41.72
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.
- package/CHANGELOG.md +36 -8
- package/build/src/components/diagrams/buildPaths.d.ts +39 -0
- package/build/src/components/diagrams/markerDefinitions.d.ts +37 -0
- package/build/src/components/index.d.ts +2 -0
- package/components/diagrams/buildPaths.d.ts +39 -0
- package/components/diagrams/buildPaths.js +71 -0
- package/components/diagrams/buildPaths.js.map +1 -0
- package/components/diagrams/markerDefinitions.d.ts +37 -0
- package/components/diagrams/markerDefinitions.js +38 -0
- package/components/diagrams/markerDefinitions.js.map +1 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +3 -0
- package/components/index.js.map +1 -1
- package/demo/styles.css +1024 -172
- package/demo/styles.css.map +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/model-circle-pack.js +2 -1
- package/model-circle-pack.js.map +1 -1
- package/package.json +2 -2
- package/services/scales-cartesian.js.map +1 -1
- package/styles/components/_card.scss +98 -0
- package/styles/components/_circle.scss +48 -0
- package/styles/components/_edge.scss +68 -0
- package/styles/components/_marker.scss +8 -0
- package/styles/components/diagrams/_card-node.scss +99 -0
- package/styles/components/diagrams/_edge.scss +67 -0
- package/styles/components/diagrams/_marker.scss +8 -0
- package/styles/components/diagrams/_shape-node.scss +89 -0
- package/styles/components/diagrams/index.scss +4 -0
- package/styles/components/index.scss +1 -0
- package/styles-g10.css +398 -0
- package/styles-g10.css.map +1 -1
- package/styles-g10.min.css +1 -1
- package/styles-g10.min.css.map +1 -1
- package/styles-g100.css +398 -0
- package/styles-g100.css.map +1 -1
- package/styles-g100.min.css +1 -1
- package/styles-g100.min.css.map +1 -1
- package/styles-g90.css +398 -0
- package/styles-g90.css.map +1 -1
- package/styles-g90.min.css +1 -1
- package/styles-g90.min.css.map +1 -1
- package/styles.css +398 -0
- package/styles.css.map +1 -1
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/tsconfig.tsbuildinfo +34 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [0.41.
|
|
6
|
+
## [0.41.72](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.71...v0.41.72) (2021-06-23)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @carbon/charts
|
|
9
9
|
|
|
@@ -11,33 +11,61 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
|
|
|
11
11
|
|
|
12
12
|
|
|
13
13
|
|
|
14
|
-
## [0.41.
|
|
14
|
+
## [0.41.71](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.70...v0.41.71) (2021-06-21)
|
|
15
15
|
|
|
16
|
+
**Note:** Version bump only for package @carbon/charts
|
|
16
17
|
|
|
17
|
-
### Bug Fixes
|
|
18
18
|
|
|
19
|
-
* **core:** fix circlepacks with one dataset ([#1035](https://github.com/carbon-design-system/carbon-charts/issues/1035)) ([2f0b183](https://github.com/carbon-design-system/carbon-charts/commit/2f0b183878b650c76b05ca6d5fb1e8f6a17c0266)), closes [#1031](https://github.com/carbon-design-system/carbon-charts/issues/1031)
|
|
20
|
-
* **core:** make sure tooltips are properly positioned when closer to the edges ([#1037](https://github.com/carbon-design-system/carbon-charts/issues/1037)) ([a8d13cd](https://github.com/carbon-design-system/carbon-charts/commit/a8d13cd6d90813161582a00afa5166ca87702f38))
|
|
21
19
|
|
|
22
20
|
|
|
23
21
|
|
|
22
|
+
## [0.41.70](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.69...v0.41.70) (2021-06-21)
|
|
24
23
|
|
|
24
|
+
**Note:** Version bump only for package @carbon/charts
|
|
25
25
|
|
|
26
|
-
## [0.41.66](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.65...v0.41.66) (2021-05-25)
|
|
27
26
|
|
|
28
|
-
**Note:** Version bump only for package @carbon/charts
|
|
29
27
|
|
|
30
28
|
|
|
31
29
|
|
|
30
|
+
# Change Log
|
|
32
31
|
|
|
32
|
+
All notable changes to this project will be documented in this file. See
|
|
33
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
33
34
|
|
|
34
|
-
## [0.41.
|
|
35
|
+
## [0.41.69](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.68...v0.41.69) (2021-06-21)
|
|
36
|
+
|
|
37
|
+
**Note:** Version bump only for package @carbon/charts
|
|
38
|
+
|
|
39
|
+
# Change Log
|
|
40
|
+
|
|
41
|
+
All notable changes to this project will be documented in this file. See
|
|
42
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
43
|
+
|
|
44
|
+
## [0.41.68](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.67...v0.41.68) (2021-06-08)
|
|
35
45
|
|
|
36
46
|
**Note:** Version bump only for package @carbon/charts
|
|
37
47
|
|
|
48
|
+
## [0.41.67](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.66...v0.41.67) (2021-05-31)
|
|
38
49
|
|
|
50
|
+
### Bug Fixes
|
|
39
51
|
|
|
52
|
+
- **core:** fix circlepacks with one dataset
|
|
53
|
+
([#1035](https://github.com/carbon-design-system/carbon-charts/issues/1035))
|
|
54
|
+
([2f0b183](https://github.com/carbon-design-system/carbon-charts/commit/2f0b183878b650c76b05ca6d5fb1e8f6a17c0266)),
|
|
55
|
+
closes
|
|
56
|
+
[#1031](https://github.com/carbon-design-system/carbon-charts/issues/1031)
|
|
57
|
+
- **core:** make sure tooltips are properly positioned when closer to the
|
|
58
|
+
edges
|
|
59
|
+
([#1037](https://github.com/carbon-design-system/carbon-charts/issues/1037))
|
|
60
|
+
([a8d13cd](https://github.com/carbon-design-system/carbon-charts/commit/a8d13cd6d90813161582a00afa5166ca87702f38))
|
|
40
61
|
|
|
62
|
+
## [0.41.66](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.65...v0.41.66) (2021-05-25)
|
|
63
|
+
|
|
64
|
+
**Note:** Version bump only for package @carbon/charts
|
|
65
|
+
|
|
66
|
+
## [0.41.65](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.64...v0.41.65) (2021-05-19)
|
|
67
|
+
|
|
68
|
+
**Note:** Version bump only for package @carbon/charts
|
|
41
69
|
|
|
42
70
|
# Change Log
|
|
43
71
|
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns a path string for a straight path
|
|
3
|
+
* @param {Object} source - The source coordinates
|
|
4
|
+
* @param {Number} source.x - The source's x coordinate
|
|
5
|
+
* @param {Number} source.y - The source's y coordinate
|
|
6
|
+
* @param {Object} target - The target coordinates
|
|
7
|
+
* @param {Number} target.x - The target's x coordinate
|
|
8
|
+
* @param {Number} target.y - The target's y coordinate
|
|
9
|
+
* @return {String} The path string
|
|
10
|
+
*/
|
|
11
|
+
declare const buildStraightPathString: (source: any, target: any) => string;
|
|
12
|
+
/**
|
|
13
|
+
* Returns a path string for an elbow path with a bend point
|
|
14
|
+
* @param {Object} source - The source coordinates
|
|
15
|
+
* @param {Number} source.x - The source's x coordinate
|
|
16
|
+
* @param {Number} source.y - The source's y coordinate
|
|
17
|
+
* @param {Object} target - The target coordinates
|
|
18
|
+
* @param {Number} target.x - The target's x coordinate
|
|
19
|
+
* @param {Number} target.y - The target's y coordinate
|
|
20
|
+
* @param {Number} percent - Where the bend point should appear between the source and target
|
|
21
|
+
* @return {String} The path string
|
|
22
|
+
*/
|
|
23
|
+
declare const buildElbowPathString: (source: any, target: any, percent?: number) => string;
|
|
24
|
+
/**
|
|
25
|
+
* Returns a path string for an path with a custom bezier curve
|
|
26
|
+
* @param {Object} source - The source coordinates
|
|
27
|
+
* @param {Number} source.x - The source's x coordinate
|
|
28
|
+
* @param {Number} source.y - The source's y coordinate
|
|
29
|
+
* @param {Object} target - The target coordinates
|
|
30
|
+
* @param {Number} target.x - The target's x coordinate
|
|
31
|
+
* @param {Number} target.y - The target's y coordinate
|
|
32
|
+
* @param {Number} cpx1 - X coordinate for the first control point
|
|
33
|
+
* @param {Number} cpy1 - Y coordinate for the first control point
|
|
34
|
+
* @param {Number} cpx2 - X coordinate for the second control point
|
|
35
|
+
* @param {Number} cpy1 - Y coordinate for the second control point
|
|
36
|
+
* @return {String} The path string
|
|
37
|
+
*/
|
|
38
|
+
declare const buildBezierPathString: (source: any, target: any, cpx1: any, cpy1: any, cpx2: any, cpy2: any) => string;
|
|
39
|
+
export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
declare const arrowLeft: {
|
|
2
|
+
d: string;
|
|
3
|
+
height: number;
|
|
4
|
+
width: number;
|
|
5
|
+
id: string;
|
|
6
|
+
};
|
|
7
|
+
declare const arrowRight: {
|
|
8
|
+
d: string;
|
|
9
|
+
height: number;
|
|
10
|
+
width: number;
|
|
11
|
+
id: string;
|
|
12
|
+
};
|
|
13
|
+
declare const circle: {
|
|
14
|
+
d: string;
|
|
15
|
+
height: number;
|
|
16
|
+
width: number;
|
|
17
|
+
id: string;
|
|
18
|
+
};
|
|
19
|
+
declare const diamond: {
|
|
20
|
+
d: string;
|
|
21
|
+
height: number;
|
|
22
|
+
width: number;
|
|
23
|
+
id: string;
|
|
24
|
+
};
|
|
25
|
+
declare const square: {
|
|
26
|
+
d: string;
|
|
27
|
+
height: number;
|
|
28
|
+
width: number;
|
|
29
|
+
id: string;
|
|
30
|
+
};
|
|
31
|
+
declare const tee: {
|
|
32
|
+
d: string;
|
|
33
|
+
height: number;
|
|
34
|
+
width: number;
|
|
35
|
+
id: string;
|
|
36
|
+
};
|
|
37
|
+
export { arrowLeft, arrowRight, square, diamond, circle, tee };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Returns a path string for a straight path
|
|
3
|
+
* @param {Object} source - The source coordinates
|
|
4
|
+
* @param {Number} source.x - The source's x coordinate
|
|
5
|
+
* @param {Number} source.y - The source's y coordinate
|
|
6
|
+
* @param {Object} target - The target coordinates
|
|
7
|
+
* @param {Number} target.x - The target's x coordinate
|
|
8
|
+
* @param {Number} target.y - The target's y coordinate
|
|
9
|
+
* @return {String} The path string
|
|
10
|
+
*/
|
|
11
|
+
declare const buildStraightPathString: (source: any, target: any) => string;
|
|
12
|
+
/**
|
|
13
|
+
* Returns a path string for an elbow path with a bend point
|
|
14
|
+
* @param {Object} source - The source coordinates
|
|
15
|
+
* @param {Number} source.x - The source's x coordinate
|
|
16
|
+
* @param {Number} source.y - The source's y coordinate
|
|
17
|
+
* @param {Object} target - The target coordinates
|
|
18
|
+
* @param {Number} target.x - The target's x coordinate
|
|
19
|
+
* @param {Number} target.y - The target's y coordinate
|
|
20
|
+
* @param {Number} percent - Where the bend point should appear between the source and target
|
|
21
|
+
* @return {String} The path string
|
|
22
|
+
*/
|
|
23
|
+
declare const buildElbowPathString: (source: any, target: any, percent?: number) => string;
|
|
24
|
+
/**
|
|
25
|
+
* Returns a path string for an path with a custom bezier curve
|
|
26
|
+
* @param {Object} source - The source coordinates
|
|
27
|
+
* @param {Number} source.x - The source's x coordinate
|
|
28
|
+
* @param {Number} source.y - The source's y coordinate
|
|
29
|
+
* @param {Object} target - The target coordinates
|
|
30
|
+
* @param {Number} target.x - The target's x coordinate
|
|
31
|
+
* @param {Number} target.y - The target's y coordinate
|
|
32
|
+
* @param {Number} cpx1 - X coordinate for the first control point
|
|
33
|
+
* @param {Number} cpy1 - Y coordinate for the first control point
|
|
34
|
+
* @param {Number} cpx2 - X coordinate for the second control point
|
|
35
|
+
* @param {Number} cpy1 - Y coordinate for the second control point
|
|
36
|
+
* @return {String} The path string
|
|
37
|
+
*/
|
|
38
|
+
declare const buildBezierPathString: (source: any, target: any, cpx1: any, cpy1: any, cpx2: any, cpy2: any) => string;
|
|
39
|
+
export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { path as d3Path } from 'd3-path';
|
|
2
|
+
/**
|
|
3
|
+
* Returns a path string for a straight path
|
|
4
|
+
* @param {Object} source - The source coordinates
|
|
5
|
+
* @param {Number} source.x - The source's x coordinate
|
|
6
|
+
* @param {Number} source.y - The source's y coordinate
|
|
7
|
+
* @param {Object} target - The target coordinates
|
|
8
|
+
* @param {Number} target.x - The target's x coordinate
|
|
9
|
+
* @param {Number} target.y - The target's y coordinate
|
|
10
|
+
* @return {String} The path string
|
|
11
|
+
*/
|
|
12
|
+
var buildStraightPathString = function (source, target) {
|
|
13
|
+
var sx = source.x;
|
|
14
|
+
var sy = source.y;
|
|
15
|
+
var tx = target.x;
|
|
16
|
+
var ty = target.y;
|
|
17
|
+
var path = d3Path();
|
|
18
|
+
path.moveTo(sx, sy);
|
|
19
|
+
path.lineTo(tx, ty);
|
|
20
|
+
return path.toString();
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Returns a path string for an elbow path with a bend point
|
|
24
|
+
* @param {Object} source - The source coordinates
|
|
25
|
+
* @param {Number} source.x - The source's x coordinate
|
|
26
|
+
* @param {Number} source.y - The source's y coordinate
|
|
27
|
+
* @param {Object} target - The target coordinates
|
|
28
|
+
* @param {Number} target.x - The target's x coordinate
|
|
29
|
+
* @param {Number} target.y - The target's y coordinate
|
|
30
|
+
* @param {Number} percent - Where the bend point should appear between the source and target
|
|
31
|
+
* @return {String} The path string
|
|
32
|
+
*/
|
|
33
|
+
var buildElbowPathString = function (source, target, percent) {
|
|
34
|
+
if (percent === void 0) { percent = 0.5; }
|
|
35
|
+
var sx = source.x;
|
|
36
|
+
var sy = source.y;
|
|
37
|
+
var tx = target.x;
|
|
38
|
+
var ty = target.y;
|
|
39
|
+
var path = d3Path();
|
|
40
|
+
path.moveTo(sx, sy);
|
|
41
|
+
path.lineTo(sx + (tx - sx) * percent, sy);
|
|
42
|
+
path.lineTo(sx + (tx - sx) * percent, ty);
|
|
43
|
+
path.lineTo(tx, ty);
|
|
44
|
+
return path.toString();
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Returns a path string for an path with a custom bezier curve
|
|
48
|
+
* @param {Object} source - The source coordinates
|
|
49
|
+
* @param {Number} source.x - The source's x coordinate
|
|
50
|
+
* @param {Number} source.y - The source's y coordinate
|
|
51
|
+
* @param {Object} target - The target coordinates
|
|
52
|
+
* @param {Number} target.x - The target's x coordinate
|
|
53
|
+
* @param {Number} target.y - The target's y coordinate
|
|
54
|
+
* @param {Number} cpx1 - X coordinate for the first control point
|
|
55
|
+
* @param {Number} cpy1 - Y coordinate for the first control point
|
|
56
|
+
* @param {Number} cpx2 - X coordinate for the second control point
|
|
57
|
+
* @param {Number} cpy1 - Y coordinate for the second control point
|
|
58
|
+
* @return {String} The path string
|
|
59
|
+
*/
|
|
60
|
+
var buildBezierPathString = function (source, target, cpx1, cpy1, cpx2, cpy2) {
|
|
61
|
+
var sx = source.x;
|
|
62
|
+
var sy = source.y;
|
|
63
|
+
var tx = target.x;
|
|
64
|
+
var ty = target.y;
|
|
65
|
+
var path = d3Path();
|
|
66
|
+
path.moveTo(sx, sy);
|
|
67
|
+
path.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, tx, ty);
|
|
68
|
+
return path.toString();
|
|
69
|
+
};
|
|
70
|
+
export { buildStraightPathString, buildElbowPathString, buildBezierPathString };
|
|
71
|
+
//# sourceMappingURL=../../../src/components/diagrams/buildPaths.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buildPaths.js","sourceRoot":"","sources":["buildPaths.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;;;GASG;AACH,IAAM,uBAAuB,GAAG,UAAC,MAAM,EAAE,MAAM;IAC9C,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEpB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,IAAM,oBAAoB,GAAG,UAAC,MAAM,EAAE,MAAM,EAAE,OAAa;IAAb,wBAAA,EAAA,aAAa;IAC1D,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO,EAAE,EAAE,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAEpB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,IAAM,qBAAqB,GAAG,UAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;IACpE,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IACpB,IAAM,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC;IAEpB,IAAM,IAAI,GAAG,MAAM,EAAE,CAAC;IAEtB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IACpB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEnD,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxB,CAAC,CAAC;AAEF,OAAO,EAAE,uBAAuB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import { path as d3Path } from 'd3-path';\n\n/**\n * Returns a path string for a straight path\n * @param {Object} source - The source coordinates\n * @param {Number} source.x - The source's x coordinate\n * @param {Number} source.y - The source's y coordinate\n * @param {Object} target - The target coordinates\n * @param {Number} target.x - The target's x coordinate\n * @param {Number} target.y - The target's y coordinate\n * @return {String} The path string\n */\nconst buildStraightPathString = (source, target) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.lineTo(tx, ty);\n\n\treturn path.toString();\n};\n\n/**\n * Returns a path string for an elbow path with a bend point\n * @param {Object} source - The source coordinates\n * @param {Number} source.x - The source's x coordinate\n * @param {Number} source.y - The source's y coordinate\n * @param {Object} target - The target coordinates\n * @param {Number} target.x - The target's x coordinate\n * @param {Number} target.y - The target's y coordinate\n * @param {Number} percent - Where the bend point should appear between the source and target\n * @return {String} The path string\n */\nconst buildElbowPathString = (source, target, percent = 0.5) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.lineTo(sx + (tx - sx) * percent, sy);\n\tpath.lineTo(sx + (tx - sx) * percent, ty);\n\tpath.lineTo(tx, ty);\n\n\treturn path.toString();\n};\n\n/**\n * Returns a path string for an path with a custom bezier curve\n * @param {Object} source - The source coordinates\n * @param {Number} source.x - The source's x coordinate\n * @param {Number} source.y - The source's y coordinate\n * @param {Object} target - The target coordinates\n * @param {Number} target.x - The target's x coordinate\n * @param {Number} target.y - The target's y coordinate\n * @param {Number} cpx1 - X coordinate for the first control point\n * @param {Number} cpy1 - Y coordinate for the first control point\n * @param {Number} cpx2 - X coordinate for the second control point\n * @param {Number} cpy1 - Y coordinate for the second control point\n * @return {String} The path string\n */\nconst buildBezierPathString = (source, target, cpx1, cpy1, cpx2, cpy2) => {\n\tconst sx = source.x;\n\tconst sy = source.y;\n\tconst tx = target.x;\n\tconst ty = target.y;\n\n\tconst path = d3Path();\n\n\tpath.moveTo(sx, sy);\n\tpath.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, tx, ty);\n\n\treturn path.toString();\n};\n\nexport { buildStraightPathString, buildElbowPathString, buildBezierPathString };\n"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
declare const arrowLeft: {
|
|
2
|
+
d: string;
|
|
3
|
+
height: number;
|
|
4
|
+
width: number;
|
|
5
|
+
id: string;
|
|
6
|
+
};
|
|
7
|
+
declare const arrowRight: {
|
|
8
|
+
d: string;
|
|
9
|
+
height: number;
|
|
10
|
+
width: number;
|
|
11
|
+
id: string;
|
|
12
|
+
};
|
|
13
|
+
declare const circle: {
|
|
14
|
+
d: string;
|
|
15
|
+
height: number;
|
|
16
|
+
width: number;
|
|
17
|
+
id: string;
|
|
18
|
+
};
|
|
19
|
+
declare const diamond: {
|
|
20
|
+
d: string;
|
|
21
|
+
height: number;
|
|
22
|
+
width: number;
|
|
23
|
+
id: string;
|
|
24
|
+
};
|
|
25
|
+
declare const square: {
|
|
26
|
+
d: string;
|
|
27
|
+
height: number;
|
|
28
|
+
width: number;
|
|
29
|
+
id: string;
|
|
30
|
+
};
|
|
31
|
+
declare const tee: {
|
|
32
|
+
d: string;
|
|
33
|
+
height: number;
|
|
34
|
+
width: number;
|
|
35
|
+
id: string;
|
|
36
|
+
};
|
|
37
|
+
export { arrowLeft, arrowRight, square, diamond, circle, tee };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
var arrowLeft = {
|
|
2
|
+
d: 'M7 0v8L0 4z',
|
|
3
|
+
height: 8,
|
|
4
|
+
width: 7.5,
|
|
5
|
+
id: 'arrowLeft',
|
|
6
|
+
};
|
|
7
|
+
var arrowRight = {
|
|
8
|
+
d: 'M0 0v8l7-4z',
|
|
9
|
+
height: 8,
|
|
10
|
+
width: 7.5,
|
|
11
|
+
id: 'arrowRight',
|
|
12
|
+
};
|
|
13
|
+
var circle = {
|
|
14
|
+
d: 'M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z',
|
|
15
|
+
height: 10,
|
|
16
|
+
width: 10,
|
|
17
|
+
id: 'circle',
|
|
18
|
+
};
|
|
19
|
+
var diamond = {
|
|
20
|
+
d: 'M5.03517654-1e-7l4.99999996 5-4.99999996 5-5-5L2.4517844 2.58339204z',
|
|
21
|
+
height: 10,
|
|
22
|
+
width: 10,
|
|
23
|
+
id: 'diamond',
|
|
24
|
+
};
|
|
25
|
+
var square = {
|
|
26
|
+
d: 'M0 .44974747h8v8H0v-3.6830331z',
|
|
27
|
+
height: 9,
|
|
28
|
+
width: 8,
|
|
29
|
+
id: 'square',
|
|
30
|
+
};
|
|
31
|
+
var tee = {
|
|
32
|
+
d: 'M0 0h1.5v8H0z',
|
|
33
|
+
height: 8,
|
|
34
|
+
width: 2,
|
|
35
|
+
id: 'tee',
|
|
36
|
+
};
|
|
37
|
+
export { arrowLeft, arrowRight, square, diamond, circle, tee };
|
|
38
|
+
//# sourceMappingURL=../../../src/components/diagrams/markerDefinitions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"markerDefinitions.js","sourceRoot":"","sources":["markerDefinitions.ts"],"names":[],"mappings":"AAAA,IAAM,SAAS,GAAG;IACjB,CAAC,EAAE,aAAa;IAChB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,WAAW;CACf,CAAC;AAEF,IAAM,UAAU,GAAG;IAClB,CAAC,EAAE,aAAa;IAChB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,GAAG;IACV,EAAE,EAAE,YAAY;CAChB,CAAC;AAEF,IAAM,MAAM,GAAG;IACd,CAAC,EAAE,sDAAsD;IACzD,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,QAAQ;CACZ,CAAC;AAEF,IAAM,OAAO,GAAG;IACf,CAAC,EAAE,sEAAsE;IACzE,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,EAAE,EAAE,SAAS;CACb,CAAC;AAEF,IAAM,MAAM,GAAG;IACd,CAAC,EAAE,gCAAgC;IACnC,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,EAAE,EAAE,QAAQ;CACZ,CAAC;AAEF,IAAM,GAAG,GAAG;IACX,CAAC,EAAE,eAAe;IAClB,MAAM,EAAE,CAAC;IACT,KAAK,EAAE,CAAC;IACR,EAAE,EAAE,KAAK;CACT,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC","sourcesContent":["const arrowLeft = {\n\td: 'M7 0v8L0 4z',\n\theight: 8,\n\twidth: 7.5,\n\tid: 'arrowLeft',\n};\n\nconst arrowRight = {\n\td: 'M0 0v8l7-4z',\n\theight: 8,\n\twidth: 7.5,\n\tid: 'arrowRight',\n};\n\nconst circle = {\n\td: 'M5.32 9.513a4.75 4.75 0 100-9.5 4.75 4.75 0 000 9.5z',\n\theight: 10,\n\twidth: 10,\n\tid: 'circle',\n};\n\nconst diamond = {\n\td: 'M5.03517654-1e-7l4.99999996 5-4.99999996 5-5-5L2.4517844 2.58339204z',\n\theight: 10,\n\twidth: 10,\n\tid: 'diamond',\n};\n\nconst square = {\n\td: 'M0 .44974747h8v8H0v-3.6830331z',\n\theight: 9,\n\twidth: 8,\n\tid: 'square',\n};\n\nconst tee = {\n\td: 'M0 0h1.5v8H0z',\n\theight: 8,\n\twidth: 2,\n\tid: 'tee',\n};\n\nexport { arrowLeft, arrowRight, square, diamond, circle, tee };\n"]}
|
package/components/index.d.ts
CHANGED
package/components/index.js
CHANGED
|
@@ -43,4 +43,7 @@ export * from './axes/ruler-stacked';
|
|
|
43
43
|
export * from './axes/toolbar';
|
|
44
44
|
export * from './axes/zero-line';
|
|
45
45
|
export * from './axes/zoom-bar';
|
|
46
|
+
// Diagrams
|
|
47
|
+
export * from './diagrams/buildPaths';
|
|
48
|
+
export * from './diagrams/markerDefinitions';
|
|
46
49
|
//# sourceMappingURL=../../src/components/index.js.map
|
package/components/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,aAAa;AACb,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAE/C,SAAS;AACT,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AAEnC,SAAS;AACT,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,OAAO;AACP,cAAc,6BAA6B,CAAC;AAC5C,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './component';\n\n// ESSENTIALS\nexport * from './essentials/legend';\nexport * from './essentials/threshold';\nexport * from './essentials/title';\nexport * from './essentials/title-meter';\nexport * from './essentials/tooltip';\nexport * from './essentials/tooltip-axis';\nexport * from './essentials/canvas-chart-clip';\n\n// GRAPHS\nexport * from './graphs/area';\nexport * from './graphs/area-stacked';\nexport * from './graphs/bar-simple';\nexport * from './graphs/bar-grouped';\nexport * from './graphs/bar-stacked';\nexport * from './graphs/boxplot';\nexport * from './graphs/bubble';\nexport * from './graphs/bullet';\nexport * from './graphs/line';\nexport * from './graphs/lollipop';\nexport * from './graphs/scatter';\nexport * from './graphs/scatter-stacked';\nexport * from './graphs/pie';\nexport * from './graphs/gauge';\nexport * from './graphs/donut';\nexport * from './graphs/skeleton';\nexport * from './graphs/skeleton-lines';\nexport * from './graphs/treemap';\nexport * from './graphs/radar';\nexport * from './graphs/circle-pack';\nexport * from './graphs/wordcloud';\n\n// Layout\nexport * from './layout/spacer';\nexport * from './layout/layout';\n\n// MISC\nexport * from './axes/two-dimensional-axes';\nexport * from './axes/axis';\nexport * from './axes/grid-brush';\nexport * from './axes/chart-clip';\nexport * from './axes/grid';\nexport * from './axes/ruler';\nexport * from './axes/ruler-stacked';\nexport * from './axes/toolbar';\nexport * from './axes/zero-line';\nexport * from './axes/zoom-bar';\n"]}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,aAAa;AACb,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAE/C,SAAS;AACT,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AAEnC,SAAS;AACT,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAEhC,OAAO;AACP,cAAc,6BAA6B,CAAC;AAC5C,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAEhC,WAAW;AACX,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './component';\n\n// ESSENTIALS\nexport * from './essentials/legend';\nexport * from './essentials/threshold';\nexport * from './essentials/title';\nexport * from './essentials/title-meter';\nexport * from './essentials/tooltip';\nexport * from './essentials/tooltip-axis';\nexport * from './essentials/canvas-chart-clip';\n\n// GRAPHS\nexport * from './graphs/area';\nexport * from './graphs/area-stacked';\nexport * from './graphs/bar-simple';\nexport * from './graphs/bar-grouped';\nexport * from './graphs/bar-stacked';\nexport * from './graphs/boxplot';\nexport * from './graphs/bubble';\nexport * from './graphs/bullet';\nexport * from './graphs/line';\nexport * from './graphs/lollipop';\nexport * from './graphs/scatter';\nexport * from './graphs/scatter-stacked';\nexport * from './graphs/pie';\nexport * from './graphs/gauge';\nexport * from './graphs/donut';\nexport * from './graphs/skeleton';\nexport * from './graphs/skeleton-lines';\nexport * from './graphs/treemap';\nexport * from './graphs/radar';\nexport * from './graphs/circle-pack';\nexport * from './graphs/wordcloud';\n\n// Layout\nexport * from './layout/spacer';\nexport * from './layout/layout';\n\n// MISC\nexport * from './axes/two-dimensional-axes';\nexport * from './axes/axis';\nexport * from './axes/grid-brush';\nexport * from './axes/chart-clip';\nexport * from './axes/grid';\nexport * from './axes/ruler';\nexport * from './axes/ruler-stacked';\nexport * from './axes/toolbar';\nexport * from './axes/zero-line';\nexport * from './axes/zoom-bar';\n\n// Diagrams\nexport * from './diagrams/buildPaths';\nexport * from './diagrams/markerDefinitions';\n"]}
|