@semcore/d3-chart 2.8.1 → 2.8.3

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.8.3] - 2022-01-10
+
+### Fixed
+
+- Added prop `transparent` for all charts opacity
+
+## [2.8.2] - 2023-01-10
+
 ## [2.8.1] - 2023-01-09
 
 ### Changed

package/lib/cjs/Area.js

@@ -48,19 +48,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_1uw7z_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_1uw7z_gg_.__color_1uw7z_gg_{fill:var(--color_1uw7z)}.___SArea_1uw7z_gg_.__transparent_1uw7z_gg_{opacity:.3}.___SAreaLine_1uw7z_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1uw7z_gg_.__color_1uw7z_gg_{stroke:var(--color_1uw7z)}.___SAreaLine_1uw7z_gg_.__transparent_1uw7z_gg_{opacity:.3}.___SArea_1uw7z_gg_,.___SAreaLine_1uw7z_gg_{transition-property:d;transition-duration:var(--duration_1uw7z);transition-timing-function:ease-in-out}.___SNull_1uw7z_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_1uw7z_gg_.__hide_1uw7z_gg_{display:none}"
+".___SArea_1qn7y_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);fill-opacity:.2}.___SArea_1qn7y_gg_.__color_1qn7y_gg_{fill:var(--color_1qn7y)}.___SArea_1qn7y_gg_.__transparent_1qn7y_gg_{opacity:.3}.___SAreaLine_1qn7y_gg_{stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_1qn7y_gg_.__color_1qn7y_gg_{stroke:var(--color_1qn7y)}.___SAreaLine_1qn7y_gg_.__transparent_1qn7y_gg_{opacity:.3}.___SArea_1qn7y_gg_,.___SAreaLine_1qn7y_gg_{transition-property:d;transition-duration:var(--duration_1qn7y);transition-timing-function:ease-in-out}.___SNull_1qn7y_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf);stroke-dasharray:4}.___SNull_1qn7y_gg_.__hide_1qn7y_gg_{display:none}"
 /*__inner_css_end__*/
-, "1uw7z_gg_")
+, "1qn7y_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_1uw7z_gg_",
-  "_color": "__color_1uw7z_gg_",
-  "--color": "--color_1uw7z",
-  "_transparent": "__transparent_1uw7z_gg_",
-  "__SAreaLine": "___SAreaLine_1uw7z_gg_",
-  "--duration": "--duration_1uw7z",
-  "__SNull": "___SNull_1uw7z_gg_",
-  "_hide": "__hide_1uw7z_gg_"
+  "__SArea": "___SArea_1qn7y_gg_",
+  "_color": "__color_1qn7y_gg_",
+  "--color": "--color_1qn7y",
+  "_transparent": "__transparent_1qn7y_gg_",
+  "__SAreaLine": "___SAreaLine_1qn7y_gg_",
+  "--duration": "--duration_1qn7y",
+  "__SNull": "___SNull_1qn7y_gg_",
+  "_hide": "__hide_1qn7y_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Axis.js

@@ -44,23 +44,23 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_xde4s_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_xde4s_gg_.__hide_xde4s_gg_{display:none}.___STick_xde4s_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_xde4s_gg_.__hide_xde4s_gg_{display:none}.___SGrid_xde4s_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_xde4s_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_xde4s)}.___STitle_xde4s_gg_._position_top_xde4s_gg_{text-anchor:middle}.___STitle_xde4s_gg_._position_bottom_xde4s_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_xde4s_gg_._position_right_xde4s_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_xde4s_gg_._position_left_xde4s_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_xde4s_gg_._position_top_xde4s_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_xde4s_gg_._position_bottom_xde4s_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_xde4s_gg_._position_right_xde4s_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_xde4s_gg_._position_left_xde4s_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_xde4s_gg_._position_custom_0_xde4s_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_xde4s_gg_._position_custom_1_xde4s_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_v63q2_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SAxis_v63q2_gg_.__hide_v63q2_gg_{display:none}.___STick_v63q2_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-chart-grid-text-label,#6c6e79)}.___STick_v63q2_gg_.__hide_v63q2_gg_{display:none}.___SGrid_v63q2_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary,#e0e1e9)}.___STitle_v63q2_gg_{font-size:var(--intergalactic-fs-100,12px);fill:var(--intergalactic-text-hint,#6c6e79);transform-origin:var(--transform-origin_v63q2)}.___STitle_v63q2_gg_._position_top_v63q2_gg_{text-anchor:middle}.___STitle_v63q2_gg_._position_bottom_v63q2_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_v63q2_gg_._position_right_v63q2_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_v63q2_gg_._position_left_v63q2_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___STick_v63q2_gg_._position_top_v63q2_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_v63q2_gg_._position_bottom_v63q2_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_v63q2_gg_._position_right_v63q2_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_v63q2_gg_._position_left_v63q2_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_v63q2_gg_._position_custom_0_v63q2_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_v63q2_gg_._position_custom_1_v63q2_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
-, "xde4s_gg_")
+, "v63q2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_xde4s_gg_",
-  "_hide": "__hide_xde4s_gg_",
-  "__STick": "___STick_xde4s_gg_",
-  "__SGrid": "___SGrid_xde4s_gg_",
-  "__STitle": "___STitle_xde4s_gg_",
-  "--transform-origin": "--transform-origin_xde4s",
-  "_position_top": "_position_top_xde4s_gg_",
-  "_position_bottom": "_position_bottom_xde4s_gg_",
-  "_position_right": "_position_right_xde4s_gg_",
-  "_position_left": "_position_left_xde4s_gg_",
-  "_position_custom_0": "_position_custom_0_xde4s_gg_",
-  "_position_custom_1": "_position_custom_1_xde4s_gg_"
+  "__SAxis": "___SAxis_v63q2_gg_",
+  "_hide": "__hide_v63q2_gg_",
+  "__STick": "___STick_v63q2_gg_",
+  "__SGrid": "___SGrid_v63q2_gg_",
+  "__STitle": "___STitle_v63q2_gg_",
+  "--transform-origin": "--transform-origin_v63q2",
+  "_position_top": "_position_top_v63q2_gg_",
+  "_position_bottom": "_position_bottom_v63q2_gg_",
+  "_position_right": "_position_right_v63q2_gg_",
+  "_position_left": "_position_left_v63q2_gg_",
+  "_position_custom_0": "_position_custom_0_v63q2_gg_",
+  "_position_custom_1": "_position_custom_1_v63q2_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -44,18 +44,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_wp2ex);transition-timing-function:ease-in-out}.___SBar_wp2ex_gg_.__color_wp2ex_gg_{fill:var(--color_wp2ex)}.___SBar_wp2ex_gg_.__hide_wp2ex_gg_{display:none}.___SBar_wp2ex_gg_.__transparent_wp2ex_gg_{opacity:.3}.___SBackground_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_9yer2_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_9yer2);transition-timing-function:ease-in-out}.___SBar_9yer2_gg_.__color_9yer2_gg_{fill:var(--color_9yer2)}.___SBar_9yer2_gg_.__hide_9yer2_gg_{display:none}.___SBar_9yer2_gg_.__transparent_9yer2_gg_{opacity:.3}.___SBackground_9yer2_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "wp2ex_gg_")
+, "9yer2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_wp2ex_gg_",
-  "--duration": "--duration_wp2ex",
-  "_color": "__color_wp2ex_gg_",
-  "--color": "--color_wp2ex",
-  "_hide": "__hide_wp2ex_gg_",
-  "_transparent": "__transparent_wp2ex_gg_",
-  "__SBackground": "___SBackground_wp2ex_gg_"
+  "__SBar": "___SBar_9yer2_gg_",
+  "--duration": "--duration_9yer2",
+  "_color": "__color_9yer2_gg_",
+  "--color": "--color_9yer2",
+  "_hide": "__hide_9yer2_gg_",
+  "_transparent": "__transparent_9yer2_gg_",
+  "__SBackground": "___SBackground_9yer2_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Bubble.js

@@ -56,19 +56,20 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_1j5z5_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1j5z5);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1j5z5_gg_:hover{opacity:.8}.___SBubble_1j5z5_gg_.__color_1j5z5_gg_{fill:var(--color_1j5z5)}.___SCenter_1j5z5_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_1j5z5_gg_.__color_1j5z5_gg_{stroke:var(--color_1j5z5)}.___SLabel_1j5z5_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_1j5z5_gg_._position_right_1j5z5_gg_{text-anchor:end}.___SLabel_1j5z5_gg_._position_left_1j5z5_gg_{text-anchor:start}.___SLabel_1j5z5_gg_.__color_1j5z5_gg_{fill:var(--color_1j5z5)}"
+".___SBubble_1p9ph_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1p9ph);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1p9ph_gg_:hover{opacity:.8}.___SBubble_1p9ph_gg_.__color_1p9ph_gg_{fill:var(--color_1p9ph)}.___SBubble_1p9ph_gg_.__transparent_1p9ph_gg_{opacity:.3}.___SCenter_1p9ph_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_1p9ph_gg_.__color_1p9ph_gg_{stroke:var(--color_1p9ph)}.___SCenter_1p9ph_gg_.__transparent_1p9ph_gg_{opacity:.3}.___SLabel_1p9ph_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_1p9ph_gg_._position_right_1p9ph_gg_{text-anchor:end}.___SLabel_1p9ph_gg_._position_left_1p9ph_gg_{text-anchor:start}.___SLabel_1p9ph_gg_.__color_1p9ph_gg_{fill:var(--color_1p9ph)}.___SLabel_1p9ph_gg_.__transparent_1p9ph_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "1j5z5_gg_")
+, "1p9ph_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_1j5z5_gg_",
-  "--duration": "--duration_1j5z5",
-  "_color": "__color_1j5z5_gg_",
-  "--color": "--color_1j5z5",
-  "__SCenter": "___SCenter_1j5z5_gg_",
-  "__SLabel": "___SLabel_1j5z5_gg_",
-  "_position_right": "_position_right_1j5z5_gg_",
-  "_position_left": "_position_left_1j5z5_gg_"
+  "__SBubble": "___SBubble_1p9ph_gg_",
+  "--duration": "--duration_1p9ph",
+  "_color": "__color_1p9ph_gg_",
+  "--color": "--color_1p9ph",
+  "_transparent": "__transparent_1p9ph_gg_",
+  "__SCenter": "___SCenter_1p9ph_gg_",
+  "__SLabel": "___SLabel_1p9ph_gg_",
+  "_position_right": "_position_right_1p9ph_gg_",
+  "_position_left": "_position_left_1p9ph_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {
@@ -164,7 +165,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
           label = _this$asProps2.label,
           markedCross = _this$asProps2.markedCross,
           size = _this$asProps2.size,
-          data = _this$asProps2.data;
+          data = _this$asProps2.data,
+          transparent = _this$asProps2.transparent;
 
       var _scale = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale[0],
@@ -196,7 +198,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "y": yScale(d[y]) + offset[1],
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
-        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color,
+        "transparent": transparent
       }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref.cn("SBubble", {
         "aria-hidden": true,
         "id": "".concat(uid).concat(uid),
@@ -207,7 +210,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "cy": yScale(d[y]) + offset[1],
         "color": d[color],
         "r": z(d[value]),
-        "use:duration": "".concat(duration, "ms")
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
       })), d[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref.cn("SLabel", {
         "aria-hidden": true,
         "x": labelDistance,
@@ -215,7 +219,8 @@ var BubbleRoot = /*#__PURE__*/function (_Component) {
         "dy": ".3em",
         "clipPath": "url(#".concat(uid, ")"),
         "position": labelPosition,
-        "color": d[color]
+        "color": d[color],
+        "transparent": transparent
       }), d[label]));
     }
   }, {

package/lib/cjs/Bubble.js.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\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 =\n    (visible, props) =>\n    ({ 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, 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 (duration > 0 && 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    } = 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 })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\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={d[color] ?? color}\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={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\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={d[color]}\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\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}
+{"version":3,"file":"Bubble.js","names":["BubbleRoot","canUseDOM","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","scaleSqrt","domain","Math","max","map","el","range","selectRect","transition","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","transparent","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","measureText","labelDistance","sstyled","bindHandlerTooltip","xIndex","xSize","abs","ySize","xMargin","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","renderCircle","bind","Component","style","uniqueIDEnhancement","Bubble"],"sources":["../../src/Bubble.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleSqrt } from 'd3-scale';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { CONSTANT, measureText } from './utils';\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 =\n    (visible, props) =>\n    ({ 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, 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 (duration > 0 && 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    } = 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 })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\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={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={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\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={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\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"mappings":"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"}

package/lib/cjs/Donut.js

@@ -66,17 +66,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_1ne65_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_1ne65_gg_.__color_1ne65_gg_{fill:var(--color_1ne65)}.___SPie_1ne65_gg_.__transparent_1ne65_gg_{opacity:.3}.___SEmptyData_1ne65_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_1ne65_gg_.__color_1ne65_gg_{fill:var(--color_1ne65)}.___SLabel_1ne65_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_1tglj_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_1tglj_gg_.__color_1tglj_gg_{fill:var(--color_1tglj)}.___SPie_1tglj_gg_.__transparent_1tglj_gg_{opacity:.3}.___SEmptyData_1tglj_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_1tglj_gg_.__color_1tglj_gg_{fill:var(--color_1tglj)}.___SLabel_1tglj_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "1ne65_gg_")
+, "1tglj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_1ne65_gg_",
-  "_color": "__color_1ne65_gg_",
-  "--color": "--color_1ne65",
-  "_transparent": "__transparent_1ne65_gg_",
-  "__SEmptyData": "___SEmptyData_1ne65_gg_",
-  "__SLabel": "___SLabel_1ne65_gg_"
+  "__SPie": "___SPie_1tglj_gg_",
+  "_color": "__color_1tglj_gg_",
+  "--color": "--color_1tglj",
+  "_transparent": "__transparent_1tglj_gg_",
+  "__SEmptyData": "___SEmptyData_1tglj_gg_",
+  "__SLabel": "___SLabel_1tglj_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/cjs/Dots.js

@@ -32,19 +32,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_kazb4_gg_ .___SDot_kazb4_gg_{transition-duration:var(--duration_kazb4)}.___SDot_kazb4_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_kazb4_gg_.__hide_kazb4_gg_{display:none}.___SDot_kazb4_gg_.__active_kazb4_gg_{r:8px}.___SDot_kazb4_gg_.__color_kazb4_gg_{fill:var(--color_kazb4)}.___SDot_kazb4_gg_.__transparent_kazb4_gg_{opacity:.3}"
+".___SDots_vudb2_gg_ .___SDot_vudb2_gg_{transition-duration:var(--duration_vudb2)}.___SDot_vudb2_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_vudb2_gg_.__hide_vudb2_gg_{display:none}.___SDot_vudb2_gg_.__active_vudb2_gg_{r:8px}.___SDot_vudb2_gg_.__color_vudb2_gg_{fill:var(--color_vudb2)}.___SDot_vudb2_gg_.__transparent_vudb2_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "kazb4_gg_")
+, "vudb2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_kazb4_gg_",
-  "__SDot": "___SDot_kazb4_gg_",
-  "--duration": "--duration_kazb4",
-  "_hide": "__hide_kazb4_gg_",
-  "_active": "__active_kazb4_gg_",
-  "_color": "__color_kazb4_gg_",
-  "--color": "--color_kazb4",
-  "_transparent": "__transparent_kazb4_gg_"
+  "__SDots": "___SDots_vudb2_gg_",
+  "__SDot": "___SDot_vudb2_gg_",
+  "--duration": "--duration_vudb2",
+  "_hide": "__hide_vudb2_gg_",
+  "_active": "__active_vudb2_gg_",
+  "_color": "__color_vudb2_gg_",
+  "--color": "--color_vudb2",
+  "_transparent": "__transparent_vudb2_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/cjs/HorizontalBar.js

@@ -42,18 +42,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_wp2ex);transition-timing-function:ease-in-out}.___SBar_wp2ex_gg_.__color_wp2ex_gg_{fill:var(--color_wp2ex)}.___SBar_wp2ex_gg_.__hide_wp2ex_gg_{display:none}.___SBar_wp2ex_gg_.__transparent_wp2ex_gg_{opacity:.3}.___SBackground_wp2ex_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_9yer2_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_9yer2);transition-timing-function:ease-in-out}.___SBar_9yer2_gg_.__color_9yer2_gg_{fill:var(--color_9yer2)}.___SBar_9yer2_gg_.__hide_9yer2_gg_{display:none}.___SBar_9yer2_gg_.__transparent_9yer2_gg_{opacity:.3}.___SBackground_9yer2_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "wp2ex_gg_")
+, "9yer2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_wp2ex_gg_",
-  "--duration": "--duration_wp2ex",
-  "_color": "__color_wp2ex_gg_",
-  "--color": "--color_wp2ex",
-  "_hide": "__hide_wp2ex_gg_",
-  "_transparent": "__transparent_wp2ex_gg_",
-  "__SBackground": "___SBackground_wp2ex_gg_"
+  "__SBar": "___SBar_9yer2_gg_",
+  "--duration": "--duration_9yer2",
+  "_color": "__color_9yer2_gg_",
+  "--color": "--color_9yer2",
+  "_hide": "__hide_9yer2_gg_",
+  "_transparent": "__transparent_9yer2_gg_",
+  "__SBackground": "___SBackground_9yer2_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1egmm_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1egmm_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
+".___SHoverLine_1jgiv_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1jgiv_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
 /*__inner_css_end__*/
-, "1egmm_gg_")
+, "1jgiv_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1egmm_gg_",
-  "__SHoverRect": "___SHoverRect_1egmm_gg_"
+  "__SHoverLine": "___SHoverLine_1jgiv_gg_",
+  "__SHoverRect": "___SHoverRect_1jgiv_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -46,18 +46,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_qe62h_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_qe62h);transition-timing-function:ease-in-out}.___SLine_qe62h_gg_.__color_qe62h_gg_{stroke:var(--color_qe62h)}.___SLine_qe62h_gg_.__hide_qe62h_gg_{display:none}.___SLine_qe62h_gg_.__transparent_qe62h_gg_{opacity:.3}.___SNull_qe62h_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_qe62h_gg_.__hide_qe62h_gg_{display:none}"
+".___SLine_1lpm3_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_1lpm3);transition-timing-function:ease-in-out}.___SLine_1lpm3_gg_.__color_1lpm3_gg_{stroke:var(--color_1lpm3)}.___SLine_1lpm3_gg_.__hide_1lpm3_gg_{display:none}.___SLine_1lpm3_gg_.__transparent_1lpm3_gg_{opacity:.3}.___SNull_1lpm3_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_1lpm3_gg_.__hide_1lpm3_gg_{display:none}"
 /*__inner_css_end__*/
-, "qe62h_gg_")
+, "1lpm3_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_qe62h_gg_",
-  "--duration": "--duration_qe62h",
-  "_color": "__color_qe62h_gg_",
-  "--color": "--color_qe62h",
-  "_hide": "__hide_qe62h_gg_",
-  "_transparent": "__transparent_qe62h_gg_",
-  "__SNull": "___SNull_qe62h_gg_"
+  "__SLine": "___SLine_1lpm3_gg_",
+  "--duration": "--duration_1lpm3",
+  "_color": "__color_1lpm3_gg_",
+  "--color": "--color_1lpm3",
+  "_hide": "__hide_1lpm3_gg_",
+  "_transparent": "__transparent_1lpm3_gg_",
+  "__SNull": "___SNull_1lpm3_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Plot.js

@@ -58,13 +58,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_ki7uw_gg_{overflow:hidden}.___SPlot_ki7uw_gg_:active,.___SPlot_ki7uw_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_ki7uw_gg_.__keyboardFocused_ki7uw_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
+".___SPlot_zsp42_gg_{overflow:hidden}.___SPlot_zsp42_gg_:active,.___SPlot_zsp42_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_zsp42_gg_.__keyboardFocused_zsp42_gg_{border:1px solid var(--intergalactic-chart-palette-order-blue-second-order,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
 /*__inner_css_end__*/
-, "ki7uw_gg_")
+, "zsp42_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_ki7uw_gg_",
-  "_keyboardFocused": "__keyboardFocused_ki7uw_gg_"
+  "__SPlot": "___SPlot_zsp42_gg_",
+  "_keyboardFocused": "__keyboardFocused_zsp42_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/RadialTree.js

@@ -60,20 +60,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_ejyg7_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_ejyg7_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_ejyg7_gg_.__color_ejyg7_gg_{stroke:var(--color_ejyg7)}.___SCap_ejyg7_gg_{transition:r .1s}.___SLabel_ejyg7_gg_{fill:var(--color_ejyg7);cursor:var(--text-cursor_ejyg7)}.___SRadian_ejyg7_gg_:hover .___SLabel_ejyg7_gg_{fill:var(--color-hovered_ejyg7)}@media (prefers-reduced-motion){.___SLineCap_ejyg7_gg_{transition:none}}"
+".___SRadian_h5dq8_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_h5dq8_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_h5dq8_gg_.__color_h5dq8_gg_{stroke:var(--color_h5dq8)}.___SLine_h5dq8_gg_.__transparent_h5dq8_gg_{opacity:.3}.___SCap_h5dq8_gg_{transition:r .1s}.___SCap_h5dq8_gg_.__transparent_h5dq8_gg_{opacity:.3}.___SIcon_h5dq8_gg_.__transparent_h5dq8_gg_{opacity:.3}.___SLabel_h5dq8_gg_{fill:var(--color_h5dq8);cursor:var(--text-cursor_h5dq8)}.___SLabel_h5dq8_gg_.__transparent_h5dq8_gg_{opacity:.3}.___SRadian_h5dq8_gg_:hover .___SLabel_h5dq8_gg_{fill:var(--color-hovered_h5dq8)}@media (prefers-reduced-motion){.___SLineCap_h5dq8_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "ejyg7_gg_")
+, "h5dq8_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_ejyg7_gg_",
-  "__SLine": "___SLine_ejyg7_gg_",
-  "_color": "__color_ejyg7_gg_",
-  "--color": "--color_ejyg7",
-  "__SCap": "___SCap_ejyg7_gg_",
-  "__SLabel": "___SLabel_ejyg7_gg_",
-  "--text-cursor": "--text-cursor_ejyg7",
-  "--color-hovered": "--color-hovered_ejyg7",
-  "__SLineCap": "___SLineCap_ejyg7_gg_"
+  "__SRadian": "___SRadian_h5dq8_gg_",
+  "__SLine": "___SLine_h5dq8_gg_",
+  "_color": "__color_h5dq8_gg_",
+  "--color": "--color_h5dq8",
+  "_transparent": "__transparent_h5dq8_gg_",
+  "__SCap": "___SCap_h5dq8_gg_",
+  "__SIcon": "___SIcon_h5dq8_gg_",
+  "__SLabel": "___SLabel_h5dq8_gg_",
+  "--text-cursor": "--text-cursor_h5dq8",
+  "--color-hovered": "--color-hovered_h5dq8",
+  "__SLineCap": "___SLineCap_h5dq8_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 
@@ -398,14 +400,17 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
           xEnd = _this$computeRadianPo2.xEnd,
           yEnd = _this$computeRadianPo2.yEnd;
 
-      var uid = this.asProps.uid;
+      var _this$asProps5 = this.asProps,
+          uid = _this$asProps5.uid,
+          transparent = _this$asProps5.transparent;
       var color = (_data$color = data.color) !== null && _data$color !== void 0 ? _data$color : this.asProps.color;
       return _ref13 = {
         x1: xStart,
         y1: yStart,
         x2: xEnd,
         y2: yEnd,
-        stroke: color
+        stroke: color,
+        transparent: transparent
       }, (0, _defineProperty2["default"])(_ref13, 'data-radial-animation', "".concat(uid, "-line")), (0, _defineProperty2["default"])(_ref13, 'data-radian-index', index), _ref13;
     }
   }, {
@@ -421,13 +426,16 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
           yEnd = _this$computeRadianPo3.yEnd,
           capSize = _this$computeRadianPo3.capSize;
 
-      var uid = this.asProps.uid;
+      var _this$asProps6 = this.asProps,
+          uid = _this$asProps6.uid,
+          transparent = _this$asProps6.transparent;
       var color = (_data$color2 = data.color) !== null && _data$color2 !== void 0 ? _data$color2 : this.asProps.color;
       return _ref15 = {
         x: xEnd,
         y: yEnd,
         radius: capSize,
-        color: color
+        color: color,
+        transparent: transparent
       }, (0, _defineProperty2["default"])(_ref15, 'data-radial-animation', "".concat(uid, "-cap-circle")), (0, _defineProperty2["default"])(_ref15, 'data-radian-index', index), _ref15;
     }
   }, {
@@ -468,16 +476,17 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
           labelAngle = _this$computeRadianPo5.labelAngle,
           isHorizontal = _this$computeRadianPo5.isHorizontal;
 
-      var _this$asProps5 = this.asProps,
-          uid = _this$asProps5.uid,
-          textSize = _this$asProps5.textSize;
+      var _this$asProps7 = this.asProps,
+          uid = _this$asProps7.uid,
+          textSize = _this$asProps7.textSize,
+          transparent = _this$asProps7.transparent;
       var label = data.label;
       var color = (_data$color3 = data.color) !== null && _data$color3 !== void 0 ? _data$color3 : this.asProps.color;
       return _ref19 = {
         x: xLabelCenter,
         y: yLabelCenter,
         angle: labelAngle
-      }, (0, _defineProperty2["default"])(_ref19, 'data-radial-animation', "".concat(uid, "-label")), (0, _defineProperty2["default"])(_ref19, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref19, "label", label), (0, _defineProperty2["default"])(_ref19, "color", color), (0, _defineProperty2["default"])(_ref19, "isHorizontal", isHorizontal), (0, _defineProperty2["default"])(_ref19, "textSize", textSize), _ref19;
+      }, (0, _defineProperty2["default"])(_ref19, 'data-radial-animation', "".concat(uid, "-label")), (0, _defineProperty2["default"])(_ref19, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref19, "label", label), (0, _defineProperty2["default"])(_ref19, "color", color), (0, _defineProperty2["default"])(_ref19, "isHorizontal", isHorizontal), (0, _defineProperty2["default"])(_ref19, "textSize", textSize), (0, _defineProperty2["default"])(_ref19, "transparent", transparent), _ref19;
     }
   }, {
     key: "getRadianKey",
@@ -491,14 +500,14 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     value: function computeRadianPosition(data, index) {
       var _data$capSize;
 
-      var _this$asProps6 = this.asProps,
-          centralMargin = _this$asProps6.centralMargin,
-          labelMargin = _this$asProps6.labelMargin,
-          angleOffset = _this$asProps6.angleOffset,
-          activeKey = _this$asProps6.activeKey,
-          size = _this$asProps6.size,
-          radiansCount = _this$asProps6.radiansCount,
-          textWidth = _this$asProps6.textWidth;
+      var _this$asProps8 = this.asProps,
+          centralMargin = _this$asProps8.centralMargin,
+          labelMargin = _this$asProps8.labelMargin,
+          angleOffset = _this$asProps8.angleOffset,
+          activeKey = _this$asProps8.activeKey,
+          size = _this$asProps8.size,
+          radiansCount = _this$asProps8.radiansCount,
+          textWidth = _this$asProps8.textWidth;
 
       var _size2 = (0, _slicedToArray2["default"])(size, 2),
           width = _size2[0],
@@ -544,10 +553,10 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
     value: function renderRadian(data, index) {
       var _ref2;
 
-      var _this$asProps7 = this.asProps,
-          styles = _this$asProps7.styles,
-          Children = _this$asProps7.Children,
-          onRadianClick = _this$asProps7.onRadianClick;
+      var _this$asProps9 = this.asProps,
+          styles = _this$asProps9.styles,
+          Children = _this$asProps9.Children,
+          onRadianClick = _this$asProps9.onRadianClick;
       var key = this.getRadianKey(data, index);
       var SRadian = 'g';
       var children = (0, _getOriginChildren["default"])(Children);
@@ -611,10 +620,12 @@ var Line = function Line(_ref21) {
 
   var SLine = _ref21.Element,
       styles = _ref21.styles,
-      stroke = _ref21.stroke;
+      stroke = _ref21.stroke,
+      transparent = _ref21.transparent;
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLine, _ref5.cn("SLine", {
     "render": "line",
-    "stroke": stroke
+    "stroke": stroke,
+    "transparent": transparent
   }));
 };
 
@@ -626,13 +637,15 @@ var Cap = function Cap(_ref22) {
       x = _ref22.x,
       y = _ref22.y,
       radius = _ref22.radius,
-      color = _ref22.color;
+      color = _ref22.color,
+      transparent = _ref22.transparent;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCap, _ref6.cn("SCap", {
     "render": "circle",
     "cx": x,
     "cy": y,
     "r": radius,
-    "fill": color
+    "fill": color,
+    "transparent": transparent
   }));
 };
 
@@ -645,7 +658,8 @@ var Icon = function Icon(_ref23) {
       tag = _ref23.tag,
       x = _ref23.x,
       y = _ref23.y,
-      iconSize = _ref23.iconSize;
+      iconSize = _ref23.iconSize,
+      transparent = _ref23.transparent;
   if (!(isActive && tag)) return null;
   var width = iconSize;
   var height = iconSize;
@@ -654,7 +668,8 @@ var Icon = function Icon(_ref23) {
     "y": y,
     "width": width,
     "height": height,
-    "render": tag
+    "render": tag,
+    "transparent": transparent
   }));
 };
 
@@ -668,7 +683,8 @@ var Label = function Label(_ref24) {
       x = _ref24.x,
       y = _ref24.y,
       textSize = _ref24.textSize,
-      angle = _ref24.angle;
+      angle = _ref24.angle,
+      transparent = _ref24.transparent;
   var lines = String(label).split('\n');
   var linesCount = lines.length;
   var SLabelLine = 'tspan';
@@ -679,7 +695,8 @@ var Label = function Label(_ref24) {
   var sLabelStyles = sstyles.cn('SLabel', {
     color: color,
     'color-hovered': (0, _color.shade)(color, -0.12),
-    'text-cursor': isHorizontal ? 'text' : 'vertical-text'
+    'text-cursor': isHorizontal ? 'text' : 'vertical-text',
+    transparent: transparent
   });
   return /*#__PURE__*/_react["default"].createElement(SLabel, {
     "aria-hidden": true,