@semcore/d3-chart 3.21.2 → 3.21.3

package/lib/cjs/Dots.js

@@ -13,16 +13,14 @@ var _rafTrottle = _interopRequireDefault(require("@semcore/utils/lib/rafTrottle"
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_1e5i2_gg_ .___SDot_1e5i2_gg_{transition-duration:var(--duration_1e5i2)}.___SDot_1e5i2_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:var(--radius_1e5i2);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1e5i2_gg_.__hide_1e5i2_gg_{display:none}.___SDot_1e5i2_gg_.__active_1e5i2_gg_{r:calc(var(--radius_1e5i2)*8/6)}.___SDot_1e5i2_gg_.__color_1e5i2_gg_{fill:var(--color_1e5i2)}.___SDot_1e5i2_gg_.__transparent_1e5i2_gg_{opacity:.3}" /*__inner_css_end__*/, "1e5i2_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_1e5i2_gg_",
-  "--radius": "--radius_1e5i2",
-  "_hide": "__hide_1e5i2_gg_",
-  "_active": "__active_1e5i2_gg_",
-  "_color": "__color_1e5i2_gg_",
-  "--color": "--color_1e5i2",
-  "_transparent": "__transparent_1e5i2_gg_",
-  "__SDots": "___SDots_1e5i2_gg_",
-  "--duration": "--duration_1e5i2"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDots_1tjii_gg_ .___SDot_1tjii_gg_{transition-duration:var(--duration_1tjii)}.___SDot_1tjii_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1tjii_gg_.__hide_1tjii_gg_{display:none}.___SDot_1tjii_gg_.__color_1tjii_gg_{fill:var(--color_1tjii)}.___SDot_1tjii_gg_.__transparent_1tjii_gg_{opacity:.3}" /*__inner_css_end__*/, "1tjii_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1tjii_gg_",
+  "_hide": "__hide_1tjii_gg_",
+  "_color": "__color_1tjii_gg_",
+  "--color": "--color_1tjii",
+  "_transparent": "__transparent_1tjii_gg_",
+  "__SDots": "___SDots_1tjii_gg_",
+  "--duration": "--duration_1tjii"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 function Dots(props) {
@@ -42,7 +40,7 @@ function Dots(props) {
     duration = _props$duration === void 0 ? 500 : _props$duration,
     transparent = props.transparent,
     _props$radius = props.radius,
-    radius = _props$radius === void 0 ? 6 : _props$radius,
+    radiusBase = _props$radius === void 0 ? 6 : _props$radius,
     resolveColor = props.resolveColor;
   var bisect = (0, _d3Array.bisector)(function (d) {
     return d[x];
@@ -85,6 +83,7 @@ function Dots(props) {
     var isNext = d3.defined()(data[i + 1] || {});
     var active = i === activeIndex;
     var visible = display || i === activeIndex || !isPrev && !isNext;
+    var radius = radiusBase * (active ? 8 / 6 : 1);
     if (!d3.defined()(d)) return acc;
     if (!visible) return acc;
     acc.push((_ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDot, _ref.cn("SDot", {
@@ -101,13 +100,13 @@ function Dots(props) {
       "hide": hide,
       "color": resolveColor(color),
       "transparent": transparent,
-      "radius": radius
+      "r": radius
     }))));
     return acc;
   }, []);
-  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDot, _ref2.cn("SDot", {
-    "render": 'g',
-    "use:duration": "".concat(duration, "ms")
+  var SDots = 'g';
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDots, _ref2.cn("SDots", {
+    "duration": "".concat(duration, "ms")
   }), dots);
 }
 Dots.style = style;

package/lib/cjs/Dots.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","resolveColor","bisect","bisector","d","center","_React$useState","React","useState","_React$useState2","_slicedToArray2","activeIndex","setActiveIndex","data","useMemo","filter","item","interpolateValue","handlerMouseMoveRoot","useCallback","trottle","e","_scale","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","createElement","cn","concat","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n    transparent,\n    radius = 6,\n    resolveColor,\n  } = props;\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = React.useState(null);\n  const data = React.useMemo(\n    () => props.data.filter((item) => item[y] !== interpolateValue),\n    [props.data],\n  );\n\n  const handlerMouseMoveRoot = React.useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = React.useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  React.useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          aria-hidden\n          key={`${i}`}\n          render='circle'\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          radius={radius}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  return sstyled(styles)(\n    <SDot render='g' use:duration={`${duration}ms`}>\n      {dots}\n    </SDot>,\n  );\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}
+{"version":3,"file":"Dots.js","names":["_core","require","_d3Array","_react","_interopRequireDefault","_rafTrottle","_createElement","_utils","style","sstyled","insert","EXCLUDE_PROPS","Dots","props","_ref2","SDot","Element","styles","color","d3","x","y","eventEmitter","display","hide","rootRef","scale","_props$duration","duration","transparent","_props$radius","radius","radiusBase","resolveColor","bisect","bisector","d","center","_React$useState","React","useState","_React$useState2","_slicedToArray2","activeIndex","setActiveIndex","data","useMemo","filter","item","interpolateValue","handlerMouseMoveRoot","useCallback","trottle","e","_scale","xScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","vX","invert","handlerMouseLeaveRoot","useEffect","unsubscribeMouseMoveRoot","subscribe","persist","unsubscribeMouseLeaveRoot","dots","reduce","acc","i","_ref","isPrev","defined","isNext","active","visible","push","createElement","cn","concat","SDots","_default","exports"],"sources":["../../src/Dots.jsx"],"sourcesContent":["import { bisector } from 'd3-array';\nimport React from 'react';\nimport { sstyled } from '@semcore/core';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { eventToPoint, invert, interpolateValue } from './utils';\n\nimport style from './style/dot.shadow.css';\n\nconst EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];\n\nfunction Dots(props) {\n  const {\n    Element: SDot,\n    styles,\n    color,\n    d3,\n    x,\n    y,\n    eventEmitter,\n    display,\n    hide,\n    rootRef,\n    scale,\n    duration = 500,\n    transparent,\n    radius: radiusBase = 6,\n    resolveColor,\n  } = props;\n  const bisect = bisector((d) => d[x]).center;\n  const [activeIndex, setActiveIndex] = React.useState(null);\n  const data = React.useMemo(\n    () => props.data.filter((item) => item[y] !== interpolateValue),\n    [props.data],\n  );\n\n  const handlerMouseMoveRoot = React.useCallback(\n    trottle((e) => {\n      const [xScale] = scale;\n      const [pX] = eventToPoint(e, rootRef.current);\n      const vX = invert(xScale, pX);\n      setActiveIndex(bisect(data, vX));\n    }),\n    [scale, data],\n  );\n\n  const handlerMouseLeaveRoot = React.useCallback(\n    trottle(() => {\n      setActiveIndex(null);\n    }),\n    [],\n  );\n\n  React.useEffect(() => {\n    const unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      handlerMouseMoveRoot(e);\n    });\n\n    const unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      handlerMouseLeaveRoot,\n    );\n\n    return () => {\n      unsubscribeMouseMoveRoot();\n      unsubscribeMouseLeaveRoot();\n    };\n  }, [eventEmitter, scale, data, x, y]);\n\n  const dots = data.reduce((acc, d, i) => {\n    const isPrev = d3.defined()(data[i - 1] || {});\n    const isNext = d3.defined()(data[i + 1] || {});\n    const active = i === activeIndex;\n    const visible = display || i === activeIndex || (!isPrev && !isNext);\n    const radius = radiusBase * (active ? 8 / 6 : 1);\n    if (!d3.defined()(d)) return acc;\n    if (!visible) return acc;\n    acc.push(\n      sstyled(styles)(\n        <SDot\n          aria-hidden\n          key={`${i}`}\n          render='circle'\n          visible={visible}\n          __excludeProps={EXCLUDE_PROPS}\n          value={d}\n          index={i}\n          cx={d3.x()(d)}\n          cy={d3.y()(d)}\n          active={active}\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          r={radius}\n        />,\n      ),\n    );\n    return acc;\n  }, []);\n  const SDots = 'g';\n  return sstyled(styles)(<SDots duration={`${duration}ms`}>{dots}</SDots>);\n}\n\nDots.style = style;\n\nexport default createElement(Dots);\n"],"mappings":"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"}

package/lib/cjs/HorizontalBar.js

@@ -15,17 +15,17 @@ var _core = require("@semcore/core");
 var _react = _interopRequireDefault(require("react"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
+var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ysr6);transition-timing-function:ease-in-out}.___SBar_1ysr6_gg_.__color_1ysr6_gg_{fill:var(--color_1ysr6)}.___SBar_1ysr6_gg_.__hide_1ysr6_gg_{display:none}.___SBar_1ysr6_gg_.__transparent_1ysr6_gg_{opacity:.3}.___SBackground_1ysr6_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ysr6_gg_") /*__reshadow_css_end__*/, {
-  "__SBar": "___SBar_1ysr6_gg_",
-  "--duration": "--duration_1ysr6",
-  "_color": "__color_1ysr6_gg_",
-  "--color": "--color_1ysr6",
-  "_hide": "__hide_1ysr6_gg_",
-  "_transparent": "__transparent_1ysr6_gg_",
-  "__SBackground": "___SBackground_1ysr6_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBar_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1ipdh);transition-timing-function:ease-in-out}.___SBar_1ipdh_gg_.__color_1ipdh_gg_{fill:var(--color_1ipdh)}.___SBar_1ipdh_gg_.__hide_1ipdh_gg_{display:none}.___SBar_1ipdh_gg_.__transparent_1ipdh_gg_{opacity:.3}.___SBackground_1ipdh_gg_{fill:var(--intergalactic-chart-palette-order-other-data, #c4c7cf)}" /*__inner_css_end__*/, "1ipdh_gg_") /*__reshadow_css_end__*/, {
+  "__SBar": "___SBar_1ipdh_gg_",
+  "--duration": "--duration_1ipdh",
+  "_color": "__color_1ipdh_gg_",
+  "--color": "--color_1ipdh",
+  "_hide": "__hide_1ipdh_gg_",
+  "_transparent": "__transparent_1ipdh_gg_",
+  "__SBackground": "___SBackground_1ipdh_gg_"
 });
 var MIN_WIDTH = 2;
 exports.MIN_WIDTH = MIN_WIDTH;
@@ -134,17 +134,14 @@ var HorizontalBarRoot = /*#__PURE__*/function (_Component) {
         uid = _this$asProps3.uid,
         size = _this$asProps3.size,
         duration = _this$asProps3.duration;
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderBar.bind(this)), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], {
         "aria-hidden": true,
-        setAttributeTag: function setAttributeTag(rect) {
-          rect.setAttribute('width', size[0]);
-        },
+        duration: duration,
         id: uid,
         x: "0",
         y: "0",
         width: 0,
-        height: size[1],
-        transition: "width ".concat(duration, "ms ease-in-out")
+        height: size[1]
       }));
     }
   }]);

package/lib/cjs/HorizontalBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_uniqueID","_createElement","_ClipPath","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_this$asProps2$maxBar","maxBarSize","Infinity","resolveColor","_scale","_slicedToArray2","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","scaleToBand","bandwidth","min","Number","barY","barX","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","createElement","cn","render","_this$asProps3","size","Fragment","map","bind","setAttributeTag","rect","setAttribute","id","transition","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","xRange","range","_ref3","roundedPath","_default"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { scaleToBand, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n  // need for the correct rendering of negative values\n  if (x <= 0) {\n    return width <= minWidth ? minWidth : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    wMin: MIN_WIDTH,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n      index,\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset: offsetProps,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n      transparent,\n      maxBarSize = Infinity,\n      resolveColor,\n    } = this.asProps;\n\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absWidth = Math.abs(\n      xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n    );\n    const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n    const height = Math.min(bandHeight, maxBarSize);\n    const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n    const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n    const barX =\n      xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n      offset[0] -\n      calcPartBarX(d[x], wMin, width);\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`horizontal-bar-${i}`}\n        render='path'\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value', 'offset']}\n        childrenPosition='above'\n        value={d}\n        index={i}\n        hide={hide}\n        color={resolveColor(color)}\n        transparent={transparent}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={xRange[1] - xRange[0]}\n      height={scaleToBand(yScale).bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width < radius) radius = width;\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalBar.js","names":["_core","require","_react","_interopRequireDefault","_uniqueID","_createElement","_AnimatedClipPath","_utils","style","sstyled","insert","MIN_WIDTH","exports","calcPartBarX","x","minWidth","width","Object","is","HorizontalBarRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getBackgroundProps","_props","index","_this$asProps","asProps","data","y","renderBar","d","i","_ref","_d$x","_d$x2","_d$x3","SBar","Element","_this$asProps2","styles","color","x0","scale","hide","offsetProps","offset","uid","duration","r","wMin","heightProps","height","onMouseMove","onMouseLeave","groupKey","transparent","_this$asProps2$maxBar","maxBarSize","Infinity","resolveColor","_scale","_slicedToArray2","xScale","yScale","absWidth","Math","abs","max","domain","bandHeight","scaleToBand","bandwidth","min","Number","barY","barX","dSvg","getHorizontalRect","radius","Array","isArray","position","dataHintsHandler","describeGroupedValues","describeValueEntity","concat","createElement","cn","render","_this$asProps3","size","Fragment","map","bind","id","Component","_defineProperty2","uniqueIDEnhancement","Background","props","_ref2","SBackground","_scale2","xRange","range","_ref3","roundedPath","_default"],"sources":["../../src/HorizontalBar.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport AnimatedClipPath from './AnimatedClipPath';\nimport { scaleToBand, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nexport const MIN_WIDTH = 2;\n\nconst calcPartBarX = (x, minWidth, width) => {\n  // need for the correct rendering of negative values\n  if (x <= 0) {\n    return width <= minWidth ? minWidth : 0;\n  }\n  // need for the correct rendering of the minimum positive values\n  return Object.is(x, 0) ? minWidth : 0;\n};\n\nclass HorizontalBarRoot extends Component {\n  static displayName = 'HorizontalBar';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n    wMin: MIN_WIDTH,\n  };\n\n  getBackgroundProps(_props, index) {\n    const { data, y } = this.asProps;\n    return {\n      value: data[index][y],\n      index,\n    };\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      x0,\n      y,\n      scale,\n      hide,\n      offset: offsetProps,\n      uid,\n      duration,\n      r,\n      wMin,\n      height: heightProps,\n      onMouseMove,\n      onMouseLeave,\n      groupKey,\n      transparent,\n      maxBarSize = Infinity,\n      resolveColor,\n    } = this.asProps;\n\n    const offset = typeof offsetProps === 'function' ? offsetProps(i) : offsetProps;\n    const [xScale, yScale] = scale;\n    const absWidth = Math.abs(\n      xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale(d[x0] ?? 0)),\n    );\n    const bandHeight = heightProps || scaleToBand(yScale).bandwidth();\n    const height = Math.min(bandHeight, maxBarSize);\n    const width = Number(d[x] - (d[x0] ?? 0)) === 0 ? 0 : Math.max(absWidth, wMin);\n    const barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];\n    const barX =\n      xScale(Math.min(d[x0] ?? 0, width <= wMin && d[x] < 0 ? 0 : d[x])) +\n      offset[0] -\n      calcPartBarX(d[x], wMin, width);\n    const dSvg = getHorizontalRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[x] > 0 || Object.is(d[x], 0) ? 'right' : 'left',\n    });\n\n    if (groupKey) {\n      this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);\n    } else {\n      this.asProps.dataHintsHandler.describeValueEntity(`${i}.${x}`, groupKey ?? d[y]);\n    }\n\n    return sstyled(styles)(\n      <SBar\n        aria-hidden\n        key={`horizontal-bar-${i}`}\n        render='path'\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value', 'offset']}\n        childrenPosition='above'\n        value={d}\n        index={i}\n        hide={hide}\n        color={resolveColor(color)}\n        transparent={transparent}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n        onMouseMove={onMouseMove}\n        onMouseLeave={onMouseLeave}\n      />,\n    );\n  }\n\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n  const [xScale, yScale] = scale;\n  const xRange = xScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      aria-hidden\n      render='rect'\n      childrenPosition='above'\n      width={xRange[1] - xRange[0]}\n      height={scaleToBand(yScale).bandwidth()}\n      x={xRange[0]}\n      y={yScale(value)}\n    />,\n  );\n}\n\nfunction getHorizontalRect({ x, y, width, height, radius, position }) {\n  if (width < radius) radius = width;\n  if (radius) {\n    if (position === 'right')\n      return roundedPath(x, y, width, height, radius, false, true, false, true);\n    return roundedPath(x, y, width, height, radius, true, false, true, false);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(HorizontalBarRoot, { Background });\n"],"mappings":"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"}

package/lib/cjs/Hover.js

@@ -21,9 +21,9 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_m6y65_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_m6y65_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "m6y65_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_m6y65_gg_",
-  "__SHoverRect": "___SHoverRect_m6y65_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SHoverLine_qkbku_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_qkbku_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "qkbku_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_qkbku_gg_",
+  "__SHoverRect": "___SHoverRect_qkbku_gg_"
 });
 var Hover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Hover, _Component);

package/lib/cjs/Line.js

@@ -19,17 +19,17 @@ var _uniqueID = _interopRequireWildcard(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Dots = _interopRequireDefault(require("./Dots"));
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
+var _AnimatedClipPath = _interopRequireDefault(require("./AnimatedClipPath"));
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_1usa3_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1usa3);transition-timing-function:ease-in-out}.___SLine_1usa3_gg_.__color_1usa3_gg_{stroke:var(--color_1usa3)}.___SLine_1usa3_gg_.__hide_1usa3_gg_{display:none}.___SLine_1usa3_gg_.__transparent_1usa3_gg_{opacity:.3}.___SNull_1usa3_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1usa3_gg_.__hide_1usa3_gg_{display:none}.___SAria_1usa3_gg_{transition-property:d;transition-duration:var(--duration_1usa3);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_1usa3_gg_.__color_1usa3_gg_{fill:var(--color_1usa3)}" /*__inner_css_end__*/, "1usa3_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_1usa3_gg_",
-  "--duration": "--duration_1usa3",
-  "_color": "__color_1usa3_gg_",
-  "--color": "--color_1usa3",
-  "_hide": "__hide_1usa3_gg_",
-  "_transparent": "__transparent_1usa3_gg_",
-  "__SNull": "___SNull_1usa3_gg_",
-  "__SAria": "___SAria_1usa3_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_nb98d_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_nb98d);transition-timing-function:ease-in-out}.___SLine_nb98d_gg_.__color_nb98d_gg_{stroke:var(--color_nb98d)}.___SLine_nb98d_gg_.__hide_nb98d_gg_{display:none}.___SLine_nb98d_gg_.__transparent_nb98d_gg_{opacity:.3}.___SNull_nb98d_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_nb98d_gg_.__hide_nb98d_gg_{display:none}.___SAria_nb98d_gg_{transition-property:d;transition-duration:var(--duration_nb98d);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SAria_nb98d_gg_.__color_nb98d_gg_{fill:var(--color_nb98d)}" /*__inner_css_end__*/, "nb98d_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_nb98d_gg_",
+  "--duration": "--duration_nb98d",
+  "_color": "__color_nb98d_gg_",
+  "--color": "--color_nb98d",
+  "_hide": "__hide_nb98d_gg_",
+  "_transparent": "__transparent_nb98d_gg_",
+  "__SNull": "___SNull_nb98d_gg_",
+  "__SAria": "___SAria_nb98d_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);
@@ -133,17 +133,14 @@ var LineRoot = /*#__PURE__*/function (_Component) {
         "transparent": transparent,
         "d": d3(data),
         "use:duration": "".concat(duration, "ms")
-      })), duration && /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], _ref.cn("ClipPath", {
+      })), duration && /*#__PURE__*/_react["default"].createElement(_AnimatedClipPath["default"], _ref.cn("AnimatedClipPath", {
         "aria-hidden": true,
-        "setAttributeTag": function setAttributeTag(rect) {
-          rect.setAttribute('width', size[0]);
-        },
+        "duration": duration,
         "id": uid,
         "x": '0',
         "y": '0',
         "width": 0,
-        "height": size[1],
-        "transition": "width ".concat(duration, "ms ease-in-out")
+        "height": size[1]
       })));
     }
   }]);

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","area","_scale","dataToArea","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, resolveColor, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, resolveColor, uid, size, d3, duration, x, y, transparent } =\n      this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = area ?? data;\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(dataToArea)}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_interopRequireWildcard","_createElement","_utils","_Dots","_AnimatedClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","resolveColor","duration","transparent","getNullProps","_this$asProps2","data","filter","item","interpolateValue","getNullData","definedNullData","getAreaProps","_this$asProps3","hide","scale","render","_ref","SLine","Element","_this$asProps4","styles","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","Component","_defineProperty2","uniqueIDEnhancement","_ref4","$rootProps","_ref4$curve","curve","curveLinear","_ref5","_ref6","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","Area","_ref3","useUID","SAria","y0","y1","_props$curve","curveCardinal","area","_scale","dataToArea","d3Area","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line, area as d3Area, curveCardinal } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement, { useUID } from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport {\n  definedData,\n  definedNullData,\n  scaleOfBandwidth,\n  getNullData,\n  interpolateValue,\n} from './utils';\nimport Dots from './Dots';\nimport AnimatedClipPath from './AnimatedClipPath';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, resolveColor, duration, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      resolveColor,\n      duration,\n      transparent,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, resolveColor } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n      resolveColor,\n    };\n  }\n\n  getAreaProps() {\n    const { x, y, color, hide, duration, scale } = this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    return {\n      x,\n      y,\n      data,\n      color,\n      hide,\n      duration,\n      scale,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, resolveColor, uid, size, d3, duration, x, y, transparent } =\n      this.asProps;\n    const data = this.asProps.data.filter((item) => item[y] !== interpolateValue);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={resolveColor(color)}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <AnimatedClipPath\n            aria-hidden\n            duration={duration}\n            id={uid}\n            x='0'\n            y='0'\n            width={0}\n            height={size[1]}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render='path' d={d3(data)} hide={hide} />);\n}\n\nfunction Area(props) {\n  const uid = useUID();\n  const {\n    Element: SAria,\n    styles,\n    data,\n    hide,\n    duration,\n    color,\n    scale,\n    x,\n    y0,\n    y1,\n    curve = curveCardinal,\n    area,\n  } = props;\n  const [xScale, yScale] = scale;\n  const dataToArea = area ?? data;\n\n  const d3 = d3Area()\n    .curve(curve)\n    .x((data) => xScale(data[x]))\n    .y0((data) => yScale(data[y0]))\n    .y1((data) => yScale(data[y1]));\n\n  return sstyled(styles)(\n    <SAria\n      aria-hidden\n      clipPath={`url(#${uid})`}\n      render='path'\n      hide={hide}\n      color={color}\n      d={d3(dataToArea)}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n  Area,\n});\n"],"mappings":"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"}

package/lib/cjs/Plot.js

@@ -24,9 +24,9 @@ var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_5bma7_gg_{overflow:hidden}.___SPlot_5bma7_gg_:active,.___SPlot_5bma7_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_5bma7_gg_.__keyboardFocused_5bma7_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "5bma7_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_5bma7_gg_",
-  "_keyboardFocused": "__keyboardFocused_5bma7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_55m9j_gg_{overflow:hidden}.___SPlot_55m9j_gg_:active,.___SPlot_55m9j_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_55m9j_gg_.__keyboardFocused_55m9j_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "55m9j_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_55m9j_gg_",
+  "_keyboardFocused": "__keyboardFocused_55m9j_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);

package/lib/cjs/Radar.js

@@ -28,23 +28,23 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_itmgx_gg_,.___SAxisTick_itmgx_gg_,.___SAxis_itmgx_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_itmgx_gg_,.___SAxisTick_itmgx_gg_{stroke-dasharray:2}.___SAxisLine_itmgx_gg_.__active_itmgx_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_itmgx_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_itmgx_gg_.__xDirection_itmgx_gg_{text-anchor:var(--xDirection_itmgx)}.___SAxisLabel_itmgx_gg_.__yDirection_itmgx_gg_{dominant-baseline:var(--yDirection_itmgx)}.___SPolygonDot_itmgx_gg_,.___SPolygon_itmgx_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_itmgx_gg_{opacity:.2}.___SPolygon_itmgx_gg_.__color_itmgx_gg_{fill:var(--color_itmgx)}.___SPolygonDot_itmgx_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_itmgx_gg_.__transparent_itmgx_gg_{opacity:.3}.___SPolygonDot_itmgx_gg_.__color_itmgx_gg_{fill:var(--color_itmgx)}.___SPolygonLine_itmgx_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_itmgx_gg_.__transparent_itmgx_gg_{opacity:.3}.___SPolygonLine_itmgx_gg_.__color_itmgx_gg_{stroke:var(--color_itmgx)}.___SPieRect_itmgx_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "itmgx_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_itmgx_gg_",
-  "__SAxisLine": "___SAxisLine_itmgx_gg_",
-  "__SAxisTick": "___SAxisTick_itmgx_gg_",
-  "_active": "__active_itmgx_gg_",
-  "__SAxisLabel": "___SAxisLabel_itmgx_gg_",
-  "_xDirection": "__xDirection_itmgx_gg_",
-  "--xDirection": "--xDirection_itmgx",
-  "_yDirection": "__yDirection_itmgx_gg_",
-  "--yDirection": "--yDirection_itmgx",
-  "__SPolygon": "___SPolygon_itmgx_gg_",
-  "_color": "__color_itmgx_gg_",
-  "--color": "--color_itmgx",
-  "__SPolygonDot": "___SPolygonDot_itmgx_gg_",
-  "_transparent": "__transparent_itmgx_gg_",
-  "__SPolygonLine": "___SPolygonLine_itmgx_gg_",
-  "__SPieRect": "___SPieRect_itmgx_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_2xqdy_gg_,.___SAxisTick_2xqdy_gg_,.___SAxis_2xqdy_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_2xqdy_gg_,.___SAxisTick_2xqdy_gg_{stroke-dasharray:2}.___SAxisLine_2xqdy_gg_.__active_2xqdy_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_2xqdy_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_2xqdy_gg_.__xDirection_2xqdy_gg_{text-anchor:var(--xDirection_2xqdy)}.___SAxisLabel_2xqdy_gg_.__yDirection_2xqdy_gg_{dominant-baseline:var(--yDirection_2xqdy)}.___SPolygonDot_2xqdy_gg_,.___SPolygon_2xqdy_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_2xqdy_gg_{opacity:.2}.___SPolygon_2xqdy_gg_.__color_2xqdy_gg_{fill:var(--color_2xqdy)}.___SPolygonDot_2xqdy_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_2xqdy_gg_.__transparent_2xqdy_gg_{opacity:.3}.___SPolygonDot_2xqdy_gg_.__color_2xqdy_gg_{fill:var(--color_2xqdy)}.___SPolygonLine_2xqdy_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_2xqdy_gg_.__transparent_2xqdy_gg_{opacity:.3}.___SPolygonLine_2xqdy_gg_.__color_2xqdy_gg_{stroke:var(--color_2xqdy)}.___SPieRect_2xqdy_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "2xqdy_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_2xqdy_gg_",
+  "__SAxisLine": "___SAxisLine_2xqdy_gg_",
+  "__SAxisTick": "___SAxisTick_2xqdy_gg_",
+  "_active": "__active_2xqdy_gg_",
+  "__SAxisLabel": "___SAxisLabel_2xqdy_gg_",
+  "_xDirection": "__xDirection_2xqdy_gg_",
+  "--xDirection": "--xDirection_2xqdy",
+  "_yDirection": "__yDirection_2xqdy_gg_",
+  "--yDirection": "--yDirection_2xqdy",
+  "__SPolygon": "___SPolygon_2xqdy_gg_",
+  "_color": "__color_2xqdy_gg_",
+  "--color": "--color_2xqdy",
+  "__SPolygonDot": "___SPolygonDot_2xqdy_gg_",
+  "_transparent": "__transparent_2xqdy_gg_",
+  "__SPolygonLine": "___SPolygonLine_2xqdy_gg_",
+  "__SPieRect": "___SPieRect_2xqdy_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);

package/lib/cjs/RadialTree.js

@@ -26,16 +26,16 @@ var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 var _excluded = ["data"];
 /*__reshadow-styles__:"./style/radial-tree.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_1f5za_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1f5za_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1f5za_gg_.__color_1f5za_gg_{stroke:var(--color_1f5za)}.___SCap_1f5za_gg_.__transparent_1f5za_gg_,.___SIcon_1f5za_gg_.__transparent_1f5za_gg_,.___SLabel_1f5za_gg_.__transparent_1f5za_gg_,.___SLine_1f5za_gg_.__transparent_1f5za_gg_{opacity:.3}.___SCap_1f5za_gg_{transition:r .1s}.___SLabel_1f5za_gg_{fill:var(--color_1f5za)}@media (hover:hover){.___SRadian_1f5za_gg_:hover .___SLabel_1f5za_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1f5za_gg_{transition:none}}" /*__inner_css_end__*/, "1f5za_gg_") /*__reshadow_css_end__*/, {
-  "__SRadian": "___SRadian_1f5za_gg_",
-  "__SLine": "___SLine_1f5za_gg_",
-  "_color": "__color_1f5za_gg_",
-  "--color": "--color_1f5za",
-  "_transparent": "__transparent_1f5za_gg_",
-  "__SCap": "___SCap_1f5za_gg_",
-  "__SIcon": "___SIcon_1f5za_gg_",
-  "__SLabel": "___SLabel_1f5za_gg_",
-  "__SLineCap": "___SLineCap_1f5za_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadian_1wyck_gg_{cursor:pointer;fill:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wyck_gg_{stroke:var(--intergalactic-text-large-info, #008ff8)}.___SLine_1wyck_gg_.__color_1wyck_gg_{stroke:var(--color_1wyck)}.___SCap_1wyck_gg_.__transparent_1wyck_gg_,.___SIcon_1wyck_gg_.__transparent_1wyck_gg_,.___SLabel_1wyck_gg_.__transparent_1wyck_gg_,.___SLine_1wyck_gg_.__transparent_1wyck_gg_{opacity:.3}.___SCap_1wyck_gg_{transition:r .1s}.___SLabel_1wyck_gg_{fill:var(--color_1wyck)}@media (hover:hover){.___SRadian_1wyck_gg_:hover .___SLabel_1wyck_gg_{cursor:pointer;filter:brightness(.6)}}@media (prefers-reduced-motion){.___SLineCap_1wyck_gg_{transition:none}}" /*__inner_css_end__*/, "1wyck_gg_") /*__reshadow_css_end__*/, {
+  "__SRadian": "___SRadian_1wyck_gg_",
+  "__SLine": "___SLine_1wyck_gg_",
+  "_color": "__color_1wyck_gg_",
+  "--color": "--color_1wyck",
+  "_transparent": "__transparent_1wyck_gg_",
+  "__SCap": "___SCap_1wyck_gg_",
+  "__SIcon": "___SIcon_1wyck_gg_",
+  "__SLabel": "___SLabel_1wyck_gg_",
+  "__SLineCap": "___SLineCap_1wyck_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 var RadialTreeBase = /*#__PURE__*/function (_Component) {

package/lib/cjs/ReferenceLine.js

@@ -17,15 +17,15 @@ var _react = _interopRequireDefault(require("react"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/reference-line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_1r95z_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_1r95z_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_1r95z)}.___STitle_1r95z_gg_._position_top_1r95z_gg_{text-anchor:middle}.___STitle_1r95z_gg_._position_bottom_1r95z_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1r95z_gg_._position_left_1r95z_gg_,.___STitle_1r95z_gg_._position_right_1r95z_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1r95z_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "1r95z_gg_") /*__reshadow_css_end__*/, {
-  "__SReferenceLine": "___SReferenceLine_1r95z_gg_",
-  "__STitle": "___STitle_1r95z_gg_",
-  "--transform-origin": "--transform-origin_1r95z",
-  "_position_top": "_position_top_1r95z_gg_",
-  "_position_bottom": "_position_bottom_1r95z_gg_",
-  "_position_right": "_position_right_1r95z_gg_",
-  "_position_left": "_position_left_1r95z_gg_",
-  "__SBackground": "___SBackground_1r95z_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SReferenceLine_jo531_gg_{fill:none;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___STitle_jo531_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79);transform-origin:var(--transform-origin_jo531)}.___STitle_jo531_gg_._position_top_jo531_gg_{text-anchor:middle}.___STitle_jo531_gg_._position_bottom_jo531_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_jo531_gg_._position_left_jo531_gg_,.___STitle_jo531_gg_._position_right_jo531_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_jo531_gg_{fill:var(--intergalactic-chart-grid-period-bg, rgba(196, 199, 207, 0.2))}" /*__inner_css_end__*/, "jo531_gg_") /*__reshadow_css_end__*/, {
+  "__SReferenceLine": "___SReferenceLine_jo531_gg_",
+  "__STitle": "___STitle_jo531_gg_",
+  "--transform-origin": "--transform-origin_jo531",
+  "_position_top": "_position_top_jo531_gg_",
+  "_position_bottom": "_position_bottom_jo531_gg_",
+  "_position_right": "_position_right_jo531_gg_",
+  "_position_left": "_position_left_jo531_gg_",
+  "__SBackground": "___SBackground_jo531_gg_"
 });
 var side2direction = {
   left: 'vertical',

package/lib/cjs/ScatterPlot.js

@@ -20,16 +20,15 @@ var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"))
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
-var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_swkde_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_swkde);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_swkde_gg_:hover{opacity:.8}}.___SScatterPlot_swkde_gg_.__color_swkde_gg_{fill:var(--color_swkde)}.___SScatterPlot_swkde_gg_.__transparent_swkde_gg_{opacity:.3}.___SValue_swkde_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_swkde_gg_.__color_swkde_gg_{stroke:var(--color_swkde)}.___SValue_swkde_gg_.__transparent_swkde_gg_{opacity:.3}" /*__inner_css_end__*/, "swkde_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_swkde_gg_",
-  "_color": "__color_swkde_gg_",
-  "--color": "--color_swkde",
-  "_transparent": "__transparent_swkde_gg_",
-  "__SValue": "___SValue_swkde_gg_",
-  "--duration": "--duration_swkde"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_azlh9_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_azlh9);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_azlh9_gg_:hover{opacity:.8}}.___SScatterPlot_azlh9_gg_.__color_azlh9_gg_{fill:var(--color_azlh9)}.___SScatterPlot_azlh9_gg_.__transparent_azlh9_gg_{opacity:.3}.___SValue_azlh9_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_azlh9_gg_.__color_azlh9_gg_{stroke:var(--color_azlh9)}.___SValue_azlh9_gg_.__transparent_azlh9_gg_{opacity:.3}" /*__inner_css_end__*/, "azlh9_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_azlh9_gg_",
+  "_color": "__color_azlh9_gg_",
+  "--color": "--color_azlh9",
+  "_transparent": "__transparent_azlh9_gg_",
+  "__SValue": "___SValue_azlh9_gg_",
+  "--duration": "--duration_azlh9"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(ScatterPlotRoot, _Component);
@@ -170,14 +169,14 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
       var yMargin = Math.min(yScale.range()[0], yScale.range()[1]);
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);
       this.asProps.dataHintsHandler.establishDataType('points-cloud');
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
-        "aria-hidden": true,
-        id: uid,
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: uid
+      }, /*#__PURE__*/_react["default"].createElement("rect", {
         x: xMargin,
         y: yMargin,
         width: "".concat(xSize, "px"),
         height: "".concat(ySize, "px")
-      }));
+      })));
     }
   }]);
   return ScatterPlotRoot;