@semcore/d3-chart 3.60.0 → 3.60.1

package/lib/esm/HorizontalBar.mjs

@@ -0,0 +1,181 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import React from "react";
+import { sstyled as sstyled$1, Component } from "@semcore/core";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import createElement from "./createElement.mjs";
+import AnimatedClipPath from "./AnimatedClipPath.mjs";
+import { scaleToBand, roundedPath } from "./utils.mjs";
+import { PatternFill } from "./Pattern.mjs";
+/*!__reshadow-styles__:"./style/bar.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SBar_1rv7u_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1rv7u);transition-timing-function:ease-in-out}.___SBar_1rv7u_gg_.__color_1rv7u_gg_{fill:var(--color_1rv7u)}.___SBar_1rv7u_gg_.__pattern_1rv7u_gg_.__color_1rv7u_gg_{fill:var(--pattern_1rv7u);stroke:var(--color_1rv7u);stroke-width:1px}.___SBar_1rv7u_gg_.__hide_1rv7u_gg_{display:none}.___SBar_1rv7u_gg_.__transparent_1rv7u_gg_{opacity:.3}.___SBackground_1rv7u_gg_.__onClick_1rv7u_gg_,.___SBar_1rv7u_gg_.__onClick_1rv7u_gg_{cursor:pointer}.___SBackground_1rv7u_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1rv7u_gg_{display:flex;justify-content:space-between}.___SBarLabel_1rv7u_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1rv7u_gg_,.___SBarPercent_1rv7u_gg_,.___SBarValue_1rv7u_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1rv7u_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1rv7u_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1rv7u_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    /*__inner_css_end__*/
+    "1rv7u_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SBar": "___SBar_1rv7u_gg_",
+    "--duration": "--duration_1rv7u",
+    "_color": "__color_1rv7u_gg_",
+    "--color": "--color_1rv7u",
+    "_pattern": "__pattern_1rv7u_gg_",
+    "--pattern": "--pattern_1rv7u",
+    "_hide": "__hide_1rv7u_gg_",
+    "_transparent": "__transparent_1rv7u_gg_",
+    "_onClick": "__onClick_1rv7u_gg_",
+    "__SBackground": "___SBackground_1rv7u_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_1rv7u_gg_",
+    "__SBarLabel": "___SBarLabel_1rv7u_gg_",
+    "__SBarPercent": "___SBarPercent_1rv7u_gg_",
+    "__SBarValue": "___SBarValue_1rv7u_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1rv7u_gg_"
+  })
+);
+var MIN_WIDTH = 2;
+var calcPartBarX = function calcPartBarX2(x, minWidth, width) {
+  if (x <= 0) {
+    return width <= minWidth ? minWidth : 0;
+  }
+  return Object.is(x, 0) ? minWidth : 0;
+};
+var HorizontalBarRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(HorizontalBarRoot2, _Component);
+  var _super = _createSuper(HorizontalBarRoot2);
+  function HorizontalBarRoot2() {
+    _classCallCheck(this, HorizontalBarRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(HorizontalBarRoot2, [{
+    key: "getBackgroundProps",
+    value: function getBackgroundProps(_props, index) {
+      var _this$asProps = this.asProps, data = _this$asProps.data, y = _this$asProps.y;
+      return {
+        value: data[index][y],
+        index
+      };
+    }
+  }, {
+    key: "renderBar",
+    value: function renderBar(d, i) {
+      var _ref, _d$x, _d$x2, _d$x3;
+      var SBar = this.Element;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, color = _this$asProps2.color, x = _this$asProps2.x, x0 = _this$asProps2.x0, y = _this$asProps2.y, scale = _this$asProps2.scale, hide = _this$asProps2.hide, offsetProps = _this$asProps2.offset, uid = _this$asProps2.uid, duration = _this$asProps2.duration, r = _this$asProps2.r, wMin = _this$asProps2.wMin, heightProps = _this$asProps2.height, onMouseMove = _this$asProps2.onMouseMove, onMouseLeave = _this$asProps2.onMouseLeave, groupKey = _this$asProps2.groupKey, transparent = _this$asProps2.transparent, _this$asProps2$maxBar = _this$asProps2.maxBarSize, maxBarSize = _this$asProps2$maxBar === void 0 ? Infinity : _this$asProps2$maxBar, resolveColor = _this$asProps2.resolveColor, patterns = _this$asProps2.patterns, onClick = _this$asProps2.onClick;
+      var offset = typeof offsetProps === "function" ? offsetProps(i) : offsetProps;
+      var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
+      var absWidth = Math.abs(xScale(d[x]) - Math.max(xScale(xScale.domain()[0]), xScale((_d$x = d[x0]) !== null && _d$x !== void 0 ? _d$x : 0)));
+      var bandHeight = heightProps || scaleToBand(yScale).bandwidth();
+      var height = Math.min(bandHeight, maxBarSize);
+      var width = Number(d[x] - ((_d$x2 = d[x0]) !== null && _d$x2 !== void 0 ? _d$x2 : 0)) === 0 ? 0 : Math.max(absWidth, wMin);
+      var barY = yScale(d[y]) + bandHeight / 2 - height / 2 + offset[1];
+      var barX = xScale(Math.min((_d$x3 = d[x0]) !== null && _d$x3 !== void 0 ? _d$x3 : 0, width <= wMin && d[x] < 0 ? 0 : d[x])) + offset[0] - calcPartBarX(d[x], wMin, width);
+      var handleClick = function handleClick2(event) {
+        return onClick === null || onClick === void 0 ? void 0 : onClick(d, event, i, x);
+      };
+      var dSvg = getHorizontalRect({
+        x: barX,
+        y: barY,
+        width,
+        height,
+        radius: Array.isArray(r) ? r[i] : r,
+        position: d[x] > 0 || Object.is(d[x], 0) ? "right" : "left"
+      });
+      if (groupKey) {
+        this.asProps.dataHintsHandler.describeGroupedValues(groupKey, x);
+      } else {
+        this.asProps.dataHintsHandler.describeValueEntity("".concat(i, ".").concat(x), groupKey !== null && groupKey !== void 0 ? groupKey : d[y]);
+      }
+      return /* @__PURE__ */ React.createElement(React.Fragment, {
+        key: "horizontal-bar-".concat(i)
+      }, (_ref = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBar, _ref.cn("SBar", {
+        "aria-hidden": true,
+        "render": "path",
+        "clipPath": "url(#".concat(uid, ")"),
+        "__excludeProps": ["data", "scale", "value", "onClick", "offset"],
+        "childrenPosition": "above",
+        "value": d,
+        "index": i,
+        "hide": hide,
+        "color": resolveColor(color),
+        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : void 0,
+        "transparent": transparent,
+        "x": barX,
+        "y": barY,
+        "width": width,
+        "height": height,
+        "d": dSvg,
+        "onClickCapture": handleClick,
+        "use:duration": "".concat(duration, "ms"),
+        "onMouseMove": onMouseMove,
+        "onMouseLeave": onMouseLeave
+      }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref.cn("PatternFill", {
+        "id": "".concat(uid, "-").concat(i, "-pattern"),
+        "patternKey": color,
+        "color": resolveColor(color),
+        "patterns": patterns
+      })));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps3 = this.asProps, data = _this$asProps3.data, uid = _this$asProps3.uid, size = _this$asProps3.size, duration = _this$asProps3.duration;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, {
+        "aria-hidden": true,
+        duration,
+        id: uid,
+        x: "0",
+        y: "0",
+        width: 0,
+        height: size[1]
+      }));
+    }
+  }]);
+  return HorizontalBarRoot2;
+}(Component);
+_defineProperty(HorizontalBarRoot, "displayName", "HorizontalBar");
+_defineProperty(HorizontalBarRoot, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(HorizontalBarRoot, "style", style);
+_defineProperty(HorizontalBarRoot, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  r: 2,
+  wMin: MIN_WIDTH
+});
+function Background(props) {
+  var _ref2;
+  var SBackground = props.Element, styles = props.styles, scale = props.scale, value = props.value;
+  var _scale2 = _slicedToArray(scale, 2), xScale = _scale2[0], yScale = _scale2[1];
+  var xRange = xScale.range();
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBackground, _ref2.cn("SBackground", {
+    "aria-hidden": true,
+    "render": "rect",
+    "childrenPosition": "above",
+    "width": xRange[1] - xRange[0],
+    "height": scaleToBand(yScale).bandwidth(),
+    "x": xRange[0],
+    "y": yScale(value)
+  }));
+}
+function getHorizontalRect(_ref3) {
+  var x = _ref3.x, y = _ref3.y, width = _ref3.width, height = _ref3.height, radius = _ref3.radius, position = _ref3.position;
+  if (width < radius) radius = width;
+  if (radius) {
+    if (position === "right") return roundedPath(x, y, width, height, radius, false, true, false, true);
+    return roundedPath(x, y, width, height, radius, true, false, true, false);
+  }
+  return roundedPath(x, y, width, height, radius);
+}
+const HorizontalBar = createElement(HorizontalBarRoot, {
+  Background
+});
+export {
+  MIN_WIDTH,
+  HorizontalBar as default
+};

package/lib/esm/Hover.mjs

@@ -0,0 +1,217 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import { Component, sstyled as sstyled$1, assignProps } from "@semcore/core";
+import React from "react";
+import canUseDOM from "@semcore/utils/lib/canUseDOM";
+import trottle from "@semcore/utils/lib/rafTrottle";
+import createElement from "./createElement.mjs";
+import { eventToPoint, invert, getIndexFromData, scaleOfBandwidth, scaleToBand } from "./utils.mjs";
+import Tooltip from "./Tooltip.mjs";
+/*!__reshadow-styles__:"./style/hover.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SHoverLine_1kncu_gg_{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1kncu_gg_{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    /*__inner_css_end__*/
+    "1kncu_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SHoverLine": "___SHoverLine_1kncu_gg_",
+    "__SHoverRect": "___SHoverRect_1kncu_gg_"
+  })
+);
+var Hover = /* @__PURE__ */ function(_Component) {
+  _inherits(Hover2, _Component);
+  var _super = _createSuper(Hover2);
+  function Hover2() {
+    var _this;
+    _classCallCheck(this, Hover2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      xIndex: null,
+      yIndex: null
+    });
+    _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(_assertThisInitialized(_this), "handlerMouseMoveRoot", trottle(function(e) {
+      var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, data = _this$asProps.data, scale = _this$asProps.scale, x = _this$asProps.x, y = _this$asProps.y, rootRef = _this$asProps.rootRef, patterns = _this$asProps.patterns;
+      var clientX = e.clientX, clientY = e.clientY;
+      var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
+      var _eventToPoint = eventToPoint(e, rootRef.current), _eventToPoint2 = _slicedToArray(_eventToPoint, 2), pX = _eventToPoint2[0], pY = _eventToPoint2[1];
+      var vX = invert(xScale, pX);
+      var vY = invert(yScale, pY);
+      var xIndex = x === void 0 || vX === void 0 ? null : getIndexFromData(data, xScale, x, vX);
+      var yIndex = y === void 0 || vY === void 0 ? null : getIndexFromData(data, yScale, y, vY);
+      var state = {
+        xIndex,
+        yIndex,
+        patterns
+      };
+      _this.setState(state, function() {
+        eventEmitter.emit("setTooltipPosition", clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps", {}, state);
+        eventEmitter.emit("setTooltipVisible", xIndex !== null || yIndex !== null);
+      });
+    }));
+    _defineProperty(_assertThisInitialized(_this), "handlerMouseLeaveRoot", trottle(function() {
+      var state = {
+        xIndex: null,
+        yIndex: null,
+        patterns: _this.asProps.patterns
+      };
+      _this.setState(state, function() {
+        _this.asProps.eventEmitter.emit("setTooltipVisible", false);
+      });
+    }));
+    return _this;
+  }
+  _createClass(Hover2, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var eventEmitter = this.asProps.eventEmitter;
+      this.unsubscribeMouseMoveRoot = eventEmitter.subscribe("onMouseMoveChart", function(e) {
+        e.persist();
+        _this2.handlerMouseMoveRoot(e);
+      });
+      this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe("onMouseLeaveChart", this.handlerMouseLeaveRoot);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.unsubscribeMouseMoveRoot) {
+        this.unsubscribeMouseMoveRoot();
+      }
+      if (this.unsubscribeMouseLeaveRoot) {
+        this.unsubscribeMouseLeaveRoot();
+      }
+    }
+  }]);
+  return Hover2;
+}(Component);
+_defineProperty(Hover, "style", style);
+var HoverLineRoot = /* @__PURE__ */ function(_Hover) {
+  _inherits(HoverLineRoot2, _Hover);
+  var _super2 = _createSuper(HoverLineRoot2);
+  function HoverLineRoot2() {
+    _classCallCheck(this, HoverLineRoot2);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(HoverLineRoot2, [{
+    key: "render",
+    value: function render() {
+      var _ref3;
+      var SHoverLine = this.Element;
+      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, x = _this$asProps2.x, y = _this$asProps2.y, data = _this$asProps2.data, scale = _this$asProps2.scale, hideHoverLine = _this$asProps2.hideHoverLine;
+      var _this$state = this.state, xIndex = _this$state.xIndex, yIndex = _this$state.yIndex;
+      var _scale2 = _slicedToArray(scale, 2), xScale = _scale2[0], yScale = _scale2[1];
+      var xRange = xScale.range();
+      var yRange = yScale.range();
+      var x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : void 0;
+      var y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : void 0;
+      var isHide = typeof hideHoverLine === "function" ? hideHoverLine(xIndex, yIndex) : hideHoverLine;
+      if (isHide) {
+        return null;
+      }
+      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
+        "aria-hidden": true,
+        "render": "line",
+        "index": xIndex,
+        "x1": x1,
+        "y1": yRange[0],
+        "x2": x1,
+        "y2": yRange[1]
+      })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
+        "aria-hidden": true,
+        "render": "line",
+        "index": yIndex,
+        "x1": xRange[0],
+        "y1": y1,
+        "x2": xRange[1],
+        "y2": y1
+      })) : null);
+    }
+  }]);
+  return HoverLineRoot2;
+}(Hover);
+_defineProperty(HoverLineRoot, "displayName", "HoverLine");
+var HoverRectRoot = /* @__PURE__ */ function(_Hover2) {
+  _inherits(HoverRectRoot2, _Hover2);
+  var _super3 = _createSuper(HoverRectRoot2);
+  function HoverRectRoot2() {
+    _classCallCheck(this, HoverRectRoot2);
+    return _super3.apply(this, arguments);
+  }
+  _createClass(HoverRectRoot2, [{
+    key: "render",
+    value: function render() {
+      var _ref4;
+      var SHoverRect = this.Element;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, x = _this$asProps3.x, y = _this$asProps3.y, data = _this$asProps3.data, scale = _this$asProps3.scale, hideHoverLine = _this$asProps3.hideHoverLine;
+      var _this$state2 = this.state, xIndex = _this$state2.xIndex, yIndex = _this$state2.yIndex;
+      var _scale3 = _slicedToArray(scale, 2), xScale = _scale3[0], yScale = _scale3[1];
+      var xRange = xScale.range();
+      var yRange = yScale.range();
+      var xBand = scaleToBand(xScale);
+      var yBand = scaleToBand(yScale);
+      if (hideHoverLine) {
+        return null;
+      }
+      return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
+        "aria-hidden": true,
+        "render": "rect",
+        "index": xIndex,
+        "width": xBand.step() - xBand.paddingInner() / 2,
+        "height": yRange[0] - yRange[1],
+        "x": xScale(data[xIndex][x]) - xBand.step() * xBand.paddingInner() / 2,
+        "y": yRange[1]
+      })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
+        "aria-hidden": true,
+        "render": "rect",
+        "index": yIndex,
+        "width": xRange[1] - xRange[0],
+        "height": yBand.step() - yBand.paddingInner() / 2,
+        "x": xRange[0],
+        "y": yScale(data[yIndex][y]) - yBand.step() * yBand.paddingInner() / 2
+      })) : null);
+    }
+  }]);
+  return HoverRectRoot2;
+}(Hover);
+_defineProperty(HoverRectRoot, "displayName", "HoverRect");
+var HoverLineTooltip = function HoverLineTooltip2(props) {
+  var _ref = arguments[0], _ref5;
+  var SHoverLineTooltip = Tooltip;
+  return _ref5 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SHoverLineTooltip, _ref5.cn("SHoverLineTooltip", _objectSpread({}, assignProps({
+    "tag": HoverLine,
+    "excludeAnchorProps": true
+  }, _ref))));
+};
+var HoverRectTooltip = function HoverRectTooltip2(props) {
+  var _ref2 = arguments[0], _ref6;
+  var SHoverRectTooltip = Tooltip;
+  return _ref6 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SHoverRectTooltip, _ref6.cn("SHoverRectTooltip", _objectSpread({}, assignProps({
+    "tag": HoverRect,
+    "excludeAnchorProps": true
+  }, _ref2))));
+};
+var HoverLine = createElement(HoverLineRoot, {
+  Tooltip: [HoverLineTooltip, Tooltip._______childrenComponents]
+});
+var HoverRect = createElement(HoverRectRoot, {
+  Tooltip: [HoverRectTooltip, Tooltip._______childrenComponents]
+});
+export {
+  HoverLine,
+  HoverRect
+};

package/lib/esm/Line.mjs

@@ -0,0 +1,199 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import React from "react";
+import { line, curveLinear, area, curveCardinal } from "d3-shape";
+import { sstyled as sstyled$1, Component } from "@semcore/core";
+import uniqueIDEnhancement, { useUID } from "@semcore/utils/lib/uniqueID";
+import createElement from "./createElement.mjs";
+import { definedData, scaleOfBandwidth, interpolateValue, getNullData, definedNullData, getChartDefaultColorName } from "./utils.mjs";
+import Dots from "./Dots.mjs";
+import AnimatedClipPath from "./AnimatedClipPath.mjs";
+import { resolvePatternDasharray } from "./Pattern.mjs";
+/*!__reshadow-styles__:"./style/line.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SLine_4cypd_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_4cypd);transition-timing-function:ease-in-out}.___SLine_4cypd_gg_.__color_4cypd_gg_{stroke:var(--color_4cypd)}.___SLine_4cypd_gg_.__hide_4cypd_gg_{display:none}.___SLine_4cypd_gg_.__transparent_4cypd_gg_{opacity:.3}.___SNull_4cypd_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_4cypd_gg_.__hide_4cypd_gg_{display:none}.___SLineArea_4cypd_gg_{transition-property:d;transition-duration:var(--duration_4cypd);transition-timing-function:ease-in-out;opacity:.3;fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLineArea_4cypd_gg_.__color_4cypd_gg_{fill:var(--color_4cypd)}",
+    /*__inner_css_end__*/
+    "4cypd_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SLine": "___SLine_4cypd_gg_",
+    "--duration": "--duration_4cypd",
+    "_color": "__color_4cypd_gg_",
+    "--color": "--color_4cypd",
+    "_hide": "__hide_4cypd_gg_",
+    "_transparent": "__transparent_4cypd_gg_",
+    "__SNull": "___SNull_4cypd_gg_",
+    "__SLineArea": "___SLineArea_4cypd_gg_"
+  })
+);
+var LineRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(LineRoot2, _Component);
+  var _super = _createSuper(LineRoot2);
+  function LineRoot2() {
+    _classCallCheck(this, LineRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(LineRoot2, [{
+    key: "getDotsProps",
+    value: function getDotsProps() {
+      var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, d3 = _this$asProps.d3, color = _this$asProps.color, resolveColor = _this$asProps.resolveColor, duration = _this$asProps.duration, transparent = _this$asProps.transparent, patterns = _this$asProps.patterns;
+      return {
+        x,
+        y,
+        d3,
+        color,
+        resolveColor,
+        duration,
+        transparent,
+        patterns
+      };
+    }
+  }, {
+    key: "getNullProps",
+    value: function getNullProps() {
+      var _this$asProps2 = this.asProps, x = _this$asProps2.x, y = _this$asProps2.y, d3 = _this$asProps2.d3, color = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      return {
+        d3,
+        // TODO: vertical
+        data: getNullData(data, definedNullData(x, y), y),
+        color,
+        resolveColor
+      };
+    }
+  }, {
+    key: "getAreaProps",
+    value: function getAreaProps() {
+      var _this$asProps3 = this.asProps, x = _this$asProps3.x, y = _this$asProps3.y, color = _this$asProps3.color, hide = _this$asProps3.hide, duration = _this$asProps3.duration, scale = _this$asProps3.scale;
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      return {
+        x,
+        y,
+        data,
+        color,
+        hide,
+        duration,
+        scale
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref;
+      var SLine = this.Element;
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, hide = _this$asProps4.hide, color = _this$asProps4.color, resolveColor = _this$asProps4.resolveColor, uid = _this$asProps4.uid, size = _this$asProps4.size, d3 = _this$asProps4.d3, duration = _this$asProps4.duration, x = _this$asProps4.x, y = _this$asProps4.y, transparent = _this$asProps4.transparent, patterns = _this$asProps4.patterns;
+      var data = this.asProps.data.filter(function(item) {
+        return item[y] !== interpolateValue;
+      });
+      this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
+      this.asProps.dataHintsHandler.establishDataType("time-series");
+      var patternKey = color || getChartDefaultColorName(0);
+      return _ref = sstyled$1(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SLine, _ref.cn("SLine", {
+        "aria-hidden": true,
+        "clipPath": "url(#".concat(uid, ")"),
+        "render": "path",
+        "hide": hide,
+        "color": resolveColor(color),
+        "transparent": transparent,
+        "d": d3(data),
+        "use:duration": "".concat(duration, "ms"),
+        "strokeDasharray": patterns ? resolvePatternDasharray(patternKey, patterns) : void 0
+      })), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, _ref.cn("AnimatedClipPath", {
+        "aria-hidden": true,
+        "duration": duration,
+        "id": uid,
+        "x": "0",
+        "y": "0",
+        "width": 0,
+        "height": size[1]
+      })));
+    }
+  }]);
+  return LineRoot2;
+}(Component);
+_defineProperty(LineRoot, "displayName", "Line");
+_defineProperty(LineRoot, "style", style);
+_defineProperty(LineRoot, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(LineRoot, "defaultProps", function(_ref4) {
+  var x = _ref4.x, y = _ref4.y, $rootProps = _ref4.$rootProps, _ref4$curve = _ref4.curve, curve = _ref4$curve === void 0 ? curveLinear : _ref4$curve, scale = _ref4.scale;
+  var _ref5 = scale || $rootProps.scale, _ref6 = _slicedToArray(_ref5, 2), xScale = _ref6[0], yScale = _ref6[1];
+  return {
+    d3: line().defined(definedData(x, y)).curve(curve).x(function(p) {
+      return scaleOfBandwidth(xScale, p[x]);
+    }).y(function(p) {
+      return scaleOfBandwidth(yScale, p[y]);
+    }),
+    duration: 500
+  };
+});
+function Null(props) {
+  var _ref2;
+  var SNull = props.Element, styles = props.styles, d3 = props.d3, data = props.data, hide = props.hide;
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SNull, _ref2.cn("SNull", {
+    "render": "path",
+    "d": d3(data),
+    "hide": hide
+  }));
+}
+function Area(props) {
+  var uid = useUID();
+  var SLineArea = props.Element, styles = props.styles, data = props.data, hide = props.hide, duration = props.duration, color = props.color, scale = props.scale, x = props.x, y0 = props.y0, y1 = props.y1, _props$curve = props.curve, curve = _props$curve === void 0 ? curveCardinal : _props$curve, area$1 = props.area, patterns = props.patterns, _props$autoInterpolat = props.autoInterpolate, autoInterpolate = _props$autoInterpolat === void 0 ? true : _props$autoInterpolat;
+  var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
+  var dataToArea = React.useMemo(function() {
+    if (area$1) return area$1;
+    var chunked = data.reduce(function(acc, d) {
+      if (d[y0] === interpolateValue || d[y1] === interpolateValue) return acc;
+      if (definedData(y0, y1)(d)) {
+        acc[acc.length - 1].push(d);
+      } else if (acc[acc.length - 1].length > 0) {
+        acc.push([]);
+      }
+      return acc;
+    }, [[]]);
+    if (autoInterpolate) {
+      return [chunked.flat()];
+    }
+    return chunked;
+  }, [data, y0, y1, area$1, autoInterpolate]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, dataToArea.map(function(chunk, index) {
+    var _ref3;
+    var d3 = area().curve(curve).x(function(data2) {
+      return xScale(data2[x]);
+    }).y0(function(data2) {
+      return yScale(data2[y0]);
+    }).y1(function(data2) {
+      return yScale(data2[y1]);
+    });
+    return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SLineArea, _ref3.cn("SLineArea", {
+      "key": "".concat(chunk.length, "-").concat(index),
+      "aria-hidden": true,
+      "clipPath": "url(#".concat(uid, ")"),
+      "render": "path",
+      "hide": hide,
+      "color": color,
+      "d": d3(chunk),
+      "use:duration": "".concat(duration, "ms"),
+      "patterns": patterns
+    }));
+  }));
+}
+const Line = createElement(LineRoot, {
+  Dots,
+  Null,
+  Area
+});
+export {
+  Line as default
+};