@semcore/d3-chart 2.8.5 → 2.8.7

package/lib/es6/Bar.js

@@ -24,18 +24,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_t7dwy_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_t7dwy);transition-timing-function:ease-in-out}.___SBar_t7dwy_gg_.__color_t7dwy_gg_{fill:var(--color_t7dwy)}.___SBar_t7dwy_gg_.__hide_t7dwy_gg_{display:none}.___SBar_t7dwy_gg_.__transparent_t7dwy_gg_{opacity:.3}.___SBackground_t7dwy_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
+".___SBar_342tx_gg_{fill:var(--intergalactic-chart-palette-order-1,#2bb3ff);transition-property:height,width,y;transition-duration:var(--duration_342tx);transition-timing-function:ease-in-out}.___SBar_342tx_gg_.__color_342tx_gg_{fill:var(--color_342tx)}.___SBar_342tx_gg_.__hide_342tx_gg_{display:none}.___SBar_342tx_gg_.__transparent_342tx_gg_{opacity:.3}.___SBackground_342tx_gg_{fill:var(--intergalactic-chart-palette-order-other-data,#c4c7cf)}"
 /*__inner_css_end__*/
-, "t7dwy_gg_")
+, "342tx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_t7dwy_gg_",
-  "--duration": "--duration_t7dwy",
-  "_color": "__color_t7dwy_gg_",
-  "--color": "--color_t7dwy",
-  "_hide": "__hide_t7dwy_gg_",
-  "_transparent": "__transparent_t7dwy_gg_",
-  "__SBackground": "___SBackground_t7dwy_gg_"
+  "__SBar": "___SBar_342tx_gg_",
+  "--duration": "--duration_342tx",
+  "_color": "__color_342tx_gg_",
+  "--color": "--color_342tx",
+  "_hide": "__hide_342tx_gg_",
+  "_transparent": "__transparent_342tx_gg_",
+  "__SBackground": "___SBackground_342tx_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Bubble.js

@@ -32,20 +32,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBubble_1b55t_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1b55t);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_1b55t_gg_:hover{opacity:.8}.___SBubble_1b55t_gg_.__color_1b55t_gg_{fill:var(--color_1b55t)}.___SBubble_1b55t_gg_.__transparent_1b55t_gg_{opacity:.3}.___SCenter_1b55t_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SCenter_1b55t_gg_.__color_1b55t_gg_{stroke:var(--color_1b55t)}.___SCenter_1b55t_gg_.__transparent_1b55t_gg_{opacity:.3}.___SLabel_1b55t_gg_{fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SLabel_1b55t_gg_._position_right_1b55t_gg_{text-anchor:end}.___SLabel_1b55t_gg_._position_left_1b55t_gg_{text-anchor:start}.___SLabel_1b55t_gg_.__color_1b55t_gg_{fill:var(--color_1b55t)}.___SLabel_1b55t_gg_.__transparent_1b55t_gg_{opacity:.3}"
+".___SBubble_6qrbu_gg_{fill:var(--intergalactic-chart-palette-order-1,#2bb3ff);stroke:var(--intergalactic-chart-grid-border,#fff);stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_6qrbu);transition-timing-function:ease-in-out;opacity:.5}@media (hover: hover){.___SBubble_6qrbu_gg_:hover{opacity:.8}}.___SBubble_6qrbu_gg_.__color_6qrbu_gg_{fill:var(--color_6qrbu)}.___SBubble_6qrbu_gg_.__transparent_6qrbu_gg_{opacity:.3}.___SCenter_6qrbu_gg_{text-anchor:middle;font-size:calc(var(--intergalactic-fs-100, 12px) - 1px);stroke:var(--intergalactic-chart-palette-order-1,#2bb3ff)}.___SCenter_6qrbu_gg_.__color_6qrbu_gg_{stroke:var(--color_6qrbu)}.___SCenter_6qrbu_gg_.__transparent_6qrbu_gg_{opacity:.3}.___SLabel_6qrbu_gg_{fill:var(--intergalactic-chart-palette-order-1,#2bb3ff)}.___SLabel_6qrbu_gg_._position_right_6qrbu_gg_{text-anchor:end}.___SLabel_6qrbu_gg_._position_left_6qrbu_gg_{text-anchor:start}.___SLabel_6qrbu_gg_.__color_6qrbu_gg_{fill:var(--color_6qrbu)}.___SLabel_6qrbu_gg_.__transparent_6qrbu_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "1b55t_gg_")
+, "6qrbu_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBubble": "___SBubble_1b55t_gg_",
-  "--duration": "--duration_1b55t",
-  "_color": "__color_1b55t_gg_",
-  "--color": "--color_1b55t",
-  "_transparent": "__transparent_1b55t_gg_",
-  "__SCenter": "___SCenter_1b55t_gg_",
-  "__SLabel": "___SLabel_1b55t_gg_",
-  "_position_right": "_position_right_1b55t_gg_",
-  "_position_left": "_position_left_1b55t_gg_"
+  "__SBubble": "___SBubble_6qrbu_gg_",
+  "--duration": "--duration_6qrbu",
+  "_color": "__color_6qrbu_gg_",
+  "--color": "--color_6qrbu",
+  "_transparent": "__transparent_6qrbu_gg_",
+  "__SCenter": "___SCenter_6qrbu_gg_",
+  "__SLabel": "___SLabel_6qrbu_gg_",
+  "_position_right": "_position_right_6qrbu_gg_",
+  "_position_left": "_position_left_6qrbu_gg_"
 });
 
 var BubbleRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Donut.js

@@ -10,10 +10,6 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { sstyled as _sstyled } from "@semcore/core";
 var _excluded = ["Element", "styles", "d3Arc", "data", "color", "$animationActivePie", "active", "d3ArcOut", "name", "dataKey", "dataHintsHandler", "transparent"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(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; } }
@@ -34,97 +30,79 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_17s15_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff)}.___SPie_17s15_gg_.__color_17s15_gg_{fill:var(--color_17s15)}.___SPie_17s15_gg_.__transparent_17s15_gg_{opacity:.3}.___SEmptyData_17s15_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_17s15_gg_.__color_17s15_gg_{fill:var(--color_17s15)}.___SLabel_17s15_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_1gk9a_gg_{stroke:var(--intergalactic-chart-grid-border,#fff);fill:var(--intergalactic-chart-palette-order-1,#2bb3ff)}.___SPie_1gk9a_gg_.__color_1gk9a_gg_{fill:var(--color_1gk9a)}.___SPie_1gk9a_gg_.__transparent_1gk9a_gg_{opacity:.3}.___SEmptyData_1gk9a_gg_{fill:var(--intergalactic-chart-palette-order-null,#e0e1e9)}.___SEmptyData_1gk9a_gg_.__color_1gk9a_gg_{fill:var(--color_1gk9a)}.___SLabel_1gk9a_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "17s15_gg_")
+, "1gk9a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_17s15_gg_",
-  "_color": "__color_17s15_gg_",
-  "--color": "--color_17s15",
-  "_transparent": "__transparent_17s15_gg_",
-  "__SEmptyData": "___SEmptyData_17s15_gg_",
-  "__SLabel": "___SLabel_17s15_gg_"
+  "__SPie": "___SPie_1gk9a_gg_",
+  "_color": "__color_1gk9a_gg_",
+  "--color": "--color_1gk9a",
+  "_transparent": "__transparent_1gk9a_gg_",
+  "__SEmptyData": "___SEmptyData_1gk9a_gg_",
+  "__SLabel": "___SLabel_1gk9a_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
-function animationInitialPie(_ref4) {
-  var halfsize = _ref4.halfsize,
+function transitionAnglePie(_ref4) {
+  var selector = _ref4.selector,
+      duration = _ref4.duration,
+      halfsize = _ref4.halfsize,
       d3Arc = _ref4.d3Arc,
       d3ArcOut = _ref4.d3ArcOut,
       arcs = _ref4.arcs,
       activeIndexPie = _ref4.activeIndexPie;
-  return function (_, ind) {
-    var d = arcs[ind];
-    if (!d) return function () {
+  return transition().selection().selectAll(selector).interrupt().transition().duration(duration).attrTween('d', function (_, ind) {
+    if (!arcs[ind]) return function () {
       return '';
     };
-    var iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);
-    var iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);
+    var d = Object.assign({}, arcs[ind]);
+    var self = this;
+    var initAngle = halfsize ? -Math.PI / 2 : 0;
+    var prevStartAngle = initAngle;
+    var prevEndAngle = initAngle;
+
+    if (self.arc) {
+      prevStartAngle = self.arc.startAngle;
+      prevEndAngle = self.arc.endAngle;
+    }
+
+    var iStartAngle = interpolate(prevStartAngle, d.startAngle);
+    var iEndAngle = interpolate(prevEndAngle, d.endAngle);
     return function (t) {
-      d.startAngle = iStart(t);
-      d.endAngle = iEnd(t);
-      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);
+      d.startAngle = iStartAngle(t);
+      d.endAngle = iEndAngle(t);
+      self.arc = d;
+      return ind === activeIndexPie ? d3ArcOut(self.arc) : d3Arc(self.arc);
     };
-  };
-}
-
-function animationUpdatePie(_ref5) {
-  var halfsize = _ref5.halfsize,
-      arcs = _ref5.arcs,
-      d3Arc = _ref5.d3Arc;
-  return function (_, ind) {
-    var d = arcs[ind];
-
-    if (this._current) {
-      var i = interpolate(this._current, d);
-      this._current = i(0);
-      return function (t) {
-        return d3Arc(i(t));
-      };
-    } else {
-      this._current = d;
-      return animationInitialPie({
-        halfsize: halfsize,
-        arcs: arcs,
-        d3Arc: d3Arc
-      })(_, ind);
-    }
-  };
+  });
 }
 
-function animationHoverPie(_ref6) {
-  var d = _ref6.d,
-      selector = _ref6.selector,
-      duration = _ref6.duration,
-      innerRadius = _ref6.innerRadius,
-      outerRadius = _ref6.outerRadius;
-
-  if (duration > 0) {
-    transition().selection().select(selector).transition(transition).duration(duration).attrTween('d', function () {
-      if (!d) return function () {
-        return '';
-      };
-
-      var _outerRadius = _slicedToArray(outerRadius, 2),
-          min = _outerRadius[0],
-          max = _outerRadius[1];
-
-      var i = interpolate(min, max);
-      return function (t) {
-        var d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));
-        return d3ArcOut(d);
-      };
-    });
-  }
+function transitionRadiusPie(_ref5) {
+  var data = _ref5.data,
+      selector = _ref5.selector,
+      duration = _ref5.duration,
+      innerRadius = _ref5.innerRadius,
+      outerRadiusMinMax = _ref5.outerRadiusMinMax;
+  return transition().selection().select(selector).interrupt().transition(t).duration(duration).attrTween('d', function () {
+    var _outerRadiusMinMax = _slicedToArray(outerRadiusMinMax, 2),
+        min = _outerRadiusMinMax[0],
+        max = _outerRadiusMinMax[1];
+
+    var iOuterRadius = interpolate(min, max);
+    return function (t) {
+      var d3ArcOut = arc().innerRadius(innerRadius).outerRadius(iOuterRadius(t));
+      return d3ArcOut(data);
+    };
+  });
 }
 
 var increaseFactor = 8;
 
-function getOuterRadius(_ref7) {
-  var size = _ref7.size,
-      halfsize = _ref7.halfsize,
-      outerRadius = _ref7.outerRadius;
+function getOuterRadius(_ref6) {
+  var size = _ref6.size,
+      halfsize = _ref6.halfsize,
+      outerRadius = _ref6.outerRadius;
 
   var _size = _slicedToArray(size, 2),
       width = _size[0],
@@ -154,10 +132,12 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 
     _defineProperty(_assertThisInitialized(_this), "activeIndexPie", undefined);
 
+    _defineProperty(_assertThisInitialized(_this), "canAnimatedHover", false);
+
     _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref8) {
-        var x = _ref8.clientX,
-            y = _ref8.clientY;
+      return function (_ref7) {
+        var x = _ref7.clientX,
+            y = _ref7.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -165,27 +145,58 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       };
     });
 
-    _defineProperty(_assertThisInitialized(_this), "animationActivePie", function (props) {
+    _defineProperty(_assertThisInitialized(_this), "animationActivePie", function (_ref8) {
+      var data = _ref8.data,
+          active = _ref8.active,
+          selector = _ref8.selector;
       var _this$asProps = _this.asProps,
           duration = _this$asProps.duration,
-          innerRadius = _this$asProps.innerRadius;
-      var active = props.active,
-          data = props.data,
-          selector = props.selector;
-      var outerRadius = getOuterRadius(_this.asProps);
-      active ? animationHoverPie({
-        d: data,
-        selector: "#".concat(_this.id, " ").concat(selector),
-        duration: duration === 0 ? 0 : 300,
-        innerRadius: innerRadius,
-        outerRadius: [outerRadius, outerRadius + increaseFactor]
-      }) : animationHoverPie({
-        d: data,
-        selector: "#".concat(_this.id, " ").concat(selector),
-        duration: duration === 0 ? 0 : 300,
-        innerRadius: innerRadius,
-        outerRadius: [outerRadius + increaseFactor, outerRadius]
+          innerRadius = _this$asProps.innerRadius,
+          _outerRadius = _this$asProps.outerRadius,
+          size = _this$asProps.size,
+          halfsize = _this$asProps.halfsize;
+      var outerRadius = getOuterRadius({
+        size: size,
+        halfsize: halfsize,
+        outerRadius: _outerRadius
       });
+
+      if (_this.canAnimatedHover) {
+        if (duration > 0) {
+          transitionRadiusPie({
+            data: data,
+            selector: "#".concat(_this.id, " ").concat(selector),
+            duration: duration === 0 ? 0 : 300,
+            innerRadius: innerRadius,
+            outerRadiusMinMax: active ? [outerRadius, outerRadius + increaseFactor] : [outerRadius + increaseFactor, outerRadius]
+          });
+        }
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "animationUpdatePie", function () {
+      var _this$asProps2 = _this.asProps,
+          duration = _this$asProps2.duration,
+          d3Arc = _this$asProps2.d3Arc,
+          halfsize = _this$asProps2.halfsize,
+          d3ArcOut = _this$asProps2.d3ArcOut;
+      _this.canAnimatedHover = false;
+
+      if (duration > 0) {
+        transitionAnglePie({
+          selector: "#".concat(_this.id, " [data-ui-name=\"Donut.Pie\"]"),
+          duration: duration,
+          arcs: _this.arcs,
+          halfsize: halfsize,
+          d3Arc: d3Arc,
+          d3ArcOut: d3ArcOut,
+          activeIndexPie: _this.activeIndexPie
+        }).on('end', function () {
+          _this.canAnimatedHover = true;
+        });
+      } else {
+        _this.canAnimatedHover = true;
+      }
     });
 
     return _this;
@@ -194,9 +205,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   _createClass(DonutRoot, [{
     key: "id",
     get: function get() {
-      var _this$asProps2 = this.asProps,
-          uid = _this$asProps2.uid,
-          id = _this$asProps2.id;
+      var _this$asProps3 = this.asProps,
+          uid = _this$asProps3.uid,
+          id = _this$asProps3.id;
       return id || uid;
     }
   }, {
@@ -218,10 +229,10 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getArcs",
     value: function getArcs() {
-      var _this$asProps3 = this.asProps,
-          Children = _this$asProps3.Children,
-          data = _this$asProps3.data,
-          d3Pie = _this$asProps3.d3Pie;
+      var _this$asProps4 = this.asProps,
+          Children = _this$asProps4.Children,
+          data = _this$asProps4.data,
+          d3Pie = _this$asProps4.d3Pie;
       var pieData = Object.entries(data);
 
       if (d3Pie[DEFAULT_INSTANCE]) {
@@ -263,9 +274,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     value: function getPieProps(props, ind) {
       var _this2 = this;
 
-      var _this$asProps4 = this.asProps,
-          d3Arc = _this$asProps4.d3Arc,
-          d3ArcOut = _this$asProps4.d3ArcOut;
+      var _this$asProps5 = this.asProps,
+          d3Arc = _this$asProps5.d3Arc,
+          d3ArcOut = _this$asProps5.d3ArcOut;
       var active = props.active;
       var data = this.arcs.find(function (arc) {
         return arc.data[0] === props.dataKey;
@@ -283,18 +294,22 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         onMouseMove: this.bindHandlerTooltip(true, props),
         onMouseLeave: this.bindHandlerTooltip(false, props),
         onMouseOver: function onMouseOver(e) {
-          !active && _this2.animationActivePie({
-            active: true,
-            data: data,
-            selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]")
-          });
+          if (!active) {
+            _this2.animationActivePie({
+              active: true,
+              data: data,
+              selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]")
+            });
+          }
         },
         onMouseOut: function onMouseOut(e) {
-          !active && _this2.animationActivePie({
-            active: false,
-            data: data,
-            selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]")
-          });
+          if (!active) {
+            _this2.animationActivePie({
+              active: false,
+              data: data,
+              selector: "[d=\"".concat(e.target.getAttribute('d'), "\"]")
+            });
+          }
         }
       };
     }
@@ -309,49 +324,23 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      var _this$asProps5 = this.asProps,
-          data = _this$asProps5.data,
-          duration = _this$asProps5.duration,
-          d3Arc = _this$asProps5.d3Arc,
-          halfsize = _this$asProps5.halfsize;
-      var arcs = this.arcs;
+      var data = this.asProps.data;
 
-      if (prevProps.$rootProps.data !== data && duration > 0) {
-        transition().selection().selectAll("#".concat(this.id, " [data-ui-name=\"Donut.Pie\"]")).transition().duration(duration).attrTween('d', animationUpdatePie({
-          d3Arc: d3Arc,
-          arcs: arcs,
-          halfsize: halfsize
-        }));
+      if (prevProps.$rootProps.data !== data) {
+        this.animationUpdatePie();
       }
     }
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$asProps6 = this.asProps,
-          duration = _this$asProps6.duration,
-          d3Arc = _this$asProps6.d3Arc,
-          halfsize = _this$asProps6.halfsize,
-          d3ArcOut = _this$asProps6.d3ArcOut;
-      var arcs = this.arcs;
-
-      if (duration > 0) {
-        transition().selection().selectAll("#".concat(this.id, " [data-ui-name=\"Donut.Pie\"]")).each(function (_, ind) {
-          this._current = arcs[ind];
-        }).transition().duration(duration).attrTween('d', animationInitialPie({
-          halfsize: halfsize,
-          d3Arc: d3Arc,
-          d3ArcOut: d3ArcOut,
-          arcs: arcs,
-          activeIndexPie: this.activeIndexPie
-        }));
-      }
+      this.animationUpdatePie();
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$asProps7 = this.asProps,
-          halfsize = _this$asProps7.halfsize,
-          size = _this$asProps7.size;
+      var _this$asProps6 = this.asProps,
+          halfsize = _this$asProps6.halfsize,
+          size = _this$asProps6.size;
       this.asProps.dataHintsHandler.establishDataType('values-set');
 
       var _size2 = _slicedToArray(size, 2),
@@ -447,17 +436,17 @@ function Pie(_ref15) {
     }
 
     if (active !== undefined && active !== null) {
-      $animationActivePie(_objectSpread(_objectSpread({}, other), {}, {
+      $animationActivePie({
         active: active,
         data: data,
         selector: "[name=\"".concat(other.name, "\"]")
-      }));
+      });
     }
   }, [active]);
   dataHintsHandler.establishDataType('values-set');
   dataHintsHandler.describeValueEntity(dataKey, name);
   return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref.cn("SPie", {
-    "render": "path",
+    "render": 'path',
     "color": color,
     "d": active ? d3ArcOut(data) : d3Arc(data),
     "transparent": transparent
@@ -472,7 +461,7 @@ function EmptyData(_ref16) {
       d3Arc = _ref16.d3Arc,
       color = _ref16.color;
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SEmptyData, _ref2.cn("SEmptyData", {
-    "render": "path",
+    "render": 'path',
     "color": color,
     "d": d3Arc({
       endAngle: Math.PI * 2,
@@ -491,9 +480,9 @@ function Label(_ref17) {
       dataHintsHandler = _ref17.dataHintsHandler;
   dataHintsHandler.setTitle('vertical', children);
   return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref3.cn("SLabel", {
-    "render": "text",
-    "x": "0",
-    "y": "0",
+    "render": 'text',
+    "x": '0',
+    "y": '0',
     "aria-hidden": true
   }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})));
 }

package/lib/es6/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","interpolate","transition","Component","sstyled","canUseDOM","getOriginChildren","uniqueIDEnhancement","createElement","CONSTANT","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","style","value","SPie","styles","color","name","transparent","other","isMount","setIsMount","describeValueEntity","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition(transition)\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ 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  animationActivePie = (props) => {\n    const { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        aria-hidden\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SPie\n      render=\"path\"\n      color={color}\n      d={active ? d3ArcOut(data) : d3Arc(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","interpolate","transition","Component","sstyled","canUseDOM","getOriginChildren","uniqueIDEnhancement","createElement","CONSTANT","DEFAULT_INSTANCE","Symbol","transitionAnglePie","selector","duration","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","selection","selectAll","interrupt","attrTween","_","ind","d","Object","assign","self","initAngle","Math","PI","prevStartAngle","prevEndAngle","startAngle","endAngle","iStartAngle","iEndAngle","t","transitionRadiusPie","data","innerRadius","outerRadiusMinMax","select","min","max","iOuterRadius","outerRadius","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","_outerRadius","canAnimatedHover","id","on","uid","top","right","bottom","left","Children","d3Pie","pieData","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","animationUpdatePie","dataHintsHandler","establishDataType","Element","k","getArcs","style","value","SPie","styles","color","name","transparent","other","isMount","setIsMount","describeValueEntity","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction transitionAnglePie({ selector, duration, halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return transition()\n    .selection()\n    .selectAll(selector)\n    .interrupt()\n    .transition()\n    .duration(duration)\n    .attrTween('d', function(_, ind) {\n      if (!arcs[ind]) return () => '';\n      const d = Object.assign({}, arcs[ind]);\n      const self = this;\n      const initAngle = halfsize ? -Math.PI / 2 : 0;\n      let prevStartAngle = initAngle;\n      let prevEndAngle = initAngle;\n      if (self.arc) {\n        prevStartAngle = self.arc.startAngle;\n        prevEndAngle = self.arc.endAngle;\n      }\n      const iStartAngle = interpolate(prevStartAngle, d.startAngle);\n      const iEndAngle = interpolate(prevEndAngle, d.endAngle);\n      return function(t) {\n        d.startAngle = iStartAngle(t);\n        d.endAngle = iEndAngle(t);\n        self.arc = d;\n        return ind === activeIndexPie ? d3ArcOut(self.arc) : d3Arc(self.arc);\n      };\n    });\n}\n\nfunction transitionRadiusPie({ data, selector, duration, innerRadius, outerRadiusMinMax }) {\n  return transition()\n    .selection()\n    .select(selector)\n    .interrupt()\n    .transition(t)\n    .duration(duration)\n    .attrTween('d', function() {\n      const [min, max] = outerRadiusMinMax;\n      const iOuterRadius = interpolate(min, max);\n      return function(t) {\n        const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(iOuterRadius(t));\n        return d3ArcOut(data);\n      };\n    });\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n                           innerRadius = 0,\n                           outerRadius,\n                           halfsize = false,\n                           $rootProps: { size },\n                         }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie, d3Arc, d3ArcOut, duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n  canAnimatedHover = false;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue = pieData.reduce((acc, cur) => {\n      if (cur[1]) acc += cur[1];\n      return acc;\n    }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\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  animationActivePie = ({ data, active, selector }) => {\n    const { duration, innerRadius, outerRadius: _outerRadius, size, halfsize } = this.asProps;\n    const outerRadius = getOuterRadius({ size, halfsize, outerRadius: _outerRadius });\n\n    if (this.canAnimatedHover) {\n      if (duration > 0) {\n        transitionRadiusPie({\n          data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadiusMinMax: active ? [outerRadius, outerRadius + increaseFactor] : [outerRadius + increaseFactor, outerRadius],\n        });\n      }\n    }\n  };\n\n  animationUpdatePie = () => {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    this.canAnimatedHover = false;\n    if (duration > 0) {\n      transitionAnglePie({\n        selector: `#${this.id} [data-ui-name=\"Donut.Pie\"]`,\n        duration,\n        arcs: this.arcs,\n        halfsize,\n        d3Arc,\n        d3ArcOut,\n        activeIndexPie: this.activeIndexPie,\n      }).on('end', () => {\n        this.canAnimatedHover = true;\n      });\n    } else {\n      this.canAnimatedHover = true;\n    }\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        if (!active) {\n          this.animationActivePie({\n            active: true, data, selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n        }\n      },\n      onMouseOut: (e) => {\n        if (!active) {\n          this.animationActivePie({\n            active: false, data, selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n        }\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data } = this.asProps;\n    if (prevProps.$rootProps.data !== data) {\n      this.animationUpdatePie();\n    }\n  }\n\n  componentDidMount() {\n    this.animationUpdatePie();\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (<Element\n      aria-hidden\n      id={this.id}\n      render='g'\n      childrenPosition='inside'\n      transform={`translate(${width / 2},${height / k})`}\n    />);\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(<SPie\n    render='path'\n    color={color}\n    d={active ? d3ArcOut(data) : d3Arc(data)}\n    transparent={transparent}\n  />);\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(<SEmptyData render='path' color={color}\n                                     d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />);\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(<SLabel render='text' x='0' y='0' aria-hidden>\n    <Children />\n  </SLabel>);\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}

package/lib/es6/Dots.js

@@ -12,19 +12,19 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SDots_17is6_gg_ .___SDot_17is6_gg_{transition-duration:var(--duration_17is6)}.___SDot_17is6_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-blue,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_17is6_gg_.__hide_17is6_gg_{display:none}.___SDot_17is6_gg_.__active_17is6_gg_{r:8px}.___SDot_17is6_gg_.__color_17is6_gg_{fill:var(--color_17is6)}.___SDot_17is6_gg_.__transparent_17is6_gg_{opacity:.3}"
+".___SDots_18g0d_gg_ .___SDot_18g0d_gg_{transition-duration:var(--duration_18g0d)}.___SDot_18g0d_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border,#fff);r:6px;fill:var(--intergalactic-chart-palette-order-1,#2bb3ff);transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_18g0d_gg_.__hide_18g0d_gg_{display:none}.___SDot_18g0d_gg_.__active_18g0d_gg_{r:8px}.___SDot_18g0d_gg_.__color_18g0d_gg_{fill:var(--color_18g0d)}.___SDot_18g0d_gg_.__transparent_18g0d_gg_{opacity:.3}"
 /*__inner_css_end__*/
-, "17is6_gg_")
+, "18g0d_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_17is6_gg_",
-  "__SDot": "___SDot_17is6_gg_",
-  "--duration": "--duration_17is6",
-  "_hide": "__hide_17is6_gg_",
-  "_active": "__active_17is6_gg_",
-  "_color": "__color_17is6_gg_",
-  "--color": "--color_17is6",
-  "_transparent": "__transparent_17is6_gg_"
+  "__SDots": "___SDots_18g0d_gg_",
+  "__SDot": "___SDot_18g0d_gg_",
+  "--duration": "--duration_18g0d",
+  "_hide": "__hide_18g0d_gg_",
+  "_active": "__active_18g0d_gg_",
+  "_color": "__color_18g0d_gg_",
+  "--color": "--color_18g0d",
+  "_transparent": "__transparent_18g0d_gg_"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];