@semcore/d3-chart 2.8.5 → 2.8.7

package/lib/cjs/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","interpolate","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","transition","selection","select","attrTween","min","max","arc","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","name","transparent","other","useState","isMount","setIsMount","useEffect","describeValueEntity","sstyled","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition(transition)\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\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  animationActivePie = (props) => {\n    const { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        aria-hidden\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SPie\n      render=\"path\"\n      color={color}\n      d={active ? d3ArcOut(data) : d3Arc(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["DEFAULT_INSTANCE","Symbol","transitionAnglePie","selector","duration","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","transition","selection","selectAll","interrupt","attrTween","_","ind","d","Object","assign","self","initAngle","Math","PI","prevStartAngle","prevEndAngle","arc","startAngle","endAngle","iStartAngle","interpolate","iEndAngle","t","transitionRadiusPie","data","innerRadius","outerRadiusMinMax","select","min","max","iOuterRadius","outerRadius","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","canUseDOM","document","createElement","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","active","_outerRadius","canAnimatedHover","id","on","uid","top","right","bottom","left","Children","d3Pie","pieData","entries","keys","React","toArray","getOriginChildren","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","animationUpdatePie","dataHintsHandler","establishDataType","Element","k","getArcs","Component","style","uniqueIDEnhancement","pie","value","SPie","styles","color","name","transparent","other","useState","isMount","setIsMount","useEffect","describeValueEntity","sstyled","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction transitionAnglePie({ selector, duration, halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return transition()\n    .selection()\n    .selectAll(selector)\n    .interrupt()\n    .transition()\n    .duration(duration)\n    .attrTween('d', function(_, ind) {\n      if (!arcs[ind]) return () => '';\n      const d = Object.assign({}, arcs[ind]);\n      const self = this;\n      const initAngle = halfsize ? -Math.PI / 2 : 0;\n      let prevStartAngle = initAngle;\n      let prevEndAngle = initAngle;\n      if (self.arc) {\n        prevStartAngle = self.arc.startAngle;\n        prevEndAngle = self.arc.endAngle;\n      }\n      const iStartAngle = interpolate(prevStartAngle, d.startAngle);\n      const iEndAngle = interpolate(prevEndAngle, d.endAngle);\n      return function(t) {\n        d.startAngle = iStartAngle(t);\n        d.endAngle = iEndAngle(t);\n        self.arc = d;\n        return ind === activeIndexPie ? d3ArcOut(self.arc) : d3Arc(self.arc);\n      };\n    });\n}\n\nfunction transitionRadiusPie({ data, selector, duration, innerRadius, outerRadiusMinMax }) {\n  return transition()\n    .selection()\n    .select(selector)\n    .interrupt()\n    .transition(t)\n    .duration(duration)\n    .attrTween('d', function() {\n      const [min, max] = outerRadiusMinMax;\n      const iOuterRadius = interpolate(min, max);\n      return function(t) {\n        const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(iOuterRadius(t));\n        return d3ArcOut(data);\n      };\n    });\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n                           innerRadius = 0,\n                           outerRadius,\n                           halfsize = false,\n                           $rootProps: { size },\n                         }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie, d3Arc, d3ArcOut, duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n  canAnimatedHover = false;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue = pieData.reduce((acc, cur) => {\n      if (cur[1]) acc += cur[1];\n      return acc;\n    }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\n  }\n\n  bindHandlerTooltip = (visible, props) => ({ 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  animationActivePie = ({ data, active, selector }) => {\n    const { duration, innerRadius, outerRadius: _outerRadius, size, halfsize } = this.asProps;\n    const outerRadius = getOuterRadius({ size, halfsize, outerRadius: _outerRadius });\n\n    if (this.canAnimatedHover) {\n      if (duration > 0) {\n        transitionRadiusPie({\n          data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadiusMinMax: active ? [outerRadius, outerRadius + increaseFactor] : [outerRadius + increaseFactor, outerRadius],\n        });\n      }\n    }\n  };\n\n  animationUpdatePie = () => {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    this.canAnimatedHover = false;\n    if (duration > 0) {\n      transitionAnglePie({\n        selector: `#${this.id} [data-ui-name=\"Donut.Pie\"]`,\n        duration,\n        arcs: this.arcs,\n        halfsize,\n        d3Arc,\n        d3ArcOut,\n        activeIndexPie: this.activeIndexPie,\n      }).on('end', () => {\n        this.canAnimatedHover = true;\n      });\n    } else {\n      this.canAnimatedHover = true;\n    }\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        if (!active) {\n          this.animationActivePie({\n            active: true, data, selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n        }\n      },\n      onMouseOut: (e) => {\n        if (!active) {\n          this.animationActivePie({\n            active: false, data, selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n        }\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data } = this.asProps;\n    if (prevProps.$rootProps.data !== data) {\n      this.animationUpdatePie();\n    }\n  }\n\n  componentDidMount() {\n    this.animationUpdatePie();\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (<Element\n      aria-hidden\n      id={this.id}\n      render='g'\n      childrenPosition='inside'\n      transform={`translate(${width / 2},${height / k})`}\n    />);\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(<SPie\n    render='path'\n    color={color}\n    d={active ? d3ArcOut(data) : d3Arc(data)}\n    transparent={transparent}\n  />);\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(<SEmptyData render='path' color={color}\n                                     d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />);\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(<SLabel render='text' x='0' y='0' aria-hidden>\n    <Children />\n  </SLabel>);\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}

package/lib/cjs/Dots.js

@@ -32,19 +32,19 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_17is6_gg_ .___SDot_17is6_gg_{transition-duration:var(--duration_17is6)}.___SDot_17is6_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_17is6_gg_.__hide_17is6_gg_{display:none}.___SDot_17is6_gg_.__active_17is6_gg_{r:8px}.___SDot_17is6_gg_.__color_17is6_gg_{fill:var(--color_17is6)}.___SDot_17is6_gg_.__transparent_17is6_gg_{opacity:.3}"
+".___SDots_18g0d_gg_ .___SDot_18g0d_gg_{transition-duration:var(--duration_18g0d)}.___SDot_18g0d_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-1,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_18g0d_gg_.__hide_18g0d_gg_{display:none}.___SDot_18g0d_gg_.__active_18g0d_gg_{r:8px}.___SDot_18g0d_gg_.__color_18g0d_gg_{fill:var(--color_18g0d)}.___SDot_18g0d_gg_.__transparent_18g0d_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "17is6_gg_")
+, "18g0d_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_17is6_gg_",
-  "__SDot": "___SDot_17is6_gg_",
-  "--duration": "--duration_17is6",
-  "_hide": "__hide_17is6_gg_",
-  "_active": "__active_17is6_gg_",
-  "_color": "__color_17is6_gg_",
-  "--color": "--color_17is6",
-  "_transparent": "__transparent_17is6_gg_"
+  "__SDots": "___SDots_18g0d_gg_",
+  "__SDot": "___SDot_18g0d_gg_",
+  "--duration": "--duration_18g0d",
+  "_hide": "__hide_18g0d_gg_",
+  "_active": "__active_18g0d_gg_",
+  "_color": "__color_18g0d_gg_",
+  "--color": "--color_18g0d",
+  "_transparent": "__transparent_18g0d_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_t7dwy_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_t7dwy);transition-timing-function:ease-in-out}.___SBar_t7dwy_gg_.__color_t7dwy_gg_{fill:var(--color_t7dwy)}.___SBar_t7dwy_gg_.__hide_t7dwy_gg_{display:none}.___SBar_t7dwy_gg_.__transparent_t7dwy_gg_{opacity:.3}.___SBackground_t7dwy_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_342tx_gg_{fill:var(--intergalactic-chart-palette-order-1,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_342tx);transition-timing-function:ease-in-out}.___SBar_342tx_gg_.__color_342tx_gg_{fill:var(--color_342tx)}.___SBar_342tx_gg_.__hide_342tx_gg_{display:none}.___SBar_342tx_gg_.__transparent_342tx_gg_{opacity:.3}.___SBackground_342tx_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "t7dwy_gg_")
+, "342tx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_t7dwy_gg_",
-  "--duration": "--duration_t7dwy",
-  "_color": "__color_t7dwy_gg_",
-  "--color": "--color_t7dwy",
-  "_hide": "__hide_t7dwy_gg_",
-  "_transparent": "__transparent_t7dwy_gg_",
-  "__SBackground": "___SBackground_t7dwy_gg_"
+  "__SBar": "___SBar_342tx_gg_",
+  "--duration": "--duration_342tx",
+  "_color": "__color_342tx_gg_",
+  "--color": "--color_342tx",
+  "_hide": "__hide_342tx_gg_",
+  "_transparent": "__transparent_342tx_gg_",
+  "__SBackground": "___SBackground_342tx_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_1ktu2_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1ktu2_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
+".___SHoverLine_1ptqa_gg_{stroke:var(--intergalactic-chart-grid-x-axis,#c4c7cf)}.___SHoverRect_1ptqa_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover,rgba(196,199,207,.3))}"
 /*__inner_css_end__*/
-, "1ktu2_gg_")
+, "1ptqa_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1ktu2_gg_",
-  "__SHoverRect": "___SHoverRect_1ktu2_gg_"
+  "__SHoverLine": "___SHoverLine_1ptqa_gg_",
+  "__SHoverRect": "___SHoverRect_1ptqa_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_16uer_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:d;transition-duration:var(--duration_16uer);transition-timing-function:ease-in-out}.___SLine_16uer_gg_.__color_16uer_gg_{stroke:var(--color_16uer)}.___SLine_16uer_gg_.__hide_16uer_gg_{display:none}.___SLine_16uer_gg_.__transparent_16uer_gg_{opacity:.3}.___SNull_16uer_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_16uer_gg_.__hide_16uer_gg_{display:none}"
+".___SLine_184k4_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1,#2bb3ff);transition-property:d;transition-duration:var(--duration_184k4);transition-timing-function:ease-in-out}.___SLine_184k4_gg_.__color_184k4_gg_{stroke:var(--color_184k4)}.___SLine_184k4_gg_.__hide_184k4_gg_{display:none}.___SLine_184k4_gg_.__transparent_184k4_gg_{opacity:.3}.___SNull_184k4_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_184k4_gg_.__hide_184k4_gg_{display:none}"
 /*__inner_css_end__*/
-, "16uer_gg_")
+, "184k4_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_16uer_gg_",
-  "--duration": "--duration_16uer",
-  "_color": "__color_16uer_gg_",
-  "--color": "--color_16uer",
-  "_hide": "__hide_16uer_gg_",
-  "_transparent": "__transparent_16uer_gg_",
-  "__SNull": "___SNull_16uer_gg_"
+  "__SLine": "___SLine_184k4_gg_",
+  "--duration": "--duration_184k4",
+  "_color": "__color_184k4_gg_",
+  "--color": "--color_184k4",
+  "_hide": "__hide_184k4_gg_",
+  "_transparent": "__transparent_184k4_gg_",
+  "__SNull": "___SNull_184k4_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_1xyoq_gg_{overflow:hidden}.___SPlot_1xyoq_gg_:active,.___SPlot_1xyoq_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1xyoq_gg_.__keyboardFocused_1xyoq_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_18ue2_gg_{overflow:hidden}.___SPlot_18ue2_gg_:active,.___SPlot_18ue2_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_18ue2_gg_.__keyboardFocused_18ue2_gg_{border:1px solid var(--intergalactic-chart-palette-order-9,#008ff8);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}"
 /*__inner_css_end__*/
-, "1xyoq_gg_")
+, "18ue2_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1xyoq_gg_",
-  "_keyboardFocused": "__keyboardFocused_1xyoq_gg_"
+  "__SPlot": "___SPlot_18ue2_gg_",
+  "_keyboardFocused": "__keyboardFocused_18ue2_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/RadialTree.js

@@ -60,22 +60,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_hl5cg_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_hl5cg_gg_{stroke:var(--intergalactic-chart-palette-order-blue-second-order,#008ff8)}.___SLine_hl5cg_gg_.__color_hl5cg_gg_{stroke:var(--color_hl5cg)}.___SLine_hl5cg_gg_.__transparent_hl5cg_gg_{opacity:.3}.___SCap_hl5cg_gg_{transition:r .1s}.___SCap_hl5cg_gg_.__transparent_hl5cg_gg_{opacity:.3}.___SIcon_hl5cg_gg_.__transparent_hl5cg_gg_{opacity:.3}.___SLabel_hl5cg_gg_{fill:var(--color_hl5cg);cursor:var(--text-cursor_hl5cg)}.___SLabel_hl5cg_gg_.__transparent_hl5cg_gg_{opacity:.3}.___SRadian_hl5cg_gg_:hover .___SLabel_hl5cg_gg_{fill:var(--color-hovered_hl5cg)}@media (prefers-reduced-motion){.___SLineCap_hl5cg_gg_{transition:none}}"
+".___SRadian_euuvb_gg_{cursor:pointer;fill:var(--intergalactic-chart-palette-order-9,#008ff8)}.___SLine_euuvb_gg_{stroke:var(--intergalactic-chart-palette-order-9,#008ff8)}.___SLine_euuvb_gg_.__color_euuvb_gg_{stroke:var(--color_euuvb)}.___SLine_euuvb_gg_.__transparent_euuvb_gg_{opacity:.3}.___SCap_euuvb_gg_{transition:r .1s}.___SCap_euuvb_gg_.__transparent_euuvb_gg_{opacity:.3}.___SIcon_euuvb_gg_.__transparent_euuvb_gg_{opacity:.3}.___SLabel_euuvb_gg_{fill:var(--color_euuvb);cursor:var(--text-cursor_euuvb)}.___SLabel_euuvb_gg_.__transparent_euuvb_gg_{opacity:.3}@media (hover: hover){.___SRadian_euuvb_gg_:hover .___SLabel_euuvb_gg_{fill:var(--color-hovered_euuvb)}}@media (prefers-reduced-motion){.___SLineCap_euuvb_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "hl5cg_gg_")
+, "euuvb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_hl5cg_gg_",
-  "__SLine": "___SLine_hl5cg_gg_",
-  "_color": "__color_hl5cg_gg_",
-  "--color": "--color_hl5cg",
-  "_transparent": "__transparent_hl5cg_gg_",
-  "__SCap": "___SCap_hl5cg_gg_",
-  "__SIcon": "___SIcon_hl5cg_gg_",
-  "__SLabel": "___SLabel_hl5cg_gg_",
-  "--text-cursor": "--text-cursor_hl5cg",
-  "--color-hovered": "--color-hovered_hl5cg",
-  "__SLineCap": "___SLineCap_hl5cg_gg_"
+  "__SRadian": "___SRadian_euuvb_gg_",
+  "__SLine": "___SLine_euuvb_gg_",
+  "_color": "__color_euuvb_gg_",
+  "--color": "--color_euuvb",
+  "_transparent": "__transparent_euuvb_gg_",
+  "__SCap": "___SCap_euuvb_gg_",
+  "__SIcon": "___SIcon_euuvb_gg_",
+  "__SLabel": "___SLabel_euuvb_gg_",
+  "--text-cursor": "--text-cursor_euuvb",
+  "--color-hovered": "--color-hovered_euuvb",
+  "__SLineCap": "___SLineCap_euuvb_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 
@@ -114,10 +114,10 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       if (!(duration > 0)) return;
       if (preferReduceMotion) return;
-      var circlesAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-circle]"));
-      var iconsAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-icon]"));
-      var linesAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-line]"));
-      var labelsAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-label]"));
+      var circlesAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-circle]")).interrupt();
+      var iconsAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-cap-icon]")).interrupt();
+      var linesAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-line]")).interrupt();
+      var labelsAnimation = (0, _d3Transition.transition)().selection().selectAll("[data-radial-animation=".concat(uid, "-label]")).interrupt();
       var circlesNodes = circlesAnimation.nodes();
       var iconsNodes = iconsAnimation.nodes();
       var linesNodes = linesAnimation.nodes();
@@ -125,10 +125,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       if (circlesNodes.length > 0) {
         var attrs = circlesNodes.map(function (node) {
-          var _node$cx, _node$cx$baseVal, _node$cy, _node$cy$baseVal, _lineNode$x, _lineNode$x$baseVal, _lineNode$y, _lineNode$y$baseVal;
+          var _lineNode$x, _lineNode$x$baseVal, _lineNode$y, _lineNode$y$baseVal;
 
-          var cx = (_node$cx = node.cx) === null || _node$cx === void 0 ? void 0 : (_node$cx$baseVal = _node$cx.baseVal) === null || _node$cx$baseVal === void 0 ? void 0 : _node$cx$baseVal.value;
-          var cy = (_node$cy = node.cy) === null || _node$cy === void 0 ? void 0 : (_node$cy$baseVal = _node$cy.baseVal) === null || _node$cy$baseVal === void 0 ? void 0 : _node$cy$baseVal.value;
           var radianIndex = parseInt(node.dataset.radianIndex, 10);
           var lineNode = linesNodes[radianIndex];
           return {
@@ -137,8 +135,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
               cy: (_lineNode$y = lineNode.y1) === null || _lineNode$y === void 0 ? void 0 : (_lineNode$y$baseVal = _lineNode$y.baseVal) === null || _lineNode$y$baseVal === void 0 ? void 0 : _lineNode$y$baseVal.value
             },
             to: {
-              cx: cx,
-              cy: cy
+              cx: node.dataset['cx'],
+              cy: node.dataset['cy']
             }
           };
         });
@@ -150,8 +148,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
           var _attrs$index$from2;
 
           return (_attrs$index$from2 = attrs[index].from) === null || _attrs$index$from2 === void 0 ? void 0 : _attrs$index$from2.cy;
-        });
-        circlesAnimation.transition().duration(duration).attr('opacity', 1).attr('cx', function (_, index) {
+        }).transition().duration(duration).attr('opacity', 1).attr('cx', function (_, index) {
           var _attrs$index$to;
 
           return (_attrs$index$to = attrs[index].to) === null || _attrs$index$to === void 0 ? void 0 : _attrs$index$to.cx;
@@ -164,10 +161,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       if (iconsNodes.length > 0) {
         var _attrs = iconsNodes.map(function (node) {
-          var _node$x, _node$x$baseVal, _node$y, _node$y$baseVal, _node$width, _node$width$baseVal, _node$height, _node$height$baseVal, _lineNode$x2, _lineNode$x2$baseVal, _lineNode$y2, _lineNode$y2$baseVal;
+          var _node$width, _node$width$baseVal, _node$height, _node$height$baseVal, _lineNode$x2, _lineNode$x2$baseVal, _lineNode$y2, _lineNode$y2$baseVal;
 
-          var x = (_node$x = node.x) === null || _node$x === void 0 ? void 0 : (_node$x$baseVal = _node$x.baseVal) === null || _node$x$baseVal === void 0 ? void 0 : _node$x$baseVal.value;
-          var y = (_node$y = node.y) === null || _node$y === void 0 ? void 0 : (_node$y$baseVal = _node$y.baseVal) === null || _node$y$baseVal === void 0 ? void 0 : _node$y$baseVal.value;
           var width = (_node$width = node.width) === null || _node$width === void 0 ? void 0 : (_node$width$baseVal = _node$width.baseVal) === null || _node$width$baseVal === void 0 ? void 0 : _node$width$baseVal.value;
           var height = (_node$height = node.height) === null || _node$height === void 0 ? void 0 : (_node$height$baseVal = _node$height.baseVal) === null || _node$height$baseVal === void 0 ? void 0 : _node$height$baseVal.value;
           var radianIndex = parseInt(node.dataset.radianIndex, 10);
@@ -178,8 +173,8 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
               y: ((_lineNode$y2 = lineNode.y1) === null || _lineNode$y2 === void 0 ? void 0 : (_lineNode$y2$baseVal = _lineNode$y2.baseVal) === null || _lineNode$y2$baseVal === void 0 ? void 0 : _lineNode$y2$baseVal.value) - height / 2
             },
             to: {
-              x: x,
-              y: y
+              x: node.dataset['x'],
+              y: node.dataset['y']
             }
           };
         });
@@ -192,8 +187,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
           var _attrs$index$from4;
 
           return (_attrs$index$from4 = _attrs[index].from) === null || _attrs$index$from4 === void 0 ? void 0 : _attrs$index$from4.y;
-        });
-        iconsAnimation.transition().duration(duration).attr('opacity', 1).attr('x', function (_, index) {
+        }).transition().duration(duration).attr('opacity', 1).attr('x', function (_, index) {
           var _attrs$index$to3;
 
           return (_attrs$index$to3 = _attrs[index].to) === null || _attrs$index$to3 === void 0 ? void 0 : _attrs$index$to3.x;
@@ -206,18 +200,16 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
 
       if (linesNodes.length > 0) {
         var _attrs2 = linesNodes.map(function (node) {
-          var _node$x2, _node$x2$baseVal, _node$y2, _node$y2$baseVal, _node$x3, _node$x3$baseVal, _node$y3, _node$y3$baseVal;
+          var _node$x, _node$x$baseVal, _node$y, _node$y$baseVal;
 
-          var x2 = (_node$x2 = node.x2) === null || _node$x2 === void 0 ? void 0 : (_node$x2$baseVal = _node$x2.baseVal) === null || _node$x2$baseVal === void 0 ? void 0 : _node$x2$baseVal.value;
-          var y2 = (_node$y2 = node.y2) === null || _node$y2 === void 0 ? void 0 : (_node$y2$baseVal = _node$y2.baseVal) === null || _node$y2$baseVal === void 0 ? void 0 : _node$y2$baseVal.value;
           return {
             from: {
-              x2: (_node$x3 = node.x1) === null || _node$x3 === void 0 ? void 0 : (_node$x3$baseVal = _node$x3.baseVal) === null || _node$x3$baseVal === void 0 ? void 0 : _node$x3$baseVal.value,
-              y2: (_node$y3 = node.y1) === null || _node$y3 === void 0 ? void 0 : (_node$y3$baseVal = _node$y3.baseVal) === null || _node$y3$baseVal === void 0 ? void 0 : _node$y3$baseVal.value
+              x2: (_node$x = node.x1) === null || _node$x === void 0 ? void 0 : (_node$x$baseVal = _node$x.baseVal) === null || _node$x$baseVal === void 0 ? void 0 : _node$x$baseVal.value,
+              y2: (_node$y = node.y1) === null || _node$y === void 0 ? void 0 : (_node$y$baseVal = _node$y.baseVal) === null || _node$y$baseVal === void 0 ? void 0 : _node$y$baseVal.value
             },
             to: {
-              x2: x2,
-              y2: y2
+              x2: node.dataset['x2'],
+              y2: node.dataset['y2']
             }
           };
         });
@@ -230,8 +222,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
           var _attrs2$index$from2;
 
           return (_attrs2$index$from2 = _attrs2[index].from) === null || _attrs2$index$from2 === void 0 ? void 0 : _attrs2$index$from2.y2;
-        });
-        linesAnimation.transition().duration(duration).attr('opacity', 1).attr('x2', function (_, index) {
+        }).transition().duration(duration).attr('opacity', 1).attr('x2', function (_, index) {
           var _attrs2$index$to;
 
           return (_attrs2$index$to = _attrs2[index].to) === null || _attrs2$index$to === void 0 ? void 0 : _attrs2$index$to.x2;
@@ -250,9 +241,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _prevProps$$rootProps, _this$asProps$data;
-
-      if (((_prevProps$$rootProps = prevProps.$rootProps.data) === null || _prevProps$$rootProps === void 0 ? void 0 : _prevProps$$rootProps.length) !== ((_this$asProps$data = this.asProps.data) === null || _this$asProps$data === void 0 ? void 0 : _this$asProps$data.length)) {
+      if (prevProps.$rootProps.data !== this.asProps.data) {
         this.runAppearAnimation();
       }
     }
@@ -328,7 +317,7 @@ var RadialTreeBase = /*#__PURE__*/function (_Component) {
       var Children = this.asProps.Children;
       this.asProps.dataHintsHandler.establishDataType('values-set');
       return _ref = (0, _core.sstyled)(this.asProps.styles), /*#__PURE__*/_react["default"].createElement(SRadialTree, _ref.cn("SRadialTree", {
-        "render": "g"
+        "render": 'g'
       }), /*#__PURE__*/_react["default"].createElement(Children, _ref.cn("Children", {})));
     }
   }]);
@@ -411,7 +400,7 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
         y2: yEnd,
         stroke: color,
         transparent: transparent
-      }, (0, _defineProperty2["default"])(_ref13, 'data-radial-animation', "".concat(uid, "-line")), (0, _defineProperty2["default"])(_ref13, 'data-radian-index', index), _ref13;
+      }, (0, _defineProperty2["default"])(_ref13, 'data-x1', xStart), (0, _defineProperty2["default"])(_ref13, 'data-y1', yStart), (0, _defineProperty2["default"])(_ref13, 'data-x2', xEnd), (0, _defineProperty2["default"])(_ref13, 'data-y2', yEnd), (0, _defineProperty2["default"])(_ref13, 'data-radial-animation', "".concat(uid, "-line")), (0, _defineProperty2["default"])(_ref13, 'data-radian-index', index), _ref13;
     }
   }, {
     key: "getCapProps",
@@ -432,11 +421,8 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       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,
-        transparent: transparent
-      }, (0, _defineProperty2["default"])(_ref15, 'data-radial-animation', "".concat(uid, "-cap-circle")), (0, _defineProperty2["default"])(_ref15, 'data-radian-index', index), _ref15;
+        y: yEnd
+      }, (0, _defineProperty2["default"])(_ref15, 'data-cx', xEnd), (0, _defineProperty2["default"])(_ref15, 'data-cy', yEnd), (0, _defineProperty2["default"])(_ref15, "radius", capSize), (0, _defineProperty2["default"])(_ref15, "color", color), (0, _defineProperty2["default"])(_ref15, "transparent", transparent), (0, _defineProperty2["default"])(_ref15, 'data-radial-animation', "".concat(uid, "-cap-circle")), (0, _defineProperty2["default"])(_ref15, 'data-radian-index', index), _ref15;
     }
   }, {
     key: "getIconProps",
@@ -455,12 +441,12 @@ var RadialTreeRadian = /*#__PURE__*/function (_Component2) {
       var iconColor = (_data$iconColor = data.iconColor) !== null && _data$iconColor !== void 0 ? _data$iconColor : this.asProps.iconColor;
       var iconSize = (_data$iconSize = data.iconSize) !== null && _data$iconSize !== void 0 ? _data$iconSize : this.asProps.iconSize;
       var icon = (_data$icon = data.icon) !== null && _data$icon !== void 0 ? _data$icon : this.asProps.icon;
+      var x = xEnd - iconSize / 2;
+      var y = yEnd - iconSize / 2;
       return _ref17 = {
-        x: xEnd - iconSize / 2,
-        y: yEnd - iconSize / 2,
-        iconSize: iconSize,
-        color: iconColor !== null && iconColor !== void 0 ? iconColor : '#fff'
-      }, (0, _defineProperty2["default"])(_ref17, 'data-radial-animation', "".concat(uid, "-cap-icon")), (0, _defineProperty2["default"])(_ref17, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref17, "icon", icon), (0, _defineProperty2["default"])(_ref17, "isActive", isActive), _ref17;
+        x: x,
+        y: y
+      }, (0, _defineProperty2["default"])(_ref17, 'data-x', x), (0, _defineProperty2["default"])(_ref17, 'data-y', y), (0, _defineProperty2["default"])(_ref17, "iconSize", iconSize), (0, _defineProperty2["default"])(_ref17, "color", iconColor !== null && iconColor !== void 0 ? iconColor : '#fff'), (0, _defineProperty2["default"])(_ref17, 'data-radial-animation', "".concat(uid, "-cap-icon")), (0, _defineProperty2["default"])(_ref17, 'data-radian-index', index), (0, _defineProperty2["default"])(_ref17, "icon", icon), (0, _defineProperty2["default"])(_ref17, "isActive", isActive), _ref17;
     }
   }, {
     key: "getLabelProps",
@@ -610,8 +596,8 @@ var InteractiveArea = function InteractiveArea(_ref20) {
   var SInteractiveArea = _ref20.Element,
       styles = _ref20.styles;
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInteractiveArea, _ref4.cn("SInteractiveArea", {
-    "stroke": "transparent",
-    "render": "line"
+    "stroke": 'transparent',
+    "render": 'line'
   }));
 };
 
@@ -623,7 +609,7 @@ var Line = function Line(_ref21) {
       stroke = _ref21.stroke,
       transparent = _ref21.transparent;
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLine, _ref5.cn("SLine", {
-    "render": "line",
+    "render": 'line',
     "stroke": stroke,
     "transparent": transparent
   }));
@@ -640,7 +626,7 @@ var Cap = function Cap(_ref22) {
       color = _ref22.color,
       transparent = _ref22.transparent;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCap, _ref6.cn("SCap", {
-    "render": "circle",
+    "render": 'circle',
     "cx": x,
     "cy": y,
     "r": radius,
@@ -744,9 +730,9 @@ var Title = function Title(_ref25) {
 
   return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STitle, _ref8.cn("STitle", {
     "aria-hidden": true,
-    "render": "text",
-    "textAnchor": "middle",
-    "dominantBaseline": "central",
+    "render": 'text',
+    "textAnchor": 'middle',
+    "dominantBaseline": 'central',
     "fontSize": textSize,
     "fill": color,
     "x": x,