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

package/lib/esm/AnimatedClipPath.mjs

@@ -2,21 +2,25 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 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 _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 React from "react";
 import { createComponent, Component } from "@semcore/core";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";
+import React from "react";
 var _excluded = ["id", "transition", "tag", "style", "className"];
+function _callSuper(t, o, e) {
+  return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e));
+}
 var AnimatedClipPath = /* @__PURE__ */ function(_Component) {
-  _inherits(AnimatedClipPath2, _Component);
-  var _super = _createSuper(AnimatedClipPath2);
   function AnimatedClipPath2() {
     _classCallCheck(this, AnimatedClipPath2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AnimatedClipPath2, arguments);
   }
-  _createClass(AnimatedClipPath2, [{
+  _inherits(AnimatedClipPath2, _Component);
+  return _createClass(AnimatedClipPath2, [{
     key: "render",
     value: function render() {
       var _this$asProps = this.asProps, id = _this$asProps.id;
@@ -40,7 +44,6 @@ var AnimatedClipPath = /* @__PURE__ */ function(_Component) {
       }, propsForElement(other, Tag)))));
     }
   }]);
-  return AnimatedClipPath2;
 }(Component);
 _defineProperty(AnimatedClipPath, "defaultProps", {
   tag: "rect",

package/lib/esm/Area.mjs

@@ -1,49 +1,54 @@
 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 _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 } from "@semcore/core";
-import React from "react";
-import { area, line, curveLinear } from "d3-shape";
-import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import findComponent from "@semcore/core/lib/utils/findComponent";
-import Dots from "./Dots.mjs";
-import createElement from "./createElement.mjs";
-import { definedData, scaleOfBandwidth, interpolateValue, getNullData, definedNullData } from "./utils.mjs";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
+import { line, area, curveLinear } from "d3-shape";
+import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
+import { SvgElement } from "./component/SvgElement.mjs";
+import createElement from "./createElement.mjs";
+import Dots from "./Dots.mjs";
 import { PatternFill } from "./Pattern.mjs";
+import { interpolateValue, getNullData, definedNullData, definedData, scaleOfBandwidth } 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/area.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SArea_ba4bt_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_ba4bt_gg_.__color_ba4bt_gg_{fill:var(--color_ba4bt)}.___SArea_ba4bt_gg_.__pattern_ba4bt_gg_{fill:var(--pattern_ba4bt);fill-opacity:.7}.___SArea_ba4bt_gg_.__transparent_ba4bt_gg_{opacity:.3}.___SAreaLine_ba4bt_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_ba4bt_gg_.__color_ba4bt_gg_{stroke:var(--color_ba4bt)}.___SAreaLine_ba4bt_gg_.__transparent_ba4bt_gg_{opacity:.3}.___SAreaLine_ba4bt_gg_,.___SArea_ba4bt_gg_{transition-property:d;transition-duration:var(--duration_ba4bt);transition-timing-function:ease-in-out}.___SNull_ba4bt_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_ba4bt_gg_.__hide_ba4bt_gg_{display:none}",
+    ".___SArea_5x61l_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);fill-opacity:.2}.___SArea_5x61l_gg_.__color_5x61l_gg_{fill:var(--color_5x61l)}.___SArea_5x61l_gg_.__pattern_5x61l_gg_{fill:var(--pattern_5x61l);fill-opacity:.7}.___SArea_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SAreaLine_5x61l_gg_.__color_5x61l_gg_{stroke:var(--color_5x61l)}.___SAreaLine_5x61l_gg_.__transparent_5x61l_gg_{opacity:.3}.___SAreaLine_5x61l_gg_,.___SArea_5x61l_gg_{transition-property:d;transition-duration:var(--duration_5x61l);transition-timing-function:ease-in-out}.___SNull_5x61l_gg_{fill:transparent;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf);stroke-dasharray:4}.___SNull_5x61l_gg_.__hide_5x61l_gg_{display:none}",
     /*__inner_css_end__*/
-    "ba4bt_gg_"
+    "5x61l_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SArea": "___SArea_ba4bt_gg_",
-    "_color": "__color_ba4bt_gg_",
-    "--color": "--color_ba4bt",
-    "_pattern": "__pattern_ba4bt_gg_",
-    "--pattern": "--pattern_ba4bt",
-    "_transparent": "__transparent_ba4bt_gg_",
-    "__SAreaLine": "___SAreaLine_ba4bt_gg_",
-    "--duration": "--duration_ba4bt",
-    "__SNull": "___SNull_ba4bt_gg_",
-    "_hide": "__hide_ba4bt_gg_"
+    "__SArea": "___SArea_5x61l_gg_",
+    "_color": "__color_5x61l_gg_",
+    "--color": "--color_5x61l",
+    "_pattern": "__pattern_5x61l_gg_",
+    "--pattern": "--pattern_5x61l",
+    "_transparent": "__transparent_5x61l_gg_",
+    "__SAreaLine": "___SAreaLine_5x61l_gg_",
+    "--duration": "--duration_5x61l",
+    "__SNull": "___SNull_5x61l_gg_",
+    "_hide": "__hide_5x61l_gg_"
   })
 );
 var AreaRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(AreaRoot2, _Component);
-  var _super = _createSuper(AreaRoot2);
   function AreaRoot2() {
     _classCallCheck(this, AreaRoot2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AreaRoot2, arguments);
   }
-  _createClass(AreaRoot2, [{
+  _inherits(AreaRoot2, _Component);
+  return _createClass(AreaRoot2, [{
     key: "getDotsProps",
     value: function getDotsProps() {
       var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, color = _this$asProps.color, d3Line = _this$asProps.d3Line, transparent = _this$asProps.transparent, resolveColor = _this$asProps.resolveColor, patterns = _this$asProps.patterns;
@@ -93,7 +98,7 @@ var AreaRoot = /* @__PURE__ */ function(_Component) {
     value: function render() {
       var _ref;
       var SArea = this.Element;
-      var SAreaLine = "path";
+      var SAreaLine = SvgElement;
       var _this$asProps4 = this.asProps, styles = _this$asProps4.styles, hide = _this$asProps4.hide, d3 = _this$asProps4.d3, d3Line = _this$asProps4.d3Line, color = _this$asProps4.color, uid = _this$asProps4.uid, size = _this$asProps4.size, duration = _this$asProps4.duration, x = _this$asProps4.x, y = _this$asProps4.y, Children = _this$asProps4.Children, transparent = _this$asProps4.transparent, forcedAdvancedMode = _this$asProps4.forcedAdvancedMode, resolveColor = _this$asProps4.resolveColor, patterns = _this$asProps4.patterns;
       var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Area.Line.displayName]);
       var data = this.asProps.data.filter(function(item) {
@@ -102,6 +107,7 @@ var AreaRoot = /* @__PURE__ */ function(_Component) {
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
       this.asProps.dataHintsHandler.establishDataType("time-series");
       return _ref = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, !advancedMode && /* @__PURE__ */ React.createElement(SAreaLine, _ref.cn("SAreaLine", {
+        "tag": "path",
         "aria-hidden": true,
         "clipPath": "url(#".concat(uid, "-animation)"),
         "d": d3Line(data),
@@ -131,7 +137,6 @@ var AreaRoot = /* @__PURE__ */ function(_Component) {
       })));
     }
   }]);
-  return AreaRoot2;
 }(Component);
 _defineProperty(AreaRoot, "displayName", "Area");
 _defineProperty(AreaRoot, "style", style);

package/lib/esm/Axis.mjs

@@ -1,38 +1,42 @@
 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 _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 } from "@semcore/core";
 import React from "react";
 import createElement from "./createElement.mjs";
 import { scaleOfBandwidth } from "./utils.mjs";
-var _MAP_POSITION_AXIS, _MAP_POSITION_TICK;
+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/axis.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SAxis_di5wm_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_di5wm_gg_.__hide_di5wm_gg_,.___STick_di5wm_gg_.__hide_di5wm_gg_{display:none}.___STick_di5wm_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_di5wm_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_di5wm_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_di5wm)}.___STitle_di5wm_gg_._position_top_di5wm_gg_{text-anchor:middle}.___STitle_di5wm_gg_._position_bottom_di5wm_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_di5wm_gg_._position_left_di5wm_gg_,.___STitle_di5wm_gg_._position_right_di5wm_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_di5wm_gg_._position_left_di5wm_gg_.__verticalWritingMode_di5wm_gg_,.___STitle_di5wm_gg_._position_right_di5wm_gg_.__verticalWritingMode_di5wm_gg_{writing-mode:vertical-rl;transform:none}.___STick_di5wm_gg_._position_top_di5wm_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_di5wm_gg_._position_bottom_di5wm_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_di5wm_gg_._position_right_di5wm_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_di5wm_gg_._position_left_di5wm_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_di5wm_gg_._position_custom_0_di5wm_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_di5wm_gg_._position_custom_1_di5wm_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}",
+    ".___SAxis_1k6z3_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SAxis_1k6z3_gg_.__hide_1k6z3_gg_,.___STick_1k6z3_gg_.__hide_1k6z3_gg_{display:none}.___STick_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-chart-grid-text-label, #6c6e79)}.___SGrid_1k6z3_gg_{fill:transparent;stroke:var(--intergalactic-border-secondary, #e0e1e9)}.___STitle_1k6z3_gg_{font-size:var(--intergalactic-fs-100, 12px);fill:var(--intergalactic-text-hint, #6c6e79);transform-origin:var(--transform-origin_1k6z3)}.___STitle_1k6z3_gg_._position_top_1k6z3_gg_{text-anchor:middle}.___STitle_1k6z3_gg_._position_bottom_1k6z3_gg_{text-anchor:middle;dominant-baseline:hanging}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_{transform:rotate(-90deg);text-anchor:middle;dominant-baseline:middle}.___STitle_1k6z3_gg_._position_left_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_,.___STitle_1k6z3_gg_._position_right_1k6z3_gg_.__verticalWritingMode_1k6z3_gg_{writing-mode:vertical-rl;transform:none}.___STick_1k6z3_gg_._position_top_1k6z3_gg_{transform:translateY(-12px);text-anchor:middle}.___STick_1k6z3_gg_._position_bottom_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_right_1k6z3_gg_{transform:translateX(16px);text-anchor:start;dominant-baseline:middle}.___STick_1k6z3_gg_._position_left_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}.___STick_1k6z3_gg_._position_custom_0_1k6z3_gg_{transform:translateY(12px);text-anchor:middle;dominant-baseline:hanging}.___STick_1k6z3_gg_._position_custom_1_1k6z3_gg_{transform:translateX(-16px);text-anchor:end;dominant-baseline:middle}",
     /*__inner_css_end__*/
-    "di5wm_gg_"
+    "1k6z3_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SAxis": "___SAxis_di5wm_gg_",
-    "_hide": "__hide_di5wm_gg_",
-    "__STick": "___STick_di5wm_gg_",
-    "__SGrid": "___SGrid_di5wm_gg_",
-    "__STitle": "___STitle_di5wm_gg_",
-    "--transform-origin": "--transform-origin_di5wm",
-    "_position_top": "_position_top_di5wm_gg_",
-    "_position_bottom": "_position_bottom_di5wm_gg_",
-    "_position_right": "_position_right_di5wm_gg_",
-    "_position_left": "_position_left_di5wm_gg_",
-    "_verticalWritingMode": "__verticalWritingMode_di5wm_gg_",
-    "_position_custom_0": "_position_custom_0_di5wm_gg_",
-    "_position_custom_1": "_position_custom_1_di5wm_gg_"
+    "__SAxis": "___SAxis_1k6z3_gg_",
+    "_hide": "__hide_1k6z3_gg_",
+    "__STick": "___STick_1k6z3_gg_",
+    "__SGrid": "___SGrid_1k6z3_gg_",
+    "__STitle": "___STitle_1k6z3_gg_",
+    "--transform-origin": "--transform-origin_1k6z3",
+    "_position_top": "_position_top_1k6z3_gg_",
+    "_position_bottom": "_position_bottom_1k6z3_gg_",
+    "_position_right": "_position_right_1k6z3_gg_",
+    "_position_left": "_position_left_1k6z3_gg_",
+    "_verticalWritingMode": "__verticalWritingMode_1k6z3_gg_",
+    "_position_custom_0": "_position_custom_0_1k6z3_gg_",
+    "_position_custom_1": "_position_custom_1_1k6z3_gg_"
   })
 );
 var CUSTOM_0 = Symbol("custom_0");
@@ -47,7 +51,7 @@ var MAP_POSITION_REVERT = {
   bottom: "top",
   left: "right"
 };
-var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
+var MAP_POSITION_AXIS = _defineProperty(_defineProperty({
   top: function top(_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2), xScale = _ref6[0], yScale = _ref6[1];
     var xRange = xScale.range();
@@ -71,7 +75,7 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     };
   },
   right: function right(_ref9) {
-    var _ref10 = _slicedToArray(_ref9, 2), xScale = _ref10[0], yScale = _ref10[1];
+    var _ref0 = _slicedToArray(_ref9, 2), xScale = _ref0[0], yScale = _ref0[1];
     var xRange = xScale.range();
     var yRange = yScale.range();
     return {
@@ -81,8 +85,8 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
       y2: yRange[1]
     };
   },
-  left: function left(_ref11) {
-    var _ref12 = _slicedToArray(_ref11, 2), xScale = _ref12[0], yScale = _ref12[1];
+  left: function left(_ref1) {
+    var _ref10 = _slicedToArray(_ref1, 2), xScale = _ref10[0], yScale = _ref10[1];
     var xRange = xScale.range();
     var yRange = yScale.range();
     return {
@@ -92,8 +96,8 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
       y2: yRange[1]
     };
   }
-}, _defineProperty(_MAP_POSITION_AXIS, CUSTOM_0, function(_ref13, pos) {
-  var _ref14 = _slicedToArray(_ref13, 2), xScale = _ref14[0], yScale = _ref14[1];
+}, CUSTOM_0, function(_ref11, pos) {
+  var _ref12 = _slicedToArray(_ref11, 2), xScale = _ref12[0], yScale = _ref12[1];
   var xRange = xScale.range();
   return {
     x1: xRange[0],
@@ -101,8 +105,8 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     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];
+}), CUSTOM_1, function(_ref13, pos) {
+  var _ref14 = _slicedToArray(_ref13, 2), xScale = _ref14[0], yScale = _ref14[1];
   var yRange = yScale.range();
   return {
     x1: scaleOfBandwidth(xScale, pos),
@@ -110,56 +114,56 @@ var MAP_POSITION_AXIS = (_MAP_POSITION_AXIS = {
     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 MAP_POSITION_TICK = _defineProperty(_defineProperty({
+  top: function top2(_ref15, value) {
+    var _ref16 = _slicedToArray(_ref15, 2), xScale = _ref16[0], yScale = _ref16[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];
+  bottom: function bottom2(_ref17, value) {
+    var _ref18 = _slicedToArray(_ref17, 2), xScale = _ref18[0], yScale = _ref18[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];
+  right: function right2(_ref19, value) {
+    var _ref20 = _slicedToArray(_ref19, 2), xScale = _ref20[0], yScale = _ref20[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];
+  left: function left2(_ref21, value) {
+    var _ref22 = _slicedToArray(_ref21, 2), xScale = _ref22[0], yScale = _ref22[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];
+}, CUSTOM_0, function(_ref23, value, pos) {
+  var _ref24 = _slicedToArray(_ref23, 2), xScale = _ref24[0], yScale = _ref24[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];
+}), CUSTOM_1, function(_ref25, value, pos) {
+  var _ref26 = _slicedToArray(_ref25, 2), xScale = _ref26[0], yScale = _ref26[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];
+  0: function _(_ref27, value) {
+    var _ref28 = _slicedToArray(_ref27, 2), xScale = _ref28[0], yScale = _ref28[1];
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
@@ -169,8 +173,8 @@ var MAP_POSITION_GRID = {
       y2: yRange[1]
     };
   },
-  1: function _2(_ref31, value) {
-    var _ref32 = _slicedToArray(_ref31, 2), xScale = _ref32[0], yScale = _ref32[1];
+  1: function _2(_ref29, value) {
+    var _ref30 = _slicedToArray(_ref29, 2), xScale = _ref30[0], yScale = _ref30[1];
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
@@ -183,34 +187,34 @@ var MAP_POSITION_GRID = {
 };
 var OFFSET_TITLE = 10;
 var MAP_POSITION_TITlE = {
-  top: function top3(_ref33) {
-    var _ref34 = _slicedToArray(_ref33, 1), xScale = _ref34[0];
+  top: function top3(_ref31) {
+    var _ref32 = _slicedToArray(_ref31, 1), xScale = _ref32[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];
+  bottom: function bottom3(_ref33, _ref34) {
+    var _ref35 = _slicedToArray(_ref33, 1), xScale = _ref35[0];
+    var _ref36 = _slicedToArray(_ref34, 2), height = _ref36[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];
+  right: function right3(_ref37, _ref38) {
+    var _ref39 = _slicedToArray(_ref37, 2), yScale = _ref39[1];
+    var _ref40 = _slicedToArray(_ref38, 1), width = _ref40[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];
+  left: function left3(_ref41) {
+    var _ref42 = _slicedToArray(_ref41, 2), yScale = _ref42[1];
     var yRange = yScale.range();
     return {
       x: OFFSET_TITLE,
@@ -225,13 +229,12 @@ function renderValue(value) {
   return value;
 }
 var AxisRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(AxisRoot2, _Component);
-  var _super = _createSuper(AxisRoot2);
   function AxisRoot2() {
     _classCallCheck(this, AxisRoot2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AxisRoot2, arguments);
   }
-  _createClass(AxisRoot2, [{
+  _inherits(AxisRoot2, _Component);
+  return _createClass(AxisRoot2, [{
     key: "ticks",
     get: function get() {
       var _scl$ticks, _scl$domain;
@@ -280,7 +283,6 @@ var AxisRoot = /* @__PURE__ */ function(_Component) {
       }, pos(scale, position))));
     }
   }]);
-  return AxisRoot2;
 }(Component);
 _defineProperty(AxisRoot, "displayName", "Axis");
 _defineProperty(AxisRoot, "style", style);
@@ -362,13 +364,12 @@ function Title(props) {
     "y": y
   }));
 }
-var XAxisRoot = /* @__PURE__ */ function(_AxisRoot) {
-  _inherits(XAxisRoot2, _AxisRoot);
-  var _super2 = _createSuper(XAxisRoot2);
+var XAxisRoot = /* @__PURE__ */ function(_AxisRoot2) {
   function XAxisRoot2() {
     _classCallCheck(this, XAxisRoot2);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, XAxisRoot2, arguments);
   }
+  _inherits(XAxisRoot2, _AxisRoot2);
   return _createClass(XAxisRoot2);
 }(AxisRoot);
 _defineProperty(XAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {
@@ -380,13 +381,12 @@ var XAxis = createElement(XAxisRoot, {
   Grid,
   Title
 });
-var YAxisRoot = /* @__PURE__ */ function(_AxisRoot2) {
-  _inherits(YAxisRoot2, _AxisRoot2);
-  var _super3 = _createSuper(YAxisRoot2);
+var YAxisRoot = /* @__PURE__ */ function(_AxisRoot3) {
   function YAxisRoot2() {
     _classCallCheck(this, YAxisRoot2);
-    return _super3.apply(this, arguments);
+    return _callSuper(this, YAxisRoot2, arguments);
   }
+  _inherits(YAxisRoot2, _AxisRoot3);
   return _createClass(YAxisRoot2);
 }(AxisRoot);
 _defineProperty(YAxisRoot, "defaultProps", _objectSpread(_objectSpread({}, AxisRoot.defaultProps), {}, {

package/lib/esm/Bar.mjs

@@ -1,42 +1,47 @@
 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 _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 } from "@semcore/core";
-import React from "react";
-import { transition } from "d3-transition";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
-import createElement from "./createElement.mjs";
+import { transition } from "d3-transition";
+import React from "react";
 import AnimatedClipPath from "./AnimatedClipPath.mjs";
-import { scaleToBand, roundedPath } from "./utils.mjs";
+import createElement from "./createElement.mjs";
 import { PatternFill } from "./Pattern.mjs";
+import { scaleToBand, roundedPath } 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_HEIGHT = 2;
@@ -47,13 +52,12 @@ var calcPartBarY = function calcPartBarY2(y, minHeight, height) {
   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);
+    return _callSuper(this, BarRoot2, arguments);
   }
-  _createClass(BarRoot2, [{
+  _inherits(BarRoot2, _Component);
+  return _createClass(BarRoot2, [{
     key: "getBackgroundProps",
     value: function getBackgroundProps(_props, index) {
       var _this$asProps = this.asProps, x = _this$asProps.x, data = _this$asProps.data;
@@ -87,7 +91,7 @@ var BarRoot = /* @__PURE__ */ function(_Component) {
     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 _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 ? Number.POSITIVE_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)));
@@ -156,7 +160,6 @@ var BarRoot = /* @__PURE__ */ function(_Component) {
       }));
     }
   }]);
-  return BarRoot2;
 }(Component);
 _defineProperty(BarRoot, "displayName", "Bar");
 _defineProperty(BarRoot, "style", style);