@semcore/d3-chart 16.0.2-prerelease.4 → 16.0.3-prerelease.0

package/lib/esm/Bubble.mjs

@@ -2,52 +2,54 @@ 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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 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, Component, assignProps } from "@semcore/core";
-import React from "react";
-import { transition } from "d3-transition";
+import { sstyled, assignProps, Component } from "@semcore/core";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { transition } from "d3-transition";
+import React from "react";
 import createElement from "./createElement.mjs";
-import { getBubbleChartValueScale, measureText } from "./utils.mjs";
-import Tooltip from "./Tooltip.mjs";
 import { PatternFill } from "./Pattern.mjs";
+import Tooltip from "./Tooltip.mjs";
+import { getBubbleChartValueScale, measureText } from "./utils.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/bubble.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBubble_u7cks_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_u7cks);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_u7cks_gg_:hover{opacity:.8}}.___SBubble_u7cks_gg_.__color_u7cks_gg_{fill:var(--color_u7cks)}.___SBubble_u7cks_gg_.__pattern_u7cks_gg_.__color_u7cks_gg_{fill:var(--pattern_u7cks);stroke:var(--color_u7cks);stroke-width:1px}.___SBubble_u7cks_gg_.__transparent_u7cks_gg_{opacity:.3}.___SCenter_u7cks_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_u7cks_gg_.__color_u7cks_gg_{stroke:var(--color_u7cks)}.___SCenter_u7cks_gg_.__transparent_u7cks_gg_{opacity:.3}.___SLabel_u7cks_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_u7cks_gg_._position_right_u7cks_gg_{text-anchor:end}.___SLabel_u7cks_gg_._position_left_u7cks_gg_{text-anchor:start}.___SLabel_u7cks_gg_.__color_u7cks_gg_{fill:var(--color_u7cks)}.___SLabel_u7cks_gg_.__transparent_u7cks_gg_{opacity:.3}",
+    ".___SBubble_1ybb4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1ybb4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SBubble_1ybb4_gg_:hover{opacity:.8}}.___SBubble_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--color_1ybb4)}.___SBubble_1ybb4_gg_.__pattern_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--pattern_1ybb4);stroke:var(--color_1ybb4);stroke-width:1px}.___SBubble_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}.___SCenter_1ybb4_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SCenter_1ybb4_gg_.__color_1ybb4_gg_{stroke:var(--color_1ybb4)}.___SCenter_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}.___SLabel_1ybb4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SLabel_1ybb4_gg_._position_right_1ybb4_gg_{text-anchor:end}.___SLabel_1ybb4_gg_._position_left_1ybb4_gg_{text-anchor:start}.___SLabel_1ybb4_gg_.__color_1ybb4_gg_{fill:var(--color_1ybb4)}.___SLabel_1ybb4_gg_.__transparent_1ybb4_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "u7cks_gg_"
+    "1ybb4_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBubble": "___SBubble_u7cks_gg_",
-    "_color": "__color_u7cks_gg_",
-    "--color": "--color_u7cks",
-    "_pattern": "__pattern_u7cks_gg_",
-    "--pattern": "--pattern_u7cks",
-    "_transparent": "__transparent_u7cks_gg_",
-    "__SCenter": "___SCenter_u7cks_gg_",
-    "__SLabel": "___SLabel_u7cks_gg_",
-    "_position_right": "_position_right_u7cks_gg_",
-    "_position_left": "_position_left_u7cks_gg_",
-    "--duration": "--duration_u7cks"
+    "__SBubble": "___SBubble_1ybb4_gg_",
+    "_color": "__color_1ybb4_gg_",
+    "--color": "--color_1ybb4",
+    "_pattern": "__pattern_1ybb4_gg_",
+    "--pattern": "--pattern_1ybb4",
+    "_transparent": "__transparent_1ybb4_gg_",
+    "__SCenter": "___SCenter_1ybb4_gg_",
+    "__SLabel": "___SLabel_1ybb4_gg_",
+    "_position_right": "_position_right_1ybb4_gg_",
+    "_position_left": "_position_left_1ybb4_gg_",
+    "--duration": "--duration_1ybb4"
   })
 );
 var BubbleRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(BubbleRoot2, _Component);
-  var _super = _createSuper(BubbleRoot2);
   function BubbleRoot2() {
     var _this;
     _classCallCheck(this, BubbleRoot2);
     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), "bindHandlerTooltip", function(visible, props, tooltipProps) {
+    _this = _callSuper(this, BubbleRoot2, [].concat(args));
+    _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
       return function(_ref4) {
         var clientX = _ref4.clientX, clientY = _ref4.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
@@ -58,7 +60,8 @@ var BubbleRoot = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(BubbleRoot2, [{
+  _inherits(BubbleRoot2, _Component);
+  return _createClass(BubbleRoot2, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
@@ -190,7 +193,6 @@ var BubbleRoot = /* @__PURE__ */ function(_Component) {
       }), " "));
     }
   }]);
-  return BubbleRoot2;
 }(Component);
 _defineProperty(BubbleRoot, "displayName", "Bubble");
 _defineProperty(BubbleRoot, "style", style);

package/lib/esm/CompactHorizontalBar.mjs

@@ -1,70 +1,74 @@
+import "@babel/runtime/helpers/esm/readOnlyError";
 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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 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, Component, assignProps } from "@semcore/core";
-import React from "react";
+import { sstyled, assignProps, Component } from "@semcore/core";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
+import trottle from "@semcore/core/lib/utils/rafTrottle";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import createElement from "./createElement.mjs";
+import { Box } from "@semcore/flex-box";
+import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
-import { scaleToBand, roundedPath, eventToPoint } from "./utils.mjs";
+import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
-import trottle from "@semcore/core/lib/utils/rafTrottle";
 import Tooltip from "./Tooltip.mjs";
-import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
-import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
-import { Box } from "@semcore/flex-box";
+import { scaleToBand, roundedPath, eventToPoint } from "./utils.mjs";
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/bar.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SBar_1q4d3_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1q4d3);transition-timing-function:ease-in-out}.___SBar_1q4d3_gg_.__color_1q4d3_gg_{fill:var(--color_1q4d3)}.___SBar_1q4d3_gg_.__pattern_1q4d3_gg_.__color_1q4d3_gg_{fill:var(--pattern_1q4d3);stroke:var(--color_1q4d3);stroke-width:1px}.___SBar_1q4d3_gg_.__hide_1q4d3_gg_{display:none}.___SBar_1q4d3_gg_.__transparent_1q4d3_gg_{opacity:.3}.___SBackground_1q4d3_gg_.__onClick_1q4d3_gg_,.___SBar_1q4d3_gg_.__onClick_1q4d3_gg_{cursor:pointer}.___SBackground_1q4d3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1q4d3_gg_{display:flex;justify-content:space-between}.___SBarLabel_1q4d3_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1q4d3_gg_,.___SBarPercent_1q4d3_gg_,.___SBarValue_1q4d3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1q4d3_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1q4d3_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1q4d3_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SBar_1e83s_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_1e83s);transition-timing-function:ease-in-out}.___SBar_1e83s_gg_.__color_1e83s_gg_{fill:var(--color_1e83s)}.___SBar_1e83s_gg_.__pattern_1e83s_gg_.__color_1e83s_gg_{fill:var(--pattern_1e83s);stroke:var(--color_1e83s);stroke-width:1px}.___SBar_1e83s_gg_.__hide_1e83s_gg_{display:none}.___SBar_1e83s_gg_.__transparent_1e83s_gg_{opacity:.3}.___SBackground_1e83s_gg_.__onClick_1e83s_gg_,.___SBar_1e83s_gg_.__onClick_1e83s_gg_{cursor:pointer}.___SBackground_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9)}.___SBarAnnotation_1e83s_gg_{display:flex;justify-content:space-between}.___SBarLabel_1e83s_gg_{color:var(--intergalactic-text-primary, #191b23);margin-right:auto}.___SBarLabel_1e83s_gg_,.___SBarPercent_1e83s_gg_,.___SBarValue_1e83s_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBarPercent_1e83s_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBarValue_1e83s_gg_{min-width:52px;display:flex;justify-content:flex-end;color:var(--intergalactic-text-primary, #191b23);text-align:right}.___SCompactHorizontalBarHoverRect_1e83s_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1q4d3_gg_"
+    "1e83s_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SBar": "___SBar_1q4d3_gg_",
-    "--duration": "--duration_1q4d3",
-    "_color": "__color_1q4d3_gg_",
-    "--color": "--color_1q4d3",
-    "_pattern": "__pattern_1q4d3_gg_",
-    "--pattern": "--pattern_1q4d3",
-    "_hide": "__hide_1q4d3_gg_",
-    "_transparent": "__transparent_1q4d3_gg_",
-    "_onClick": "__onClick_1q4d3_gg_",
-    "__SBackground": "___SBackground_1q4d3_gg_",
-    "__SBarAnnotation": "___SBarAnnotation_1q4d3_gg_",
-    "__SBarLabel": "___SBarLabel_1q4d3_gg_",
-    "__SBarPercent": "___SBarPercent_1q4d3_gg_",
-    "__SBarValue": "___SBarValue_1q4d3_gg_",
-    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1q4d3_gg_"
+    "__SBar": "___SBar_1e83s_gg_",
+    "--duration": "--duration_1e83s",
+    "_color": "__color_1e83s_gg_",
+    "--color": "--color_1e83s",
+    "_pattern": "__pattern_1e83s_gg_",
+    "--pattern": "--pattern_1e83s",
+    "_hide": "__hide_1e83s_gg_",
+    "_transparent": "__transparent_1e83s_gg_",
+    "_onClick": "__onClick_1e83s_gg_",
+    "__SBackground": "___SBackground_1e83s_gg_",
+    "__SBarAnnotation": "___SBarAnnotation_1e83s_gg_",
+    "__SBarLabel": "___SBarLabel_1e83s_gg_",
+    "__SBarPercent": "___SBarPercent_1e83s_gg_",
+    "__SBarValue": "___SBarValue_1e83s_gg_",
+    "__SCompactHorizontalBarHoverRect": "___SCompactHorizontalBarHoverRect_1e83s_gg_"
   })
 );
 var MIN_WIDTH = 4;
 var barHeight = 20;
 var hoverOffset = 6;
 var CompactHorizontalBarRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(CompactHorizontalBarRoot2, _Component);
-  var _super = _createSuper(CompactHorizontalBarRoot2);
   function CompactHorizontalBarRoot2() {
     var _this;
     _classCallCheck(this, CompactHorizontalBarRoot2);
     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), "percentFormatter", null);
-    _defineProperty(_assertThisInitialized(_this), "percentFormatterLocale", null);
-    _defineProperty(_assertThisInitialized(_this), "valueFormatter", null);
-    _defineProperty(_assertThisInitialized(_this), "valueFormatterLocale", null);
+    _this = _callSuper(this, CompactHorizontalBarRoot2, [].concat(args));
+    _defineProperty(_this, "percentFormatter", null);
+    _defineProperty(_this, "percentFormatterLocale", null);
+    _defineProperty(_this, "valueFormatter", null);
+    _defineProperty(_this, "valueFormatterLocale", null);
     return _this;
   }
-  _createClass(CompactHorizontalBarRoot2, [{
+  _inherits(CompactHorizontalBarRoot2, _Component);
+  return _createClass(CompactHorizontalBarRoot2, [{
     key: "getBarProps",
     value: function getBarProps(_props, index) {
       return {
@@ -200,7 +204,7 @@ var CompactHorizontalBarRoot = /* @__PURE__ */ function(_Component) {
   }, {
     key: "computeBarData",
     value: function computeBarData(d) {
-      var _this$asProps7 = this.asProps, x = _this$asProps7.x, y = _this$asProps7.y, scale = _this$asProps7.scale, offsetProps = _this$asProps7.offset, wMin = _this$asProps7.wMin, heightProps = _this$asProps7.height, _this$asProps7$maxBar = _this$asProps7.maxBarSize, maxBarSize = _this$asProps7$maxBar === void 0 ? Infinity : _this$asProps7$maxBar, size = _this$asProps7.size;
+      var _this$asProps7 = this.asProps, x = _this$asProps7.x, y = _this$asProps7.y, scale = _this$asProps7.scale, offsetProps = _this$asProps7.offset, wMin = _this$asProps7.wMin, heightProps = _this$asProps7.height, _this$asProps7$maxBar = _this$asProps7.maxBarSize, maxBarSize = _this$asProps7$maxBar === void 0 ? Number.POSITIVE_INFINITY : _this$asProps7$maxBar, size = _this$asProps7.size;
       var offset = typeof offsetProps === "function" ? offsetProps(i) : offsetProps;
       var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
       var absWidth = xScale(d[x]);
@@ -251,7 +255,6 @@ var CompactHorizontalBarRoot = /* @__PURE__ */ function(_Component) {
       }));
     }
   }]);
-  return CompactHorizontalBarRoot2;
 }(Component);
 _defineProperty(CompactHorizontalBarRoot, "displayName", "CompactHorizontalBar");
 _defineProperty(CompactHorizontalBarRoot, "enhance", [uniqueIDEnhancement()]);
@@ -303,7 +306,7 @@ var BarContext = /* @__PURE__ */ React.createContext({});
 function Bar(props) {
   var Children = props.Children, index = props.index, onClick = props.onClick, transparent = props.transparent, hide = props.hide;
   var onClickHandler = React.useCallback(function(event) {
-    onClick === null || onClick === void 0 ? void 0 : onClick(index, event);
+    onClick === null || onClick === void 0 || onClick(index, event);
   }, [onClick, index]);
   var contextValue = React.useMemo(function() {
     return {
@@ -317,7 +320,7 @@ function Bar(props) {
   }, /* @__PURE__ */ React.createElement(Children, null));
 }
 function BarFill(props) {
-  var _ref10;
+  var _ref0;
   var SBar = props.Element, styles = props.styles, color = props.color, x = props.x, y = props.y, width = props.width, height = props.height, uid = props.uid, duration = props.duration, resolveColor = props.resolveColor, patterns = props.patterns, i2 = props.i, scale = props.scale;
   var _scale2 = _slicedToArray(scale, 1), xScale = _scale2[0];
   var xRange = xScale.range();
@@ -330,7 +333,7 @@ function BarFill(props) {
     return roundedPath(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = React.useContext(BarContext);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SBar, _ref10.cn("SBar", {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref0 = sstyled(styles), /* @__PURE__ */ React.createElement(SBar, _ref0.cn("SBar", {
     "aria-hidden": true,
     "render": "path",
     "d": pathD,
@@ -348,7 +351,7 @@ function BarFill(props) {
     "onClick": callAllEventHandlers(props.onClick, barProps.onClick),
     "transparent": barProps.transparent || props.transparent,
     "hide": barProps.hide || props.hide
-  }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref10.cn("PatternFill", {
+  }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref0.cn("PatternFill", {
     "id": "".concat(uid, "-").concat(i2, "-pattern"),
     "patternKey": color,
     "color": resolveColor(color),
@@ -356,7 +359,7 @@ function BarFill(props) {
   })));
 }
 function BarBackground(props) {
-  var _ref11;
+  var _ref1;
   var SBackground = props.Element, styles = props.styles, scale = props.scale, y = props.y, x = props.x, height = props.height;
   var _scale3 = _slicedToArray(scale, 1), xScale = _scale3[0];
   var xRange = xScale.range();
@@ -366,7 +369,7 @@ function BarBackground(props) {
     return roundedPath(x, y, width, height, radius, false, true, false, true);
   }, [x, y, height, width, radius]);
   var barProps = React.useContext(BarContext);
-  return _ref11 = sstyled(styles), /* @__PURE__ */ React.createElement(SBackground, _ref11.cn("SBackground", {
+  return _ref1 = sstyled(styles), /* @__PURE__ */ React.createElement(SBackground, _ref1.cn("SBackground", {
     "aria-hidden": true,
     "render": "path",
     "d": pathD,
@@ -380,22 +383,20 @@ function BarBackground(props) {
   }));
 }
 var Hover = /* @__PURE__ */ function(_Component2) {
-  _inherits(Hover2, _Component2);
-  var _super2 = _createSuper(Hover2);
   function Hover2() {
     var _this3;
     _classCallCheck(this, Hover2);
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
-    _this3 = _super2.call.apply(_super2, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this3), "state", {
+    _this3 = _callSuper(this, Hover2, [].concat(args));
+    _defineProperty(_this3, "state", {
       index: null
     });
-    _defineProperty(_assertThisInitialized(_this3), "virtualElement", canUseDOM() ? document.createElement("div") : {});
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseMoveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "unsubscribeMouseLeaveRoot", null);
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseMoveRoot", trottle(function(e) {
+    _defineProperty(_this3, "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(_this3, "unsubscribeMouseMoveRoot", null);
+    _defineProperty(_this3, "unsubscribeMouseLeaveRoot", null);
+    _defineProperty(_this3, "handlerMouseMoveRoot", trottle(function(e) {
       var _this3$asProps = _this3.asProps, eventEmitter = _this3$asProps.eventEmitter, rootRef = _this3$asProps.rootRef, patterns = _this3$asProps.patterns;
       var point = eventToPoint(e, rootRef.current);
       var clientX = e.clientX, clientY = e.clientY;
@@ -411,7 +412,7 @@ var Hover = /* @__PURE__ */ function(_Component2) {
         eventEmitter.emit("setTooltipVisible", index !== null);
       });
     }));
-    _defineProperty(_assertThisInitialized(_this3), "handlerMouseLeaveRoot", trottle(function() {
+    _defineProperty(_this3, "handlerMouseLeaveRoot", trottle(function() {
       _this3.setState({
         index: null
       }, function() {
@@ -420,7 +421,8 @@ var Hover = /* @__PURE__ */ function(_Component2) {
     }));
     return _this3;
   }
-  _createClass(Hover2, [{
+  _inherits(Hover2, _Component2);
+  return _createClass(Hover2, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
@@ -439,7 +441,7 @@ var Hover = /* @__PURE__ */ function(_Component2) {
   }, {
     key: "getIndex",
     value: function getIndex(point) {
-      var _this$asProps10 = this.asProps, data = _this$asProps10.data, getBarData = _this$asProps10.getBarData;
+      var _this$asProps0 = this.asProps, data = _this$asProps0.data, getBarData = _this$asProps0.getBarData;
       for (var _i = 0; _i < data.length; _i++) {
         var bar = getBarData(_i);
         if (point[0] >= bar.x && point[0] <= bar.x + bar.fullWidth && point[1] >= bar.y && point[1] <= bar.y + bar.height) {
@@ -472,14 +474,14 @@ var Hover = /* @__PURE__ */ function(_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref12;
-      var _this$asProps11 = this.asProps, styles = _this$asProps11.styles, getBarData = _this$asProps11.getBarData, render2 = _this$asProps11.render;
+      var _ref10;
+      var _this$asProps1 = this.asProps, styles = _this$asProps1.styles, getBarData = _this$asProps1.getBarData, render2 = _this$asProps1.render;
       if (!render2) return null;
       var index = this.state.index;
       var SCompactHorizontalBarHoverRect = this.Element;
       if (index === null) return null;
       var bar = getBarData(index);
-      return _ref12 = sstyled(styles), /* @__PURE__ */ React.createElement(SCompactHorizontalBarHoverRect, _ref12.cn("SCompactHorizontalBarHoverRect", {
+      return _ref10 = sstyled(styles), /* @__PURE__ */ React.createElement(SCompactHorizontalBarHoverRect, _ref10.cn("SCompactHorizontalBarHoverRect", {
         "render": "rect",
         "x": bar.x,
         "y": bar.y + bar.height - barHeight - hoverOffset * 2,
@@ -488,13 +490,12 @@ var Hover = /* @__PURE__ */ function(_Component2) {
       }));
     }
   }]);
-  return Hover2;
 }(Component);
 var CompactHorizontalBarTooltip = function CompactHorizontalBarTooltip2(props) {
-  var _ref4 = arguments[0], _ref13;
+  var _ref4 = arguments[0], _ref11;
   if (!props.render) return null;
   var SCompactHorizontalBarRadarTooltip = Tooltip;
-  return _ref13 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SCompactHorizontalBarRadarTooltip, _ref13.cn("SCompactHorizontalBarRadarTooltip", _objectSpread({}, assignProps({
+  return _ref11 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SCompactHorizontalBarRadarTooltip, _ref11.cn("SCompactHorizontalBarRadarTooltip", _objectSpread({}, assignProps({
     "tag": CompactHorizontalBar.Hover,
     "excludeAnchorProps": true
   }, _ref4))));

package/lib/esm/Donut.mjs

@@ -2,42 +2,46 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 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 _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/esm/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 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, Component, assignProps } from "@semcore/core";
-import React from "react";
-import { arc, pie } from "d3-shape";
-import { interpolate } from "d3-interpolate";
-import { transition } from "d3-transition";
+import { sstyled, assignProps, Component } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { interpolate } from "d3-interpolate";
+import { arc, pie } from "d3-shape";
+import { transition } from "d3-transition";
+import React from "react";
 import createElement from "./createElement.mjs";
-import { getChartDefaultColorName } from "./utils.mjs";
-import Tooltip from "./Tooltip.mjs";
 import { PatternFill } from "./Pattern.mjs";
+import Tooltip from "./Tooltip.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent", "innerRadius", "outerRadius", "resolveColor", "halfsize", "uid", "patterns"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 /*!__reshadow-styles__:"./style/donut.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SPie_1r385_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1r385_gg_.__color_1r385_gg_{fill:var(--color_1r385)}.___SPie_1r385_gg_.__pattern_1r385_gg_.__color_1r385_gg_{fill:var(--pattern_1r385);stroke:var(--color_1r385);stroke-width:1px}.___SPie_1r385_gg_.__transparent_1r385_gg_{opacity:.3}.___SEmptyData_1r385_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1r385_gg_.__color_1r385_gg_{fill:var(--color_1r385)}.___SLabel_1r385_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
+    ".___SPie_1fpvw_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPie_1fpvw_gg_.__color_1fpvw_gg_{fill:var(--color_1fpvw)}.___SPie_1fpvw_gg_.__pattern_1fpvw_gg_.__color_1fpvw_gg_{fill:var(--pattern_1fpvw);stroke:var(--color_1fpvw);stroke-width:1px}.___SPie_1fpvw_gg_.__transparent_1fpvw_gg_{opacity:.3}.___SEmptyData_1fpvw_gg_{fill:var(--intergalactic-chart-palette-order-null, #e0e1e9)}.___SEmptyData_1fpvw_gg_.__color_1fpvw_gg_{fill:var(--color_1fpvw)}.___SLabel_1fpvw_gg_{text-anchor:middle;vertical-anchor:middle;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}",
     /*__inner_css_end__*/
-    "1r385_gg_"
+    "1fpvw_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SPie": "___SPie_1r385_gg_",
-    "_color": "__color_1r385_gg_",
-    "--color": "--color_1r385",
-    "_pattern": "__pattern_1r385_gg_",
-    "--pattern": "--pattern_1r385",
-    "_transparent": "__transparent_1r385_gg_",
-    "__SEmptyData": "___SEmptyData_1r385_gg_",
-    "__SLabel": "___SLabel_1r385_gg_"
+    "__SPie": "___SPie_1fpvw_gg_",
+    "_color": "__color_1fpvw_gg_",
+    "--color": "--color_1fpvw",
+    "_pattern": "__pattern_1fpvw_gg_",
+    "--pattern": "--pattern_1fpvw",
+    "_transparent": "__transparent_1fpvw_gg_",
+    "__SEmptyData": "___SEmptyData_1fpvw_gg_",
+    "__SLabel": "___SLabel_1fpvw_gg_"
   })
 );
 var DEFAULT_INSTANCE = Symbol("DEFAULT_INSTANCE");
@@ -87,19 +91,17 @@ function getOuterRadius(_ref8) {
   return minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;
 }
 var DonutRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(DonutRoot2, _Component);
-  var _super = _createSuper(DonutRoot2);
   function DonutRoot2() {
     var _this;
     _classCallCheck(this, DonutRoot2);
     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), "virtualElement", canUseDOM() ? document.createElement("div") : {});
-    _defineProperty(_assertThisInitialized(_this), "activeIndexPie", void 0);
-    _defineProperty(_assertThisInitialized(_this), "canAnimatedHover", false);
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function(visible, props, tooltipProps) {
+    _this = _callSuper(this, DonutRoot2, [].concat(args));
+    _defineProperty(_this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(_this, "activeIndexPie", void 0);
+    _defineProperty(_this, "canAnimatedHover", false);
+    _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
       return function(_ref9) {
         var clientX = _ref9.clientX, clientY = _ref9.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
@@ -108,8 +110,8 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
         eventEmitter.emit("setTooltipVisible", visible);
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "animationActivePie", function(_ref10) {
-      var data = _ref10.data, active = _ref10.active, selector = _ref10.selector, element = _ref10.element;
+    _defineProperty(_this, "animationActivePie", function(_ref0) {
+      var data = _ref0.data, active = _ref0.active, selector = _ref0.selector, element = _ref0.element;
       var _this$asProps = _this.asProps, duration = _this$asProps.duration, innerRadius = _this$asProps.innerRadius, d3Arc = _this$asProps.d3Arc, paddingAngle = _this$asProps.paddingAngle;
       var outerRadius = d3Arc.outerRadius()();
       var outerRadiusStartEnd = active ? [+element.dataset["currentRadius"] || outerRadius, outerRadius + increaseFactor] : [+element.dataset["currentRadius"] || outerRadius, outerRadius];
@@ -125,8 +127,8 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "animationTimeout", null);
-    _defineProperty(_assertThisInitialized(_this), "animationUpdatePie", function() {
+    _defineProperty(_this, "animationTimeout", null);
+    _defineProperty(_this, "animationUpdatePie", function() {
       clearTimeout(_this.animationTimeout);
       _this.animationTimeout = setTimeout(function() {
         var _this$asProps2 = _this.asProps, duration = _this$asProps2.duration, d3Arc = _this$asProps2.d3Arc, halfsize = _this$asProps2.halfsize, d3ArcOut = _this$asProps2.d3ArcOut;
@@ -150,7 +152,8 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(DonutRoot2, [{
+  _inherits(DonutRoot2, _Component);
+  return _createClass(DonutRoot2, [{
     key: "id",
     get: function get() {
       var _this$asProps3 = this.asProps, uid = _this$asProps3.uid, id = _this$asProps3.id;
@@ -184,12 +187,12 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
           }
           return acc;
         }, []);
-        pieData = Object.entries(data).filter(function(_ref11) {
-          var _ref12 = _slicedToArray(_ref11, 2), key = _ref12[0], value = _ref12[1];
+        pieData = Object.entries(data).filter(function(_ref1) {
+          var _ref10 = _slicedToArray(_ref1, 2), key = _ref10[0], value = _ref10[1];
           return keys.includes(key) && value > 0;
-        }).sort(function(_ref13, _ref14) {
-          var _ref15 = _slicedToArray(_ref13, 1), a = _ref15[0];
-          var _ref16 = _slicedToArray(_ref14, 1), b = _ref16[0];
+        }).sort(function(_ref11, _ref12) {
+          var _ref13 = _slicedToArray(_ref11, 1), a = _ref13[0];
+          var _ref14 = _slicedToArray(_ref12, 1), b = _ref14[0];
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
       }
@@ -299,24 +302,22 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
       });
     }
   }]);
-  return DonutRoot2;
 }(Component);
 _defineProperty(DonutRoot, "displayName", "Donut");
 _defineProperty(DonutRoot, "style", style);
 _defineProperty(DonutRoot, "enhance", [uniqueIDEnhancement()]);
-_defineProperty(DonutRoot, "defaultProps", function(_ref20) {
-  var _ref20$innerRadius = _ref20.innerRadius, innerRadius = _ref20$innerRadius === void 0 ? 0 : _ref20$innerRadius, _ref20$paddingAngle = _ref20.paddingAngle, paddingAngle = _ref20$paddingAngle === void 0 ? 0 : _ref20$paddingAngle, outerRadius = _ref20.outerRadius, _ref20$halfsize = _ref20.halfsize, halfsize = _ref20$halfsize === void 0 ? false : _ref20$halfsize, size = _ref20.$rootProps.size;
+_defineProperty(DonutRoot, "defaultProps", function(_ref18) {
+  var _ref18$innerRadius = _ref18.innerRadius, innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius, _ref18$paddingAngle = _ref18.paddingAngle, paddingAngle = _ref18$paddingAngle === void 0 ? 0 : _ref18$paddingAngle, outerRadius = _ref18.outerRadius, _ref18$halfsize = _ref18.halfsize, halfsize = _ref18$halfsize === void 0 ? false : _ref18$halfsize, size = _ref18.$rootProps.size;
   var d3Arc = arc().outerRadius(outerRadius || getOuterRadius({
     size,
-    halfsize,
-    outerRadius
+    halfsize
   })).innerRadius(innerRadius).padAngle(paddingAngle);
   var d3ArcOut = arc().outerRadius((outerRadius || getOuterRadius({
     size,
     halfsize
   })) + increaseFactor).innerRadius(innerRadius).padAngle(paddingAngle);
-  var d3Pie = pie().sort(null).value(function(_ref21) {
-    var _ref22 = _slicedToArray(_ref21, 2), value = _ref22[1];
+  var d3Pie = pie().sort(null).value(function(_ref19) {
+    var _ref20 = _slicedToArray(_ref19, 2), value = _ref20[1];
     return value;
   });
   d3Pie[DEFAULT_INSTANCE] = true;
@@ -331,9 +332,9 @@ _defineProperty(DonutRoot, "defaultProps", function(_ref20) {
     paddingAngle
   };
 });
-function Pie(_ref17) {
+function Pie(_ref15) {
   var _ref2;
-  var SPie = _ref17.Element, styles = _ref17.styles, d3Arc = _ref17.d3Arc, data = _ref17.data, color = _ref17.color, $animationActivePie = _ref17.$animationActivePie, active = _ref17.active, d3ArcOut = _ref17.d3ArcOut, name = _ref17.name, dataKey = _ref17.dataKey, dataHintsHandler = _ref17.dataHintsHandler, transparent = _ref17.transparent, innerRadius = _ref17.innerRadius, outerRadius = _ref17.outerRadius, resolveColor = _ref17.resolveColor, halfsize = _ref17.halfsize, uid = _ref17.uid, patterns = _ref17.patterns, other = _objectWithoutProperties(_ref17, _excluded);
+  var SPie = _ref15.Element, styles = _ref15.styles, d3Arc = _ref15.d3Arc, data = _ref15.data, color = _ref15.color, $animationActivePie = _ref15.$animationActivePie, active = _ref15.active, d3ArcOut = _ref15.d3ArcOut, name = _ref15.name, dataKey = _ref15.dataKey, dataHintsHandler = _ref15.dataHintsHandler, transparent = _ref15.transparent, innerRadius = _ref15.innerRadius, outerRadius = _ref15.outerRadius, resolveColor = _ref15.resolveColor, halfsize = _ref15.halfsize, uid = _ref15.uid, patterns = _ref15.patterns, other = _objectWithoutProperties(_ref15, _excluded);
   var _React$useState = React.useState(false), _React$useState2 = _slicedToArray(_React$useState, 2), isMount = _React$useState2[0], setIsMount = _React$useState2[1];
   var pieRef = React.useRef(null);
   React.useEffect(function() {
@@ -373,9 +374,9 @@ function Pie(_ref17) {
     "patterns": patterns
   })));
 }
-function EmptyData(_ref18) {
+function EmptyData(_ref16) {
   var _ref3;
-  var SEmptyData = _ref18.Element, styles = _ref18.styles, d3Arc = _ref18.d3Arc, color = _ref18.color, resolveColor = _ref18.resolveColor;
+  var SEmptyData = _ref16.Element, styles = _ref16.styles, d3Arc = _ref16.d3Arc, color = _ref16.color, resolveColor = _ref16.resolveColor;
   return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SEmptyData, _ref3.cn("SEmptyData", {
     "render": "path",
     "color": resolveColor(color),
@@ -385,9 +386,9 @@ function EmptyData(_ref18) {
     })
   }));
 }
-function Label(_ref19) {
+function Label(_ref17) {
   var _ref4;
-  var SLabel = _ref19.Element, styles = _ref19.styles, Children = _ref19.Children, children = _ref19.children, label = _ref19.label, dataHintsHandler = _ref19.dataHintsHandler, _ref19$x = _ref19.x, x = _ref19$x === void 0 ? 0 : _ref19$x, _ref19$y = _ref19.y, y = _ref19$y === void 0 ? 0 : _ref19$y;
+  var SLabel = _ref17.Element, styles = _ref17.styles, Children = _ref17.Children, children = _ref17.children, label = _ref17.label, dataHintsHandler = _ref17.dataHintsHandler, _ref17$x = _ref17.x, x = _ref17$x === void 0 ? 0 : _ref17$x, _ref17$y = _ref17.y, y = _ref17$y === void 0 ? 0 : _ref17$y;
   dataHintsHandler.setTitle("vertical", label || children);
   return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLabel, _ref4.cn("SLabel", {
     "render": "text",