@semcore/mini-chart 16.0.1-prerelease.4 → 16.0.2-prerelease.1

package/lib/cjs/component/trend/Line.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,35 +9,37 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
-var _react = _interopRequireDefault(require("react"));
+var _ariaProps = require("@semcore/core/lib/utils/ariaProps");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/resolveColorEnhance"));
 var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _Trend2 = require("./Trend");
 var _flexBox = require("@semcore/flex-box");
-var _ariaProps = require("@semcore/core/lib/utils/ariaProps");
+var _react = _interopRequireDefault(require("react"));
+var _Trend2 = require("./Trend");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1ql6o{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1ql6o_gg_.__loading_1ql6o_gg_,.___SLineGauge_1ql6o_gg_.__loading_1ql6o_gg_,.___STrendBar_1ql6o_gg_.__loading_1ql6o_gg_,.___STrendLine_1ql6o_gg_.__loading_1ql6o_gg_{animation-name:pulse_1ql6o;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1ql6o_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1pnj2{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1pnj2_gg_.__loading_1pnj2_gg_,.___SLineGauge_1pnj2_gg_.__loading_1pnj2_gg_,.___STrendBar_1pnj2_gg_.__loading_1pnj2_gg_,.___STrendLine_1pnj2_gg_.__loading_1pnj2_gg_{animation-name:pulse_1pnj2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1pnj2_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1ql6o_gg_",
-  "_loading": "__loading_1ql6o_gg_",
-  "__SDonutContainer": "___SDonutContainer_1ql6o_gg_",
-  "__STrendLine": "___STrendLine_1ql6o_gg_",
-  "__STrendBar": "___STrendBar_1ql6o_gg_",
-  "@pulse": "pulse_1ql6o"
+  "__SLineGauge": "___SLineGauge_1pnj2_gg_",
+  "_loading": "__loading_1pnj2_gg_",
+  "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
+  "__STrendLine": "___STrendLine_1pnj2_gg_",
+  "__STrendBar": "___STrendBar_1pnj2_gg_",
+  "@pulse": "pulse_1pnj2"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
-  (0, _inherits2["default"])(TrendLineRoot, _Trend);
-  var _super = (0, _createSuper2["default"])(TrendLineRoot);
   function TrendLineRoot() {
     (0, _classCallCheck2["default"])(this, TrendLineRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, TrendLineRoot, arguments);
   }
-  (0, _createClass2["default"])(TrendLineRoot, [{
+  (0, _inherits2["default"])(TrendLineRoot, _Trend);
+  return (0, _createClass2["default"])(TrendLineRoot, [{
     key: "defaultData",
     get: function get() {
       return [15, 70, 20, 85, 20];
@@ -147,17 +149,15 @@ var TrendLineRoot = /*#__PURE__*/function (_Trend) {
       }))))));
     }
   }]);
-  return TrendLineRoot;
 }(_Trend2.Trend);
 (0, _defineProperty2["default"])(TrendLineRoot, "enhance", [(0, _resolveColorEnhance["default"])(), (0, _uniqueID["default"])()]);
 (0, _defineProperty2["default"])(TrendLineRoot, "style", style);
 (0, _defineProperty2["default"])(TrendLineRoot, "defaultProps", {
   animate: true
 });
-var TrendLine = (0, _core.createComponent)(TrendLineRoot);
-exports.TrendLine = TrendLine;
+var TrendLine = exports.TrendLine = (0, _core.createComponent)(TrendLineRoot);
 TrendLine.displayName = 'MiniChart.TrendLine';
-var TrendArea = (0, _core.createComponent)(TrendLineRoot, {}, {
+var TrendArea = exports.TrendArea = (0, _core.createComponent)(TrendLineRoot, {}, {
   enhancements: [function () {
     return {
       wrapperProps: function wrapperProps(props) {
@@ -168,6 +168,5 @@ var TrendArea = (0, _core.createComponent)(TrendLineRoot, {}, {
     };
   }]
 });
-exports.TrendArea = TrendArea;
 TrendArea.displayName = 'MiniChart.TrendArea';
 //# sourceMappingURL=Line.js.map

package/lib/cjs/component/trend/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_resolveColorEnhance","_uniqueID","_Trend2","_flexBox","_ariaProps","style","sstyled","insert","TrendLineRoot","_Trend","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","_this$asProps$lastPoi","asProps","lastPointRadius","_this$asProps","data","loading","defaultData","lastPointColor","defaultWidth","defaultHeight","_this$asProps2","resolveColor","_this$asProps2$color","color","value","render","_ref","_ref2","STrendLine","Box","_this$asProps3","uid","withArea","animate","styles","points","length","step","i","push","concat","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","containerRef","_toConsumableArray2","svgWidth","svgHeight","join","Trend","_defineProperty2","resolveColorEnhance","uniqueIDEnhancement","TrendLine","createComponent","exports","displayName","TrendArea","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Line.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\n\nexport type TrendLineProps = CommonTrendProps & {\n  /**\n   * List of values\n   */\n  data: number[];\n\n  /**\n   * Color of line\n   */\n  color?: string;\n\n  /**\n   * Color of last point in chart\n   */\n  lastPointColor?: string;\n\n  /**\n   * Radius for last point item\n   */\n  lastPointRadius?: number;\n};\n\ntype Enhances = {\n  uid: string;\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  withArea?: true;\n};\n\nclass TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance> {\n  static enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): number[] {\n    return [15, 70, 20, 85, 20];\n  }\n\n  get lastPointRadius(): number {\n    return this.asProps.lastPointRadius ?? 6;\n  }\n\n  get data(): number[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  override get svgWidth(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultWidth + this.lastPointRadius\n      : this.defaultWidth;\n  }\n\n  override get svgHeight(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultHeight + this.lastPointRadius\n      : this.defaultHeight;\n  }\n\n  get color() {\n    const { resolveColor, color = 'chart-palette-order-1', loading } = this.asProps;\n\n    if (loading) {\n      return resolveColor('skeleton-bg');\n    }\n\n    return resolveColor(color);\n  }\n\n  render() {\n    const STrendLine = Root;\n    const { uid, withArea, animate, lastPointColor, resolveColor, loading, styles } = this.asProps;\n\n    const points: string[] = [];\n    const length = this.data.length;\n    const step = this.defaultWidth / (length - 1);\n\n    for (let i = 0; i < length; i++) {\n      points.push(`${step * i},${this.defaultHeight - this.data[i]}`);\n    }\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendLine render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          <polyline\n            points={points.join(' ')}\n            stroke={this.color}\n            strokeWidth='4'\n            fill={'none'}\n            clipPath={`url(#${uid})`}\n          />\n          {withArea && (\n            <polyline\n              points={`0,${this.defaultHeight} ${points.join(' ')} ${this.defaultWidth},${\n                this.defaultHeight\n              }`}\n              fill={this.color}\n              fillOpacity={0.2}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n          {lastPointColor && !loading && (\n            <circle\n              cx={step * (length - 1)}\n              cy={this.defaultHeight - this.data[length - 1]}\n              r={this.lastPointRadius}\n              fill={resolveColor(lastPointColor)}\n              stroke={resolveColor('chart-grid-border')}\n              strokeWidth={4}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n\n          {animate && !loading && (\n            <clipPath id={uid}>\n              <rect x='0' y='0' width='100%' height='100%' fill={'black'}>\n                <animate dur='500ms' attributeName='width' values='0;100%' />\n              </rect>\n            </clipPath>\n          )}\n        </svg>\n      </STrendLine>,\n    );\n  }\n}\n\nexport const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances> =\n  createComponent(TrendLineRoot);\n\nTrendLine.displayName = 'MiniChart.TrendLine';\n\nexport const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances> = createComponent(\n  TrendLineRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendLineProps) => {\n            return assignProps(props, { withArea: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendArea.displayName = 'MiniChart.TrendArea';\n"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","require","_ariaProps","_resolveColorEnhance","_interopRequireDefault","_uniqueID","_flexBox","_react","_Trend2","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","TrendLineRoot","_Trend","_classCallCheck2","arguments","_inherits2","_createClass2","key","get","_this$asProps$lastPoi","asProps","lastPointRadius","_this$asProps","data","loading","defaultData","lastPointColor","defaultWidth","defaultHeight","_this$asProps2","resolveColor","_this$asProps2$color","color","value","render","_ref","_ref2","STrendLine","Box","_this$asProps3","uid","withArea","animate","styles","points","length","step","i","push","concat","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","containerRef","_toConsumableArray2","svgWidth","svgHeight","join","Trend","_defineProperty2","resolveColorEnhance","uniqueIDEnhancement","TrendLine","exports","createComponent","displayName","TrendArea","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Line.tsx"],"sourcesContent":["import { createComponent, type ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport { Trend, type CommonTrendProps } from './Trend';\nimport style from '../skeleton/skeleton.shadow.css';\n\nexport type TrendLineProps = CommonTrendProps & {\n  /**\n   * List of values\n   */\n  data: number[];\n\n  /**\n   * Color of line\n   */\n  color?: string;\n\n  /**\n   * Color of last point in chart\n   */\n  lastPointColor?: string;\n\n  /**\n   * Radius for last point item\n   */\n  lastPointRadius?: number;\n};\n\ntype Enhances = {\n  uid: string;\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  withArea?: true;\n};\n\nclass TrendLineRoot extends Trend<TrendLineProps, typeof TrendLineRoot.enhance> {\n  static enhance = [resolveColorEnhance(), uniqueIDEnhancement()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): number[] {\n    return [15, 70, 20, 85, 20];\n  }\n\n  get lastPointRadius(): number {\n    return this.asProps.lastPointRadius ?? 6;\n  }\n\n  get data(): number[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  override get svgWidth(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultWidth + this.lastPointRadius\n      : this.defaultWidth;\n  }\n\n  override get svgHeight(): number {\n    return this.asProps.lastPointColor\n      ? this.defaultHeight + this.lastPointRadius\n      : this.defaultHeight;\n  }\n\n  get color() {\n    const { resolveColor, color = 'chart-palette-order-1', loading } = this.asProps;\n\n    if (loading) {\n      return resolveColor('skeleton-bg');\n    }\n\n    return resolveColor(color);\n  }\n\n  render() {\n    const STrendLine = Root;\n    const { uid, withArea, animate, lastPointColor, resolveColor, loading, styles } = this.asProps;\n\n    const points: string[] = [];\n    const length = this.data.length;\n    const step = this.defaultWidth / (length - 1);\n\n    for (let i = 0; i < length; i++) {\n      points.push(`${step * i},${this.defaultHeight - this.data[i]}`);\n    }\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendLine render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          <polyline\n            points={points.join(' ')}\n            stroke={this.color}\n            strokeWidth='4'\n            fill='none'\n            clipPath={`url(#${uid})`}\n          />\n          {withArea && (\n            <polyline\n              points={`0,${this.defaultHeight} ${points.join(' ')} ${this.defaultWidth},${\n                this.defaultHeight\n              }`}\n              fill={this.color}\n              fillOpacity={0.2}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n          {lastPointColor && !loading && (\n            <circle\n              cx={step * (length - 1)}\n              cy={this.defaultHeight - this.data[length - 1]}\n              r={this.lastPointRadius}\n              fill={resolveColor(lastPointColor)}\n              stroke={resolveColor('chart-grid-border')}\n              strokeWidth={4}\n              clipPath={`url(#${uid})`}\n            />\n          )}\n\n          {animate && !loading && (\n            <clipPath id={uid}>\n              <rect x='0' y='0' width='100%' height='100%' fill='black'>\n                <animate dur='500ms' attributeName='width' values='0;100%' />\n              </rect>\n            </clipPath>\n          )}\n        </svg>\n      </STrendLine>,\n    );\n  }\n}\n\nexport const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances> =\n  createComponent(TrendLineRoot);\n\nTrendLine.displayName = 'MiniChart.TrendLine';\n\nexport const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances> = createComponent(\n  TrendLineRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendLineProps) => {\n            return assignProps(props, { withArea: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendArea.displayName = 'MiniChart.TrendArea';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AAEA,IAAAO,OAAA,GAAAP,OAAA;AAAuD,SAAAQ,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,MAAAK,0BAAA,iBAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA;AAAA,IAAAQ,KAAA,8BAAApB,KAAA,CAAAqB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IA+BjDC,aAAa,0BAAAC,MAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,gBAAA,mBAAAF,aAAA;IAAA,OAAAd,UAAA,OAAAc,aAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,aAAA,EAAAC,MAAA;EAAA,WAAAI,aAAA,aAAAL,aAAA;IAAAM,GAAA;IAAAC,GAAA,EASjB,SAAAA,IAAA,EAA4B;MAC1B,OAAO,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;IAC7B;EAAC;IAAAD,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAA8B;MAAA,IAAAC,qBAAA;MAC5B,QAAAA,qBAAA,GAAO,IAAI,CAACC,OAAO,CAACC,eAAe,cAAAF,qBAAA,cAAAA,qBAAA,GAAI,CAAC;IAC1C;EAAC;IAAAF,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,IAAAI,aAAA,GAA0B,IAAI,CAACF,OAAO;QAA9BG,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEC,OAAO,GAAAF,aAAA,CAAPE,OAAO;MAErB,IAAIA,OAAO,EAAE;QACX,OAAO,IAAI,CAACC,WAAW;MACzB;MAEA,OAAOF,IAAI;IACb;EAAC;IAAAN,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAgC;MAC9B,OAAO,IAAI,CAACE,OAAO,CAACM,cAAc,GAC9B,IAAI,CAACC,YAAY,GAAG,IAAI,CAACN,eAAe,GACxC,IAAI,CAACM,YAAY;IACvB;EAAC;IAAAV,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAiC;MAC/B,OAAO,IAAI,CAACE,OAAO,CAACM,cAAc,GAC9B,IAAI,CAACE,aAAa,GAAG,IAAI,CAACP,eAAe,GACzC,IAAI,CAACO,aAAa;IACxB;EAAC;IAAAX,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAY;MACV,IAAAW,cAAA,GAAmE,IAAI,CAACT,OAAO;QAAvEU,YAAY,GAAAD,cAAA,CAAZC,YAAY;QAAAC,oBAAA,GAAAF,cAAA,CAAEG,KAAK;QAALA,KAAK,GAAAD,oBAAA,cAAG,uBAAuB,GAAAA,oBAAA;QAAEP,OAAO,GAAAK,cAAA,CAAPL,OAAO;MAE9D,IAAIA,OAAO,EAAE;QACX,OAAOM,YAAY,CAAC,aAAa,CAAC;MACpC;MAEA,OAAOA,YAAY,CAACE,KAAK,CAAC;IAC5B;EAAC;IAAAf,GAAA;IAAAgB,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAf,OAAA;QAAAgB,KAAA;MACP,IAAMC,UAAU,GAaMC,YAAG;MAZzB,IAAAC,cAAA,GAAkF,IAAI,CAACnB,OAAO;QAAtFoB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEC,OAAO,GAAAH,cAAA,CAAPG,OAAO;QAAEhB,cAAc,GAAAa,cAAA,CAAdb,cAAc;QAAEI,YAAY,GAAAS,cAAA,CAAZT,YAAY;QAAEN,OAAO,GAAAe,cAAA,CAAPf,OAAO;QAAEmB,MAAM,GAAAJ,cAAA,CAANI,MAAM;MAE7E,IAAMC,MAAgB,GAAG,EAAE;MAC3B,IAAMC,MAAM,GAAG,IAAI,CAACtB,IAAI,CAACsB,MAAM;MAC/B,IAAMC,IAAI,GAAG,IAAI,CAACnB,YAAY,IAAIkB,MAAM,GAAG,CAAC,CAAC;MAE7C,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,MAAM,EAAEE,CAAC,EAAE,EAAE;QAC/BH,MAAM,CAACI,IAAI,IAAAC,MAAA,CAAIH,IAAI,GAAGC,CAAC,OAAAE,MAAA,CAAI,IAAI,CAACrB,aAAa,GAAG,IAAI,CAACL,IAAI,CAACwB,CAAC,CAAC,CAAE,CAAC;MACjE;MACA,IAAAG,iBAAA,GAA+C,IAAAC,2BAAgB,EAAC,IAAI,CAAC/B,OAAO,CAAC;QAArEgC,cAAc,GAAAF,iBAAA,CAAdE,cAAc;QAAEC,kBAAkB,GAAAH,iBAAA,CAAlBG,kBAAkB;MAE1C,OAAAjB,KAAA,GAAO,IAAA3B,aAAO,EAACkC,MAAM,CAAC,eACpBhD,MAAA,YAAA2D,aAAA,CAACjB,UAAU,EAAAD,KAAA,CAAAmB,EAAA,mBAAAC,cAAA,qBAAApE,KAAA,CAAAqE,WAAA;QAAA,OAAmB,IAAI,CAACC,YAAY;QAAA,mBAAmB,MAAM,EAAAT,MAAA,KAAAU,mBAAA,aAAKP,cAAc;MAAA,GAAAjB,IAAA,kBACzFxC,MAAA,YAAA2D,aAAA,QAAAlB,KAAA,CAAAmB,EAAA,YAAAC,cAAA;QAAA,SACQ,MAAM;QAAA,UACL,MAAM;QAAA,kBAAAP,MAAA,CACG,IAAI,CAACW,QAAQ,OAAAX,MAAA,CAAI,IAAI,CAACY,SAAS;QAAA,QAC1C;MAAK,GACNR,kBAAkB,iBAEtB1D,MAAA,YAAA2D,aAAA,aAAAlB,KAAA,CAAAmB,EAAA;QAAA,UACUX,MAAM,CAACkB,IAAI,CAAC,GAAG,CAAC;QAAA,UAChB,IAAI,CAAC9B,KAAK;QAAA,eACN,GAAG;QAAA,QACV,MAAM;QAAA,oBAAAiB,MAAA,CACOT,GAAG;MAAA,EACtB,CAAC,EACDC,QAAQ,iBACP9C,MAAA,YAAA2D,aAAA,aAAAlB,KAAA,CAAAmB,EAAA;QAAA,eAAAN,MAAA,CACe,IAAI,CAACrB,aAAa,OAAAqB,MAAA,CAAIL,MAAM,CAACkB,IAAI,CAAC,GAAG,CAAC,OAAAb,MAAA,CAAI,IAAI,CAACtB,YAAY,OAAAsB,MAAA,CACtE,IAAI,CAACrB,aAAa;QAAA,QAEd,IAAI,CAACI,KAAK;QAAA,eACH,GAAG;QAAA,oBAAAiB,MAAA,CACET,GAAG;MAAA,EACtB,CACF,EACAd,cAAc,IAAI,CAACF,OAAO,iBACzB7B,MAAA,YAAA2D,aAAA,WAAAlB,KAAA,CAAAmB,EAAA;QAAA,MACMT,IAAI,IAAID,MAAM,GAAG,CAAC,CAAC;QAAA,MACnB,IAAI,CAACjB,aAAa,GAAG,IAAI,CAACL,IAAI,CAACsB,MAAM,GAAG,CAAC,CAAC;QAAA,KAC3C,IAAI,CAACxB,eAAe;QAAA,QACjBS,YAAY,CAACJ,cAAc,CAAC;QAAA,UAC1BI,YAAY,CAAC,mBAAmB,CAAC;QAAA,eAC5B,CAAC;QAAA,oBAAAmB,MAAA,CACIT,GAAG;MAAA,EACtB,CACF,EAEAE,OAAO,IAAI,CAAClB,OAAO,iBAClB7B,MAAA,YAAA2D,aAAA,aAAAlB,KAAA,CAAAmB,EAAA;QAAA,MAAcf;MAAG,iBACf7C,MAAA,YAAA2D,aAAA,SAAAlB,KAAA,CAAAmB,EAAA;QAAA,KAAQ,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,MAAM;QAAA,UAAQ,MAAM;QAAA,QAAM;MAAO,iBACvD5D,MAAA,YAAA2D,aAAA,YAAAlB,KAAA,CAAAmB,EAAA;QAAA,OAAa,OAAO;QAAA,iBAAe,OAAO;QAAA,UAAQ;MAAQ,EAAE,CACxD,CACE,CAET,CACK,CAAC;IAEjB;EAAC;AAAA,EA9GyBQ,aAAK;AAAA,IAAAC,gBAAA,aAA3BrD,aAAa,aACA,CAAC,IAAAsD,+BAAmB,EAAC,CAAC,EAAE,IAAAC,oBAAmB,EAAC,CAAC,CAAC;AAAA,IAAAF,gBAAA,aAD3DrD,aAAa,WAGFH,KAAK;AAAA,IAAAwD,gBAAA,aAHhBrD,aAAa,kBAKK;EACpB+B,OAAO,EAAE;AACX,CAAC;AA0GI,IAAMyB,SAA0D,GAAAC,OAAA,CAAAD,SAAA,GACrE,IAAAE,qBAAe,EAAC1D,aAAa,CAAC;AAEhCwD,SAAS,CAACG,WAAW,GAAG,qBAAqB;AAEtC,IAAMC,SAA0D,GAAAH,OAAA,CAAAG,SAAA,GAAG,IAAAF,qBAAe,EACvF1D,aAAa,EACb,CAAC,CAAC,EACF;EACE6D,YAAY,EAAE,CACZ,YAAM;IACJ,OAAO;MACLC,YAAY,EAAE,SAAdA,YAAYA,CAAGC,KAAqB,EAAK;QACvC,OAAO,IAAAjB,iBAAW,EAACiB,KAAK,EAAE;UAAEjC,QAAQ,EAAE;QAAK,CAAC,CAAC;MAC/C;IACF,CAAC;EACH,CAAC;AAEL,CACF,CAAC;AAED8B,SAAS,CAACD,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/lib/cjs/component/trend/Trend.js

@@ -1,36 +1,37 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Trend = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
 var _core = require("@semcore/core");
-var Trend = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(Trend, _Component);
-  var _super = (0, _createSuper2["default"])(Trend);
+var _react = _interopRequireDefault(require("react"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+var Trend = exports.Trend = /*#__PURE__*/function (_Component) {
   function Trend() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
     (0, _classCallCheck2["default"])(this, Trend);
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+    _this = _callSuper(this, Trend, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "state", {
       width: 200,
       height: 100
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "containerRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])(_this, "containerRef", /*#__PURE__*/_react["default"].createRef());
     return _this;
   }
-  (0, _createClass2["default"])(Trend, [{
+  (0, _inherits2["default"])(Trend, _Component);
+  return (0, _createClass2["default"])(Trend, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setSizes();
@@ -81,7 +82,5 @@ var Trend = /*#__PURE__*/function (_Component) {
       }
     }
   }]);
-  return Trend;
 }(_core.Component);
-exports.Trend = Trend;
 //# sourceMappingURL=Trend.js.map

package/lib/cjs/component/trend/Trend.js.map

@@ -1 +1 @@
-{"version":3,"file":"Trend.js","names":["_react","_interopRequireDefault","require","_core","Trend","_Component","_inherits2","_super","_createSuper2","_this","_len","arguments","length","args","Array","_key","_classCallCheck2","call","apply","concat","_defineProperty2","_assertThisInitialized2","width","height","React","createRef","_createClass2","key","value","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","get","_this$state","state","defaultHeight","defaultWidth","containerRef","current","boundingClientRect","getBoundingClientRect","setState","Component","exports"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import React from 'react';\nimport { Component } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\nexport type CommonTrendProps = BoxProps & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n> extends Component<P, {}, { width: number; height: number }, E> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA0C,IAsBpBE,KAAK,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,KAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAK,KAAA;IAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAA,IAAAC,gBAAA,mBAAAZ,KAAA;IAAAK,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAN,IAAA;IAAA,IAAAO,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YAIjB;MACNa,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE;IACV,CAAC;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,gCAEce,iBAAK,CAACC,SAAS,EAAkB;IAAA,OAAAhB,KAAA;EAAA;EAAA,IAAAiB,aAAA,aAAAtB,KAAA;IAAAuB,GAAA;IAAAC,KAAA,EAEhD,SAAAC,kBAAA,EAAoB;MAClB,IAAI,CAACC,QAAQ,EAAE;IACjB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EACD,SAAAG,mBAAmBC,SAAY,EAAE;MAC/B,IACEA,SAAS,CAACC,CAAC,KAAK,IAAI,CAACC,KAAK,CAACD,CAAC,IAC5BD,SAAS,CAACG,CAAC,KAAK,IAAI,CAACD,KAAK,CAACC,CAAC,IAC5BH,SAAS,CAACI,IAAI,KAAK,IAAI,CAACF,KAAK,CAACE,IAAI,EAClC;QACA,IAAI,CAACN,QAAQ,EAAE;MACjB;IACF;EAAC;IAAAH,GAAA;IAAAU,GAAA,EAED,SAAAA,IAAA,EAA2B;MACzB,IAAAC,WAAA,GAA0B,IAAI,CAACC,KAAK;QAA5BjB,KAAK,GAAAgB,WAAA,CAALhB,KAAK;QAAEC,MAAM,GAAAe,WAAA,CAANf,MAAM;MAErB,OAAQD,KAAK,GAAGC,MAAM,GAAI,IAAI,CAACiB,aAAa;IAC9C;EAAC;IAAAb,GAAA;IAAAU,GAAA,EAED,SAAAA,IAAA,EAA4B;MAC1B,OAAO,GAAG;IACZ;EAAC;IAAAV,GAAA;IAAAU,GAAA,EAED,SAAAA,IAAA,EAAuB;MACrB,OAAO,IAAI,CAACI,YAAY;IAC1B;EAAC;IAAAd,GAAA;IAAAU,GAAA,EAED,SAAAA,IAAA,EAAwB;MACtB,OAAO,IAAI,CAACG,aAAa;IAC3B;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,SAAAE,SAAA,EAAW;MACT,IAAI,IAAI,CAACY,YAAY,CAACC,OAAO,EAAE;QAC7B,IAAMC,kBAAkB,GAAG,IAAI,CAACF,YAAY,CAACC,OAAO,CAACE,qBAAqB,EAAE;QAE5E,IAAQvB,KAAK,GAAasB,kBAAkB,CAApCtB,KAAK;UAAEC,MAAM,GAAKqB,kBAAkB,CAA7BrB,MAAM;QAErB,IAAID,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;UAC3B,IAAI,CAACuB,QAAQ,CAAC;YAAExB,KAAK,EAALA,KAAK;YAAEC,MAAM,EAANA;UAAO,CAAC,CAAC;QAClC;MACF;IACF;EAAC;EAAA,OAAAnB,KAAA;AAAA,EAjDO2C,eAAS;AAAAC,OAAA,CAAA5C,KAAA,GAAAA,KAAA"}
+{"version":3,"file":"Trend.js","names":["_core","require","_react","_interopRequireDefault","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","Trend","exports","_Component","_this","_len","arguments","length","args","Array","_key","_classCallCheck2","concat","_defineProperty2","width","height","React","createRef","_inherits2","_createClass2","key","value","componentDidMount","setSizes","componentDidUpdate","prevProps","w","props","h","data","get","_this$state","state","defaultHeight","defaultWidth","containerRef","current","boundingClientRect","getBoundingClientRect","setState","Component"],"sources":["../../../../src/component/trend/Trend.tsx"],"sourcesContent":["import { Component } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\nimport React from 'react';\n\nexport type CommonTrendProps = BoxProps & {\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Data for chart\n   */\n  data: any[];\n};\n\nexport abstract class Trend<\n  P extends CommonTrendProps,\n  E extends readonly ((...args: any[]) => any)[],\n> extends Component<P, {}, { width: number; height: number }, E> {\n  state = {\n    width: 200,\n    height: 100,\n  };\n\n  containerRef = React.createRef<HTMLDivElement>();\n\n  componentDidMount() {\n    this.setSizes();\n  }\n\n  componentDidUpdate(prevProps: P) {\n    if (\n      prevProps.w !== this.props.w ||\n      prevProps.h !== this.props.h ||\n      prevProps.data !== this.props.data\n    ) {\n      this.setSizes();\n    }\n  }\n\n  get defaultWidth(): number {\n    const { width, height } = this.state;\n\n    return (width / height) * this.defaultHeight;\n  }\n\n  get defaultHeight(): number {\n    return 100;\n  }\n\n  get svgWidth(): number {\n    return this.defaultWidth;\n  }\n\n  get svgHeight(): number {\n    return this.defaultHeight;\n  }\n\n  setSizes() {\n    if (this.containerRef.current) {\n      const boundingClientRect = this.containerRef.current.getBoundingClientRect();\n\n      const { width, height } = boundingClientRect;\n\n      if (width > 0 && height > 0) {\n        this.setState({ width, height });\n      }\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/component/trend/index.js

@@ -27,6 +27,6 @@ Object.defineProperty(exports, "TrendLine", {
     return _Line.TrendLine;
   }
 });
-var _Line = require("./Line");
 var _Bar = require("./Bar");
+var _Line = require("./Line");
 //# sourceMappingURL=index.js.map

package/lib/cjs/component/trend/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Line","require","_Bar"],"sources":["../../../../src/component/trend/index.ts"],"sourcesContent":["import { TrendLine, TrendArea } from './Line';\nimport { TrendBar, TrendHistogram } from './Bar';\n\nexport { TrendLine, TrendArea, TrendBar, TrendHistogram };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA"}
+{"version":3,"file":"index.js","names":["_Bar","require","_Line"],"sources":["../../../../src/component/trend/index.ts"],"sourcesContent":["import { TrendBar, TrendHistogram } from './Bar';\nimport { TrendLine, TrendArea } from './Line';\n\nexport { TrendLine, TrendArea, TrendBar, TrendHistogram };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/cjs/index.js

@@ -15,6 +15,5 @@ var miniCharts = {
   ScoreDonut: _score.ScoreDonut,
   ScoreLine: _score.ScoreLine
 };
-var _default = miniCharts;
-exports["default"] = _default;
+var _default = exports["default"] = miniCharts;
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_score","require","_trend","miniCharts","TrendLine","TrendArea","TrendBar","TrendHistogram","ScoreSemiDonut","ScoreDonut","ScoreLine","_default","exports"],"sources":["../../src/index.ts"],"sourcesContent":["import { ScoreLine, ScoreDonut, ScoreSemiDonut } from './component/score';\nimport { TrendLine, TrendArea, TrendBar, TrendHistogram } from './component/trend';\n\nconst miniCharts: {\n  TrendLine: typeof TrendLine;\n  TrendArea: typeof TrendArea;\n  TrendBar: typeof TrendBar;\n  TrendHistogram: typeof TrendHistogram;\n  ScoreSemiDonut: typeof ScoreSemiDonut;\n  ScoreDonut: typeof ScoreDonut;\n  ScoreLine: typeof ScoreLine;\n} = {\n  TrendLine,\n  TrendArea,\n  TrendBar,\n  TrendHistogram,\n  ScoreSemiDonut,\n  ScoreDonut,\n  ScoreLine,\n};\n\nexport default miniCharts;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,UAQL,GAAG;EACFC,SAAS,EAATA,gBAAS;EACTC,SAAS,EAATA,gBAAS;EACTC,QAAQ,EAARA,eAAQ;EACRC,cAAc,EAAdA,qBAAc;EACdC,cAAc,EAAdA,qBAAc;EACdC,UAAU,EAAVA,iBAAU;EACVC,SAAS,EAATA;AACF,CAAC;AAAC,IAAAC,QAAA,GAEaR,UAAU;AAAAS,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"index.js","names":["_score","require","_trend","miniCharts","TrendLine","TrendArea","TrendBar","TrendHistogram","ScoreSemiDonut","ScoreDonut","ScoreLine","_default","exports"],"sources":["../../src/index.ts"],"sourcesContent":["import { ScoreLine, ScoreDonut, ScoreSemiDonut } from './component/score';\nimport { TrendLine, TrendArea, TrendBar, TrendHistogram } from './component/trend';\n\nconst miniCharts: {\n  TrendLine: typeof TrendLine;\n  TrendArea: typeof TrendArea;\n  TrendBar: typeof TrendBar;\n  TrendHistogram: typeof TrendHistogram;\n  ScoreSemiDonut: typeof ScoreSemiDonut;\n  ScoreDonut: typeof ScoreDonut;\n  ScoreLine: typeof ScoreLine;\n} = {\n  TrendLine,\n  TrendArea,\n  TrendBar,\n  TrendHistogram,\n  ScoreSemiDonut,\n  ScoreDonut,\n  ScoreLine,\n};\n\nexport default miniCharts;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAME,UAQL,GAAG;EACFC,SAAS,EAATA,gBAAS;EACTC,SAAS,EAATA,gBAAS;EACTC,QAAQ,EAARA,eAAQ;EACRC,cAAc,EAAdA,qBAAc;EACdC,cAAc,EAAdA,qBAAc;EACdC,UAAU,EAAVA,iBAAU;EACVC,SAAS,EAATA;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaT,UAAU","ignoreList":[]}

package/lib/cjs/utils/ScoreDonutUtils.js

@@ -0,0 +1,72 @@
+"use strict";
+
+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);
+    this.isSemiDonut = isSemiDonut;
+    this.radius = isSemiDonut ? 9 : 10;
+    this.value = value;
+  }
+  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: "baseStrokeDashArray",
+    get: function get() {
+      return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;
+    }
+  }, {
+    key: "valueStrokeDashArray",
+    get: function get() {
+      return this.baseStrokeDashArray * (this.value / 100);
+    }
+  }, {
+    key: "greyStrokeDashArray",
+    get: function get() {
+      return this.baseStrokeDashArray - this.valueStrokeDashArray;
+    }
+  }, {
+    key: "offsetPoint",
+    get: function get() {
+      return this.isSemiDonut ? this.baseStrokeDashArray / (100 / 3) : this.baseStrokeDashArray / 100;
+    }
+  }, {
+    key: "strokeDashArrayParts",
+    get: function get() {
+      var greyStroke = this.greyStrokeDashArray;
+      var offsetPoint = this.offsetPoint;
+      var greyStrokeDash = greyStroke - 2 * offsetPoint;
+      var strokeDashArrayBetweenSpaces = "".concat(greyStrokeDash, " ").concat(offsetPoint);
+      if (this.isSemiDonut) {
+        return "".concat(offsetPoint, " ").concat(this.value < 95 ? strokeDashArrayBetweenSpaces : '', " ").concat(this.baseStrokeDashArray);
+      }
+      return "".concat(offsetPoint, " ").concat(greyStrokeDash >= 0 ? strokeDashArrayBetweenSpaces : '', " ").concat(this.baseStrokeDashArray);
+    }
+  }, {
+    key: "strokeDashOffsetBase",
+    get: function get() {
+      var valueStroke = this.valueStrokeDashArray;
+      var offsetPoint = this.offsetPoint;
+      return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));
+    }
+  }]);
+}();
+//# sourceMappingURL=ScoreDonutUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","exports","value","isSemiDonut","_classCallCheck2","_defineProperty2","radius","_createClass2","key","get","Math","PI","baseStrokeDashArray","valueStrokeDashArray","greyStroke","greyStrokeDashArray","offsetPoint","greyStrokeDash","strokeDashArrayBetweenSpaces","concat","valueStroke"],"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 = value;\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 baseStrokeDashArray() {\n    return this.isSemiDonut ? Math.PI * this.radius : 2 * Math.PI * this.radius;\n  }\n\n  public get valueStrokeDashArray() {\n    return this.baseStrokeDashArray * (this.value / 100);\n  }\n\n  public get greyStrokeDashArray() {\n    return this.baseStrokeDashArray - this.valueStrokeDashArray;\n  }\n\n  public get offsetPoint() {\n    return this.isSemiDonut ? this.baseStrokeDashArray / (100 / 3) : this.baseStrokeDashArray / 100;\n  }\n\n  public get strokeDashArrayParts() {\n    const greyStroke = this.greyStrokeDashArray;\n    const offsetPoint = this.offsetPoint;\n\n    const greyStrokeDash = greyStroke - 2 * offsetPoint;\n    const strokeDashArrayBetweenSpaces = `${greyStrokeDash} ${offsetPoint}`;\n\n    if (this.isSemiDonut) {\n      return `${offsetPoint} ${this.value < 95 ? strokeDashArrayBetweenSpaces : ''} ${this.baseStrokeDashArray}`;\n    }\n\n    return `${offsetPoint} ${greyStrokeDash >= 0 ? strokeDashArrayBetweenSpaces : ''} ${this.baseStrokeDashArray}`;\n  }\n\n  public get strokeDashOffsetBase() {\n    const valueStroke = this.valueStrokeDashArray;\n    const offsetPoint = this.offsetPoint;\n\n    return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));\n  };\n}\n"],"mappings":";;;;;;;;;;IAAaA,eAAe,GAAAC,OAAA,CAAAD,eAAA;EAM1B,SAAAA,gBAAYE,KAAa,EAAEC,WAAoB,EAAE;IAAA,IAAAC,gBAAA,mBAAAJ,eAAA;IAAA,IAAAK,gBAAA;IAAA,IAAAA,gBAAA;IAAA,IAAAA,gBAAA;IAC/C,IAAI,CAACF,WAAW,GAAGA,WAAW;IAC9B,IAAI,CAACG,MAAM,GAAGH,WAAW,GAAG,CAAC,GAAG,EAAE;IAClC,IAAI,CAACD,KAAK,GAAGA,KAAK;EACpB;EAAC,WAAAK,aAAA,aAAAP,eAAA;IAAAQ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAqB;MACnB,OAAO,IAAI,CAACN,WAAW,GAAG,WAAW,GAAG,WAAW;IACrD;EAAC;IAAAK,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAyB;MACvB,OAAO,IAAI,CAACN,WAAW,GAAG,CAAC,GAAG,CAAC;IACjC;EAAC;IAAAK,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAiC;MAC/B,OAAO,IAAI,CAACN,WAAW,GAAGO,IAAI,CAACC,EAAE,GAAG,IAAI,CAACL,MAAM,GAAG,CAAC,GAAGI,IAAI,CAACC,EAAE,GAAG,IAAI,CAACL,MAAM;IAC7E;EAAC;IAAAE,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkC;MAChC,OAAO,IAAI,CAACG,mBAAmB,IAAI,IAAI,CAACV,KAAK,GAAG,GAAG,CAAC;IACtD;EAAC;IAAAM,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAiC;MAC/B,OAAO,IAAI,CAACG,mBAAmB,GAAG,IAAI,CAACC,oBAAoB;IAC7D;EAAC;IAAAL,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAyB;MACvB,OAAO,IAAI,CAACN,WAAW,GAAG,IAAI,CAACS,mBAAmB,IAAI,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAACA,mBAAmB,GAAG,GAAG;IACjG;EAAC;IAAAJ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkC;MAChC,IAAMK,UAAU,GAAG,IAAI,CAACC,mBAAmB;MAC3C,IAAMC,WAAW,GAAG,IAAI,CAACA,WAAW;MAEpC,IAAMC,cAAc,GAAGH,UAAU,GAAG,CAAC,GAAGE,WAAW;MACnD,IAAME,4BAA4B,MAAAC,MAAA,CAAMF,cAAc,OAAAE,MAAA,CAAIH,WAAW,CAAE;MAEvE,IAAI,IAAI,CAACb,WAAW,EAAE;QACpB,UAAAgB,MAAA,CAAUH,WAAW,OAAAG,MAAA,CAAI,IAAI,CAACjB,KAAK,GAAG,EAAE,GAAGgB,4BAA4B,GAAG,EAAE,OAAAC,MAAA,CAAI,IAAI,CAACP,mBAAmB;MAC1G;MAEA,UAAAO,MAAA,CAAUH,WAAW,OAAAG,MAAA,CAAIF,cAAc,IAAI,CAAC,GAAGC,4BAA4B,GAAG,EAAE,OAAAC,MAAA,CAAI,IAAI,CAACP,mBAAmB;IAC9G;EAAC;IAAAJ,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAkC;MAChC,IAAMW,WAAW,GAAG,IAAI,CAACP,oBAAoB;MAC7C,IAAMG,WAAW,GAAG,IAAI,CAACA,WAAW;MAEpC,OAAO,CAAC,CAAC,IAAII,WAAW,IAAI,IAAI,CAACjB,WAAW,GAAGa,WAAW,GAAG,CAAC,CAAC,CAAC;IAClE;EAAC;AAAA","ignoreList":[]}

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

@@ -1,38 +1,41 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _isNativeReflectConstruct from "@babel/runtime/helpers/isNativeReflectConstruct";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
-import React from 'react';
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
-import { Box } from '@semcore/flex-box';
-import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
 import { assignProps } from '@semcore/core';
+import { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';
+import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
+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_1i1x7{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1i1x7_gg_.__loading_1i1x7_gg_,.___SLineGauge_1i1x7_gg_.__loading_1i1x7_gg_,.___STrendBar_1i1x7_gg_.__loading_1i1x7_gg_,.___STrendLine_1i1x7_gg_.__loading_1i1x7_gg_{animation-name:pulse_1i1x7;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1i1x7_gg_.__semi_1i1x7_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1i1x7_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1i1x7_gg_.__animate_1i1x7_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1i1x7_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_iv4ae{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_iv4ae_gg_.__loading_iv4ae_gg_,.___SLineGauge_iv4ae_gg_.__loading_iv4ae_gg_,.___STrendBar_iv4ae_gg_.__loading_iv4ae_gg_,.___STrendLine_iv4ae_gg_.__loading_iv4ae_gg_{animation-name:pulse_iv4ae;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_iv4ae_gg_.__semi_iv4ae_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_iv4ae_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_iv4ae_gg_.__animate_iv4ae_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"iv4ae_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1i1x7_gg_",
-  "_loading": "__loading_1i1x7_gg_",
-  "__SDonutContainer": "___SDonutContainer_1i1x7_gg_",
-  "__STrendLine": "___STrendLine_1i1x7_gg_",
-  "__STrendBar": "___STrendBar_1i1x7_gg_",
-  "@pulse": "pulse_1i1x7",
-  "_animate": "__animate_1i1x7_gg_",
-  "_semi": "__semi_1i1x7_gg_"
+  "__SLineGauge": "___SLineGauge_iv4ae_gg_",
+  "_loading": "__loading_iv4ae_gg_",
+  "__SDonutContainer": "___SDonutContainer_iv4ae_gg_",
+  "__STrendLine": "___STrendLine_iv4ae_gg_",
+  "__STrendBar": "___STrendBar_iv4ae_gg_",
+  "@pulse": "pulse_iv4ae",
+  "_animate": "__animate_iv4ae_gg_",
+  "_semi": "__semi_iv4ae_gg_"
 });
-import { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';
+import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
 var DonutRoot = /*#__PURE__*/function (_Component) {
-  _inherits(DonutRoot, _Component);
-  var _super = _createSuper(DonutRoot);
   function DonutRoot() {
     _classCallCheck(this, DonutRoot);
-    return _super.apply(this, arguments);
+    return _callSuper(this, DonutRoot, arguments);
   }
-  _createClass(DonutRoot, [{
+  _inherits(DonutRoot, _Component);
+  return _createClass(DonutRoot, [{
     key: "render",
     value: function render() {
       var _ref = this.asProps,
@@ -48,19 +51,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
         resolveColor = _this$asProps.resolveColor,
         isSemiDonut = _this$asProps.isSemiDonut,
         loading = _this$asProps.loading;
-      var strokeWidth = isSemiDonut ? 6 : 4;
-      var radius = isSemiDonut ? 9 : 10;
-      var baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;
-      var valueStrokeDasharray = baseStrokeDasharray * (value / 100);
-      var greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);
-      var offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;
-      var strokeDasharrayBetweenSpaces = "".concat(greyStrokeDasharray - 2 * offsetPoint, " ").concat(offsetPoint);
-      var spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 99 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
-      if (isSemiDonut) {
-        spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 95 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
-      }
-      var viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';
-      var strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));
+      var scoreDonut = new ScoreDonutUtils(value, isSemiDonut);
       var _extractAriaProps = extractAriaProps(this.asProps),
         __excludeProps = _extractAriaProps.__excludeProps,
         extractedAriaProps = _extractAriaProps.extractedAriaProps;
@@ -70,40 +61,39 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
         "width": '100%',
         "height": '100%',
-        "viewBox": viewBox,
+        "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": radius,
-        "strokeWidth": strokeWidth,
+        "r": scoreDonut.radius,
+        "strokeWidth": scoreDonut.strokeWidth,
         "stroke": resolveColor(baseBgColor),
-        "strokeDasharray": loading ? undefined : "".concat(greyStrokeDasharray, " ").concat(baseStrokeDasharray),
-        "strokeDashoffset": strokeDashoffsetBase
+        "strokeDasharray": loading ? undefined : "".concat(scoreDonut.greyStrokeDashArray, " ").concat(scoreDonut.baseStrokeDashArray),
+        "strokeDashoffset": scoreDonut.strokeDashOffsetBase
       })), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
         "cx": '12',
         "cy": '12',
-        "r": radius,
-        "strokeWidth": strokeWidth,
+        "r": scoreDonut.radius,
+        "strokeWidth": scoreDonut.strokeWidth,
         "stroke": resolveColor(color),
-        "strokeDasharray": "".concat(valueStrokeDasharray, " ").concat(baseStrokeDasharray),
-        "strokeDashoffset": valueStrokeDasharray
+        "strokeDasharray": "".concat(scoreDonut.valueStrokeDashArray, " ").concat(scoreDonut.baseStrokeDashArray),
+        "strokeDashoffset": scoreDonut.valueStrokeDashArray
       }), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
         "attributeName": 'stroke-dashoffset',
-        "values": "0;".concat(valueStrokeDasharray)
+        "values": "0;".concat(scoreDonut.valueStrokeDashArray)
       }))), value !== 100 && !isSemiDonut && /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
         "cx": '12',
         "cy": '12',
-        "r": radius,
-        "strokeWidth": strokeWidth,
+        "r": scoreDonut.radius,
+        "strokeWidth": scoreDonut.strokeWidth,
         "stroke": resolveColor('chart-grid-border'),
-        "strokeDasharray": spaceStrokeDasharray,
-        "strokeDashoffset": -1 * valueStrokeDasharray
+        "strokeDasharray": scoreDonut.strokeDashArrayParts,
+        "strokeDashoffset": -1 * scoreDonut.valueStrokeDashArray
       }))))));
     }
   }]);
-  return DonutRoot;
 }(Component);
 _defineProperty(DonutRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(DonutRoot, "style", style);

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

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","assignProps","style","_sstyled","insert","extractAriaProps","DonutRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","_defineProperty","animate","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] 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    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\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={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\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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"}
+{"version":3,"file":"Donut.js","names":["createComponent","Component","Root","sstyled","assignProps","extractAriaProps","resolveColorEnhance","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","scoreDonut","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","viewBox","radius","strokeWidth","undefined","concat","greyStrokeDashArray","baseStrokeDashArray","strokeDashOffsetBase","Fragment","valueStrokeDashArray","strokeDashArrayParts","_defineProperty","animate","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 { 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  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] 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    } = 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 ? undefined : `${scoreDonut.greyStrokeDashArray} ${scoreDonut.baseStrokeDashArray}`\n              }\n              strokeDashoffset={scoreDonut.strokeDashOffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={scoreDonut.radius}\n                  strokeWidth={scoreDonut.strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${scoreDonut.valueStrokeDashArray} ${scoreDonut.baseStrokeDashArray}`}\n                  strokeDashoffset={scoreDonut.valueStrokeDashArray}\n                >\n                  <animate\n                    attributeName='stroke-dashoffset'\n                    values={`0;${scoreDonut.valueStrokeDashArray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={scoreDonut.radius}\n                    strokeWidth={scoreDonut.strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={scoreDonut.strokeDashArrayParts}\n                    strokeDashoffset={-1 * scoreDonut.valueStrokeDashArray}\n                  />\n                )}\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":";;;;;;;;;;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAA4B,eAAe;AAC7F,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,GAAG,QAAuB,mBAAmB;AACtD,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAI1B,SAASC,eAAe,QAAQ,6BAA6B;AAAC,IASxDC,SAAS,0BAAAC,UAAA;EAAA,SAAAD,UAAA;IAAAE,eAAA,OAAAF,SAAA;IAAA,OAAAG,UAAA,OAAAH,SAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,SAAA,EAAAC,UAAA;EAAA,OAAAK,YAAA,CAAAN,SAAA;IAAAO,GAAA;IAAAC,KAAA,EASb,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,eAAe,GAeMnB,GAAG;MAd9B,IAAAoB,aAAA,GAQI,IAAI,CAACH,OAAO;QAPdH,KAAK,GAAAM,aAAA,CAALN,KAAK;QACLO,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAAC,qBAAA,GAAAF,aAAA,CACNG,WAAW;QAAXA,WAAW,GAAAD,qBAAA,cAAG,8BAA8B,GAAAA,qBAAA;QAAAE,mBAAA,GAAAJ,aAAA,CAC5CK,KAAK;QAALA,KAAK,GAAAD,mBAAA,cAAG,uBAAuB,GAAAA,mBAAA;QAC/BE,YAAY,GAAAN,aAAA,CAAZM,YAAY;QACZC,WAAW,GAAAP,aAAA,CAAXO,WAAW;QACXC,OAAO,GAAAR,aAAA,CAAPQ,OAAO;MAGT,IAAMC,UAAU,GAAG,IAAIxB,eAAe,CAACS,KAAK,EAAEa,WAAW,CAAC;MAC1D,IAAAG,iBAAA,GAA+ChC,gBAAgB,CAAC,IAAI,CAACmB,OAAO,CAAC;QAArEc,cAAc,GAAAD,iBAAA,CAAdC,cAAc;QAAEC,kBAAkB,GAAAF,iBAAA,CAAlBE,kBAAkB;MAE1C,OAAAd,KAAA,GAAOtB,OAAO,CAACyB,MAAM,CAAC,eACpBpB,KAAA,CAAAgC,aAAA,CAACd,eAAe,EAAAD,KAAA,CAAAgB,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,QAAoBT,WAAW;QAAA,kBAAkBI;MAAc,GAAAf,IAAA,kBAC7Ef,KAAA,CAAAgC,aAAA,QAAAf,KAAA,CAAAgB,EAAA,QAAAC,aAAA;QAAA,SACQ,MAAM;QAAA,UACL,MAAM;QAAA,WACJN,UAAU,CAACQ,OAAO;QAAA,QACtB,MAAM;QAAA,QACN;MAAK,GACNL,kBAAkB,iBAEtB/B,KAAA,CAAAgC,aAAA,MAAAf,KAAA,CAAAgB,EAAA,wBACEjC,KAAA,CAAAgC,aAAA,WAAAf,KAAA,CAAAgB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJL,UAAU,CAACS,MAAM;QAAA,eACPT,UAAU,CAACU,WAAW;QAAA,UAC3Bb,YAAY,CAACH,WAAW,CAAC;QAAA,mBAE/BK,OAAO,GAAGY,SAAS,MAAAC,MAAA,CAAMZ,UAAU,CAACa,mBAAmB,OAAAD,MAAA,CAAIZ,UAAU,CAACc,mBAAmB,CAAE;QAAA,oBAE3Ed,UAAU,CAACe;MAAoB,EAClD,CAAC,EACD,CAAChB,OAAO,iBACP3B,KAAA,CAAAgC,aAAA,CAAAhC,KAAA,CAAA4C,QAAA,qBACE5C,KAAA,CAAAgC,aAAA,WAAAf,KAAA,CAAAgB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJL,UAAU,CAACS,MAAM;QAAA,eACPT,UAAU,CAACU,WAAW;QAAA,UAC3Bb,YAAY,CAACD,KAAK,CAAC;QAAA,sBAAAgB,MAAA,CACPZ,UAAU,CAACiB,oBAAoB,OAAAL,MAAA,CAAIZ,UAAU,CAACc,mBAAmB;QAAA,oBACnEd,UAAU,CAACiB;MAAoB,iBAEjD7C,KAAA,CAAAgC,aAAA,YAAAf,KAAA,CAAAgB,EAAA;QAAA,iBACgB,mBAAmB;QAAA,eAAAO,MAAA,CACpBZ,UAAU,CAACiB,oBAAoB;MAAA,EAC7C,CACK,CAAC,EACRhC,KAAK,KAAK,GAAG,IAAI,CAACa,WAAW,iBAC5B1B,KAAA,CAAAgC,aAAA,WAAAf,KAAA,CAAAgB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJL,UAAU,CAACS,MAAM;QAAA,eACPT,UAAU,CAACU,WAAW;QAAA,UAC3Bb,YAAY,CAAC,mBAAmB,CAAC;QAAA,mBACxBG,UAAU,CAACkB,oBAAoB;QAAA,oBAC9B,CAAC,CAAC,GAAGlB,UAAU,CAACiB;MAAoB,EACvD,CAEH,CAEH,CACA,CACU,CAAC;IAEtB;EAAC;AAAA,EA/EqBpD,SAAS;AAAAsD,eAAA,CAA3B1C,SAAS,aACI,CAACP,mBAAmB,CAAC,CAAC,CAAC;AAAAiD,eAAA,CADpC1C,SAAS,WAGEJ,KAAK;AAAA8C,eAAA,CAHhB1C,SAAS,kBAKS;EACpB2C,OAAO,EAAE;AACX,CAAC;AA2EH,OAAO,IAAMC,UAA4D,GACvEzD,eAAe,CAACa,SAAS,CAAC;AAE5B4C,UAAU,CAACC,WAAW,GAAG,sBAAsB;AAE/C,OAAO,IAAMC,cAAgE,GAAG3D,eAAe,CAC7Fa,SAAS,EACT,CAAC,CAAC,EACF;EACE+C,YAAY,EAAE,CACZ,YAAM;IACJ,OAAO;MACLC,YAAY,EAAE,SAAdA,YAAYA,CAAGC,KAAsB,EAAK;QACxC,OAAO1D,WAAW,CAAC0D,KAAK,EAAE;UAAE5B,WAAW,EAAE;QAAK,CAAC,CAAC;MAClD;IACF,CAAC;EACH,CAAC;AAEL,CACF,CAAC;AAEDyB,cAAc,CAACD,WAAW,GAAG,0BAA0B","ignoreList":[]}