@semcore/d3-chart 3.60.0 → 3.60.1

package/lib/esm/Axis.mjs

@@ -0,0 +1,406 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import React from "react";
+import { sstyled as sstyled$1, Component } from "@semcore/core";
+import createElement from "./createElement.mjs";
+import { scaleOfBandwidth } from "./utils.mjs";
+var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
+/*!__reshadow-styles__:"./style/axis.shadow.css"*/
+var style = (
+  /*__reshadow_css_start__*/
+  (sstyled.insert(
+    /*__inner_css_start__*/
+    ".___SAxis_dp39u_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_dp39u_gg_.__hide_dp39u_gg_,.___STick_dp39u_gg_.__hide_dp39u_gg_{display:none}.___STick_dp39u_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_dp39u_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_dp39u_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_dp39u)}.___STitle_dp39u_gg_._position_top_dp39u_gg_{text-anchor:middle}.___STitle_dp39u_gg_._position_bottom_dp39u_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_dp39u_gg_._position_left_dp39u_gg_,.___STitle_dp39u_gg_._position_right_dp39u_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_dp39u_gg_._position_left_dp39u_gg_.__verticalWritingMode_dp39u_gg_,.___STitle_dp39u_gg_._position_right_dp39u_gg_.__verticalWritingMode_dp39u_gg_{writing-mode:vertical-rl;transform:none}.___STick_dp39u_gg_._position_top_dp39u_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_dp39u_gg_._position_bottom_dp39u_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_dp39u_gg_._position_right_dp39u_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_dp39u_gg_._position_left_dp39u_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_dp39u_gg_._position_custom_0_dp39u_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_dp39u_gg_._position_custom_1_dp39u_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}",
+    /*__inner_css_end__*/
+    "dp39u_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SAxis": "___SAxis_dp39u_gg_",
+    "_hide": "__hide_dp39u_gg_",
+    "__STick": "___STick_dp39u_gg_",
+    "__SGrid": "___SGrid_dp39u_gg_",
+    "__STitle": "___STitle_dp39u_gg_",
+    "--transform-origin": "--transform-origin_dp39u",
+    "_position_top": "_position_top_dp39u_gg_",
+    "_position_bottom": "_position_bottom_dp39u_gg_",
+    "_position_right": "_position_right_dp39u_gg_",
+    "_position_left": "_position_left_dp39u_gg_",
+    "_verticalWritingMode": "__verticalWritingMode_dp39u_gg_",
+    "_position_custom_0": "_position_custom_0_dp39u_gg_",
+    "_position_custom_1": "_position_custom_1_dp39u_gg_"
+  })
+);
+var CUSTOM_0 = Symbol("custom_0");
+var CUSTOM_1 = Symbol("custom_1");
+var MAP_INDEX_SCALE_SYMBOL = {
+  0: CUSTOM_0,
+  1: CUSTOM_1
+};
+var MAP_POSITION_REVERT = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+};
+var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
+  top: function top(_ref5) {
+    var _ref6 = _slicedToArray(_ref5, 2), xScale = _ref6[0], yScale = _ref6[1];
+    var xRange = xScale.range();
+    var yRange = yScale.range();
+    return {
+      x1: xRange[0],
+      y1: yRange[1],
+      x2: xRange[1],
+      y2: yRange[1]
+    };
+  },
+  bottom: function bottom(_ref7) {
+    var _ref8 = _slicedToArray(_ref7, 2), xScale = _ref8[0], yScale = _ref8[1];
+    var xRange = xScale.range();
+    var yRange = yScale.range();
+    return {
+      x1: xRange[0],
+      y1: yRange[0],
+      x2: xRange[1],
+      y2: yRange[0]
+    };
+  },
+  right: function right(_ref9) {
+    var _ref10 = _slicedToArray(_ref9, 2), xScale = _ref10[0], yScale = _ref10[1];
+    var xRange = xScale.range();
+    var yRange = yScale.range();
+    return {
+      x1: xRange[1],
+      y1: yRange[0],
+      x2: xRange[1],
+      y2: yRange[1]
+    };
+  },
+  left: function left(_ref11) {
+    var _ref12 = _slicedToArray(_ref11, 2), xScale = _ref12[0], yScale = _ref12[1];
+    var xRange = xScale.range();
+    var yRange = yScale.range();
+    return {
+      x1: xRange[0],
+      y1: yRange[0],
+      x2: xRange[0],
+      y2: yRange[1]
+    };
+  }
+}, _defineProperty(_MAP_POSITION_AXIS, CUSTOM_0, function(_ref13, pos) {
+  var _ref14 = _slicedToArray(_ref13, 2), xScale = _ref14[0], yScale = _ref14[1];
+  var xRange = xScale.range();
+  return {
+    x1: xRange[0],
+    y1: scaleOfBandwidth(yScale, pos),
+    x2: xRange[1],
+    y2: scaleOfBandwidth(yScale, pos)
+  };
+}), _defineProperty(_MAP_POSITION_AXIS, CUSTOM_1, function(_ref15, pos) {
+  var _ref16 = _slicedToArray(_ref15, 2), xScale = _ref16[0], yScale = _ref16[1];
+  var yRange = yScale.range();
+  return {
+    x1: scaleOfBandwidth(xScale, pos),
+    y1: yRange[0],
+    x2: scaleOfBandwidth(xScale, pos),
+    y2: yRange[1]
+  };
+}), _MAP_POSITION_AXIS);
+var MAP_POSITION_TICK = (_MAP_POSITION_TICK = {
+  top: function top2(_ref17, value) {
+    var _ref18 = _slicedToArray(_ref17, 2), xScale = _ref18[0], yScale = _ref18[1];
+    var yRange = yScale.range();
+    return {
+      x: scaleOfBandwidth(xScale, value),
+      y: yRange[1]
+    };
+  },
+  bottom: function bottom2(_ref19, value) {
+    var _ref20 = _slicedToArray(_ref19, 2), xScale = _ref20[0], yScale = _ref20[1];
+    var yRange = yScale.range();
+    return {
+      x: scaleOfBandwidth(xScale, value),
+      y: yRange[0]
+    };
+  },
+  right: function right2(_ref21, value) {
+    var _ref22 = _slicedToArray(_ref21, 2), xScale = _ref22[0], yScale = _ref22[1];
+    var xRange = xScale.range();
+    return {
+      x: xRange[1],
+      y: scaleOfBandwidth(yScale, value)
+    };
+  },
+  left: function left2(_ref23, value) {
+    var _ref24 = _slicedToArray(_ref23, 2), xScale = _ref24[0], yScale = _ref24[1];
+    var xRange = xScale.range();
+    return {
+      x: xRange[0],
+      y: scaleOfBandwidth(yScale, value)
+    };
+  }
+}, _defineProperty(_MAP_POSITION_TICK, CUSTOM_0, function(_ref25, value, pos) {
+  var _ref26 = _slicedToArray(_ref25, 2), xScale = _ref26[0], yScale = _ref26[1];
+  return {
+    x: scaleOfBandwidth(xScale, value),
+    y: scaleOfBandwidth(yScale, pos)
+  };
+}), _defineProperty(_MAP_POSITION_TICK, CUSTOM_1, function(_ref27, value, pos) {
+  var _ref28 = _slicedToArray(_ref27, 2), xScale = _ref28[0], yScale = _ref28[1];
+  return {
+    x: scaleOfBandwidth(xScale, pos),
+    y: scaleOfBandwidth(yScale, value)
+  };
+}), _MAP_POSITION_TICK);
+var MAP_POSITION_GRID = {
+  0: function _(_ref29, value) {
+    var _ref30 = _slicedToArray(_ref29, 2), xScale = _ref30[0], yScale = _ref30[1];
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x1: x,
+      y1: yRange[0],
+      x2: x,
+      y2: yRange[1]
+    };
+  },
+  1: function _2(_ref31, value) {
+    var _ref32 = _slicedToArray(_ref31, 2), xScale = _ref32[0], yScale = _ref32[1];
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x1: xRange[0],
+      y1: y,
+      x2: xRange[1],
+      y2: y
+    };
+  }
+};
+var OFFSET_TITLE = 10;
+var MAP_POSITION_TITlE = {
+  top: function top3(_ref33) {
+    var _ref34 = _slicedToArray(_ref33, 1), xScale = _ref34[0];
+    var xRange = xScale.range();
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: OFFSET_TITLE
+    };
+  },
+  bottom: function bottom3(_ref35, _ref36) {
+    var _ref37 = _slicedToArray(_ref35, 1), xScale = _ref37[0];
+    var _ref38 = _slicedToArray(_ref36, 2), height = _ref38[1];
+    var xRange = xScale.range();
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: height - OFFSET_TITLE
+    };
+  },
+  right: function right3(_ref39, _ref40) {
+    var _ref41 = _slicedToArray(_ref39, 2), yScale = _ref41[1];
+    var _ref42 = _slicedToArray(_ref40, 1), width = _ref42[0];
+    var yRange = yScale.range();
+    return {
+      x: width - OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  left: function left3(_ref43) {
+    var _ref44 = _slicedToArray(_ref43, 2), yScale = _ref44[1];
+    var yRange = yScale.range();
+    return {
+      x: OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  }
+};
+function renderValue(value) {
+  if (value instanceof Date) {
+    return value.toLocaleDateString();
+  }
+  return value;
+}
+var AxisRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(AxisRoot2, _Component);
+  var _super = _createSuper(AxisRoot2);
+  function AxisRoot2() {
+    _classCallCheck(this, AxisRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(AxisRoot2, [{
+    key: "ticks",
+    get: function get() {
+      var _scl$ticks, _scl$domain;
+      var _this$asProps = this.asProps, ticks = _this$asProps.ticks, indexScale = _this$asProps.indexScale, scale = _this$asProps.scale;
+      var scl = scale[indexScale];
+      return ticks || ((_scl$ticks = scl.ticks) === null || _scl$ticks === void 0 ? void 0 : _scl$ticks.call(scl)) || ((_scl$domain = scl.domain) === null || _scl$domain === void 0 ? void 0 : _scl$domain.call(scl)) || [];
+    }
+  }, {
+    key: "getTitleProps",
+    value: function getTitleProps() {
+      var _this$asProps2 = this.asProps, position = _this$asProps2.position, locale = _this$asProps2.locale;
+      return {
+        position: MAP_POSITION_REVERT[position],
+        verticalWritingMode: ["zh", "ja"].includes(locale)
+      };
+    }
+  }, {
+    key: "getTicksProps",
+    value: function getTicksProps() {
+      var _this$asProps3 = this.asProps, position = _this$asProps3.position, indexScale = _this$asProps3.indexScale;
+      return {
+        ticks: this.ticks,
+        indexScale,
+        position
+      };
+    }
+  }, {
+    key: "getGridProps",
+    value: function getGridProps() {
+      var indexScale = this.asProps.indexScale;
+      return {
+        ticks: this.ticks,
+        indexScale
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref, _MAP_POSITION_AXIS$po;
+      var SAxis = this.Element;
+      var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, position = _this$asProps4.position, scale = _this$asProps4.scale, hide = _this$asProps4.hide, indexScale = _this$asProps4.indexScale;
+      var pos = (_MAP_POSITION_AXIS$po = MAP_POSITION_AXIS[position]) !== null && _MAP_POSITION_AXIS$po !== void 0 ? _MAP_POSITION_AXIS$po : MAP_POSITION_AXIS[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+      return _ref = sstyled$1(styles), /* @__PURE__ */ React.createElement(SAxis, _ref.cn("SAxis", _objectSpread({
+        "render": "line",
+        "hide": hide
+      }, pos(scale, position))));
+    }
+  }]);
+  return AxisRoot2;
+}(Component);
+_defineProperty(AxisRoot, "displayName", "Axis");
+_defineProperty(AxisRoot, "style", style);
+_defineProperty(AxisRoot, "defaultProps", {});
+function Ticks(props) {
+  var _MAP_POSITION_TICK$po;
+  var STick = props.Element, styles = props.styles, scale = props.scale, ticks = props.ticks, position = props.position, hide = props.hide, indexScale = props.indexScale, dataHintsHandler = props.dataHintsHandler, children = props.children, _props$childrenPositi = props.childrenPosition, childrenPosition = _props$childrenPositi === void 0 ? "inside" : _props$childrenPositi;
+  var pos = (_MAP_POSITION_TICK$po = MAP_POSITION_TICK[position]) !== null && _MAP_POSITION_TICK$po !== void 0 ? _MAP_POSITION_TICK$po : MAP_POSITION_TICK[MAP_INDEX_SCALE_SYMBOL[indexScale]];
+  var positionClass = MAP_POSITION_TICK[position] ? position : "custom_".concat(indexScale);
+  if (typeof children === "function") {
+    var labelGetter = function labelGetter2(value) {
+      var _result$value;
+      var result = children({
+        value
+      });
+      return (_result$value = result.value) !== null && _result$value !== void 0 ? _result$value : result.children;
+    };
+    if (position === "left" || position === "right") {
+      dataHintsHandler.addKeyLabelGetter("vertical", labelGetter);
+    } else if (position === "top" || position === "bottom") {
+      dataHintsHandler.addKeyLabelGetter("horizontal", labelGetter);
+    }
+  }
+  return ticks.map(function(value, i) {
+    var _ref2;
+    var displayValue = typeof children === "function" ? void 0 : renderValue(value);
+    return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STick, _ref2.cn("STick", _objectSpread({
+      "aria-hidden": true,
+      "key": i,
+      "render": "text",
+      "childrenPosition": childrenPosition,
+      "__excludeProps": ["data", "scale", "format", "value"],
+      "value": value,
+      "index": i,
+      "position": positionClass,
+      "hide": hide
+    }, pos(scale, value, position))), displayValue);
+  });
+}
+function Grid(props) {
+  var SGrid = props.Element, styles = props.styles, scale = props.scale, ticks = props.ticks, indexScale = props.indexScale;
+  if (ticks.length >= 2) {
+    if (indexScale === 1) {
+      props.dataHintsHandler.setupGrid("vertical", Math.abs(ticks[1] - ticks[0]));
+    } else if (indexScale === 0) {
+      props.dataHintsHandler.setupGrid("horizontal", Math.abs(ticks[1] - ticks[0]));
+    }
+  }
+  return ticks.map(function(value, i) {
+    var _ref3;
+    return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SGrid, _ref3.cn("SGrid", _objectSpread({
+      "key": i,
+      "render": "line"
+    }, MAP_POSITION_GRID[indexScale](scale, value))));
+  });
+}
+function Title(props) {
+  var _ref4;
+  var STitle = props.Element, styles = props.styles, scale = props.scale, position = props.position, size = props.size, children = props.children, verticalWritingMode = props.verticalWritingMode;
+  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale, size), x = _MAP_POSITION_TITlE$p.x, y = _MAP_POSITION_TITlE$p.y;
+  if (position === "left" || position === "right") {
+    props.dataHintsHandler.setTitle("vertical", children);
+  } else if (position === "top" || position === "bottom") {
+    props.dataHintsHandler.setTitle("horizontal", children);
+  }
+  var sstyles = sstyled$1(styles);
+  var sTitleStyles = sstyles.cn("STitle", {
+    "transform-origin": "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
+  });
+  return _ref4 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref4.cn("STitle", {
+    "aria-hidden": true,
+    "render": "text",
+    "childrenPosition": "inside",
+    "position": position,
+    "className": sTitleStyles.className,
+    "style": sTitleStyles.style,
+    "verticalWritingMode": verticalWritingMode,
+    "x": x,
+    "y": y
+  }));
+}
+var XAxisRoot = /* @__PURE__ */ function(_AxisRoot) {
+  _inherits(XAxisRoot2, _AxisRoot);
+  var _super2 = _createSuper(XAxisRoot2);
+  function XAxisRoot2() {
+    _classCallCheck(this, XAxisRoot2);
+    return _super2.apply(this, arguments);
+  }
+  return _createClass(XAxisRoot2);
+}(AxisRoot);
+_defineProperty(XAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {
+  indexScale: 0,
+  position: "bottom"
+}));
+var XAxis = createElement(XAxisRoot, {
+  Ticks,
+  Grid,
+  Title
+});
+var YAxisRoot = /* @__PURE__ */ function(_AxisRoot2) {
+  _inherits(YAxisRoot2, _AxisRoot2);
+  var _super3 = _createSuper(YAxisRoot2);
+  function YAxisRoot2() {
+    _classCallCheck(this, YAxisRoot2);
+    return _super3.apply(this, arguments);
+  }
+  return _createClass(YAxisRoot2);
+}(AxisRoot);
+_defineProperty(YAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {
+  indexScale: 1,
+  position: "left",
+  hide: true
+}));
+var YAxis = createElement(YAxisRoot, {
+  Ticks,
+  Grid,
+  Title
+});
+export {
+  XAxis,
+  YAxis
+};

package/lib/esm/Bar.mjs

@@ -0,0 +1,201 @@
+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 { transition } from "d3-transition";
+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_HEIGHT = 2;
+var calcPartBarY = function calcPartBarY2(y, minHeight, height) {
+  if (y <= 0) {
+    return Object.is(y, 0) ? minHeight : 0;
+  }
+  return height <= minHeight ? minHeight : 0;
+};
+var BarRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(BarRoot2, _Component);
+  var _super = _createSuper(BarRoot2);
+  function BarRoot2() {
+    _classCallCheck(this, BarRoot2);
+    return _super.apply(this, arguments);
+  }
+  _createClass(BarRoot2, [{
+    key: "getBackgroundProps",
+    value: function getBackgroundProps(_props, index) {
+      var _this$asProps = this.asProps, x = _this$asProps.x, data = _this$asProps.data;
+      return {
+        value: data[index][x],
+        index
+      };
+    }
+  }, {
+    key: "animationBar",
+    value: function animationBar() {
+      var _this$asProps2 = this.asProps, duration = _this$asProps2.duration, uid = _this$asProps2.uid;
+      var selectRect = transition().selection().selectAll("#".concat(uid, " rect"));
+      var selectRectNode = selectRect.node();
+      if (duration > 0 && selectRectNode && selectRectNode.getAttribute("y") !== "0") {
+        selectRect.transition().duration(duration).attr("y", 0);
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.animationBar();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationBar();
+    }
+  }, {
+    key: "renderBar",
+    value: function renderBar(d, i) {
+      var _ref, _d$y, _d$y2, _d$y3;
+      var SBar = this.Element;
+      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, color = _this$asProps3.color, resolveColor = _this$asProps3.resolveColor, x = _this$asProps3.x, y = _this$asProps3.y, y0 = _this$asProps3.y0, scale = _this$asProps3.scale, hide = _this$asProps3.hide, offsetProps = _this$asProps3.offset, duration = _this$asProps3.duration, uid = _this$asProps3.uid, r = _this$asProps3.r, hMin = _this$asProps3.hMin, widthProps = _this$asProps3.width, groupKey = _this$asProps3.groupKey, onClick = _this$asProps3.onClick, transparent = _this$asProps3.transparent, _this$asProps3$maxBar = _this$asProps3.maxBarSize, maxBarSize = _this$asProps3$maxBar === void 0 ? Infinity : _this$asProps3$maxBar, patterns = _this$asProps3.patterns, dataHintsHandler = _this$asProps3.dataHintsHandler;
+      var offset = typeof offsetProps === "function" ? offsetProps(i) : offsetProps;
+      var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
+      var absHeight = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0)));
+      var height = Number(d[y] - ((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)) === 0 ? 0 : Math.max(absHeight, hMin);
+      var bandWidth = widthProps || scaleToBand(xScale).bandwidth();
+      var width = Math.min(bandWidth, maxBarSize);
+      var barX = xScale(d[x]) + bandWidth / 2 - width / 2 + offset[0];
+      var barY = yScale(Math.max((_d$y3 = d[y0]) !== null && _d$y3 !== void 0 ? _d$y3 : 0, height <= hMin && d[y] > 0 ? 0 : d[y])) + offset[1] - calcPartBarY(d[y], hMin, height);
+      var handleClick = function handleClick2(event) {
+        return onClick === null || onClick === void 0 ? void 0 : onClick(d, event, i, y);
+      };
+      var dSvg = getRect({
+        x: barX,
+        y: barY,
+        width,
+        height,
+        radius: Array.isArray(r) ? r[i] : r,
+        position: d[y] > 0 || Object.is(d[y], 0) ? "top" : "bottom"
+      });
+      if (groupKey) {
+        dataHintsHandler.describeGroupedValues(groupKey, y);
+      } else {
+        dataHintsHandler.describeValueEntity("".concat(i, ".").concat(y), groupKey !== null && groupKey !== void 0 ? groupKey : d[x]);
+        dataHintsHandler.specifyDataRowFields(x, y);
+      }
+      return /* @__PURE__ */ React.createElement(React.Fragment, {
+        key: "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,
+        "pattern": patterns ? "url(#".concat(uid, "-").concat(i, "-pattern)") : void 0,
+        "color": resolveColor(color),
+        "x": barX,
+        "y": barY,
+        "width": width,
+        "height": height,
+        "d": dSvg,
+        "onClickCapture": handleClick,
+        "use:duration": "".concat(duration, "ms"),
+        "transparent": transparent
+      }))), 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$asProps4 = this.asProps, data = _this$asProps4.data, uid = _this$asProps4.uid, size = _this$asProps4.size, duration = _this$asProps4.duration;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, data.map(this.renderBar.bind(this)), duration && /* @__PURE__ */ React.createElement(AnimatedClipPath, {
+        duration,
+        key: "".concat(uid, "-animation"),
+        attributeName: "y",
+        values: "100%;0",
+        id: uid,
+        width: size[0],
+        height: "".concat(size[1], "px")
+      }));
+    }
+  }]);
+  return BarRoot2;
+}(Component);
+_defineProperty(BarRoot, "displayName", "Bar");
+_defineProperty(BarRoot, "style", style);
+_defineProperty(BarRoot, "enhance", [uniqueIDEnhancement()]);
+_defineProperty(BarRoot, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  r: 2,
+  hMin: MIN_HEIGHT
+});
+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 yRange = yScale.range();
+  return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SBackground, _ref2.cn("SBackground", {
+    "aria-hidden": true,
+    "render": "rect",
+    "childrenPosition": "above",
+    "width": scaleToBand(xScale).bandwidth(),
+    "height": yRange[0] - yRange[1],
+    "x": xScale(value),
+    "y": yRange[1]
+  }));
+}
+function getRect(_ref3) {
+  var x = _ref3.x, y = _ref3.y, width = _ref3.width, height = _ref3.height, radius = _ref3.radius, position = _ref3.position;
+  if (height < radius) radius = height;
+  if (radius) {
+    if (position === "top") return roundedPath(x, y, width, height, radius, true, true, false, false);
+    return roundedPath(x, y, width, height, radius, false, false, true, true);
+  }
+  return roundedPath(x, y, width, height, radius);
+}
+const Bar = createElement(BarRoot, {
+  Background
+});
+export {
+  MIN_HEIGHT,
+  Bar as default
+};