@semcore/d3-chart 1.5.6 → 1.6.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [1.6.0] - 2021-01-21
+
+### Added
+
+- Added Bubble and Scatter plot charts
+
+### Changed
+
+- Tooltip font size changed
+
 ## [1.5.6] - 2021-12-08
 
 ### Changed

package/lib/cjs/Area.js

@@ -46,18 +46,18 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SArea_od5v4_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_od5v4_gg_.__color_od5v4_gg_{fill:var(--color_clbofp)}.___SAreaLine_od5v4_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_od5v4_gg_.__color_od5v4_gg_{stroke:var(--color_clbofp)}.___SArea_od5v4_gg_,.___SAreaLine_od5v4_gg_{transition-property:d;transition-duration:var(--duration_clbofp);transition-timing-function:ease-in-out}.___SNull_od5v4_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_od5v4_gg_.__hide_od5v4_gg_{display:none}"
+".___SArea_1ca0q_gg_{fill:#50aef4;fill-opacity:.4}.___SArea_1ca0q_gg_.__color_1ca0q_gg_{fill:var(--color_clbofp)}.___SAreaLine_1ca0q_gg_{stroke:#50aef4;stroke-width:3;fill:transparent}.___SAreaLine_1ca0q_gg_.__color_1ca0q_gg_{stroke:var(--color_clbofp)}.___SArea_1ca0q_gg_,.___SAreaLine_1ca0q_gg_{transition-property:d;transition-duration:var(--duration_clbofp);transition-timing-function:ease-in-out}.___SNull_1ca0q_gg_{fill:transparent;stroke:#bdc4c6;stroke-dasharray:4}.___SNull_1ca0q_gg_.__hide_1ca0q_gg_{display:none}"
 /*__inner_css_end__*/
 , "clbofp_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_od5v4_gg_",
-  "_color": "__color_od5v4_gg_",
+  "__SArea": "___SArea_1ca0q_gg_",
+  "_color": "__color_1ca0q_gg_",
   "--color": "--color_clbofp",
-  "__SAreaLine": "___SAreaLine_od5v4_gg_",
+  "__SAreaLine": "___SAreaLine_1ca0q_gg_",
   "--duration": "--duration_clbofp",
-  "__SNull": "___SNull_od5v4_gg_",
-  "_hide": "__hide_od5v4_gg_"
+  "__SNull": "___SNull_1ca0q_gg_",
+  "_hide": "__hide_1ca0q_gg_"
 });
 
 var AreaRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Axis.js

@@ -44,22 +44,22 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SAxis_1izro_gg_{stroke:#a6b0b3}.___SAxis_1izro_gg_.__hide_1izro_gg_{display:none}.___STick_1izro_gg_{font-size:12px;fill:#757575}.___STick_1izro_gg_.__hide_1izro_gg_{display:none}.___SGrid_1izro_gg_{fill:transparent;stroke:#dee3e5}.___STitle_1izro_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_1izro_gg_._position_top_1izro_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_1izro_gg_._position_bottom_1izro_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_1izro_gg_._position_left_1izro_gg_,.___STitle_1izro_gg_._position_right_1izro_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_1izro_gg_._position_left_1izro_gg_{text-anchor:end}.___STick_1izro_gg_._position_top_1izro_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1izro_gg_._position_bottom_1izro_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1izro_gg_._position_right_1izro_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_1izro_gg_._position_left_1izro_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_1izro_gg_._position_custom_0_1izro_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_1izro_gg_._position_custom_1_1izro_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
+".___SAxis_pw4pp_gg_{stroke:#a6b0b3}.___SAxis_pw4pp_gg_.__hide_pw4pp_gg_{display:none}.___STick_pw4pp_gg_{font-size:12px;fill:#757575}.___STick_pw4pp_gg_.__hide_pw4pp_gg_{display:none}.___SGrid_pw4pp_gg_{fill:transparent;stroke:#dee3e5}.___STitle_pw4pp_gg_{font-size:12px;fill:#757575;transform-origin:center}.___STitle_pw4pp_gg_._position_top_pw4pp_gg_{text-anchor:middle;transform:translateY(-16px)}.___STitle_pw4pp_gg_._position_bottom_pw4pp_gg_{text-anchor:middle;alignment-baseline:hanging;transform:translateY(16px)}.___STitle_pw4pp_gg_._position_left_pw4pp_gg_,.___STitle_pw4pp_gg_._position_right_pw4pp_gg_{transform:rotate(-90deg);transform-box:fill-box;alignment-baseline:middle}.___STitle_pw4pp_gg_._position_left_pw4pp_gg_{text-anchor:end}.___STick_pw4pp_gg_._position_top_pw4pp_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_pw4pp_gg_._position_bottom_pw4pp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_pw4pp_gg_._position_right_pw4pp_gg_{transform:translateX(16px);text-anchor:start;alignment-baseline:middle}.___STick_pw4pp_gg_._position_left_pw4pp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}.___STick_pw4pp_gg_._position_custom_0_pw4pp_gg_{transform:translateY(12px);text-anchor:middle;alignment-baseline:hanging}.___STick_pw4pp_gg_._position_custom_1_pw4pp_gg_{transform:translateX(-16px);text-anchor:end;alignment-baseline:middle}"
 /*__inner_css_end__*/
 , "8vu5zg_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SAxis": "___SAxis_1izro_gg_",
-  "_hide": "__hide_1izro_gg_",
-  "__STick": "___STick_1izro_gg_",
-  "__SGrid": "___SGrid_1izro_gg_",
-  "__STitle": "___STitle_1izro_gg_",
-  "_position_top": "_position_top_1izro_gg_",
-  "_position_bottom": "_position_bottom_1izro_gg_",
-  "_position_left": "_position_left_1izro_gg_",
-  "_position_right": "_position_right_1izro_gg_",
-  "_position_custom_0": "_position_custom_0_1izro_gg_",
-  "_position_custom_1": "_position_custom_1_1izro_gg_"
+  "__SAxis": "___SAxis_pw4pp_gg_",
+  "_hide": "__hide_pw4pp_gg_",
+  "__STick": "___STick_pw4pp_gg_",
+  "__SGrid": "___SGrid_pw4pp_gg_",
+  "__STitle": "___STitle_pw4pp_gg_",
+  "_position_top": "_position_top_pw4pp_gg_",
+  "_position_bottom": "_position_bottom_pw4pp_gg_",
+  "_position_left": "_position_left_pw4pp_gg_",
+  "_position_right": "_position_right_pw4pp_gg_",
+  "_position_custom_0": "_position_custom_0_pw4pp_gg_",
+  "_position_custom_1": "_position_custom_1_pw4pp_gg_"
 });
 var CUSTOM_0 = Symbol('custom_0');
 var CUSTOM_1 = Symbol('custom_1');

package/lib/cjs/Bar.js

@@ -44,17 +44,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_fx34p_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_fx34p_gg_.__color_fx34p_gg_{fill:var(--color_6qtpvs)}.___SBar_fx34p_gg_.__hide_fx34p_gg_{display:none}.___SBackground_fx34p_gg_{fill:#e4ecf1}"
+".___SBar_16vhi_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_16vhi_gg_.__color_16vhi_gg_{fill:var(--color_6qtpvs)}.___SBar_16vhi_gg_.__hide_16vhi_gg_{display:none}.___SBackground_16vhi_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
 , "6qtpvs_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_fx34p_gg_",
+  "__SBar": "___SBar_16vhi_gg_",
   "--duration": "--duration_6qtpvs",
-  "_color": "__color_fx34p_gg_",
+  "_color": "__color_16vhi_gg_",
   "--color": "--color_6qtpvs",
-  "_hide": "__hide_fx34p_gg_",
-  "__SBackground": "___SBackground_fx34p_gg_"
+  "_hide": "__hide_16vhi_gg_",
+  "__SBackground": "___SBackground_16vhi_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Bubble.js

@@ -0,0 +1,272 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _core = require("@semcore/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
+
+var _utils = require("./utils");
+
+var _createElement = _interopRequireDefault(require("./createElement"));
+
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
+
+var _d3Transition = require("d3-transition");
+
+var _ClipPath = _interopRequireDefault(require("./ClipPath"));
+
+var _d3Scale = require("d3-scale");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+/*__reshadow-styles__:"./style/bubble.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_core.sstyled.insert(
+/*__inner_css_start__*/
+".___SBubble_3y220_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1pe3cbw);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_3y220_gg_:hover{opacity:.8}.___SBubble_3y220_gg_.__color_3y220_gg_{fill:var(--color_1pe3cbw)}.___SCenter_3y220_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_3y220_gg_.__color_3y220_gg_{stroke:var(--color_1pe3cbw)}.___SLabel_3y220_gg_{fill:#2bb3ff}.___SLabel_3y220_gg_._position_right_3y220_gg_{text-anchor:end}.___SLabel_3y220_gg_._position_left_3y220_gg_{text-anchor:start}.___SLabel_3y220_gg_.__color_3y220_gg_{fill:var(--color_1pe3cbw)}"
+/*__inner_css_end__*/
+, "1pe3cbw_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SBubble": "___SBubble_3y220_gg_",
+  "--duration": "--duration_1pe3cbw",
+  "_color": "__color_3y220_gg_",
+  "--color": "--color_1pe3cbw",
+  "__SCenter": "___SCenter_3y220_gg_",
+  "__SLabel": "___SLabel_3y220_gg_",
+  "_position_right": "_position_right_3y220_gg_",
+  "_position_left": "_position_left_3y220_gg_"
+});
+
+var memoize = function memoize(func) {
+  var results = {};
+  return function (argsKey) {
+    if (!results[argsKey]) {
+      results[argsKey] = func(argsKey);
+    }
+
+    return results[argsKey];
+  };
+};
+
+var measureText = memoize(function (text) {
+  var span = document.createElement('span');
+  span.append(document.createTextNode(text));
+  span.style.display = 'inline-block';
+  document.body.append(span);
+  var textLength = span.offsetWidth;
+  span.remove();
+  return textLength;
+});
+
+var BubbleRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(BubbleRoot, _Component);
+
+  var _super = _createSuper(BubbleRoot);
+
+  function BubbleRoot() {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, BubbleRoot);
+
+    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));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props) {
+      return function (_ref2) {
+        var x = _ref2.clientX,
+            y = _ref2.clientY;
+        var eventEmitter = _this.asProps.eventEmitter;
+        _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
+        _this.virtualElement[_utils.CONSTANT.VIRTUAL_ELEMENT] = true;
+        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+      };
+    });
+    return _this;
+  }
+
+  (0, _createClass2["default"])(BubbleRoot, [{
+    key: "generateGetBoundingClientRect",
+    value: function generateGetBoundingClientRect() {
+      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return function () {
+        return {
+          width: 0,
+          height: 0,
+          top: y,
+          right: x,
+          bottom: y,
+          left: x
+        };
+      };
+    }
+  }, {
+    key: "animationCircle",
+    value: function animationCircle() {
+      var _this$asProps = this.asProps,
+          duration = _this$asProps.duration,
+          uid = _this$asProps.uid,
+          data = _this$asProps.data,
+          value = _this$asProps.value;
+      var z = (0, _d3Scale.scaleSqrt)().domain([0, Math.max.apply(Math, (0, _toConsumableArray2["default"])(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var selectRect = (0, _d3Transition.transition)().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
+      var selectRectNode = selectRect.node();
+
+      if (duration > 0 && selectRectNode) {
+        selectRect.transition().duration(duration).attr('r', function (_, ind) {
+          return z(data[ind][value]);
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.animationCircle();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationCircle();
+    }
+  }, {
+    key: "renderCircle",
+    value: function renderCircle(d, i) {
+      var _ref, _d$color;
+
+      var _this$asProps2 = this.asProps,
+          color = _this$asProps2.color,
+          scale = _this$asProps2.scale,
+          x = _this$asProps2.x,
+          y = _this$asProps2.y,
+          offset = _this$asProps2.offset,
+          styles = _this$asProps2.styles,
+          uid = _this$asProps2.uid,
+          duration = _this$asProps2.duration,
+          value = _this$asProps2.value,
+          label = _this$asProps2.label,
+          markedCross = _this$asProps2.markedCross,
+          size = _this$asProps2.size,
+          data = _this$asProps2.data;
+
+      var _scale = (0, _slicedToArray2["default"])(scale, 2),
+          xScale = _scale[0],
+          yScale = _scale[1];
+
+      var SBubble = this.Element;
+      var SCenter = 'text';
+      var SLabel = 'text';
+      var z = (0, _d3Scale.scaleSqrt)().domain([0, Math.max.apply(Math, (0, _toConsumableArray2["default"])(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var margin = Math.min(xScale.range()[0], xScale.range()[1]);
+      var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label]) ? 'right' : 'left';
+      var labelDistance = {
+        right: xScale(d[x]) + offset[0] - z(d[value]),
+        left: xScale(d[x]) + offset[0] + z(d[value])
+      }[labelPosition];
+      return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement("g", _ref.cn("g", {
+        "key": "circle(#".concat(i, ")"),
+        "onMouseMove": this.bindHandlerTooltip(true, {
+          xIndex: i
+        }),
+        "onMouseLeave": this.bindHandlerTooltip(false, {
+          xIndex: i
+        })
+      }), markedCross && /*#__PURE__*/_react["default"].createElement(SCenter, _ref.cn("SCenter", {
+        "x": xScale(d[x]) + offset[0],
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+      }), "+"), /*#__PURE__*/_react["default"].createElement(SBubble, _ref.cn("SBubble", {
+        "id": "".concat(uid).concat(uid),
+        "render": "circle",
+        "clipPath": "url(#".concat(uid, ")"),
+        "cx": xScale(d[x]) + offset[0],
+        "cy": yScale(d[y]) + offset[1],
+        "color": d[color],
+        "r": z(d[value]),
+        "use:duration": "".concat(duration, "ms")
+      })), d[label] && /*#__PURE__*/_react["default"].createElement(SLabel, _ref.cn("SLabel", {
+        "x": labelDistance,
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "position": labelPosition,
+        "color": d[color]
+      }), d[label]));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps3 = this.asProps,
+          data = _this$asProps3.data,
+          uid = _this$asProps3.uid,
+          size = _this$asProps3.size,
+          scale = _this$asProps3.scale;
+
+      var _scale2 = (0, _slicedToArray2["default"])(scale, 2),
+          xScale = _scale2[0],
+          yScale = _scale2[1];
+
+      var marginX = Math.min(xScale.range()[0], xScale.range()[1]);
+      var marginY = Math.min(yScale.range()[0], yScale.range()[1]);
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/_react["default"].createElement(_ClipPath["default"], {
+        id: uid,
+        x: marginX,
+        y: marginY,
+        width: "".concat(size[0] - 2 * marginX, "px"),
+        height: "".concat(size[1] - 2 * marginY, "px")
+      }));
+    }
+  }]);
+  return BubbleRoot;
+}(_core.Component);
+
+(0, _defineProperty2["default"])(BubbleRoot, "displayName", 'Bubble');
+(0, _defineProperty2["default"])(BubbleRoot, "style", style);
+(0, _defineProperty2["default"])(BubbleRoot, "enhance", [(0, _uniqueID["default"])()]);
+(0, _defineProperty2["default"])(BubbleRoot, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  markedCross: true
+});
+var Bubble = (0, _createElement["default"])(BubbleRoot);
+var _default = Bubble;
+exports["default"] = _default;
+//# sourceMappingURL=Bubble.js.map

package/lib/cjs/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Bubble.js"],"names":["memoize","func","results","argsKey","measureText","text","span","document","createElement","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","transition","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Component","Bubble"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAU;AACxB,MAAMC,OAAO,GAAG,EAAhB;AACA,SAAO,UAACC,OAAD,EAAa;AAClB,QAAI,CAACD,OAAO,CAACC,OAAD,CAAZ,EAAuB;AACrBD,MAAAA,OAAO,CAACC,OAAD,CAAP,GAAmBF,IAAI,CAACE,OAAD,CAAvB;AACD;;AACD,WAAOD,OAAO,CAACC,OAAD,CAAd;AACD,GALD;AAMD,CARD;;AAUA,IAAMC,WAAW,GAAGJ,OAAO,CAAC,UAACK,IAAD,EAAU;AACpC,MAAIC,IAAI,GAAGC,QAAQ,CAACC,aAAT,CAAuB,MAAvB,CAAX;AACAF,EAAAA,IAAI,CAACG,MAAL,CAAYF,QAAQ,CAACG,cAAT,CAAwBL,IAAxB,CAAZ;AACAC,EAAAA,IAAI,CAACK,KAAL,CAAWC,OAAX,GAAqB,cAArB;AACAL,EAAAA,QAAQ,CAACM,IAAT,CAAcJ,MAAd,CAAqBH,IAArB;AACA,MAAMQ,UAAU,GAAGR,IAAI,CAACS,WAAxB;AACAT,EAAAA,IAAI,CAACU,MAAL;AACA,SAAOF,UAAP;AACD,CAR0B,CAA3B;;IAUMG,U;;;;;;;;;;;;;;;uGAWa,+BAAcV,QAAQ,CAACC,aAAT,CAAuB,KAAvB,CAAd,GAA8C,E;2GAM1C,UAACU,OAAD,EAAUC,KAAV;AAAA,aAAoB,iBAAgC;AAAA,YAApBC,CAAoB,SAA7BC,OAA6B;AAAA,YAARC,CAAQ,SAAjBC,OAAiB;AAAA,YAC/DC,YAD+D,GAC9C,MAAKC,OADyC,CAC/DD,YAD+D;AAEvE,cAAKE,cAAL,CAAoBC,qBAApB,GAA4C,MAAKC,6BAAL,CAAmCR,CAAnC,EAAsCE,CAAtC,CAA5C;AACA,cAAKI,cAAL,CAAoBG,gBAASC,eAA7B,IAAgD,IAAhD;AACAN,QAAAA,YAAY,CAACO,IAAb,CAAkB,kBAAlB,EAAsCb,OAAtC,EAA+CC,KAA/C,EAAsD,MAAKO,cAA3D;AACD,OALoB;AAAA,K;;;;;;WAJrB,yCAA4C;AAAA,UAAdN,CAAc,uEAAV,CAAU;AAAA,UAAPE,CAAO,uEAAH,CAAG;AAC1C,aAAO;AAAA,eAAO;AAAEU,UAAAA,KAAK,EAAE,CAAT;AAAYC,UAAAA,MAAM,EAAE,CAApB;AAAuBC,UAAAA,GAAG,EAAEZ,CAA5B;AAA+Ba,UAAAA,KAAK,EAAEf,CAAtC;AAAyCgB,UAAAA,MAAM,EAAEd,CAAjD;AAAoDe,UAAAA,IAAI,EAAEjB;AAA1D,SAAP;AAAA,OAAP;AACD;;;WASD,2BAAkB;AAAA,0BACuB,KAAKK,OAD5B;AAAA,UACRa,QADQ,iBACRA,QADQ;AAAA,UACEC,GADF,iBACEA,GADF;AAAA,UACOC,IADP,iBACOA,IADP;AAAA,UACaC,KADb,iBACaA,KADb;AAEhB,UAAMC,CAAC,GAAG,0BACPC,MADO,CACA,CAAC,CAAD,EAAIC,IAAI,CAACC,GAAL,OAAAD,IAAI,sCAAQJ,IAAI,CAACM,GAAL,CAAS,UAACC,EAAD;AAAA,eAAQA,EAAE,CAACN,KAAD,CAAV;AAAA,OAAT,CAAR,EAAR,CADA,EAEPO,KAFO,CAED,CAAC,GAAD,EAAM,IAAN,CAFC,CAAV;AAIA,UAAMC,UAAU,GAAG,gCAChBC,SADgB,GAEhBC,SAFgB,gBAEEZ,GAFF,SAEQA,GAFR,QAGhBa,IAHgB,CAGX,GAHW,EAGN,CAHM,CAAnB;AAKA,UAAMC,cAAc,GAAGJ,UAAU,CAACK,IAAX,EAAvB;;AACA,UAAIhB,QAAQ,GAAG,CAAX,IAAgBe,cAApB,EAAoC;AAClCJ,QAAAA,UAAU,CACPM,UADH,GAEGjB,QAFH,CAEYA,QAFZ,EAGGc,IAHH,CAGQ,GAHR,EAGa,UAASI,CAAT,EAAYC,GAAZ,EAAiB;AAC1B,iBAAOf,CAAC,CAACF,IAAI,CAACiB,GAAD,CAAJ,CAAUhB,KAAV,CAAD,CAAR;AACD,SALH;AAMD;AACF;;;WAED,8BAAqB;AACnB,WAAKiB,eAAL;AACD;;;WAED,6BAAoB;AAClB,WAAKA,eAAL;AACD;;;WAED,sBAAaC,CAAb,EAAgBC,CAAhB,EAAmB;AAAA;;AAAA,2BAeb,KAAKnC,OAfQ;AAAA,UAEfoC,KAFe,kBAEfA,KAFe;AAAA,UAGfC,KAHe,kBAGfA,KAHe;AAAA,UAIf1C,CAJe,kBAIfA,CAJe;AAAA,UAKfE,CALe,kBAKfA,CALe;AAAA,UAMfyC,MANe,kBAMfA,MANe;AAAA,UAOfC,MAPe,kBAOfA,MAPe;AAAA,UAQfzB,GARe,kBAQfA,GARe;AAAA,UASfD,QATe,kBASfA,QATe;AAAA,UAUfG,KAVe,kBAUfA,KAVe;AAAA,UAWfwB,KAXe,kBAWfA,KAXe;AAAA,UAYfC,WAZe,kBAYfA,WAZe;AAAA,UAafC,IAbe,kBAafA,IAbe;AAAA,UAcf3B,IAde,kBAcfA,IAde;;AAAA,mDAgBQsB,KAhBR;AAAA,UAgBVM,MAhBU;AAAA,UAgBFC,MAhBE;;AAkBjB,UAAMC,OAAO,GAAG,KAAKC,OAArB;AACA,UAAMC,OAAO,GAAG,MAAhB;AACA,UAAMC,MAAM,GAAG,MAAf;AACA,UAAM/B,CAAC,GAAG,0BACPC,MADO,CACA,CAAC,CAAD,EAAIC,IAAI,CAACC,GAAL,OAAAD,IAAI,sCAAQJ,IAAI,CAACM,GAAL,CAAS,UAACC,EAAD;AAAA,eAAQA,EAAE,CAACN,KAAD,CAAV;AAAA,OAAT,CAAR,EAAR,CADA,EAEPO,KAFO,CAED,CAAC,GAAD,EAAM,IAAN,CAFC,CAAV;AAIA,UAAM0B,MAAM,GAAG9B,IAAI,CAAC+B,GAAL,CAASP,MAAM,CAACpB,KAAP,GAAe,CAAf,CAAT,EAA4BoB,MAAM,CAACpB,KAAP,GAAe,CAAf,CAA5B,CAAf;AAEA,UAAM4B,aAAa,GACjBT,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIO,MAAd,IAAwBN,MAAM,CAACT,CAAC,CAACvC,CAAD,CAAF,CAAN,GAAe2C,MAAM,CAAC,CAAD,CAArB,GAA2BrB,CAAC,CAACiB,CAAC,CAAClB,KAAD,CAAF,CAApD,IAAkErC,WAAW,CAACuD,CAAC,CAACM,KAAD,CAAF,CAA7E,GACI,OADJ,GAEI,MAHN;AAIA,UAAMY,aAAa,GAAG;AACpB1C,QAAAA,KAAK,EAAEiC,MAAM,CAACT,CAAC,CAACvC,CAAD,CAAF,CAAN,GAAe2C,MAAM,CAAC,CAAD,CAArB,GAA2BrB,CAAC,CAACiB,CAAC,CAAClB,KAAD,CAAF,CADf;AAEpBJ,QAAAA,IAAI,EAAE+B,MAAM,CAACT,CAAC,CAACvC,CAAD,CAAF,CAAN,GAAe2C,MAAM,CAAC,CAAD,CAArB,GAA2BrB,CAAC,CAACiB,CAAC,CAAClB,KAAD,CAAF;AAFd,QAGpBmC,aAHoB,CAAtB;AAKA,oBAAO,mBAAQZ,MAAR,CAAP,eACE;AAAA,iCACkBJ,CADlB;AAAA,uBAEe,KAAKkB,kBAAL,CAAwB,IAAxB,EAA8B;AAAEC,UAAAA,MAAM,EAAEnB;AAAV,SAA9B,CAFf;AAAA,wBAGgB,KAAKkB,kBAAL,CAAwB,KAAxB,EAA+B;AAAEC,UAAAA,MAAM,EAAEnB;AAAV,SAA/B;AAHhB,UAKGM,WAAW,iBACV,gCAAC,OAAD;AAAA,aACKE,MAAM,CAACT,CAAC,CAACvC,CAAD,CAAF,CAAN,GAAe2C,MAAM,CAAC,CAAD,CAD1B;AAAA,aAEKM,MAAM,CAACV,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAF1B;AAAA,cAGK,MAHL;AAAA,mCAIoBxB,GAJpB;AAAA,6BAKSoB,CAAC,CAACE,KAAD,CALV,+CAKqBA;AALrB,cANJ,eAgBE,gCAAC,OAAD;AAAA,wBACStB,GADT,SACeA,GADf;AAAA,kBAES,QAFT;AAAA,mCAGoBA,GAHpB;AAAA,cAIM6B,MAAM,CAACT,CAAC,CAACvC,CAAD,CAAF,CAAN,GAAe2C,MAAM,CAAC,CAAD,CAJ3B;AAAA,cAKMM,MAAM,CAACV,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAL3B;AAAA,iBAMSJ,CAAC,CAACE,KAAD,CANV;AAAA,aAOKnB,CAAC,CAACiB,CAAC,CAAClB,KAAD,CAAF,CAPN;AAAA,kCAQmBH,QARnB;AAAA,SAhBF,EA0BGqB,CAAC,CAACM,KAAD,CAAD,iBACC,gCAAC,MAAD;AAAA,aACKY,aADL;AAAA,aAEKR,MAAM,CAACV,CAAC,CAACrC,CAAD,CAAF,CAAN,GAAeyC,MAAM,CAAC,CAAD,CAF1B;AAAA,cAGK,MAHL;AAAA,mCAIoBxB,GAJpB;AAAA,oBAKYqC,aALZ;AAAA,iBAMSjB,CAAC,CAACE,KAAD;AANV,UAQGF,CAAC,CAACM,KAAD,CARJ,CA3BJ,CADF;AAyCD;;;WAED,kBAAS;AAAA,2BAC4B,KAAKxC,OADjC;AAAA,UACCe,IADD,kBACCA,IADD;AAAA,UACOD,GADP,kBACOA,GADP;AAAA,UACY4B,IADZ,kBACYA,IADZ;AAAA,UACkBL,KADlB,kBACkBA,KADlB;;AAAA,oDAEkBA,KAFlB;AAAA,UAEAM,MAFA;AAAA,UAEQC,MAFR;;AAGP,UAAMW,OAAO,GAAGpC,IAAI,CAAC+B,GAAL,CAASP,MAAM,CAACpB,KAAP,GAAe,CAAf,CAAT,EAA4BoB,MAAM,CAACpB,KAAP,GAAe,CAAf,CAA5B,CAAhB;AACA,UAAMiC,OAAO,GAAGrC,IAAI,CAAC+B,GAAL,CAASN,MAAM,CAACrB,KAAP,GAAe,CAAf,CAAT,EAA4BqB,MAAM,CAACrB,KAAP,GAAe,CAAf,CAA5B,CAAhB;AAEA,0BACE,kEACGR,IAAI,CAACM,GAAL,CAAS,KAAKoC,YAAL,CAAkBC,IAAlB,CAAuB,IAAvB,CAAT,CADH,EAEG3C,IAAI,CAACM,GAAL,CAAS,KAAKY,eAAL,CAAqByB,IAArB,CAA0B,IAA1B,CAAT,CAFH,eAGE,gCAAC,oBAAD;AACE,QAAA,EAAE,EAAE5C,GADN;AAEE,QAAA,CAAC,EAAEyC,OAFL;AAGE,QAAA,CAAC,EAAEC,OAHL;AAIE,QAAA,KAAK,YAAKd,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIa,OAAnB,OAJP;AAKE,QAAA,MAAM,YAAKb,IAAI,CAAC,CAAD,CAAJ,GAAU,IAAIc,OAAnB;AALR,QAHF,CADF;AAaD;;;EAxJsBG,e;;iCAAnBnE,U,iBACiB,Q;iCADjBA,U,WAEWN,K;iCAFXM,U,aAGa,CAAC,2BAAD,C;iCAHbA,U,kBAKkB;AACpB8C,EAAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CADY;AAEpBzB,EAAAA,QAAQ,EAAE,GAFU;AAGpB4B,EAAAA,WAAW,EAAE;AAHO,C;AAsJxB,IAAMmB,MAAM,GAAG,+BAAcpE,UAAd,CAAf;eAEeoE,M","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/cjs/Donut.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_q26vu_gg_{stroke:#fff;fill:#50aef4}.___SPie_q26vu_gg_.__color_q26vu_gg_{fill:var(--color_40fbm0)}.___SEmptyData_q26vu_gg_{fill:#e4ecf1}.___SEmptyData_q26vu_gg_.__color_q26vu_gg_{fill:var(--color_40fbm0)}.___SLabel_q26vu_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_12973_gg_{stroke:#fff;fill:#50aef4}.___SPie_12973_gg_.__color_12973_gg_{fill:var(--color_40fbm0)}.___SEmptyData_12973_gg_{fill:#e4ecf1}.___SEmptyData_12973_gg_.__color_12973_gg_{fill:var(--color_40fbm0)}.___SLabel_12973_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
 , "40fbm0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_q26vu_gg_",
-  "_color": "__color_q26vu_gg_",
+  "__SPie": "___SPie_12973_gg_",
+  "_color": "__color_12973_gg_",
   "--color": "--color_40fbm0",
-  "__SEmptyData": "___SEmptyData_q26vu_gg_",
-  "__SLabel": "___SLabel_q26vu_gg_"
+  "__SEmptyData": "___SEmptyData_12973_gg_",
+  "__SLabel": "___SLabel_12973_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 

package/lib/cjs/Dots.js

@@ -32,17 +32,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SDot_mv0zc_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#50aef4;transition-property:cx,cy;transition-duration:var(--duration_1mcd7jn);transition-timing-function:ease-in-out}.___SDot_mv0zc_gg_.__color_mv0zc_gg_{fill:var(--color_1mcd7jn)}.___SDot_mv0zc_gg_.__hide_mv0zc_gg_{display:none}.___SDot_mv0zc_gg_.__active_mv0zc_gg_{r:8px}"
+".___SDot_1wtow_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#50aef4;transition-property:cx,cy;transition-duration:var(--duration_1mcd7jn);transition-timing-function:ease-in-out}.___SDot_1wtow_gg_.__color_1wtow_gg_{fill:var(--color_1mcd7jn)}.___SDot_1wtow_gg_.__hide_1wtow_gg_{display:none}.___SDot_1wtow_gg_.__active_1wtow_gg_{r:8px}"
 /*__inner_css_end__*/
 , "1mcd7jn_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDot": "___SDot_mv0zc_gg_",
+  "__SDot": "___SDot_1wtow_gg_",
   "--duration": "--duration_1mcd7jn",
-  "_color": "__color_mv0zc_gg_",
+  "_color": "__color_1wtow_gg_",
   "--color": "--color_1mcd7jn",
-  "_hide": "__hide_mv0zc_gg_",
-  "_active": "__active_mv0zc_gg_"
+  "_hide": "__hide_1wtow_gg_",
+  "_active": "__active_1wtow_gg_"
 });
 
 function Dots(props) {

package/lib/cjs/GroupBar.js

@@ -42,15 +42,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__css__)(
 /*__inner_css_start__*/
-".___SBar_zphen_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_zphen_gg_.__color_zphen_gg_{fill:var(--color)}.___SBar_zphen_gg_.__hide_zphen_gg_{display:none}.___SBackground_zphen_gg_{fill:#e4ecf1}"
+".___SBar_1n0gc_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_1n0gc_gg_.__color_1n0gc_gg_{fill:var(--color)}.___SBar_1n0gc_gg_.__hide_1n0gc_gg_{display:none}.___SBackground_1n0gc_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "1fijs3a_gg_")
+, "agduuu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_zphen_gg_",
-  "_color": "__color_zphen_gg_",
-  "_hide": "__hide_zphen_gg_",
-  "__SBackground": "___SBackground_zphen_gg_"
+  "__SBar": "___SBar_1n0gc_gg_",
+  "_color": "__color_1n0gc_gg_",
+  "_hide": "__hide_1n0gc_gg_",
+  "__SBackground": "___SBackground_1n0gc_gg_"
 }),
     style = (0, _extends2["default"])({}, _ref);
 

package/lib/cjs/HorizontalBar.js

@@ -42,17 +42,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_fx34p_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_fx34p_gg_.__color_fx34p_gg_{fill:var(--color_6qtpvs)}.___SBar_fx34p_gg_.__hide_fx34p_gg_{display:none}.___SBackground_fx34p_gg_{fill:#e4ecf1}"
+".___SBar_16vhi_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_16vhi_gg_.__color_16vhi_gg_{fill:var(--color_6qtpvs)}.___SBar_16vhi_gg_.__hide_16vhi_gg_{display:none}.___SBackground_16vhi_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
 , "6qtpvs_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_fx34p_gg_",
+  "__SBar": "___SBar_16vhi_gg_",
   "--duration": "--duration_6qtpvs",
-  "_color": "__color_fx34p_gg_",
+  "_color": "__color_16vhi_gg_",
   "--color": "--color_6qtpvs",
-  "_hide": "__hide_fx34p_gg_",
-  "__SBackground": "___SBackground_fx34p_gg_"
+  "_hide": "__hide_16vhi_gg_",
+  "__SBackground": "___SBackground_16vhi_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1yr53_gg_{stroke:#a6b0b3}.___SHoverRect_1yr53_gg_{fill:rgba(152,170,175,.3)}"
+".___SHoverLine_wqcps_gg_{stroke:#a6b0b3}.___SHoverRect_wqcps_gg_{fill:rgba(152,170,175,.3)}"
 /*__inner_css_end__*/
 , "1tjsi7e_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1yr53_gg_",
-  "__SHoverRect": "___SHoverRect_1yr53_gg_"
+  "__SHoverLine": "___SHoverLine_wqcps_gg_",
+  "__SHoverRect": "___SHoverRect_wqcps_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_kdgn0_gg_{fill:transparent;stroke-width:3;stroke:#50aef4;transition-property:d;transition-duration:var(--duration_1lu5daw);transition-timing-function:ease-in-out}.___SLine_kdgn0_gg_.__color_kdgn0_gg_{stroke:var(--color_1lu5daw)}.___SLine_kdgn0_gg_.__hide_kdgn0_gg_{display:none}.___SNull_kdgn0_gg_{fill:transparent;stroke:#98aaaf;stroke-dasharray:4}.___SNull_kdgn0_gg_.__hide_kdgn0_gg_{display:none}"
+".___SLine_7fhpz_gg_{fill:transparent;stroke-width:3;stroke:#50aef4;transition-property:d;transition-duration:var(--duration_1lu5daw);transition-timing-function:ease-in-out}.___SLine_7fhpz_gg_.__color_7fhpz_gg_{stroke:var(--color_1lu5daw)}.___SLine_7fhpz_gg_.__hide_7fhpz_gg_{display:none}.___SNull_7fhpz_gg_{fill:transparent;stroke:#98aaaf;stroke-dasharray:4}.___SNull_7fhpz_gg_.__hide_7fhpz_gg_{display:none}"
 /*__inner_css_end__*/
 , "1lu5daw_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_kdgn0_gg_",
+  "__SLine": "___SLine_7fhpz_gg_",
   "--duration": "--duration_1lu5daw",
-  "_color": "__color_kdgn0_gg_",
+  "_color": "__color_7fhpz_gg_",
   "--color": "--color_1lu5daw",
-  "_hide": "__hide_kdgn0_gg_",
-  "__SNull": "___SNull_kdgn0_gg_"
+  "_hide": "__hide_7fhpz_gg_",
+  "__SNull": "___SNull_7fhpz_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {