@semcore/mini-chart 16.1.1-prerelease.5 → 17.0.0-prerelease.17

package/lib/cjs/utils/ScoreDonutUtils.js

@@ -1,87 +1,60 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScoreDonutUtils = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var ScoreDonutUtils = exports.ScoreDonutUtils = /*#__PURE__*/function () {
-  function ScoreDonutUtils(value, isSemiDonut) {
-    (0, _classCallCheck2["default"])(this, ScoreDonutUtils);
-    (0, _defineProperty2["default"])(this, "isSemiDonut", void 0);
-    (0, _defineProperty2["default"])(this, "value", void 0);
-    (0, _defineProperty2["default"])(this, "radius", void 0);
+class ScoreDonutUtils {
+  constructor(value, isSemiDonut) {
+    (0, _defineProperty2.default)(this, "isSemiDonut", void 0);
+    (0, _defineProperty2.default)(this, "value", void 0);
+    (0, _defineProperty2.default)(this, "radius", void 0);
     this.isSemiDonut = isSemiDonut;
     this.radius = isSemiDonut ? 9 : 10;
     this.value = Math.max(Math.min(value, 100), 0);
   }
-  return (0, _createClass2["default"])(ScoreDonutUtils, [{
-    key: "viewBox",
-    get: function get() {
-      return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';
-    }
-  }, {
-    key: "strokeWidth",
-    get: function get() {
-      return this.isSemiDonut ? 6 : 4;
-    }
-  }, {
-    key: "fullLength",
-    get: function get() {
-      return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;
-    }
-  }, {
-    key: "point",
-    get: function get() {
-      return this.isSemiDonut ? this.fullLength / (100 / 3) : this.fullLength / 100;
-    }
-  }, {
-    key: "valueLength",
-    get: function get() {
-      return this.fullLength * (this.value / 100);
-    }
-  }, {
-    key: "animatedValueLength",
-    get: function get() {
-      return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);
-    }
-  }, {
-    key: "startMargin",
-    get: function get() {
-      var margin = 0;
-      if (this.value > 0) margin = this.point;
-      return margin;
-    }
-  }, {
-    key: "endMargin",
-    get: function get() {
-      var margin = 0;
-      if (!this.isSemiDonut && this.value > 0) margin = this.point;
-      return margin;
-    }
-  }, {
-    key: "baseOffset",
-    get: function get() {
-      return -1 * (this.valueLength + this.startMargin);
-    }
-  }, {
-    key: "baseLength",
-    get: function get() {
-      return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);
-    }
-  }, {
-    key: "animatedBaseLengthFrom",
-    get: function get() {
-      return this.fullLength - this.startMargin - this.endMargin;
-    }
-  }, {
-    key: "animatedBaseLengthTo",
-    get: function get() {
-      return this.fullLength - this.valueLength - this.startMargin - this.endMargin;
-    }
-  }]);
-}();
+  get viewBox() {
+    return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';
+  }
+  get strokeWidth() {
+    return this.isSemiDonut ? 6 : 4;
+  }
+  get fullLength() {
+    return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;
+  }
+  get point() {
+    return this.isSemiDonut ? this.fullLength / (100 / 3) : this.fullLength / 100;
+  }
+  get valueLength() {
+    return this.fullLength * (this.value / 100);
+  }
+  get animatedValueLength() {
+    return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);
+  }
+  get startMargin() {
+    let margin = 0;
+    if (this.value > 0) margin = this.point;
+    return margin;
+  }
+  get endMargin() {
+    let margin = 0;
+    if (!this.isSemiDonut && this.value > 0) margin = this.point;
+    return margin;
+  }
+  get baseOffset() {
+    return -1 * (this.valueLength + this.startMargin);
+  }
+  get baseLength() {
+    return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);
+  }
+  get animatedBaseLengthFrom() {
+    return this.fullLength - this.startMargin - this.endMargin;
+  }
+  get animatedBaseLengthTo() {
+    return this.fullLength - this.valueLength - this.startMargin - this.endMargin;
+  }
+}
+exports.ScoreDonutUtils = ScoreDonutUtils;
 //# sourceMappingURL=ScoreDonutUtils.js.map

package/lib/cjs/utils/ScoreDonutUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","exports","value","isSemiDonut","_classCallCheck2","_defineProperty2","radius","Math","max","min","_createClass2","key","get","PI","fullLength","valueLength","startMargin","endMargin","margin","point"],"sources":["../../../src/utils/ScoreDonutUtils.ts"],"sourcesContent":["export class ScoreDonutUtils {\n  private readonly isSemiDonut: boolean;\n  private readonly value: number;\n\n  public readonly radius: number;\n\n  constructor(value: number, isSemiDonut: boolean) {\n    this.isSemiDonut = isSemiDonut;\n    this.radius = isSemiDonut ? 9 : 10;\n    this.value = Math.max(Math.min(value, 100), 0);\n  }\n\n  public get viewBox() {\n    return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n  }\n\n  public get strokeWidth() {\n    return this.isSemiDonut ? 6 : 4;\n  }\n\n  public get fullLength() {\n    return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;\n  }\n\n  public get point() {\n    return this.isSemiDonut\n      ? this.fullLength / (100 / 3)\n      : this.fullLength / 100;\n  }\n\n  public get valueLength() {\n    return this.fullLength * (this.value / 100);\n  }\n\n  public get animatedValueLength() {\n    return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);\n  }\n\n  public get startMargin() {\n    let margin = 0;\n    if (this.value > 0) margin = this.point;\n    return margin;\n  }\n\n  public get endMargin() {\n    let margin = 0;\n    if (!this.isSemiDonut && this.value > 0) margin = this.point;\n    return margin;\n  }\n\n  public get baseOffset() {\n    return -1 * (this.valueLength + this.startMargin);\n  };\n\n  public get baseLength() {\n    return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);\n  }\n\n  public get animatedBaseLengthFrom() {\n    return this.fullLength - this.startMargin - this.endMargin;\n  }\n\n  public get animatedBaseLengthTo() {\n    return this.fullLength - this.valueLength - this.startMargin - this.endMargin;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","constructor","value","isSemiDonut","_defineProperty2","default","radius","Math","max","min","viewBox","strokeWidth","fullLength","PI","point","valueLength","animatedValueLength","startMargin","endMargin","margin","baseOffset","baseLength","animatedBaseLengthFrom","animatedBaseLengthTo","exports"],"sources":["../../../src/utils/ScoreDonutUtils.ts"],"sourcesContent":["export class ScoreDonutUtils {\n  private readonly isSemiDonut: boolean;\n  private readonly value: number;\n\n  public readonly radius: number;\n\n  constructor(value: number, isSemiDonut: boolean) {\n    this.isSemiDonut = isSemiDonut;\n    this.radius = isSemiDonut ? 9 : 10;\n    this.value = Math.max(Math.min(value, 100), 0);\n  }\n\n  public get viewBox() {\n    return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n  }\n\n  public get strokeWidth() {\n    return this.isSemiDonut ? 6 : 4;\n  }\n\n  public get fullLength() {\n    return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;\n  }\n\n  public get point() {\n    return this.isSemiDonut\n      ? this.fullLength / (100 / 3)\n      : this.fullLength / 100;\n  }\n\n  public get valueLength() {\n    return this.fullLength * (this.value / 100);\n  }\n\n  public get animatedValueLength() {\n    return Math.min(this.valueLength, this.fullLength - this.startMargin - this.endMargin);\n  }\n\n  public get startMargin() {\n    let margin = 0;\n    if (this.value > 0) margin = this.point;\n    return margin;\n  }\n\n  public get endMargin() {\n    let margin = 0;\n    if (!this.isSemiDonut && this.value > 0) margin = this.point;\n    return margin;\n  }\n\n  public get baseOffset() {\n    return -1 * (this.valueLength + this.startMargin);\n  };\n\n  public get baseLength() {\n    return Math.max(this.fullLength - this.valueLength - this.startMargin - this.endMargin, 0);\n  }\n\n  public get animatedBaseLengthFrom() {\n    return this.fullLength - this.startMargin - this.endMargin;\n  }\n\n  public get animatedBaseLengthTo() {\n    return this.fullLength - this.valueLength - this.startMargin - this.endMargin;\n  }\n}\n"],"mappings":";;;;;;;;AAAO,MAAMA,eAAe,CAAC;EAM3BC,WAAWA,CAACC,KAAa,EAAEC,WAAoB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC/C,IAAI,CAACF,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACG,MAAM,GAAGH,WAAW,GAAG,CAAC,GAAG,EAAE;IAClC,IAAI,CAACD,KAAK,GAAGK,IAAI,CAACC,GAAG,CAACD,IAAI,CAACE,GAAG,CAACP,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;EAChD;EAEA,IAAWQ,OAAOA,CAAA,EAAG;IACnB,OAAO,IAAI,CAACP,WAAW,GAAG,WAAW,GAAG,WAAW;EACrD;EAEA,IAAWQ,WAAWA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACR,WAAW,GAAG,CAAC,GAAG,CAAC;EACjC;EAEA,IAAWS,UAAUA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACT,WAAW,GAAGI,IAAI,CAACM,EAAE,GAAG,IAAI,CAACP,MAAM,GAAG,CAAC,GAAGC,IAAI,CAACM,EAAE,GAAG,IAAI,CAACP,MAAM;EAC7E;EAEA,IAAWQ,KAAKA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACX,WAAW,GACnB,IAAI,CAACS,UAAU,IAAI,GAAG,GAAG,CAAC,CAAC,GAC3B,IAAI,CAACA,UAAU,GAAG,GAAG;EAC3B;EAEA,IAAWG,WAAWA,CAAA,EAAG;IACvB,OAAO,IAAI,CAACH,UAAU,IAAI,IAAI,CAACV,KAAK,GAAG,GAAG,CAAC;EAC7C;EAEA,IAAWc,mBAAmBA,CAAA,EAAG;IAC/B,OAAOT,IAAI,CAACE,GAAG,CAAC,IAAI,CAACM,WAAW,EAAE,IAAI,CAACH,UAAU,GAAG,IAAI,CAACK,WAAW,GAAG,IAAI,CAACC,SAAS,CAAC;EACxF;EAEA,IAAWD,WAAWA,CAAA,EAAG;IACvB,IAAIE,MAAM,GAAG,CAAC;IACd,IAAI,IAAI,CAACjB,KAAK,GAAG,CAAC,EAAEiB,MAAM,GAAG,IAAI,CAACL,KAAK;IACvC,OAAOK,MAAM;EACf;EAEA,IAAWD,SAASA,CAAA,EAAG;IACrB,IAAIC,MAAM,GAAG,CAAC;IACd,IAAI,CAAC,IAAI,CAAChB,WAAW,IAAI,IAAI,CAACD,KAAK,GAAG,CAAC,EAAEiB,MAAM,GAAG,IAAI,CAACL,KAAK;IAC5D,OAAOK,MAAM;EACf;EAEA,IAAWC,UAAUA,CAAA,EAAG;IACtB,OAAO,CAAC,CAAC,IAAI,IAAI,CAACL,WAAW,GAAG,IAAI,CAACE,WAAW,CAAC;EACnD;EAEA,IAAWI,UAAUA,CAAA,EAAG;IACtB,OAAOd,IAAI,CAACC,GAAG,CAAC,IAAI,CAACI,UAAU,GAAG,IAAI,CAACG,WAAW,GAAG,IAAI,CAACE,WAAW,GAAG,IAAI,CAACC,SAAS,EAAE,CAAC,CAAC;EAC5F;EAEA,IAAWI,sBAAsBA,CAAA,EAAG;IAClC,OAAO,IAAI,CAACV,UAAU,GAAG,IAAI,CAACK,WAAW,GAAG,IAAI,CAACC,SAAS;EAC5D;EAEA,IAAWK,oBAAoBA,CAAA,EAAG;IAChC,OAAO,IAAI,CAACX,UAAU,GAAG,IAAI,CAACG,WAAW,GAAG,IAAI,CAACE,WAAW,GAAG,IAAI,CAACC,SAAS;EAC/E;AACF;AAACM,OAAA,CAAAxB,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/es6/component/score/Donut.js

@@ -1,121 +1,108 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import { createComponent, Component, Root, sstyled } from '@semcore/core';
-import { assignProps } from '@semcore/core';
+import { Box } from '@semcore/base-components';
+import { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';
 import { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
-import { Box } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./donut.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1kq41{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1kq41_gg_.__loading_1kq41_gg_,.___SLineGauge_1kq41_gg_.__loading_1kq41_gg_,.___STrendBar_1kq41_gg_.__loading_1kq41_gg_,.___STrendLine_1kq41_gg_.__loading_1kq41_gg_{animation-name:pulse_1kq41;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1kq41_gg_.__semi_1kq41_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1kq41_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1kq41_gg_.__animate_1kq41_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1kq41_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1yj1g{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1yj1g_gg_.__loading_1yj1g_gg_,.___SLineGauge_1yj1g_gg_.__loading_1yj1g_gg_,.___STrendBar_1yj1g_gg_.__loading_1yj1g_gg_,.___STrendLine_1yj1g_gg_.__loading_1yj1g_gg_{animation-name:pulse_1yj1g;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1yj1g_gg_.__semi_1yj1g_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1yj1g_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1yj1g_gg_.__animate_1yj1g_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1yj1g_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1kq41_gg_",
-  "_loading": "__loading_1kq41_gg_",
-  "__SDonutContainer": "___SDonutContainer_1kq41_gg_",
-  "__STrendLine": "___STrendLine_1kq41_gg_",
-  "__STrendBar": "___STrendBar_1kq41_gg_",
-  "@pulse": "pulse_1kq41",
-  "_animate": "__animate_1kq41_gg_",
-  "_semi": "__semi_1kq41_gg_"
+  "__SLineGauge": "___SLineGauge_1yj1g_gg_",
+  "_loading": "__loading_1yj1g_gg_",
+  "__SDonutContainer": "___SDonutContainer_1yj1g_gg_",
+  "__STrendLine": "___STrendLine_1yj1g_gg_",
+  "__STrendBar": "___STrendBar_1yj1g_gg_",
+  "@pulse": "pulse_1yj1g",
+  "_animate": "__animate_1yj1g_gg_",
+  "_semi": "__semi_1yj1g_gg_"
 });
 import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
-var DonutRoot = /*#__PURE__*/function (_Component) {
-  function DonutRoot() {
-    _classCallCheck(this, DonutRoot);
-    return _callSuper(this, DonutRoot, arguments);
-  }
-  _inherits(DonutRoot, _Component);
-  return _createClass(DonutRoot, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2;
-      var SDonutContainer = Box;
-      var _this$asProps = this.asProps,
-        value = _this$asProps.value,
-        styles = _this$asProps.styles,
-        _this$asProps$baseBgC = _this$asProps.baseBgColor,
-        baseBgColor = _this$asProps$baseBgC === void 0 ? 'chart-grid-bar-chart-base-bg' : _this$asProps$baseBgC,
-        _this$asProps$color = _this$asProps.color,
-        color = _this$asProps$color === void 0 ? 'chart-palette-order-1' : _this$asProps$color,
-        resolveColor = _this$asProps.resolveColor,
-        isSemiDonut = _this$asProps.isSemiDonut,
-        loading = _this$asProps.loading,
-        animate = _this$asProps.animate,
-        duration = _this$asProps.duration;
-      var scoreDonut = new ScoreDonutUtils(value, isSemiDonut);
-      var _extractAriaProps = extractAriaProps(this.asProps),
-        __excludeProps = _extractAriaProps.__excludeProps,
-        extractedAriaProps = _extractAriaProps.extractedAriaProps;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SDonutContainer, _ref2.cn("SDonutContainer", _objectSpread({}, _assignProps({
+class DonutRoot extends Component {
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const SDonutContainer = Box;
+    const {
+      value,
+      styles,
+      baseBgColor = 'chart-grid-bar-chart-base-bg',
+      color = 'chart-palette-order-1',
+      resolveColor,
+      isSemiDonut,
+      loading,
+      animate,
+      duration
+    } = this.asProps;
+    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);
+    const {
+      __excludeProps,
+      extractedAriaProps
+    } = extractAriaProps(this.asProps);
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SDonutContainer, _ref2.cn("SDonutContainer", {
+      ..._assignProps({
         "semi": isSemiDonut,
         "__excludeProps": __excludeProps
-      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
-        "width": '100%',
-        "height": '100%',
-        "viewBox": scoreDonut.viewBox,
-        "fill": 'none',
-        "role": 'img'
-      }, extractedAriaProps)), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
-        "cx": '12',
-        "cy": '12',
-        "r": scoreDonut.radius,
-        "strokeWidth": scoreDonut.strokeWidth,
-        "stroke": resolveColor(baseBgColor),
-        "strokeDasharray": loading ? undefined : "".concat(scoreDonut.baseLength, " ").concat(scoreDonut.fullLength),
-        "strokeDashoffset": scoreDonut.baseOffset
-      }), animate && value > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
-        "attributeName": 'stroke-dasharray',
-        "from": "".concat(scoreDonut.animatedBaseLengthFrom, " ").concat(scoreDonut.fullLength),
-        "to": "".concat(scoreDonut.animatedBaseLengthTo, " ").concat(scoreDonut.fullLength),
-        "dur": duration + 'ms'
-      })), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
-        "attributeName": 'stroke-dashoffset',
-        "from": -1 * scoreDonut.startMargin,
-        "to": scoreDonut.baseOffset,
-        "dur": duration + 'ms'
-      })))), !loading && value > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
-        "cx": '12',
-        "cy": '12',
-        "r": scoreDonut.radius,
-        "strokeWidth": scoreDonut.strokeWidth,
-        "stroke": resolveColor(color),
-        "strokeDasharray": "".concat(scoreDonut.valueLength, " ").concat(scoreDonut.fullLength)
-      }), animate && /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
-        "attributeName": 'stroke-dasharray',
-        "from": "0 ".concat(scoreDonut.fullLength),
-        "to": "".concat(scoreDonut.valueLength, " ").concat(scoreDonut.fullLength),
-        "dur": duration + 'ms'
-      })))))));
-    }
-  }]);
-}(Component);
+      }, _ref)
+    }), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", {
+      "width": '100%',
+      "height": '100%',
+      "viewBox": scoreDonut.viewBox,
+      "fill": 'none',
+      "role": 'img',
+      ...extractedAriaProps
+    }), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+      "cx": '12',
+      "cy": '12',
+      "r": scoreDonut.radius,
+      "strokeWidth": scoreDonut.strokeWidth,
+      "stroke": resolveColor(baseBgColor),
+      "strokeDasharray": loading ? undefined : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`,
+      "strokeDashoffset": scoreDonut.baseOffset
+    }), animate && value > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
+      "attributeName": 'stroke-dasharray',
+      "from": `${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`,
+      "to": `${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`,
+      "dur": duration + 'ms'
+    })), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
+      "attributeName": 'stroke-dashoffset',
+      "from": -1 * scoreDonut.startMargin,
+      "to": scoreDonut.baseOffset,
+      "dur": duration + 'ms'
+    })))), !loading && value > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+      "cx": '12',
+      "cy": '12',
+      "r": scoreDonut.radius,
+      "strokeWidth": scoreDonut.strokeWidth,
+      "stroke": resolveColor(color),
+      "strokeDasharray": `${scoreDonut.valueLength} ${scoreDonut.fullLength}`
+    }), animate && /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
+      "attributeName": 'stroke-dasharray',
+      "from": `0 ${scoreDonut.fullLength}`,
+      "to": `${scoreDonut.valueLength} ${scoreDonut.fullLength}`,
+      "dur": duration + 'ms'
+    })))))));
+  }
+}
 _defineProperty(DonutRoot, "enhance", [cssVariableEnhance({
   variable: '--intergalactic-duration-extra-slow',
   fallback: '500',
-  map: function map(v) {
-    return Number.parseInt(v, 10).toString();
-  },
+  map: v => Number.parseInt(v, 10).toString(),
   prop: 'duration'
 }), resolveColorEnhance()]);
 _defineProperty(DonutRoot, "style", style);
 _defineProperty(DonutRoot, "defaultProps", {
   animate: true
 });
-export var ScoreDonut = createComponent(DonutRoot);
+export const ScoreDonut = createComponent(DonutRoot);
 ScoreDonut.displayName = 'MiniChart.ScoreDonut';
-export var ScoreSemiDonut = createComponent(DonutRoot, {}, {
-  enhancements: [function () {
+export const ScoreSemiDonut = createComponent(DonutRoot, {}, {
+  enhancements: [() => {
     return {
-      wrapperProps: function wrapperProps(props) {
+      wrapperProps: props => {
         return assignProps(props, {
           isSemiDonut: true
         });

package/lib/es6/component/score/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["createComponent","Component","Root","sstyled","assignProps","extractAriaProps","resolveColorEnhance","cssVariableEnhance","Box","React","style","_sstyled","insert","ScoreDonutUtils","DonutRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","viewBox","radius","strokeWidth","undefined","concat","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty","variable","fallback","map","v","Number","parseInt","toString","prop","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled, type ComponentType } from '@semcore/core';\nimport { assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, type BoxProps } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  duration: ReturnType<typeof cssVariableEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["Box","createComponent","Component","Root","sstyled","assignProps","extractAriaProps","resolveColorEnhance","cssVariableEnhance","React","style","_sstyled","insert","ScoreDonutUtils","DonutRoot","render","_ref","asProps","_ref2","SDonutContainer","value","styles","baseBgColor","color","resolveColor","isSemiDonut","loading","animate","duration","scoreDonut","__excludeProps","extractedAriaProps","createElement","cn","_assignProps","viewBox","radius","strokeWidth","undefined","baseLength","fullLength","baseOffset","Fragment","animatedBaseLengthFrom","animatedBaseLengthTo","startMargin","valueLength","_defineProperty","variable","fallback","map","v","Number","parseInt","toString","prop","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled, assignProps } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport React from 'react';\n\nimport style from './donut.shadow.css';\nimport type { CommonScoreProps } from './Score';\nimport { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\nclass DonutRoot extends Component<ScoreDonutProps, typeof DonutRoot.enhance> {\n  static enhance = [\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-extra-slow',\n      fallback: '500',\n      map: (v: string) => Number.parseInt(v, 10).toString(),\n      prop: 'duration',\n    }),\n    resolveColorEnhance(),\n  ] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n      animate,\n      duration,\n    } = this.asProps;\n\n    const scoreDonut = new ScoreDonutUtils(value, isSemiDonut);\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={scoreDonut.viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={scoreDonut.radius}\n              strokeWidth={scoreDonut.strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading\n                  ? undefined\n                  : `${scoreDonut.baseLength} ${scoreDonut.fullLength}`\n              }\n              strokeDashoffset={scoreDonut.baseOffset}\n            >\n              {animate && value > 0 && (\n                <>\n                  <animate\n                    attributeName='stroke-dasharray'\n                    from={`${scoreDonut.animatedBaseLengthFrom} ${scoreDonut.fullLength}`}\n                    to={`${scoreDonut.animatedBaseLengthTo} ${scoreDonut.fullLength}`}\n                    dur={duration + 'ms'}\n                  />\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    from={-1 * scoreDonut.startMargin}\n                    to={scoreDonut.baseOffset}\n                    dur={duration + 'ms'}\n                  />\n                </>\n              )}\n            </circle>\n            {!loading && value > 0 && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                >\n                  {animate && (\n                    <animate\n                      attributeName='stroke-dasharray'\n                      from={`0 ${scoreDonut.fullLength}`}\n                      to={`${scoreDonut.valueLength} ${scoreDonut.fullLength}`}\n                      dur={duration + 'ms'}\n                    />\n                  )}\n                </circle>\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut = createComponent<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut = createComponent<'svg', ScoreDonutProps, {}, typeof DonutRoot.enhance>(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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","ignoreList":[]}