@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.
Files changed (73) hide show
  1. package/CHANGELOG.md +9 -2
  2. package/lib/cjs/Area.js +11 -11
  3. package/lib/cjs/Axis.js +14 -14
  4. package/lib/cjs/Bar.js +10 -10
  5. package/lib/cjs/Bubble.js +52 -47
  6. package/lib/cjs/Bubble.js.map +1 -1
  7. package/lib/cjs/Donut.js +9 -9
  8. package/lib/cjs/Dots.js +8 -8
  9. package/lib/cjs/HorizontalBar.js +10 -10
  10. package/lib/cjs/Hover.js +3 -3
  11. package/lib/cjs/Line.js +9 -9
  12. package/lib/cjs/Plot.js +3 -3
  13. package/lib/cjs/Radar.js +19 -19
  14. package/lib/cjs/RadialTree.js +11 -11
  15. package/lib/cjs/ReferenceLine.js +9 -9
  16. package/lib/cjs/ScatterPlot.js +10 -10
  17. package/lib/cjs/ScatterPlot.js.map +1 -1
  18. package/lib/cjs/Tooltip.js +9 -9
  19. package/lib/cjs/Venn.js +9 -9
  20. package/lib/cjs/a11y/PlotA11yModule.js +2 -2
  21. package/lib/cjs/a11y/PlotA11yView.js +2 -2
  22. package/lib/cjs/component/Chart/AbstractChart.js +11 -0
  23. package/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
  24. package/lib/cjs/component/Chart/BubbleChart.js +50 -16
  25. package/lib/cjs/component/Chart/BubbleChart.js.map +1 -1
  26. package/lib/cjs/component/Chart/BubbleChart.type.js.map +1 -1
  27. package/lib/cjs/component/Chart/ScatterPlotChart.js +15 -7
  28. package/lib/cjs/component/Chart/ScatterPlotChart.js.map +1 -1
  29. package/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  30. package/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  31. package/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  32. package/lib/cjs/index.js +12 -0
  33. package/lib/cjs/index.js.map +1 -1
  34. package/lib/cjs/utils.js +13 -1
  35. package/lib/cjs/utils.js.map +1 -1
  36. package/lib/es6/Area.js +11 -11
  37. package/lib/es6/Axis.js +14 -14
  38. package/lib/es6/Bar.js +10 -10
  39. package/lib/es6/Bubble.js +53 -48
  40. package/lib/es6/Bubble.js.map +1 -1
  41. package/lib/es6/Donut.js +9 -9
  42. package/lib/es6/Dots.js +8 -8
  43. package/lib/es6/HorizontalBar.js +10 -10
  44. package/lib/es6/Hover.js +3 -3
  45. package/lib/es6/Line.js +9 -9
  46. package/lib/es6/Plot.js +3 -3
  47. package/lib/es6/Radar.js +19 -19
  48. package/lib/es6/RadialTree.js +11 -11
  49. package/lib/es6/ReferenceLine.js +9 -9
  50. package/lib/es6/ScatterPlot.js +11 -11
  51. package/lib/es6/ScatterPlot.js.map +1 -1
  52. package/lib/es6/Tooltip.js +9 -9
  53. package/lib/es6/Venn.js +9 -9
  54. package/lib/es6/a11y/PlotA11yModule.js +2 -2
  55. package/lib/es6/a11y/PlotA11yView.js +2 -2
  56. package/lib/es6/component/Chart/AbstractChart.js +11 -0
  57. package/lib/es6/component/Chart/AbstractChart.js.map +1 -1
  58. package/lib/es6/component/Chart/BubbleChart.js +51 -17
  59. package/lib/es6/component/Chart/BubbleChart.js.map +1 -1
  60. package/lib/es6/component/Chart/BubbleChart.type.js.map +1 -1
  61. package/lib/es6/component/Chart/ScatterPlotChart.js +16 -8
  62. package/lib/es6/component/Chart/ScatterPlotChart.js.map +1 -1
  63. package/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
  64. package/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
  65. package/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
  66. package/lib/es6/index.js +1 -1
  67. package/lib/es6/index.js.map +1 -1
  68. package/lib/es6/utils.js +11 -1
  69. package/lib/es6/utils.js.map +1 -1
  70. package/lib/types/component/Chart/AbstractChart.d.ts +1 -0
  71. package/lib/types/component/Chart/BubbleChart.type.d.ts +4 -0
  72. package/lib/types/utils.d.ts +2 -0
  73. 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__*/".___SBubble_100kt_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_100kt);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_100kt_gg_:hover{opacity:.8}}.___SBubble_100kt_gg_.__color_100kt_gg_{fill:var(--color_100kt)}.___SBubble_100kt_gg_.__pattern_100kt_gg_.__color_100kt_gg_{fill:var(--pattern_100kt);stroke:var(--color_100kt);stroke-width:1px}.___SBubble_100kt_gg_.__transparent_100kt_gg_{opacity:.3}.___SCenter_100kt_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_100kt_gg_.__color_100kt_gg_{stroke:var(--color_100kt)}.___SCenter_100kt_gg_.__transparent_100kt_gg_{opacity:.3}.___SLabel_100kt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_100kt_gg_._position_right_100kt_gg_{text-anchor:end}.___SLabel_100kt_gg_._position_left_100kt_gg_{text-anchor:start}.___SLabel_100kt_gg_.__color_100kt_gg_{fill:var(--color_100kt)}.___SLabel_100kt_gg_.__transparent_100kt_gg_{opacity:.3}" /*__inner_css_end__*/, "100kt_gg_") /*__reshadow_css_end__*/, {
24
- "__SBubble": "___SBubble_100kt_gg_",
25
- "_color": "__color_100kt_gg_",
26
- "--color": "--color_100kt",
27
- "_pattern": "__pattern_100kt_gg_",
28
- "--pattern": "--pattern_100kt",
29
- "_transparent": "__transparent_100kt_gg_",
30
- "__SCenter": "___SCenter_100kt_gg_",
31
- "__SLabel": "___SLabel_100kt_gg_",
32
- "_position_right": "_position_right_100kt_gg_",
33
- "_position_left": "_position_left_100kt_gg_",
34
- "--duration": "--duration_100kt"
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 = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
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.animationCircle();
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$asProps2 = this.asProps,
110
- color = _this$asProps2.color,
111
- scale = _this$asProps2.scale,
112
- x = _this$asProps2.x,
113
- y = _this$asProps2.y,
114
- offset = _this$asProps2.offset,
115
- styles = _this$asProps2.styles,
116
- uid = _this$asProps2.uid,
117
- duration = _this$asProps2.duration,
118
- value = _this$asProps2.value,
119
- label = _this$asProps2.label,
120
- markedCross = _this$asProps2.markedCross,
121
- size = _this$asProps2.size,
122
- data = _this$asProps2.data,
123
- transparent = _this$asProps2.transparent,
124
- resolveColor = _this$asProps2.resolveColor,
125
- patterns = _this$asProps2.patterns;
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 = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
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$asProps3 = this.asProps,
194
- data = _this$asProps3.data,
195
- uid = _this$asProps3.uid,
196
- scale = _this$asProps3.scale,
197
- x = _this$asProps3.x,
198
- y = _this$asProps3.y,
199
- value = _this$asProps3.value;
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)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/React.createElement("clipPath", {
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", {
@@ -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 &#43;\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 &#43;\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__*/".___SPie_ycmqu_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_ycmqu_gg_.__color_ycmqu_gg_{fill:var(--color_ycmqu)}.___SPie_ycmqu_gg_.__pattern_ycmqu_gg_.__color_ycmqu_gg_{fill:var(--pattern_ycmqu);stroke:var(--color_ycmqu);stroke-width:1px}.___SPie_ycmqu_gg_.__transparent_ycmqu_gg_{opacity:.3}.___SEmptyData_ycmqu_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_ycmqu_gg_.__color_ycmqu_gg_{fill:var(--color_ycmqu)}.___SLabel_ycmqu_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "ycmqu_gg_") /*__reshadow_css_end__*/, {
27
- "__SPie": "___SPie_ycmqu_gg_",
28
- "_color": "__color_ycmqu_gg_",
29
- "--color": "--color_ycmqu",
30
- "_pattern": "__pattern_ycmqu_gg_",
31
- "--pattern": "--pattern_ycmqu",
32
- "_transparent": "__transparent_ycmqu_gg_",
33
- "__SEmptyData": "___SEmptyData_ycmqu_gg_",
34
- "__SLabel": "___SLabel_ycmqu_gg_"
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__*/".___SDots_1lqvn_gg_ .___SDot_1lqvn_gg_{transition-duration:var(--duration_1lqvn)}.___SDot_1lqvn_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_1lqvn_gg_.__hide_1lqvn_gg_{display:none}.___SDot_1lqvn_gg_.__color_1lqvn_gg_{fill:var(--color_1lqvn)}.___SDot_1lqvn_gg_.__transparent_1lqvn_gg_{opacity:.3}" /*__inner_css_end__*/, "1lqvn_gg_") /*__reshadow_css_end__*/, {
11
- "__SDot": "___SDot_1lqvn_gg_",
12
- "_hide": "__hide_1lqvn_gg_",
13
- "_color": "__color_1lqvn_gg_",
14
- "--color": "--color_1lqvn",
15
- "_transparent": "__transparent_1lqvn_gg_",
16
- "__SDots": "___SDots_1lqvn_gg_",
17
- "--duration": "--duration_1lqvn"
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'];
@@ -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__*/".___SBar_xzhxq_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_xzhxq);transition-timing-function:ease-in-out}.___SBar_xzhxq_gg_.__color_xzhxq_gg_{fill:var(--color_xzhxq)}.___SBar_xzhxq_gg_.__pattern_xzhxq_gg_.__color_xzhxq_gg_{fill:var(--pattern_xzhxq);stroke:var(--color_xzhxq);stroke-width:1px}.___SBar_xzhxq_gg_.__hide_xzhxq_gg_{display:none}.___SBar_xzhxq_gg_.__transparent_xzhxq_gg_{opacity:.3}.___SBackground_xzhxq_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "xzhxq_gg_") /*__reshadow_css_end__*/, {
17
- "__SBar": "___SBar_xzhxq_gg_",
18
- "--duration": "--duration_xzhxq",
19
- "_color": "__color_xzhxq_gg_",
20
- "--color": "--color_xzhxq",
21
- "_pattern": "__pattern_xzhxq_gg_",
22
- "--pattern": "--pattern_xzhxq",
23
- "_hide": "__hide_xzhxq_gg_",
24
- "_transparent": "__transparent_xzhxq_gg_",
25
- "__SBackground": "___SBackground_xzhxq_gg_"
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__*/".___SHoverLine_11r1k_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_11r1k_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "11r1k_gg_") /*__reshadow_css_end__*/, {
20
- "__SHoverLine": "___SHoverLine_11r1k_gg_",
21
- "__SHoverRect": "___SHoverRect_11r1k_gg_"
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__*/".___SLine_1euff_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1euff);transition-timing-function:ease-in-out}.___SLine_1euff_gg_.__color_1euff_gg_{stroke:var(--color_1euff)}.___SLine_1euff_gg_.__hide_1euff_gg_{display:none}.___SLine_1euff_gg_.__transparent_1euff_gg_{opacity:.3}.___SNull_1euff_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1euff_gg_.__hide_1euff_gg_{display:none}.___SAria_1euff_gg_{transition-property:d;transition-duration:var(--duration_1euff);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_1euff_gg_.__color_1euff_gg_{fill:var(--color_1euff)}" /*__inner_css_end__*/, "1euff_gg_") /*__reshadow_css_end__*/, {
19
- "__SLine": "___SLine_1euff_gg_",
20
- "--duration": "--duration_1euff",
21
- "_color": "__color_1euff_gg_",
22
- "--color": "--color_1euff",
23
- "_hide": "__hide_1euff_gg_",
24
- "_transparent": "__transparent_1euff_gg_",
25
- "__SNull": "___SNull_1euff_gg_",
26
- "__SAria": "___SAria_1euff_gg_"
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__*/".___SPlot_tq5g0_gg_{overflow:hidden}.___SPlot_tq5g0_gg_:active,.___SPlot_tq5g0_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_tq5g0_gg_.__keyboardFocused_tq5g0_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__*/, "tq5g0_gg_") /*__reshadow_css_end__*/, {
22
- "__SPlot": "___SPlot_tq5g0_gg_",
23
- "_keyboardFocused": "__keyboardFocused_tq5g0_gg_"
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__*/".___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_,.___SAxis_10j51_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_10j51_gg_,.___SAxisTick_10j51_gg_{stroke-dasharray:2}.___SAxisLine_10j51_gg_.__active_10j51_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_10j51_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_10j51_gg_.__xDirection_10j51_gg_{text-anchor:var(--xDirection_10j51)}.___SAxisLabel_10j51_gg_.__yDirection_10j51_gg_{dominant-baseline:var(--yDirection_10j51)}.___SPolygonDot_10j51_gg_,.___SPolygon_10j51_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_10j51_gg_{opacity:.2}.___SPolygon_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygon_10j51_gg_.__pattern_10j51_gg_.__color_10j51_gg_{fill:var(--pattern_10j51);stroke:var(--color_10j51);stroke-width:1px}.___SPolygonDot_10j51_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonDot_10j51_gg_.__color_10j51_gg_{fill:var(--color_10j51)}.___SPolygonLine_10j51_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_10j51_gg_.__transparent_10j51_gg_{opacity:.3}.___SPolygonLine_10j51_gg_.__color_10j51_gg_{stroke:var(--color_10j51)}.___SPieRect_10j51_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "10j51_gg_") /*__reshadow_css_end__*/, {
26
- "__SAxis": "___SAxis_10j51_gg_",
27
- "__SAxisLine": "___SAxisLine_10j51_gg_",
28
- "__SAxisTick": "___SAxisTick_10j51_gg_",
29
- "_active": "__active_10j51_gg_",
30
- "__SAxisLabel": "___SAxisLabel_10j51_gg_",
31
- "_xDirection": "__xDirection_10j51_gg_",
32
- "--xDirection": "--xDirection_10j51",
33
- "_yDirection": "__yDirection_10j51_gg_",
34
- "--yDirection": "--yDirection_10j51",
35
- "__SPolygon": "___SPolygon_10j51_gg_",
36
- "_color": "__color_10j51_gg_",
37
- "--color": "--color_10j51",
38
- "_pattern": "__pattern_10j51_gg_",
39
- "--pattern": "--pattern_10j51",
40
- "__SPolygonDot": "___SPolygonDot_10j51_gg_",
41
- "_transparent": "__transparent_10j51_gg_",
42
- "__SPolygonLine": "___SPolygonLine_10j51_gg_",
43
- "__SPieRect": "___SPieRect_10j51_gg_"
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);
@@ -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__*/".___SRadian_1dszt_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1dszt_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1dszt_gg_.__color_1dszt_gg_{stroke:var(--color_1dszt)}.___SLine_1dszt_gg_.__transparent_1dszt_gg_{opacity:.3}.___SCap_1dszt_gg_{transition:r .1s}.___SCap_1dszt_gg_.__pattern_1dszt_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:1px}.___SCap_1dszt_gg_.__transparent_1dszt_gg_,.___SIcon_1dszt_gg_.__transparent_1dszt_gg_,.___SLabel_1dszt_gg_.__transparent_1dszt_gg_{opacity:.3}.___SLabel_1dszt_gg_{fill:var(--color_1dszt)}@media (hover:hover){.___SRadian_1dszt_gg_:hover .___SLabel_1dszt_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1dszt_gg_{transition:none}}" /*__inner_css_end__*/, "1dszt_gg_") /*__reshadow_css_end__*/, {
25
- "__SRadian": "___SRadian_1dszt_gg_",
26
- "__SLine": "___SLine_1dszt_gg_",
27
- "_color": "__color_1dszt_gg_",
28
- "--color": "--color_1dszt",
29
- "_transparent": "__transparent_1dszt_gg_",
30
- "__SCap": "___SCap_1dszt_gg_",
31
- "_pattern": "__pattern_1dszt_gg_",
32
- "__SIcon": "___SIcon_1dszt_gg_",
33
- "__SLabel": "___SLabel_1dszt_gg_",
34
- "__SLineCap": "___SLineCap_1dszt_gg_"
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) {
@@ -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__*/".___SReferenceLine_qijst_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_qijst_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_qijst)}.___STitle_qijst_gg_._position_top_qijst_gg_{text-anchor:middle}.___STitle_qijst_gg_._position_bottom_qijst_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_qijst_gg_._position_left_qijst_gg_,.___STitle_qijst_gg_._position_right_qijst_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_qijst_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "qijst_gg_") /*__reshadow_css_end__*/, {
15
- "__SReferenceLine": "___SReferenceLine_qijst_gg_",
16
- "__STitle": "___STitle_qijst_gg_",
17
- "--transform-origin": "--transform-origin_qijst",
18
- "_position_top": "_position_top_qijst_gg_",
19
- "_position_bottom": "_position_bottom_qijst_gg_",
20
- "_position_right": "_position_right_qijst_gg_",
21
- "_position_left": "_position_left_qijst_gg_",
22
- "__SBackground": "___SBackground_qijst_gg_"
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',
@@ -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__*/".___SScatterPlot_1f1wt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1f1wt);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1f1wt_gg_:hover{opacity:.8}}.___SScatterPlot_1f1wt_gg_.__color_1f1wt_gg_{fill:var(--color_1f1wt)}.___SScatterPlot_1f1wt_gg_.__pattern_1f1wt_gg_.__color_1f1wt_gg_{fill:var(--pattern_1f1wt);stroke:var(--color_1f1wt);stroke-width:1px}.___SScatterPlot_1f1wt_gg_.__transparent_1f1wt_gg_{opacity:.3}.___SValue_1f1wt_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1f1wt_gg_.__color_1f1wt_gg_{stroke:var(--color_1f1wt)}.___SValue_1f1wt_gg_.__transparent_1f1wt_gg_{opacity:.3}" /*__inner_css_end__*/, "1f1wt_gg_") /*__reshadow_css_end__*/, {
22
- "__SScatterPlot": "___SScatterPlot_1f1wt_gg_",
23
- "_color": "__color_1f1wt_gg_",
24
- "--color": "--color_1f1wt",
25
- "_pattern": "__pattern_1f1wt_gg_",
26
- "--pattern": "--pattern_1f1wt",
27
- "_transparent": "__transparent_1f1wt_gg_",
28
- "__SValue": "___SValue_1f1wt_gg_",
29
- "--duration": "--duration_1f1wt"
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 ? 12 : 5.5;
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) {