@semcore/d3-chart 3.26.0 → 3.26.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.
- package/CHANGELOG.md +9 -2
- package/lib/cjs/Area.js +11 -11
- package/lib/cjs/Axis.js +14 -14
- package/lib/cjs/Bar.js +10 -10
- package/lib/cjs/Bubble.js +52 -47
- package/lib/cjs/Bubble.js.map +1 -1
- package/lib/cjs/Donut.js +9 -9
- package/lib/cjs/Dots.js +8 -8
- package/lib/cjs/HorizontalBar.js +10 -10
- package/lib/cjs/Hover.js +3 -3
- package/lib/cjs/Line.js +9 -9
- package/lib/cjs/Plot.js +3 -3
- package/lib/cjs/Radar.js +19 -19
- package/lib/cjs/RadialTree.js +11 -11
- package/lib/cjs/ReferenceLine.js +9 -9
- package/lib/cjs/ScatterPlot.js +10 -10
- package/lib/cjs/ScatterPlot.js.map +1 -1
- package/lib/cjs/Tooltip.js +9 -9
- package/lib/cjs/Venn.js +9 -9
- package/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/lib/cjs/component/Chart/AbstractChart.js +11 -0
- package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.js +50 -16
- package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
- package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/cjs/component/Chart/ScatterPlotChart.js +15 -7
- package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/cjs/index.js +12 -0
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/utils.js +13 -1
- package/lib/cjs/utils.js.map +1 -1
- package/lib/es6/Area.js +11 -11
- package/lib/es6/Axis.js +14 -14
- package/lib/es6/Bar.js +10 -10
- package/lib/es6/Bubble.js +53 -48
- package/lib/es6/Bubble.js.map +1 -1
- package/lib/es6/Donut.js +9 -9
- package/lib/es6/Dots.js +8 -8
- package/lib/es6/HorizontalBar.js +10 -10
- package/lib/es6/Hover.js +3 -3
- package/lib/es6/Line.js +9 -9
- package/lib/es6/Plot.js +3 -3
- package/lib/es6/Radar.js +19 -19
- package/lib/es6/RadialTree.js +11 -11
- package/lib/es6/ReferenceLine.js +9 -9
- package/lib/es6/ScatterPlot.js +11 -11
- package/lib/es6/ScatterPlot.js.map +1 -1
- package/lib/es6/Tooltip.js +9 -9
- package/lib/es6/Venn.js +9 -9
- package/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/lib/es6/a11y/PlotA11yView.js +2 -2
- package/lib/es6/component/Chart/AbstractChart.js +11 -0
- package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.js +51 -17
- package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
- package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
- package/lib/es6/component/Chart/ScatterPlotChart.js +16 -8
- package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
- package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/lib/es6/index.js +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/utils.js +11 -1
- package/lib/es6/utils.js.map +1 -1
- package/lib/types/component/Chart/AbstractChart.d.ts +1 -0
- package/lib/types/component/Chart/BubbleChart.type.d.ts +4 -0
- package/lib/types/utils.d.ts +2 -0
- package/package.json +7 -7
package/lib/es6/Bubble.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
4
3
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
5
4
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
6
5
|
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
@@ -10,28 +9,27 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
10
9
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
11
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
12
11
|
import React from 'react';
|
|
13
|
-
import { scaleSqrt } from 'd3-scale';
|
|
14
12
|
import { transition } from 'd3-transition';
|
|
15
13
|
import { Component, Root, sstyled } from '@semcore/core';
|
|
16
14
|
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
17
15
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
18
16
|
import createElement from './createElement';
|
|
19
|
-
import { CONSTANT, measureText } from './utils';
|
|
17
|
+
import { getBubbleChartValueScale, CONSTANT, measureText } from './utils';
|
|
20
18
|
import Tooltip from './Tooltip';
|
|
21
19
|
import { PatternFill } from './Pattern';
|
|
22
20
|
/*__reshadow-styles__:"./style/bubble.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SBubble": "
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
27
|
-
"_pattern": "
|
|
28
|
-
"--pattern": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCenter": "
|
|
31
|
-
"__SLabel": "
|
|
32
|
-
"_position_right": "
|
|
33
|
-
"_position_left": "
|
|
34
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBubble_1mfr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1mfr4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1mfr4_gg_:hover{opacity:.8}}.___SBubble_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--color_1mfr4)}.___SBubble_1mfr4_gg_.__pattern_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--pattern_1mfr4);stroke:var(--color_1mfr4);stroke-width:1px}.___SBubble_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}.___SCenter_1mfr4_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1mfr4_gg_.__color_1mfr4_gg_{stroke:var(--color_1mfr4)}.___SCenter_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}.___SLabel_1mfr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1mfr4_gg_._position_right_1mfr4_gg_{text-anchor:end}.___SLabel_1mfr4_gg_._position_left_1mfr4_gg_{text-anchor:start}.___SLabel_1mfr4_gg_.__color_1mfr4_gg_{fill:var(--color_1mfr4)}.___SLabel_1mfr4_gg_.__transparent_1mfr4_gg_{opacity:.3}" /*__inner_css_end__*/, "1mfr4_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBubble": "___SBubble_1mfr4_gg_",
|
|
23
|
+
"_color": "__color_1mfr4_gg_",
|
|
24
|
+
"--color": "--color_1mfr4",
|
|
25
|
+
"_pattern": "__pattern_1mfr4_gg_",
|
|
26
|
+
"--pattern": "--pattern_1mfr4",
|
|
27
|
+
"_transparent": "__transparent_1mfr4_gg_",
|
|
28
|
+
"__SCenter": "___SCenter_1mfr4_gg_",
|
|
29
|
+
"__SLabel": "___SLabel_1mfr4_gg_",
|
|
30
|
+
"_position_right": "_position_right_1mfr4_gg_",
|
|
31
|
+
"_position_left": "_position_left_1mfr4_gg_",
|
|
32
|
+
"--duration": "--duration_1mfr4"
|
|
35
33
|
});
|
|
36
34
|
var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
37
35
|
_inherits(BubbleRoot, _Component);
|
|
@@ -80,9 +78,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
80
78
|
uid = _this$asProps.uid,
|
|
81
79
|
data = _this$asProps.data,
|
|
82
80
|
value = _this$asProps.value;
|
|
83
|
-
var z =
|
|
84
|
-
return el[value];
|
|
85
|
-
})))]).range([5.5, 50.5]);
|
|
81
|
+
var z = getBubbleChartValueScale(data, value);
|
|
86
82
|
var selectRect = transition().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
|
|
87
83
|
var selectRectNode = selectRect.node();
|
|
88
84
|
if (selectRectNode) {
|
|
@@ -94,8 +90,19 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
94
90
|
}
|
|
95
91
|
}, {
|
|
96
92
|
key: "componentDidUpdate",
|
|
97
|
-
value: function componentDidUpdate() {
|
|
98
|
-
this.
|
|
93
|
+
value: function componentDidUpdate(prevProps) {
|
|
94
|
+
var _this$asProps2 = this.asProps,
|
|
95
|
+
data = _this$asProps2.data,
|
|
96
|
+
x = _this$asProps2.x,
|
|
97
|
+
y = _this$asProps2.y,
|
|
98
|
+
value = _this$asProps2.value;
|
|
99
|
+
var prevX = prevProps.x,
|
|
100
|
+
prevY = prevProps.y,
|
|
101
|
+
prevValue = prevProps.value;
|
|
102
|
+
var prevData = prevProps.$rootProps.data;
|
|
103
|
+
if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {
|
|
104
|
+
this.animationCircle();
|
|
105
|
+
}
|
|
99
106
|
}
|
|
100
107
|
}, {
|
|
101
108
|
key: "componentDidMount",
|
|
@@ -106,32 +113,30 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
106
113
|
key: "renderCircle",
|
|
107
114
|
value: function renderCircle(d, i) {
|
|
108
115
|
var _ref2, _d$color;
|
|
109
|
-
var _this$
|
|
110
|
-
color = _this$
|
|
111
|
-
scale = _this$
|
|
112
|
-
x = _this$
|
|
113
|
-
y = _this$
|
|
114
|
-
offset = _this$
|
|
115
|
-
styles = _this$
|
|
116
|
-
uid = _this$
|
|
117
|
-
duration = _this$
|
|
118
|
-
value = _this$
|
|
119
|
-
label = _this$
|
|
120
|
-
markedCross = _this$
|
|
121
|
-
size = _this$
|
|
122
|
-
data = _this$
|
|
123
|
-
transparent = _this$
|
|
124
|
-
resolveColor = _this$
|
|
125
|
-
patterns = _this$
|
|
116
|
+
var _this$asProps3 = this.asProps,
|
|
117
|
+
color = _this$asProps3.color,
|
|
118
|
+
scale = _this$asProps3.scale,
|
|
119
|
+
x = _this$asProps3.x,
|
|
120
|
+
y = _this$asProps3.y,
|
|
121
|
+
offset = _this$asProps3.offset,
|
|
122
|
+
styles = _this$asProps3.styles,
|
|
123
|
+
uid = _this$asProps3.uid,
|
|
124
|
+
duration = _this$asProps3.duration,
|
|
125
|
+
value = _this$asProps3.value,
|
|
126
|
+
label = _this$asProps3.label,
|
|
127
|
+
markedCross = _this$asProps3.markedCross,
|
|
128
|
+
size = _this$asProps3.size,
|
|
129
|
+
data = _this$asProps3.data,
|
|
130
|
+
transparent = _this$asProps3.transparent,
|
|
131
|
+
resolveColor = _this$asProps3.resolveColor,
|
|
132
|
+
patterns = _this$asProps3.patterns;
|
|
126
133
|
var _scale = _slicedToArray(scale, 2),
|
|
127
134
|
xScale = _scale[0],
|
|
128
135
|
yScale = _scale[1];
|
|
129
136
|
var SBubble = this.Element;
|
|
130
137
|
var SCenter = 'text';
|
|
131
138
|
var SLabel = 'text';
|
|
132
|
-
var z =
|
|
133
|
-
return el[value];
|
|
134
|
-
})))]).range([5.5, 50.5]);
|
|
139
|
+
var z = getBubbleChartValueScale(data, value);
|
|
135
140
|
var margin = Math.min(xScale.range()[0], xScale.range()[1]);
|
|
136
141
|
var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label]) ? 'right' : 'left';
|
|
137
142
|
var labelDistance = {
|
|
@@ -190,13 +195,13 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
190
195
|
}, {
|
|
191
196
|
key: "render",
|
|
192
197
|
value: function render() {
|
|
193
|
-
var _this$
|
|
194
|
-
data = _this$
|
|
195
|
-
uid = _this$
|
|
196
|
-
scale = _this$
|
|
197
|
-
x = _this$
|
|
198
|
-
y = _this$
|
|
199
|
-
value = _this$
|
|
198
|
+
var _this$asProps4 = this.asProps,
|
|
199
|
+
data = _this$asProps4.data,
|
|
200
|
+
uid = _this$asProps4.uid,
|
|
201
|
+
scale = _this$asProps4.scale,
|
|
202
|
+
x = _this$asProps4.x,
|
|
203
|
+
y = _this$asProps4.y,
|
|
204
|
+
value = _this$asProps4.value;
|
|
200
205
|
var _scale2 = _slicedToArray(scale, 2),
|
|
201
206
|
xScale = _scale2[0],
|
|
202
207
|
yScale = _scale2[1];
|
|
@@ -206,7 +211,7 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
|
|
|
206
211
|
var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
|
|
207
212
|
this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
|
|
208
213
|
this.asProps.dataHintsHandler.establishDataType('points-cloud');
|
|
209
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)),
|
|
214
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/React.createElement("clipPath", {
|
|
210
215
|
"aria-hidden": true,
|
|
211
216
|
id: uid
|
|
212
217
|
}, /*#__PURE__*/React.createElement("rect", {
|
package/lib/es6/Bubble.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bubble.js","names":["React","scaleSqrt","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","measureText","Tooltip","PatternFill","style","_sstyled","insert","BubbleRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","domain","Math","max","_toConsumableArray","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps2","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","_scale","_slicedToArray","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","bind","id","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","_objectSpread","_assignProps","Bubble","_______childrenComponents"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate() {\n this.animationCircle();\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = scaleSqrt()\n .domain([0, Math.max(...data.map((el) => el[value]))])\n .range([5.5, 50.5]);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(d[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(d[color])}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={d[color]}\n color={resolveColor(d[color])}\n patterns={patterns}\n />\n )}\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(d[color])}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n {data.map(this.animationCircle.bind(this))}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n </clipPath>\n </>\n );\n }\n}\n\nconst BubbleTooltip = (props) => {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Bubble.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","getBubbleChartValueScale","CONSTANT","measureText","Tooltip","PatternFill","style","_sstyled","insert","BubbleRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","data","z","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","_data$ind","componentDidUpdate","prevProps","_this$asProps2","prevX","prevY","prevValue","prevData","$rootProps","componentDidMount","renderCircle","d","i","_ref2","_d$color","_this$asProps3","color","scale","offset","styles","label","markedCross","size","transparent","resolveColor","patterns","_scale","_slicedToArray","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","Math","min","range","labelPosition","labelDistance","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps4","_scale2","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","BubbleTooltip","_ref","arguments[0]","_ref3","SBubbleTooltip","_objectSpread","_assignProps","Bubble","_______childrenComponents"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { getBubbleChartValueScale, CONSTANT, measureText } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\n\nimport style from './style/bubble.shadow.css';\n\nclass BubbleRoot extends Component {\n static displayName = 'Bubble';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n\n static defaultProps = {\n offset: [0, 0],\n duration: 500,\n markedCross: true,\n };\n\n virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n generateGetBoundingClientRect(x = 0, y = 0) {\n return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n }\n\n bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n const { eventEmitter } = this.asProps;\n this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n };\n\n animationCircle() {\n const { duration, uid, data, value } = this.asProps;\n const z = getBubbleChartValueScale(data, value);\n\n const selectRect = transition().selection().selectAll(`[id^=${uid}${uid}]`).attr('r', 0);\n\n const selectRectNode = selectRect.node();\n if (selectRectNode) {\n selectRect\n .transition()\n .duration(duration)\n .attr('r', function (_, ind) {\n return z(data[ind]?.[value]);\n });\n }\n }\n\n componentDidUpdate(prevProps) {\n const { data, x, y, value } = this.asProps;\n const { x: prevX, y: prevY, value: prevValue } = prevProps;\n const prevData = prevProps.$rootProps.data;\n\n if (data !== prevData || x !== prevX || y !== prevY || value !== prevValue) {\n this.animationCircle();\n }\n }\n\n componentDidMount() {\n this.animationCircle();\n }\n\n renderCircle(d, i) {\n const {\n color,\n scale,\n x,\n y,\n offset,\n styles,\n uid,\n duration,\n value,\n label,\n markedCross,\n size,\n data,\n transparent,\n resolveColor,\n patterns,\n } = this.asProps;\n const [xScale, yScale] = scale;\n\n const SBubble = this.Element;\n const SCenter = 'text';\n const SLabel = 'text';\n const z = getBubbleChartValueScale(data, value);\n\n const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n const labelPosition =\n size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n ? 'right'\n : 'left';\n const labelDistance = {\n right: xScale(d[x]) + offset[0] - z(d[value]),\n left: xScale(d[x]) + offset[0] + z(d[value]),\n }[labelPosition];\n\n return sstyled(styles)(\n <g\n key={`circle(#${i})`}\n onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i, patterns })}\n onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i, patterns })}\n >\n {markedCross && (\n <SCenter\n aria-hidden\n x={xScale(d[x]) + offset[0]}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n color={resolveColor(d[color] ?? color)}\n transparent={transparent}\n >\n +\n </SCenter>\n )}\n <SBubble\n aria-hidden\n id={`${uid}${uid}`}\n index={i}\n render='circle'\n clipPath={`url(#${uid})`}\n cx={xScale(d[x]) + offset[0]}\n cy={yScale(d[y]) + offset[1]}\n color={resolveColor(d[color])}\n pattern={patterns ? `url(#${uid}-${i}-pattern)` : undefined}\n r={z(d[value])}\n use:duration={`${duration}ms`}\n transparent={transparent}\n />\n {patterns && (\n <PatternFill\n id={`${uid}-${i}-pattern`}\n patternKey={d[color]}\n color={resolveColor(d[color])}\n patterns={patterns}\n />\n )}\n {d[label] && (\n <SLabel\n aria-hidden\n x={labelDistance}\n y={yScale(d[y]) + offset[1]}\n dy='.3em'\n clipPath={`url(#${uid})`}\n position={labelPosition}\n color={resolveColor(d[color])}\n transparent={transparent}\n >\n {d[label]}\n </SLabel>\n )}\n </g>,\n );\n }\n\n render() {\n const { data, uid, scale, x, y, value } = this.asProps;\n const [xScale, yScale] = scale;\n const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n return (\n <>\n {data.map(this.renderCircle.bind(this))}\n <clipPath aria-hidden id={uid}>\n <rect x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />{' '}\n </clipPath>\n </>\n );\n }\n}\n\nconst BubbleTooltip = (props) => {\n const SBubbleTooltip = Root;\n return sstyled(props.styles)(<SBubbleTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Bubble = createElement(BubbleRoot, {\n Tooltip: [BubbleTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Bubble;\n"],"mappings":"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"}
|
package/lib/es6/Donut.js
CHANGED
|
@@ -23,15 +23,15 @@ import { CONSTANT, getChartDefaultColorName } from './utils';
|
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
import { PatternFill } from './Pattern';
|
|
25
25
|
/*__reshadow-styles__:"./style/donut.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SPie": "
|
|
28
|
-
"_color": "
|
|
29
|
-
"--color": "--
|
|
30
|
-
"_pattern": "
|
|
31
|
-
"--pattern": "--
|
|
32
|
-
"_transparent": "
|
|
33
|
-
"__SEmptyData": "
|
|
34
|
-
"__SLabel": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPie_1gada_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1gada_gg_.__color_1gada_gg_{fill:var(--color_1gada)}.___SPie_1gada_gg_.__pattern_1gada_gg_.__color_1gada_gg_{fill:var(--pattern_1gada);stroke:var(--color_1gada);stroke-width:1px}.___SPie_1gada_gg_.__transparent_1gada_gg_{opacity:.3}.___SEmptyData_1gada_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1gada_gg_.__color_1gada_gg_{fill:var(--color_1gada)}.___SLabel_1gada_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "1gada_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SPie": "___SPie_1gada_gg_",
|
|
28
|
+
"_color": "__color_1gada_gg_",
|
|
29
|
+
"--color": "--color_1gada",
|
|
30
|
+
"_pattern": "__pattern_1gada_gg_",
|
|
31
|
+
"--pattern": "--pattern_1gada",
|
|
32
|
+
"_transparent": "__transparent_1gada_gg_",
|
|
33
|
+
"__SEmptyData": "___SEmptyData_1gada_gg_",
|
|
34
|
+
"__SLabel": "___SLabel_1gada_gg_"
|
|
35
35
|
});
|
|
36
36
|
var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
|
|
37
37
|
function transitionAnglePie(_ref6) {
|
package/lib/es6/Dots.js
CHANGED
|
@@ -7,14 +7,14 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
7
7
|
import createElement from './createElement';
|
|
8
8
|
import { eventToPoint, invert, interpolateValue, getChartDefaultColorName } from './utils';
|
|
9
9
|
/*__reshadow-styles__:"./style/dot.shadow.css"*/
|
|
10
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
11
|
-
"__SDot": "
|
|
12
|
-
"_hide": "
|
|
13
|
-
"_color": "
|
|
14
|
-
"--color": "--
|
|
15
|
-
"_transparent": "
|
|
16
|
-
"__SDots": "
|
|
17
|
-
"--duration": "--
|
|
10
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDots_v49cr_gg_ .___SDot_v49cr_gg_{transition-duration:var(--duration_v49cr)}.___SDot_v49cr_gg_{stroke-width:1px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy,x,y;transition-timing-function:ease-in-out}.___SDot_v49cr_gg_.__hide_v49cr_gg_{display:none}.___SDot_v49cr_gg_.__color_v49cr_gg_{fill:var(--color_v49cr)}.___SDot_v49cr_gg_.__transparent_v49cr_gg_{opacity:.3}" /*__inner_css_end__*/, "v49cr_gg_") /*__reshadow_css_end__*/, {
|
|
11
|
+
"__SDot": "___SDot_v49cr_gg_",
|
|
12
|
+
"_hide": "__hide_v49cr_gg_",
|
|
13
|
+
"_color": "__color_v49cr_gg_",
|
|
14
|
+
"--color": "--color_v49cr",
|
|
15
|
+
"_transparent": "__transparent_v49cr_gg_",
|
|
16
|
+
"__SDots": "___SDots_v49cr_gg_",
|
|
17
|
+
"--duration": "--duration_v49cr"
|
|
18
18
|
});
|
|
19
19
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
20
20
|
var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
|
package/lib/es6/HorizontalBar.js
CHANGED
|
@@ -13,16 +13,16 @@ import AnimatedClipPath from './AnimatedClipPath';
|
|
|
13
13
|
import { scaleToBand, roundedPath } from './utils';
|
|
14
14
|
import { PatternFill } from './Pattern';
|
|
15
15
|
/*__reshadow-styles__:"./style/bar.shadow.css"*/
|
|
16
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
17
|
-
"__SBar": "
|
|
18
|
-
"--duration": "--
|
|
19
|
-
"_color": "
|
|
20
|
-
"--color": "--
|
|
21
|
-
"_pattern": "
|
|
22
|
-
"--pattern": "--
|
|
23
|
-
"_hide": "
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SBackground": "
|
|
16
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBar_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_8ogb8);transition-timing-function:ease-in-out}.___SBar_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--color_8ogb8)}.___SBar_8ogb8_gg_.__pattern_8ogb8_gg_.__color_8ogb8_gg_{fill:var(--pattern_8ogb8);stroke:var(--color_8ogb8);stroke-width:1px}.___SBar_8ogb8_gg_.__hide_8ogb8_gg_{display:none}.___SBar_8ogb8_gg_.__transparent_8ogb8_gg_{opacity:.3}.___SBackground_8ogb8_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "8ogb8_gg_") /*__reshadow_css_end__*/, {
|
|
17
|
+
"__SBar": "___SBar_8ogb8_gg_",
|
|
18
|
+
"--duration": "--duration_8ogb8",
|
|
19
|
+
"_color": "__color_8ogb8_gg_",
|
|
20
|
+
"--color": "--color_8ogb8",
|
|
21
|
+
"_pattern": "__pattern_8ogb8_gg_",
|
|
22
|
+
"--pattern": "--pattern_8ogb8",
|
|
23
|
+
"_hide": "__hide_8ogb8_gg_",
|
|
24
|
+
"_transparent": "__transparent_8ogb8_gg_",
|
|
25
|
+
"__SBackground": "___SBackground_8ogb8_gg_"
|
|
26
26
|
});
|
|
27
27
|
export var MIN_WIDTH = 2;
|
|
28
28
|
var calcPartBarX = function calcPartBarX(x, minWidth, width) {
|
package/lib/es6/Hover.js
CHANGED
|
@@ -16,9 +16,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
|
|
|
16
16
|
import createElement from './createElement';
|
|
17
17
|
import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT, scaleToBand } from './utils';
|
|
18
18
|
/*__reshadow-styles__:"./style/hover.shadow.css"*/
|
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
20
|
-
"__SHoverLine": "
|
|
21
|
-
"__SHoverRect": "
|
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_as3kf_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_as3kf_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "as3kf_gg_") /*__reshadow_css_end__*/, {
|
|
20
|
+
"__SHoverLine": "___SHoverLine_as3kf_gg_",
|
|
21
|
+
"__SHoverRect": "___SHoverRect_as3kf_gg_"
|
|
22
22
|
});
|
|
23
23
|
import Tooltip from './Tooltip';
|
|
24
24
|
var Hover = /*#__PURE__*/function (_Component) {
|
package/lib/es6/Line.js
CHANGED
|
@@ -15,15 +15,15 @@ import Dots from './Dots';
|
|
|
15
15
|
import AnimatedClipPath from './AnimatedClipPath';
|
|
16
16
|
import { resolvePatternDasharray } from './Pattern';
|
|
17
17
|
/*__reshadow-styles__:"./style/line.shadow.css"*/
|
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
19
|
-
"__SLine": "
|
|
20
|
-
"--duration": "--
|
|
21
|
-
"_color": "
|
|
22
|
-
"--color": "--
|
|
23
|
-
"_hide": "
|
|
24
|
-
"_transparent": "
|
|
25
|
-
"__SNull": "
|
|
26
|
-
"__SAria": "
|
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_fgbdw_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_fgbdw);transition-timing-function:ease-in-out}.___SLine_fgbdw_gg_.__color_fgbdw_gg_{stroke:var(--color_fgbdw)}.___SLine_fgbdw_gg_.__hide_fgbdw_gg_{display:none}.___SLine_fgbdw_gg_.__transparent_fgbdw_gg_{opacity:.3}.___SNull_fgbdw_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_fgbdw_gg_.__hide_fgbdw_gg_{display:none}.___SAria_fgbdw_gg_{transition-property:d;transition-duration:var(--duration_fgbdw);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_fgbdw_gg_.__color_fgbdw_gg_{fill:var(--color_fgbdw)}" /*__inner_css_end__*/, "fgbdw_gg_") /*__reshadow_css_end__*/, {
|
|
19
|
+
"__SLine": "___SLine_fgbdw_gg_",
|
|
20
|
+
"--duration": "--duration_fgbdw",
|
|
21
|
+
"_color": "__color_fgbdw_gg_",
|
|
22
|
+
"--color": "--color_fgbdw",
|
|
23
|
+
"_hide": "__hide_fgbdw_gg_",
|
|
24
|
+
"_transparent": "__transparent_fgbdw_gg_",
|
|
25
|
+
"__SNull": "___SNull_fgbdw_gg_",
|
|
26
|
+
"__SAria": "___SAria_fgbdw_gg_"
|
|
27
27
|
});
|
|
28
28
|
var LineRoot = /*#__PURE__*/function (_Component) {
|
|
29
29
|
_inherits(LineRoot, _Component);
|
package/lib/es6/Plot.js
CHANGED
|
@@ -18,9 +18,9 @@ import { PlotA11yModule } from './a11y/PlotA11yModule';
|
|
|
18
18
|
import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
|
|
19
19
|
import colorResolverEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
20
20
|
/*__reshadow-styles__:"./style/plot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SPlot": "
|
|
23
|
-
"_keyboardFocused": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_8iiif_gg_{overflow:hidden}.___SPlot_8iiif_gg_:active,.___SPlot_8iiif_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_8iiif_gg_.__keyboardFocused_8iiif_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "8iiif_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SPlot": "___SPlot_8iiif_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_8iiif_gg_"
|
|
24
24
|
});
|
|
25
25
|
var PlotRoot = /*#__PURE__*/function (_Component) {
|
|
26
26
|
_inherits(PlotRoot, _Component);
|
package/lib/es6/Radar.js
CHANGED
|
@@ -22,25 +22,25 @@ import { CONSTANT, eventToPoint, getChartDefaultColorName, measureText } from '.
|
|
|
22
22
|
import Tooltip from './Tooltip';
|
|
23
23
|
import { PatternFill, PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
24
24
|
/*__reshadow-styles__:"./style/radar.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SAxis": "
|
|
27
|
-
"__SAxisLine": "
|
|
28
|
-
"__SAxisTick": "
|
|
29
|
-
"_active": "
|
|
30
|
-
"__SAxisLabel": "
|
|
31
|
-
"_xDirection": "
|
|
32
|
-
"--xDirection": "--
|
|
33
|
-
"_yDirection": "
|
|
34
|
-
"--yDirection": "--
|
|
35
|
-
"__SPolygon": "
|
|
36
|
-
"_color": "
|
|
37
|
-
"--color": "--
|
|
38
|
-
"_pattern": "
|
|
39
|
-
"--pattern": "--
|
|
40
|
-
"__SPolygonDot": "
|
|
41
|
-
"_transparent": "
|
|
42
|
-
"__SPolygonLine": "
|
|
43
|
-
"__SPieRect": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_1wzaw_gg_,.___SAxisTick_1wzaw_gg_,.___SAxis_1wzaw_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_1wzaw_gg_,.___SAxisTick_1wzaw_gg_{stroke-dasharray:2}.___SAxisLine_1wzaw_gg_.__active_1wzaw_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_1wzaw_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_1wzaw_gg_.__xDirection_1wzaw_gg_{text-anchor:var(--xDirection_1wzaw)}.___SAxisLabel_1wzaw_gg_.__yDirection_1wzaw_gg_{dominant-baseline:var(--yDirection_1wzaw)}.___SPolygonDot_1wzaw_gg_,.___SPolygon_1wzaw_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_1wzaw_gg_{opacity:.2}.___SPolygon_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--color_1wzaw)}.___SPolygon_1wzaw_gg_.__pattern_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--pattern_1wzaw);stroke:var(--color_1wzaw);stroke-width:1px}.___SPolygonDot_1wzaw_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_1wzaw_gg_.__transparent_1wzaw_gg_{opacity:.3}.___SPolygonDot_1wzaw_gg_.__color_1wzaw_gg_{fill:var(--color_1wzaw)}.___SPolygonLine_1wzaw_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_1wzaw_gg_.__transparent_1wzaw_gg_{opacity:.3}.___SPolygonLine_1wzaw_gg_.__color_1wzaw_gg_{stroke:var(--color_1wzaw)}.___SPieRect_1wzaw_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1wzaw_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SAxis": "___SAxis_1wzaw_gg_",
|
|
27
|
+
"__SAxisLine": "___SAxisLine_1wzaw_gg_",
|
|
28
|
+
"__SAxisTick": "___SAxisTick_1wzaw_gg_",
|
|
29
|
+
"_active": "__active_1wzaw_gg_",
|
|
30
|
+
"__SAxisLabel": "___SAxisLabel_1wzaw_gg_",
|
|
31
|
+
"_xDirection": "__xDirection_1wzaw_gg_",
|
|
32
|
+
"--xDirection": "--xDirection_1wzaw",
|
|
33
|
+
"_yDirection": "__yDirection_1wzaw_gg_",
|
|
34
|
+
"--yDirection": "--yDirection_1wzaw",
|
|
35
|
+
"__SPolygon": "___SPolygon_1wzaw_gg_",
|
|
36
|
+
"_color": "__color_1wzaw_gg_",
|
|
37
|
+
"--color": "--color_1wzaw",
|
|
38
|
+
"_pattern": "__pattern_1wzaw_gg_",
|
|
39
|
+
"--pattern": "--pattern_1wzaw",
|
|
40
|
+
"__SPolygonDot": "___SPolygonDot_1wzaw_gg_",
|
|
41
|
+
"_transparent": "__transparent_1wzaw_gg_",
|
|
42
|
+
"__SPolygonLine": "___SPolygonLine_1wzaw_gg_",
|
|
43
|
+
"__SPieRect": "___SPieRect_1wzaw_gg_"
|
|
44
44
|
});
|
|
45
45
|
var clampAngle = function clampAngle(angle) {
|
|
46
46
|
angle = angle % (2 * Math.PI);
|
package/lib/es6/RadialTree.js
CHANGED
|
@@ -21,17 +21,17 @@ import createElement from './createElement';
|
|
|
21
21
|
import { getChartDefaultColorName, measureText } from './utils';
|
|
22
22
|
import { PatternSymbol, getPatternSymbolSize } from './Pattern';
|
|
23
23
|
/*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SRadian": "
|
|
26
|
-
"__SLine": "
|
|
27
|
-
"_color": "
|
|
28
|
-
"--color": "--
|
|
29
|
-
"_transparent": "
|
|
30
|
-
"__SCap": "
|
|
31
|
-
"_pattern": "
|
|
32
|
-
"__SIcon": "
|
|
33
|
-
"__SLabel": "
|
|
34
|
-
"__SLineCap": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadian_1m1hi_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1m1hi_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1m1hi_gg_.__color_1m1hi_gg_{stroke:var(--color_1m1hi)}.___SLine_1m1hi_gg_.__transparent_1m1hi_gg_{opacity:.3}.___SCap_1m1hi_gg_{transition:r .1s}.___SCap_1m1hi_gg_.__pattern_1m1hi_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1m1hi_gg_.__transparent_1m1hi_gg_,.___SIcon_1m1hi_gg_.__transparent_1m1hi_gg_,.___SLabel_1m1hi_gg_.__transparent_1m1hi_gg_{opacity:.3}.___SLabel_1m1hi_gg_{fill:var(--color_1m1hi)}@media (hover:hover){.___SRadian_1m1hi_gg_:hover .___SLabel_1m1hi_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1m1hi_gg_{transition:none}}" /*__inner_css_end__*/, "1m1hi_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SRadian": "___SRadian_1m1hi_gg_",
|
|
26
|
+
"__SLine": "___SLine_1m1hi_gg_",
|
|
27
|
+
"_color": "__color_1m1hi_gg_",
|
|
28
|
+
"--color": "--color_1m1hi",
|
|
29
|
+
"_transparent": "__transparent_1m1hi_gg_",
|
|
30
|
+
"__SCap": "___SCap_1m1hi_gg_",
|
|
31
|
+
"_pattern": "__pattern_1m1hi_gg_",
|
|
32
|
+
"__SIcon": "___SIcon_1m1hi_gg_",
|
|
33
|
+
"__SLabel": "___SLabel_1m1hi_gg_",
|
|
34
|
+
"__SLineCap": "___SLineCap_1m1hi_gg_"
|
|
35
35
|
});
|
|
36
36
|
var baseAngle = -Math.PI / 2; // The top vertical line
|
|
37
37
|
var RadialTreeBase = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ReferenceLine.js
CHANGED
|
@@ -11,15 +11,15 @@ import { Component, sstyled } from '@semcore/core';
|
|
|
11
11
|
import createElement from './createElement';
|
|
12
12
|
import { scaleOfBandwidth } from './utils';
|
|
13
13
|
/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SReferenceLine": "
|
|
16
|
-
"__STitle": "
|
|
17
|
-
"--transform-origin": "--transform-
|
|
18
|
-
"_position_top": "
|
|
19
|
-
"_position_bottom": "
|
|
20
|
-
"_position_right": "
|
|
21
|
-
"_position_left": "
|
|
22
|
-
"__SBackground": "
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_91fls_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_91fls_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_91fls)}.___STitle_91fls_gg_._position_top_91fls_gg_{text-anchor:middle}.___STitle_91fls_gg_._position_bottom_91fls_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_91fls_gg_._position_left_91fls_gg_,.___STitle_91fls_gg_._position_right_91fls_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_91fls_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "91fls_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SReferenceLine": "___SReferenceLine_91fls_gg_",
|
|
16
|
+
"__STitle": "___STitle_91fls_gg_",
|
|
17
|
+
"--transform-origin": "--transform-origin_91fls",
|
|
18
|
+
"_position_top": "_position_top_91fls_gg_",
|
|
19
|
+
"_position_bottom": "_position_bottom_91fls_gg_",
|
|
20
|
+
"_position_right": "_position_right_91fls_gg_",
|
|
21
|
+
"_position_left": "_position_left_91fls_gg_",
|
|
22
|
+
"__SBackground": "___SBackground_91fls_gg_"
|
|
23
23
|
});
|
|
24
24
|
var side2direction = {
|
|
25
25
|
left: 'vertical',
|
package/lib/es6/ScatterPlot.js
CHANGED
|
@@ -14,19 +14,19 @@ import { Component, Root, sstyled } from '@semcore/core';
|
|
|
14
14
|
import canUseDOM from '@semcore/utils/lib/canUseDOM';
|
|
15
15
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
16
16
|
import createElement from './createElement';
|
|
17
|
-
import { CONSTANT } from './utils';
|
|
17
|
+
import { CONSTANT, getScatterPlotRadius } from './utils';
|
|
18
18
|
import Tooltip from './Tooltip';
|
|
19
19
|
import { PatternFill } from './Pattern';
|
|
20
20
|
/*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SScatterPlot": "
|
|
23
|
-
"_color": "
|
|
24
|
-
"--color": "--
|
|
25
|
-
"_pattern": "
|
|
26
|
-
"--pattern": "--
|
|
27
|
-
"_transparent": "
|
|
28
|
-
"__SValue": "
|
|
29
|
-
"--duration": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_2iuio_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_2iuio);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_2iuio_gg_:hover{opacity:.8}}.___SScatterPlot_2iuio_gg_.__color_2iuio_gg_{fill:var(--color_2iuio)}.___SScatterPlot_2iuio_gg_.__pattern_2iuio_gg_.__color_2iuio_gg_{fill:var(--pattern_2iuio);stroke:var(--color_2iuio);stroke-width:1px}.___SScatterPlot_2iuio_gg_.__transparent_2iuio_gg_{opacity:.3}.___SValue_2iuio_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_2iuio_gg_.__color_2iuio_gg_{stroke:var(--color_2iuio)}.___SValue_2iuio_gg_.__transparent_2iuio_gg_{opacity:.3}" /*__inner_css_end__*/, "2iuio_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SScatterPlot": "___SScatterPlot_2iuio_gg_",
|
|
23
|
+
"_color": "__color_2iuio_gg_",
|
|
24
|
+
"--color": "--color_2iuio",
|
|
25
|
+
"_pattern": "__pattern_2iuio_gg_",
|
|
26
|
+
"--pattern": "--pattern_2iuio",
|
|
27
|
+
"_transparent": "__transparent_2iuio_gg_",
|
|
28
|
+
"__SValue": "___SValue_2iuio_gg_",
|
|
29
|
+
"--duration": "--duration_2iuio"
|
|
30
30
|
});
|
|
31
31
|
var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
32
32
|
_inherits(ScatterPlotRoot, _Component);
|
|
@@ -75,7 +75,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
|
|
|
75
75
|
uid = _this$asProps.uid,
|
|
76
76
|
r = _this$asProps.r,
|
|
77
77
|
value = _this$asProps.value;
|
|
78
|
-
var radius = r ? r : value
|
|
78
|
+
var radius = r ? r : getScatterPlotRadius(value);
|
|
79
79
|
var selectRect = transition().selection().selectAll("[id^=".concat(uid, "]")).attr('r', 0);
|
|
80
80
|
var selectRectNode = selectRect.node();
|
|
81
81
|
if (duration > 0 && selectRectNode) {
|