@semcore/mini-chart 16.0.2 → 16.0.3-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [16.0.3] - 2025-06-18
+
+### Fixed
+
+- Rendering issues in ScoreDonut and ScoreSemiDonut when value is 0.
+- ScoreLine rendered segments with zero value, causing unnecessary visual elements.
+
 ## [16.0.2] - 2025-06-11
 
 ### Fixed

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

@@ -21,17 +21,17 @@ var _react = _interopRequireDefault(require("react"));
 var _ScoreDonutUtils = require("../../utils/ScoreDonutUtils");
 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__:"./donut.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.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_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1jz5n{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1jz5n_gg_.__loading_1jz5n_gg_,.___SLineGauge_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendBar_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendLine_1jz5n_gg_.__loading_1jz5n_gg_{animation-name:pulse_1jz5n;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1jz5n_gg_.__semi_1jz5n_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1jz5n_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1jz5n_gg_.__animate_1jz5n_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1jz5n_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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_"
+  "__SLineGauge": "___SLineGauge_1jz5n_gg_",
+  "_loading": "__loading_1jz5n_gg_",
+  "__SDonutContainer": "___SDonutContainer_1jz5n_gg_",
+  "__STrendLine": "___STrendLine_1jz5n_gg_",
+  "__STrendBar": "___STrendBar_1jz5n_gg_",
+  "@pulse": "pulse_1jz5n",
+  "_animate": "__animate_1jz5n_gg_",
+  "_semi": "__semi_1jz5n_gg_"
 });
 var DonutRoot = /*#__PURE__*/function (_Component) {
   function DonutRoot() {
@@ -87,7 +87,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/_react["default"].createElement("animate", _ref2.cn("animate", {
         "attributeName": 'stroke-dashoffset',
         "values": "0;".concat(scoreDonut.valueStrokeDashArray)
-      }))), value !== 100 && !isSemiDonut && /*#__PURE__*/_react["default"].createElement("circle", _ref2.cn("circle", {
+      }))), scoreDonut.hasDivider && !isSemiDonut && /*#__PURE__*/_react["default"].createElement("circle", _ref2.cn("circle", {
         "cx": '12',
         "cy": '12',
         "r": scoreDonut.radius,

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

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["_core","require","_ariaProps","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_ScoreDonutUtils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","DonutRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","scoreDonut","ScoreDonutUtils","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","viewBox","radius","strokeWidth","undefined","concat","greyStrokeDashArray","baseStrokeDashArray","strokeDashOffsetBase","Fragment","valueStrokeDashArray","strokeDashArrayParts","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","exports","createComponent","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":"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","ignoreList":[]}
+{"version":3,"file":"Donut.js","names":["_core","require","_ariaProps","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_ScoreDonutUtils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","DonutRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","scoreDonut","ScoreDonutUtils","_extractAriaProps","extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread2","assignProps","viewBox","radius","strokeWidth","undefined","concat","greyStrokeDashArray","baseStrokeDashArray","strokeDashOffsetBase","Fragment","valueStrokeDashArray","hasDivider","strokeDashArrayParts","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","exports","createComponent","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                {scoreDonut.hasDivider && !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,IAAAA,KAAA,GAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAF,sBAAA,CAAAH,OAAA;AAIA,IAAAM,gBAAA,GAAAN,OAAA;AAA8D,SAAAO,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,8BAAAnB,KAAA,CAAAoB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IASxDC,SAAS,0BAAAC,UAAA;EAAA,SAAAD,UAAA;IAAA,IAAAE,gBAAA,mBAAAF,SAAA;IAAA,OAAAd,UAAA,OAAAc,SAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,SAAA,EAAAC,UAAA;EAAA,WAAAI,aAAA,aAAAL,SAAA;IAAAM,GAAA;IAAAC,KAAA,EASb,SAAAC,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,eAAe,GAeMC,YAAG;MAd9B,IAAAC,aAAA,GAQI,IAAI,CAACJ,OAAO;QAPdH,KAAK,GAAAO,aAAA,CAALP,KAAK;QACLQ,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,IAAIC,gCAAe,CAACjB,KAAK,EAAEc,WAAW,CAAC;MAC1D,IAAAI,iBAAA,GAA+C,IAAAC,2BAAgB,EAAC,IAAI,CAAChB,OAAO,CAAC;QAArEiB,cAAc,GAAAF,iBAAA,CAAdE,cAAc;QAAEC,kBAAkB,GAAAH,iBAAA,CAAlBG,kBAAkB;MAE1C,OAAAjB,KAAA,GAAO,IAAAb,aAAO,EAACiB,MAAM,CAAC,eACpB/B,MAAA,YAAA6C,aAAA,CAACjB,eAAe,EAAAD,KAAA,CAAAmB,EAAA,wBAAAC,cAAA,qBAAArD,KAAA,CAAAsD,WAAA;QAAA,QAAoBX,WAAW;QAAA,kBAAkBM;MAAc,GAAAlB,IAAA,kBAC7EzB,MAAA,YAAA6C,aAAA,QAAAlB,KAAA,CAAAmB,EAAA,YAAAC,cAAA;QAAA,SACQ,MAAM;QAAA,UACL,MAAM;QAAA,WACJR,UAAU,CAACU,OAAO;QAAA,QACtB,MAAM;QAAA,QACN;MAAK,GACNL,kBAAkB,iBAEtB5C,MAAA,YAAA6C,aAAA,MAAAlB,KAAA,CAAAmB,EAAA,wBACE9C,MAAA,YAAA6C,aAAA,WAAAlB,KAAA,CAAAmB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJP,UAAU,CAACW,MAAM;QAAA,eACPX,UAAU,CAACY,WAAW;QAAA,UAC3Bf,YAAY,CAACH,WAAW,CAAC;QAAA,mBAE/BK,OAAO,GAAGc,SAAS,MAAAC,MAAA,CAAMd,UAAU,CAACe,mBAAmB,OAAAD,MAAA,CAAId,UAAU,CAACgB,mBAAmB,CAAE;QAAA,oBAE3EhB,UAAU,CAACiB;MAAoB,EAClD,CAAC,EACD,CAAClB,OAAO,iBACPtC,MAAA,YAAA6C,aAAA,CAAA7C,MAAA,YAAAyD,QAAA,qBACEzD,MAAA,YAAA6C,aAAA,WAAAlB,KAAA,CAAAmB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJP,UAAU,CAACW,MAAM;QAAA,eACPX,UAAU,CAACY,WAAW;QAAA,UAC3Bf,YAAY,CAACD,KAAK,CAAC;QAAA,sBAAAkB,MAAA,CACPd,UAAU,CAACmB,oBAAoB,OAAAL,MAAA,CAAId,UAAU,CAACgB,mBAAmB;QAAA,oBACnEhB,UAAU,CAACmB;MAAoB,iBAEjD1D,MAAA,YAAA6C,aAAA,YAAAlB,KAAA,CAAAmB,EAAA;QAAA,iBACgB,mBAAmB;QAAA,eAAAO,MAAA,CACpBd,UAAU,CAACmB,oBAAoB;MAAA,EAC7C,CACK,CAAC,EACRnB,UAAU,CAACoB,UAAU,IAAI,CAACtB,WAAW,iBACpCrC,MAAA,YAAA6C,aAAA,WAAAlB,KAAA,CAAAmB,EAAA;QAAA,MACK,IAAI;QAAA,MACJ,IAAI;QAAA,KACJP,UAAU,CAACW,MAAM;QAAA,eACPX,UAAU,CAACY,WAAW;QAAA,UAC3Bf,YAAY,CAAC,mBAAmB,CAAC;QAAA,mBACxBG,UAAU,CAACqB,oBAAoB;QAAA,oBAC9B,CAAC,CAAC,GAAGrB,UAAU,CAACmB;MAAoB,EACvD,CAEH,CAEH,CACA,CACU,CAAC;IAEtB;EAAC;AAAA,EA/EqBG,eAAS;AAAA,IAAAC,gBAAA,aAA3B9C,SAAS,aACI,CAAC,IAAA+C,+BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,aADpC9C,SAAS,WAGEH,KAAK;AAAA,IAAAiD,gBAAA,aAHhB9C,SAAS,kBAKS;EACpBgD,OAAO,EAAE;AACX,CAAC;AA2EI,IAAMC,UAA4D,GAAAC,OAAA,CAAAD,UAAA,GACvE,IAAAE,qBAAe,EAACnD,SAAS,CAAC;AAE5BiD,UAAU,CAACG,WAAW,GAAG,sBAAsB;AAExC,IAAMC,cAAgE,GAAAH,OAAA,CAAAG,cAAA,GAAG,IAAAF,qBAAe,EAC7FnD,SAAS,EACT,CAAC,CAAC,EACF;EACEsD,YAAY,EAAE,CACZ,YAAM;IACJ,OAAO;MACLC,YAAY,EAAE,SAAdA,YAAYA,CAAGC,KAAsB,EAAK;QACxC,OAAO,IAAAxB,iBAAW,EAACwB,KAAK,EAAE;UAAEnC,WAAW,EAAE;QAAK,CAAC,CAAC;MAClD;IACF,CAAC;EACH,CAAC;AAEL,CACF,CAAC;AAEDgC,cAAc,CAACD,WAAW,GAAG,0BAA0B","ignoreList":[]}

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

@@ -19,26 +19,26 @@ var _flexBox = require("@semcore/flex-box");
 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)); }
 /*!__reshadow-styles__:"./line.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_v62p0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_v62p0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_v62p0_gg_.__loading_v62p0_gg_,.___SLineGauge_v62p0_gg_.__loading_v62p0_gg_,.___STrendBar_v62p0_gg_.__loading_v62p0_gg_,.___STrendLine_v62p0_gg_.__loading_v62p0_gg_{animation-name:pulse_v62p0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_v62p0_gg_{height:8px;background-color:var(--base-bg-color_v62p0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_v62p0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_v62p0_gg_.__percent_v62p0_gg_{width:var(--percent_v62p0)}.___SLineSegmentItem_v62p0_gg_.__color_v62p0_gg_,.___SLineValue_v62p0_gg_.__color_v62p0_gg_{background-color:var(--color_v62p0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_v62p0_gg_.__segments_v62p0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_v62p0_gg_,.___SLineGaugeSegment_v62p0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_v62p0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_v62p0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_v62p0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_v62p0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"v62p0_gg_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1pqun{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1pqun{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1pqun_gg_.__loading_1pqun_gg_,.___SLineGauge_1pqun_gg_.__loading_1pqun_gg_,.___STrendBar_1pqun_gg_.__loading_1pqun_gg_,.___STrendLine_1pqun_gg_.__loading_1pqun_gg_{animation-name:pulse_1pqun;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1pqun_gg_{height:8px;background-color:var(--base-bg-color_1pqun, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1pqun_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1pqun_gg_.__percent_1pqun_gg_{width:var(--percent_1pqun)}.___SLineSegmentItem_1pqun_gg_.__color_1pqun_gg_,.___SLineValue_1pqun_gg_.__color_1pqun_gg_{background-color:var(--color_1pqun, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1pqun_gg_.__segments_1pqun_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1pqun_gg_,.___SLineGaugeSegment_1pqun_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1pqun_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1pqun_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1pqun_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1pqun;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"1pqun_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_v62p0_gg_",
-  "_loading": "__loading_v62p0_gg_",
-  "__SDonutContainer": "___SDonutContainer_v62p0_gg_",
-  "__STrendLine": "___STrendLine_v62p0_gg_",
-  "__STrendBar": "___STrendBar_v62p0_gg_",
-  "@pulse": "pulse_v62p0",
-  "--base-bg-color": "--base-bg-color_v62p0",
-  "__SLineValue": "___SLineValue_v62p0_gg_",
-  "_percent": "__percent_v62p0_gg_",
-  "--percent": "--percent_v62p0",
-  "_color": "__color_v62p0_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_v62p0_gg_",
-  "--color": "--color_v62p0",
-  "_segments": "__segments_v62p0_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_v62p0_gg_",
-  "__SAnimationLine": "___SAnimationLine_v62p0_gg_",
-  "@move-line": "move-line_v62p0"
+  "__SLineGauge": "___SLineGauge_1pqun_gg_",
+  "_loading": "__loading_1pqun_gg_",
+  "__SDonutContainer": "___SDonutContainer_1pqun_gg_",
+  "__STrendLine": "___STrendLine_1pqun_gg_",
+  "__STrendBar": "___STrendBar_1pqun_gg_",
+  "@pulse": "pulse_1pqun",
+  "--base-bg-color": "--base-bg-color_1pqun",
+  "__SLineValue": "___SLineValue_1pqun_gg_",
+  "_percent": "__percent_1pqun_gg_",
+  "--percent": "--percent_1pqun",
+  "_color": "__color_1pqun_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1pqun_gg_",
+  "--color": "--color_1pqun",
+  "_segments": "__segments_1pqun_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1pqun_gg_",
+  "__SAnimationLine": "___SAnimationLine_1pqun_gg_",
+  "@move-line": "move-line_1pqun"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   function LineRoot() {
@@ -127,8 +127,10 @@ var LineRoot = /*#__PURE__*/function (_Component) {
 function Segment(props) {
   var _ref2 = arguments[0],
     _ref6;
-  var styles = props.styles;
+  var styles = props.styles,
+    value = props.value;
   var SLineSegmentItem = _flexBox.Box;
+  if (!value) return null;
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))));
 }
 Segment.displayName = 'Segment';

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","LineRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","React","Children","forEach","child","isValidElement","props","width","concat","color","render","_ref","_ref5","SLineGauge","Box","SLineValue","SAnimationLine","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread2","assignProps","segments","SegmentItems","i","_ref4","push","percent","Boolean","length","Component","_defineProperty2","resolveColorEnhance","Segment","_ref2","arguments[0]","_ref6","displayName","ScoreLine","exports","createComponent"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box, Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './line.shadow.css';\nimport type {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      'w': `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles } = props;\n  const SLineSegmentItem = Root;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AAA0B,SAAAK,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,8BAAAjB,KAAA,CAAAkB,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAUpBC,QAAQ,0BAAAC,UAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,gBAAA,mBAAAF,QAAA;IAAA,OAAAd,UAAA,OAAAc,QAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,QAAA,EAAAC,UAAA;EAAA,WAAAI,aAAA,aAAAL,QAAA;IAAAM,GAAA;IAAAC,KAAA,EAUZ,SAAAC,eAAeA,CAACC,YAA0B,EAAE;MAC1C,IAAAC,aAAA,GAAmC,IAAI,CAACC,OAAO;QAAvCC,QAAQ,GAAAF,aAAA,CAARE,QAAQ;QAAEC,YAAY,GAAAH,aAAA,CAAZG,YAAY;MAE9B,IAAIC,GAAG,GAAG,CAAC;MACXC,iBAAK,CAACC,QAAQ,CAACC,OAAO,CAACL,QAAQ,EAAE,UAACM,KAAK,EAAK;QAC1C,iBAAIH,iBAAK,CAACI,cAAc,CAAeD,KAAK,CAAC,EAAE;UAC7CJ,GAAG,GAAGA,GAAG,GAAGI,KAAK,CAACE,KAAK,CAACb,KAAK;QAC/B;MACF,CAAC,CAAC;MAEF,IAAMc,KAAK,GAAGP,GAAG,GAAG,CAAC,GAAI,GAAG,GAAGL,YAAY,CAACF,KAAK,GAAIO,GAAG,GAAG,CAAC;MAE5D,OAAO;QACL,GAAG,KAAAQ,MAAA,CAAKD,KAAK,MAAG;QAChB,WAAW,EAAER,YAAY,CAACJ,YAAY,CAACc,KAAK;MAC9C,CAAC;IACH;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAiB,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAd,OAAA;QAAAe,KAAA;MACP,IAAMC,UAAU,GAuDMC,YAAG;MAtDzB,IAAMC,UAAU,GAAGD,YAAG;MACtB,IAAME,cAAc,GAAGF,YAAG;MAC1B,IAAMG,iBAAiB,GAAGC,aAAI;MAC9B,IAAMC,gBAAgB,GAAGL,YAAG;MAC5B,IAAAM,cAAA,GAUI,IAAI,CAACvB,OAAO;QATdJ,KAAK,GAAA2B,cAAA,CAAL3B,KAAK;QACL4B,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAAC,oBAAA,GAAAF,cAAA,CACNX,KAAK;QAALA,KAAK,GAAAa,oBAAA,cAAG,uBAAuB,GAAAA,oBAAA;QAC/BC,WAAW,GAAAH,cAAA,CAAXG,WAAW;QACXxB,YAAY,GAAAqB,cAAA,CAAZrB,YAAY;QACZyB,OAAO,GAAAJ,cAAA,CAAPI,OAAO;QACP1B,QAAQ,GAAAsB,cAAA,CAARtB,QAAQ;QACRI,QAAQ,GAAAkB,cAAA,CAARlB,QAAQ;QACRuB,OAAO,GAAAL,cAAA,CAAPK,OAAO;MAGT,IAAI3B,QAAQ,KAAK4B,SAAS,EAAE;QAAA,IAAAC,KAAA;QAC1B,OAAAA,KAAA,GAAO,IAAA3C,aAAO,EAACqC,MAAM,CAAC,eACpBlD,MAAA,YAAAyD,aAAA,CAACf,UAAU,EAAAc,KAAA,CAAAE,EAAA,mBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;UAAA;UAAA,iBAAsChC,YAAY,CAACwB,WAAW;QAAC,GAAAZ,IAAA,kBACxExC,MAAA,YAAAyD,aAAA,CAACX,iBAAiB,EAAAU,KAAA,CAAAE,EAAA,wCAChB1D,MAAA,YAAAyD,aAAA,CAAC1B,QAAQ,EAAAyB,KAAA,CAAAE,EAAA,gBAAE,CACM,CAAC,EACnBJ,OAAO,iBAAItD,MAAA,YAAAyD,aAAA,CAACZ,cAAc,EAAAW,KAAA,CAAAE,EAAA,sBAAE,CACnB,CAAC;MAEjB;MAEA,IAAQG,QAAQ,GAAK,IAAI,CAACnC,OAAO,CAAzBmC,QAAQ;MAEhB,IAAMC,YAAY,GAAG,EAAE;MAEvB,IAAID,QAAQ,EAAE;QACZ,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,QAAQ,EAAEE,CAAC,EAAE,EAAE;UAAA,IAAAC,KAAA;UACjC,IAAM5B,KAAK,mBAAAC,MAAA,CAAmBwB,QAAQ,GAAG,CAAC,YAAAxB,MAAA,CAASwB,QAAQ,MAAG;UAE9DC,YAAY,CAACG,IAAI,EAAAD,KAAA,GACf,IAAAnD,aAAO,EAACqC,MAAM,CAAC,eACblD,MAAA,YAAAyD,aAAA,CAACT,gBAAgB,EAAAgB,KAAA,CAAAN,EAAA;YAAA,OACVK,CAAC;YAAA,SACCA,CAAC,GAAGzC,KAAK,GAAGM,YAAY,CAACU,KAAK,CAAC,GAAGiB,SAAS;YAAA,KAC/CnB;UAAK,EACT,CAAC,CAEN,CAAC;QACH;MACF;MAEA,IAAI8B,OAAO,MAAA7B,MAAA,CAAMf,KAAK,MAAG;MAEzB,IAAIuC,QAAQ,EAAE;QACZK,OAAO,MAAA7B,MAAA,CAAOf,KAAK,GAAGuC,QAAQ,GAAI,GAAG,MAAG;MAC1C;MAEA,OAAApB,KAAA,GAAO,IAAA5B,aAAO,EAACqC,MAAM,CAAC,eACpBlD,MAAA,YAAAyD,aAAA,CAACf,UAAU,EAAAD,KAAA,CAAAiB,EAAA,mBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;QAAA,iBAA6BhC,YAAY,CAACwB,WAAW;MAAC,GAAAZ,IAAA,KAC9D,CAACa,OAAO,iBAAIrD,MAAA,YAAAyD,aAAA,CAACb,UAAU,EAAAH,KAAA,CAAAiB,EAAA;QAAA,KAAIQ,OAAO;QAAA,SAAStC,YAAY,CAACU,KAAK;MAAC,EAAG,CAAC,EAClE6B,OAAO,CAACL,YAAY,CAACM,MAAM,CAAC,iBAAIpE,MAAA,YAAAyD,aAAA,CAACX,iBAAiB,EAAAL,KAAA,CAAAiB,EAAA,2BAAEI,YAAgC,CAAC,EACrFR,OAAO,iBAAItD,MAAA,YAAAyD,aAAA,CAACZ,cAAc,EAAAJ,KAAA,CAAAiB,EAAA,sBAAE,CACnB,CAAC;IAEjB;EAAC;AAAA,EA1FoBW,eAAS;AAAA,IAAAC,gBAAA,aAA1BvD,QAAQ,aACK,CAAC,IAAAwD,+BAAmB,EAAC,CAAC,CAAC;AAAA,IAAAD,gBAAA,aADpCvD,QAAQ,iBAES,WAAW;AAAA,IAAAuD,gBAAA,aAF5BvD,QAAQ,WAIGH,KAAK;AAAA,IAAA0D,gBAAA,aAJhBvD,QAAQ,kBAMU;EACpBuC,OAAO,EAAE;AACX,CAAC;AAqFH,SAASkB,OAAOA,CAACrC,KAAwB,EAAE;EAAA,IAAAsC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,IAAQzB,MAAM,GAAKf,KAAK,CAAhBe,MAAM;EACd,IAAMF,gBAAgB,GAE2BL,YAAG;EAApD,OAAAgC,KAAA,GAAO,IAAA9D,aAAO,EAACqC,MAAM,CAAC,eAAClD,MAAA,YAAAyD,aAAA,CAACT,gBAAgB,EAAA2B,KAAA,CAAAjB,EAAA,yBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA,MAAAa,KAAA,GAAe,CAAC;AAC1D;AACAD,OAAO,CAACI,WAAW,GAAG,SAAS;AAExB,IAAMC,SAA6B,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,qBAAe,EAAChE,QAAQ,EAAE;EACrEyD,OAAO,EAAPA;AACF,CAAC,CAAC;AAEFK,SAAS,CAACD,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"file":"Line.js","names":["_core","require","_resolveColorEnhance","_interopRequireDefault","_flexBox","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","LineRoot","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","React","Children","forEach","child","isValidElement","props","width","concat","color","render","_ref","_ref5","SLineGauge","Box","SLineValue","SAnimationLine","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread2","assignProps","segments","SegmentItems","i","_ref4","push","percent","Boolean","length","Component","_defineProperty2","resolveColorEnhance","Segment","_ref2","arguments[0]","_ref6","displayName","ScoreLine","exports","createComponent"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box, Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './line.shadow.css';\nimport type {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      'w': `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles, value } = props;\n  const SLineSegmentItem = Root;\n\n  if (!value) return null;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,15 +22,15 @@ 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_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_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"ix66r_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-  "_loading": "__loading_1pnj2_gg_",
-  "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-  "__STrendLine": "___STrendLine_1pnj2_gg_",
-  "__STrendBar": "___STrendBar_1pnj2_gg_",
-  "@pulse": "pulse_1pnj2"
+  "__SLineGauge": "___SLineGauge_ix66r_gg_",
+  "_loading": "__loading_ix66r_gg_",
+  "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+  "__STrendLine": "___STrendLine_ix66r_gg_",
+  "__STrendBar": "___STrendBar_ix66r_gg_",
+  "@pulse": "pulse_ix66r"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   function TrendBarRoot() {

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

@@ -23,15 +23,15 @@ 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_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_"),
+var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"ix66r_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-  "_loading": "__loading_1pnj2_gg_",
-  "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-  "__STrendLine": "___STrendLine_1pnj2_gg_",
-  "__STrendBar": "___STrendBar_1pnj2_gg_",
-  "@pulse": "pulse_1pnj2"
+  "__SLineGauge": "___SLineGauge_ix66r_gg_",
+  "_loading": "__loading_ix66r_gg_",
+  "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+  "__STrendLine": "___STrendLine_ix66r_gg_",
+  "__STrendBar": "___STrendBar_ix66r_gg_",
+  "@pulse": "pulse_ix66r"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   function TrendLineRoot() {

package/lib/cjs/utils/ScoreDonutUtils.js

@@ -19,6 +19,11 @@ var ScoreDonutUtils = exports.ScoreDonutUtils = /*#__PURE__*/function () {
     this.value = value;
   }
   return (0, _createClass2["default"])(ScoreDonutUtils, [{
+    key: "hasDivider",
+    get: function get() {
+      return ![0, 100].includes(this.value);
+    }
+  }, {
     key: "viewBox",
     get: function get() {
       return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';
@@ -63,6 +68,8 @@ var ScoreDonutUtils = exports.ScoreDonutUtils = /*#__PURE__*/function () {
   }, {
     key: "strokeDashOffsetBase",
     get: function get() {
+      var hasDivider = this.hasDivider;
+      if (!hasDivider) return 0;
       var valueStroke = this.valueStrokeDashArray;
       var offsetPoint = this.offsetPoint;
       return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));

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

@@ -1 +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":[]}
+{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","exports","value","isSemiDonut","_classCallCheck2","_defineProperty2","radius","_createClass2","key","get","includes","Math","PI","baseStrokeDashArray","valueStrokeDashArray","greyStroke","greyStrokeDashArray","offsetPoint","greyStrokeDash","strokeDashArrayBetweenSpaces","concat","hasDivider","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 hasDivider() {\n    return ![0, 100].includes(this.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 hasDivider = this.hasDivider;\n\n    if (!hasDivider) return 0;\n\n    const valueStroke = this.valueStrokeDashArray;\n    const offsetPoint = this.offsetPoint;\n\n    return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,17 +16,17 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
 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_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_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1jz5n{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1jz5n_gg_.__loading_1jz5n_gg_,.___SLineGauge_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendBar_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendLine_1jz5n_gg_.__loading_1jz5n_gg_{animation-name:pulse_1jz5n;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1jz5n_gg_.__semi_1jz5n_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1jz5n_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1jz5n_gg_.__animate_1jz5n_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}", /*__inner_css_end__*/"1jz5n_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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_"
+  "__SLineGauge": "___SLineGauge_1jz5n_gg_",
+  "_loading": "__loading_1jz5n_gg_",
+  "__SDonutContainer": "___SDonutContainer_1jz5n_gg_",
+  "__STrendLine": "___STrendLine_1jz5n_gg_",
+  "__STrendBar": "___STrendBar_1jz5n_gg_",
+  "@pulse": "pulse_1jz5n",
+  "_animate": "__animate_1jz5n_gg_",
+  "_semi": "__semi_1jz5n_gg_"
 });
 import { ScoreDonutUtils } from '../../utils/ScoreDonutUtils';
 var DonutRoot = /*#__PURE__*/function (_Component) {
@@ -83,7 +83,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
       }), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
         "attributeName": 'stroke-dashoffset',
         "values": "0;".concat(scoreDonut.valueStrokeDashArray)
-      }))), value !== 100 && !isSemiDonut && /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+      }))), scoreDonut.hasDivider && !isSemiDonut && /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
         "cx": '12',
         "cy": '12',
         "r": scoreDonut.radius,

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

@@ -1 +1 @@
-{"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":"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","ignoreList":[]}
+{"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","hasDivider","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                {scoreDonut.hasDivider && !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,EACRjB,UAAU,CAACkB,UAAU,IAAI,CAACpB,WAAW,iBACpC1B,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,CAACmB,oBAAoB;QAAA,oBAC9B,CAAC,CAAC,GAAGnB,UAAU,CAACiB;MAAoB,EACvD,CAEH,CAEH,CACA,CACU,CAAC;IAEtB;EAAC;AAAA,EA/EqBpD,SAAS;AAAAuD,eAAA,CAA3B3C,SAAS,aACI,CAACP,mBAAmB,CAAC,CAAC,CAAC;AAAAkD,eAAA,CADpC3C,SAAS,WAGEJ,KAAK;AAAA+C,eAAA,CAHhB3C,SAAS,kBAKS;EACpB4C,OAAO,EAAE;AACX,CAAC;AA2EH,OAAO,IAAMC,UAA4D,GACvE1D,eAAe,CAACa,SAAS,CAAC;AAE5B6C,UAAU,CAACC,WAAW,GAAG,sBAAsB;AAE/C,OAAO,IAAMC,cAAgE,GAAG5D,eAAe,CAC7Fa,SAAS,EACT,CAAC,CAAC,EACF;EACEgD,YAAY,EAAE,CACZ,YAAM;IACJ,OAAO;MACLC,YAAY,EAAE,SAAdA,YAAYA,CAAGC,KAAsB,EAAK;QACxC,OAAO3D,WAAW,CAAC2D,KAAK,EAAE;UAAE7B,WAAW,EAAE;QAAK,CAAC,CAAC;MAClD;IACF,CAAC;EACH,CAAC;AAEL,CACF,CAAC;AAED0B,cAAc,CAACD,WAAW,GAAG,0BAA0B","ignoreList":[]}

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

@@ -16,26 +16,26 @@ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEn
 import { Box, Flex } from '@semcore/flex-box';
 import React from 'react';
 /*!__reshadow-styles__:"./line.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_v62p0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_v62p0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_v62p0_gg_.__loading_v62p0_gg_,.___SLineGauge_v62p0_gg_.__loading_v62p0_gg_,.___STrendBar_v62p0_gg_.__loading_v62p0_gg_,.___STrendLine_v62p0_gg_.__loading_v62p0_gg_{animation-name:pulse_v62p0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_v62p0_gg_{height:8px;background-color:var(--base-bg-color_v62p0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_v62p0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_v62p0_gg_.__percent_v62p0_gg_{width:var(--percent_v62p0)}.___SLineSegmentItem_v62p0_gg_.__color_v62p0_gg_,.___SLineValue_v62p0_gg_.__color_v62p0_gg_{background-color:var(--color_v62p0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_v62p0_gg_.__segments_v62p0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_v62p0_gg_,.___SLineGaugeSegment_v62p0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_v62p0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_v62p0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_v62p0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_v62p0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"v62p0_gg_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1pqun{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1pqun{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1pqun_gg_.__loading_1pqun_gg_,.___SLineGauge_1pqun_gg_.__loading_1pqun_gg_,.___STrendBar_1pqun_gg_.__loading_1pqun_gg_,.___STrendLine_1pqun_gg_.__loading_1pqun_gg_{animation-name:pulse_1pqun;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1pqun_gg_{height:8px;background-color:var(--base-bg-color_1pqun, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1pqun_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1pqun_gg_.__percent_1pqun_gg_{width:var(--percent_1pqun)}.___SLineSegmentItem_1pqun_gg_.__color_1pqun_gg_,.___SLineValue_1pqun_gg_.__color_1pqun_gg_{background-color:var(--color_1pqun, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1pqun_gg_.__segments_1pqun_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1pqun_gg_,.___SLineGaugeSegment_1pqun_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1pqun_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1pqun_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1pqun_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1pqun;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"1pqun_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_v62p0_gg_",
-  "_loading": "__loading_v62p0_gg_",
-  "__SDonutContainer": "___SDonutContainer_v62p0_gg_",
-  "__STrendLine": "___STrendLine_v62p0_gg_",
-  "__STrendBar": "___STrendBar_v62p0_gg_",
-  "@pulse": "pulse_v62p0",
-  "--base-bg-color": "--base-bg-color_v62p0",
-  "__SLineValue": "___SLineValue_v62p0_gg_",
-  "_percent": "__percent_v62p0_gg_",
-  "--percent": "--percent_v62p0",
-  "_color": "__color_v62p0_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_v62p0_gg_",
-  "--color": "--color_v62p0",
-  "_segments": "__segments_v62p0_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_v62p0_gg_",
-  "__SAnimationLine": "___SAnimationLine_v62p0_gg_",
-  "@move-line": "move-line_v62p0"
+  "__SLineGauge": "___SLineGauge_1pqun_gg_",
+  "_loading": "__loading_1pqun_gg_",
+  "__SDonutContainer": "___SDonutContainer_1pqun_gg_",
+  "__STrendLine": "___STrendLine_1pqun_gg_",
+  "__STrendBar": "___STrendBar_1pqun_gg_",
+  "@pulse": "pulse_1pqun",
+  "--base-bg-color": "--base-bg-color_1pqun",
+  "__SLineValue": "___SLineValue_1pqun_gg_",
+  "_percent": "__percent_1pqun_gg_",
+  "--percent": "--percent_1pqun",
+  "_color": "__color_1pqun_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1pqun_gg_",
+  "--color": "--color_1pqun",
+  "_segments": "__segments_1pqun_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1pqun_gg_",
+  "__SAnimationLine": "___SAnimationLine_1pqun_gg_",
+  "@move-line": "move-line_1pqun"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   function LineRoot() {
@@ -124,8 +124,10 @@ _defineProperty(LineRoot, "defaultProps", {
 function Segment(props) {
   var _ref2 = arguments[0],
     _ref6;
-  var styles = props.styles;
+  var styles = props.styles,
+    value = props.value;
   var SLineSegmentItem = Box;
+  if (!value) return null;
   return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", _objectSpread({}, _assignProps3({}, _ref2))));
 }
 Segment.displayName = 'Segment';

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

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["createComponent","Component","Root","sstyled","resolveColorEnhance","Box","Flex","React","style","_sstyled","insert","LineRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","Children","forEach","child","isValidElement","props","width","concat","color","render","_ref","_ref5","SLineGauge","SLineValue","SAnimationLine","SLineGaugeSegment","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread","_assignProps","segments","SegmentItems","i","_ref4","push","percent","_assignProps2","Boolean","length","_defineProperty","Segment","_ref2","arguments[0]","_ref6","_assignProps3","displayName","ScoreLine"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box, Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './line.shadow.css';\nimport type {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      'w': `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles } = props;\n  const SLineSegmentItem = Root;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Line.js","names":["createComponent","Component","Root","sstyled","resolveColorEnhance","Box","Flex","React","style","_sstyled","insert","LineRoot","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","Children","forEach","child","isValidElement","props","width","concat","color","render","_ref","_ref5","SLineGauge","SLineValue","SAnimationLine","SLineGaugeSegment","SLineSegmentItem","_this$asProps2","styles","_this$asProps2$color","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_objectSpread","_assignProps","segments","SegmentItems","i","_ref4","push","percent","_assignProps2","Boolean","length","_defineProperty","Segment","_ref2","arguments[0]","_ref6","_assignProps3","displayName","ScoreLine"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box, Flex } from '@semcore/flex-box';\nimport React from 'react';\n\nimport style from './line.shadow.css';\nimport type {\n  ScoreLineComponent,\n  ScoreLineGaugeProps,\n  SegmentProps,\n  InnerSegmentProps,\n} from './Line.types';\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, typeof LineRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n  static displayName = 'ScoreLine';\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  getSegmentProps(segmentProps: SegmentProps) {\n    const { children, resolveColor } = this.asProps;\n\n    let sum = 0;\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement<SegmentProps>(child)) {\n        sum = sum + child.props.value;\n      }\n    });\n\n    const width = sum > 0 ? (100 * segmentProps.value) / sum : 0;\n\n    return {\n      'w': `${width}%`,\n      'use:color': resolveColor(segmentProps.color),\n    };\n  }\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SAnimationLine = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      baseBgColor,\n      resolveColor,\n      loading,\n      children,\n      Children,\n      animate,\n    } = this.asProps;\n\n    if (children !== undefined) {\n      return sstyled(styles)(\n        <SLineGauge render={Box} segments base-bg-color={resolveColor(baseBgColor)}>\n          <SLineGaugeSegment>\n            <Children />\n          </SLineGaugeSegment>\n          {animate && <SAnimationLine />}\n        </SLineGauge>,\n      );\n    }\n\n    const { segments } = this.asProps;\n\n    const SegmentItems = [];\n\n    if (segments) {\n      for (let i = 0; i < segments; i++) {\n        const width = `calc((100% - ${segments - 1}px) / ${segments})`;\n\n        SegmentItems.push(\n          sstyled(styles)(\n            <SLineSegmentItem\n              key={i}\n              color={i < value ? resolveColor(color) : undefined}\n              w={width}\n            />,\n          ),\n        );\n      }\n    }\n\n    let percent = `${value}%`;\n\n    if (segments) {\n      percent = `${(value / segments) * 100}%`;\n    }\n\n    return sstyled(styles)(\n      <SLineGauge render={Box} base-bg-color={resolveColor(baseBgColor)}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n        {animate && <SAnimationLine />}\n      </SLineGauge>,\n    );\n  }\n}\n\nfunction Segment(props: InnerSegmentProps) {\n  const { styles, value } = props;\n  const SLineSegmentItem = Root;\n\n  if (!value) return null;\n\n  return sstyled(styles)(<SLineSegmentItem render={Box} />);\n}\nSegment.displayName = 'Segment';\n\nexport const ScoreLine: ScoreLineComponent = createComponent(LineRoot, {\n  Segment,\n});\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/trend/Bar.js

@@ -17,15 +17,15 @@ import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { Trend } from './Trend';
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"ix66r_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-  "_loading": "__loading_1pnj2_gg_",
-  "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-  "__STrendLine": "___STrendLine_1pnj2_gg_",
-  "__STrendBar": "___STrendBar_1pnj2_gg_",
-  "@pulse": "pulse_1pnj2"
+  "__SLineGauge": "___SLineGauge_ix66r_gg_",
+  "_loading": "__loading_ix66r_gg_",
+  "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+  "__STrendLine": "___STrendLine_ix66r_gg_",
+  "__STrendBar": "___STrendBar_ix66r_gg_",
+  "@pulse": "pulse_ix66r"
 });
 var TrendBarRoot = /*#__PURE__*/function (_Trend) {
   function TrendBarRoot() {

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

@@ -18,15 +18,15 @@ import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { Trend } from './Trend';
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_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_"),
+var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"ix66r_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-  "_loading": "__loading_1pnj2_gg_",
-  "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-  "__STrendLine": "___STrendLine_1pnj2_gg_",
-  "__STrendBar": "___STrendBar_1pnj2_gg_",
-  "@pulse": "pulse_1pnj2"
+  "__SLineGauge": "___SLineGauge_ix66r_gg_",
+  "_loading": "__loading_ix66r_gg_",
+  "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+  "__STrendLine": "___STrendLine_ix66r_gg_",
+  "__STrendBar": "___STrendBar_ix66r_gg_",
+  "@pulse": "pulse_ix66r"
 });
 var TrendLineRoot = /*#__PURE__*/function (_Trend) {
   function TrendLineRoot() {

package/lib/es6/utils/ScoreDonutUtils.js

@@ -12,6 +12,11 @@ export var ScoreDonutUtils = /*#__PURE__*/function () {
     this.value = value;
   }
   return _createClass(ScoreDonutUtils, [{
+    key: "hasDivider",
+    get: function get() {
+      return ![0, 100].includes(this.value);
+    }
+  }, {
     key: "viewBox",
     get: function get() {
       return this.isSemiDonut ? '0 0 24 12' : '0 0 24 24';
@@ -56,6 +61,8 @@ export var ScoreDonutUtils = /*#__PURE__*/function () {
   }, {
     key: "strokeDashOffsetBase",
     get: function get() {
+      var hasDivider = this.hasDivider;
+      if (!hasDivider) return 0;
       var valueStroke = this.valueStrokeDashArray;
       var offsetPoint = this.offsetPoint;
       return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));

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

@@ -1 +1 @@
-{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","value","isSemiDonut","_classCallCheck","_defineProperty","radius","_createClass","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":";;;AAAA,WAAaA,eAAe;EAM1B,SAAAA,gBAAYC,KAAa,EAAEC,WAAoB,EAAE;IAAAC,eAAA,OAAAH,eAAA;IAAAI,eAAA;IAAAA,eAAA;IAAAA,eAAA;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,OAAAK,YAAA,CAAAN,eAAA;IAAAO,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":[]}
+{"version":3,"file":"ScoreDonutUtils.js","names":["ScoreDonutUtils","value","isSemiDonut","_classCallCheck","_defineProperty","radius","_createClass","key","get","includes","Math","PI","baseStrokeDashArray","valueStrokeDashArray","greyStroke","greyStrokeDashArray","offsetPoint","greyStrokeDash","strokeDashArrayBetweenSpaces","concat","hasDivider","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 hasDivider() {\n    return ![0, 100].includes(this.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 hasDivider = this.hasDivider;\n\n    if (!hasDivider) return 0;\n\n    const valueStroke = this.valueStrokeDashArray;\n    const offsetPoint = this.offsetPoint;\n\n    return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/component/score/Donut.mjs

@@ -20,19 +20,19 @@ 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}",
+    "@keyframes pulse_1jz5n{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1jz5n_gg_.__loading_1jz5n_gg_,.___SLineGauge_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendBar_1jz5n_gg_.__loading_1jz5n_gg_,.___STrendLine_1jz5n_gg_.__loading_1jz5n_gg_{animation-name:pulse_1jz5n;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_1jz5n_gg_.__semi_1jz5n_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_1jz5n_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_1jz5n_gg_.__animate_1jz5n_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}",
     /*__inner_css_end__*/
-    "iv4ae_gg_"
+    "1jz5n_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__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_"
+    "__SLineGauge": "___SLineGauge_1jz5n_gg_",
+    "_loading": "__loading_1jz5n_gg_",
+    "__SDonutContainer": "___SDonutContainer_1jz5n_gg_",
+    "__STrendLine": "___STrendLine_1jz5n_gg_",
+    "__STrendBar": "___STrendBar_1jz5n_gg_",
+    "@pulse": "pulse_1jz5n",
+    "_animate": "__animate_1jz5n_gg_",
+    "_semi": "__semi_1jz5n_gg_"
   })
 );
 var DonutRoot = /* @__PURE__ */ function(_Component) {
@@ -77,7 +77,7 @@ var DonutRoot = /* @__PURE__ */ function(_Component) {
       }), /* @__PURE__ */ React.createElement("animate", _ref2.cn("animate", {
         "attributeName": "stroke-dashoffset",
         "values": "0;".concat(scoreDonut.valueStrokeDashArray)
-      }))), value !== 100 && !isSemiDonut && /* @__PURE__ */ React.createElement("circle", _ref2.cn("circle", {
+      }))), scoreDonut.hasDivider && !isSemiDonut && /* @__PURE__ */ React.createElement("circle", _ref2.cn("circle", {
         "cx": "12",
         "cy": "12",
         "r": scoreDonut.radius,

package/lib/esm/component/score/Line.mjs

@@ -18,28 +18,28 @@ var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    "@keyframes pulse_v62p0{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_v62p0{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_v62p0_gg_.__loading_v62p0_gg_,.___SLineGauge_v62p0_gg_.__loading_v62p0_gg_,.___STrendBar_v62p0_gg_.__loading_v62p0_gg_,.___STrendLine_v62p0_gg_.__loading_v62p0_gg_{animation-name:pulse_v62p0;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_v62p0_gg_{height:8px;background-color:var(--base-bg-color_v62p0, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_v62p0_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_v62p0_gg_.__percent_v62p0_gg_{width:var(--percent_v62p0)}.___SLineSegmentItem_v62p0_gg_.__color_v62p0_gg_,.___SLineValue_v62p0_gg_.__color_v62p0_gg_{background-color:var(--color_v62p0, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_v62p0_gg_.__segments_v62p0_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_v62p0_gg_,.___SLineGaugeSegment_v62p0_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_v62p0_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_v62p0_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_v62p0_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_v62p0;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
+    "@keyframes pulse_1pqun{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1pqun{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1pqun_gg_.__loading_1pqun_gg_,.___SLineGauge_1pqun_gg_.__loading_1pqun_gg_,.___STrendBar_1pqun_gg_.__loading_1pqun_gg_,.___STrendLine_1pqun_gg_.__loading_1pqun_gg_{animation-name:pulse_1pqun;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1pqun_gg_{height:8px;background-color:var(--base-bg-color_1pqun, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1pqun_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1pqun_gg_.__percent_1pqun_gg_{width:var(--percent_1pqun)}.___SLineSegmentItem_1pqun_gg_.__color_1pqun_gg_,.___SLineValue_1pqun_gg_.__color_1pqun_gg_{background-color:var(--color_1pqun, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1pqun_gg_.__segments_1pqun_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1pqun_gg_,.___SLineGaugeSegment_1pqun_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1pqun_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1pqun_gg_{height:8px;background:0 0;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}.___SAnimationLine_1pqun_gg_{background-color:var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9);transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_1pqun;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}",
     /*__inner_css_end__*/
-    "v62p0_gg_"
+    "1pqun_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_v62p0_gg_",
-    "_loading": "__loading_v62p0_gg_",
-    "__SDonutContainer": "___SDonutContainer_v62p0_gg_",
-    "__STrendLine": "___STrendLine_v62p0_gg_",
-    "__STrendBar": "___STrendBar_v62p0_gg_",
-    "@pulse": "pulse_v62p0",
-    "--base-bg-color": "--base-bg-color_v62p0",
-    "__SLineValue": "___SLineValue_v62p0_gg_",
-    "_percent": "__percent_v62p0_gg_",
-    "--percent": "--percent_v62p0",
-    "_color": "__color_v62p0_gg_",
-    "__SLineSegmentItem": "___SLineSegmentItem_v62p0_gg_",
-    "--color": "--color_v62p0",
-    "_segments": "__segments_v62p0_gg_",
-    "__SLineGaugeSegment": "___SLineGaugeSegment_v62p0_gg_",
-    "__SAnimationLine": "___SAnimationLine_v62p0_gg_",
-    "@move-line": "move-line_v62p0"
+    "__SLineGauge": "___SLineGauge_1pqun_gg_",
+    "_loading": "__loading_1pqun_gg_",
+    "__SDonutContainer": "___SDonutContainer_1pqun_gg_",
+    "__STrendLine": "___STrendLine_1pqun_gg_",
+    "__STrendBar": "___STrendBar_1pqun_gg_",
+    "@pulse": "pulse_1pqun",
+    "--base-bg-color": "--base-bg-color_1pqun",
+    "__SLineValue": "___SLineValue_1pqun_gg_",
+    "_percent": "__percent_1pqun_gg_",
+    "--percent": "--percent_1pqun",
+    "_color": "__color_1pqun_gg_",
+    "__SLineSegmentItem": "___SLineSegmentItem_1pqun_gg_",
+    "--color": "--color_1pqun",
+    "_segments": "__segments_1pqun_gg_",
+    "__SLineGaugeSegment": "___SLineGaugeSegment_1pqun_gg_",
+    "__SAnimationLine": "___SAnimationLine_1pqun_gg_",
+    "@move-line": "move-line_1pqun"
   })
 );
 var LineRoot = /* @__PURE__ */ function(_Component) {
@@ -115,8 +115,9 @@ _defineProperty(LineRoot, "defaultProps", {
 });
 function Segment(props) {
   var _ref2 = arguments[0], _ref6;
-  var styles = props.styles;
+  var styles = props.styles, value = props.value;
   var SLineSegmentItem = Box;
+  if (!value) return null;
   return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", _objectSpread({}, assignProps({}, _ref2))));
 }
 Segment.displayName = "Segment";

package/lib/esm/component/trend/Bar.mjs

@@ -21,17 +21,17 @@ var style = (
   /*__reshadow_css_start__*/
   (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}",
+    "@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
     /*__inner_css_end__*/
-    "1pnj2_gg_"
+    "ix66r_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-    "_loading": "__loading_1pnj2_gg_",
-    "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-    "__STrendLine": "___STrendLine_1pnj2_gg_",
-    "__STrendBar": "___STrendBar_1pnj2_gg_",
-    "@pulse": "pulse_1pnj2"
+    "__SLineGauge": "___SLineGauge_ix66r_gg_",
+    "_loading": "__loading_ix66r_gg_",
+    "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+    "__STrendLine": "___STrendLine_ix66r_gg_",
+    "__STrendBar": "___STrendBar_ix66r_gg_",
+    "@pulse": "pulse_ix66r"
   })
 );
 var TrendBarRoot = /* @__PURE__ */ function(_Trend) {

package/lib/esm/component/trend/Line.mjs

@@ -22,17 +22,17 @@ var style = (
   /*__reshadow_css_start__*/
   (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}",
+    "@keyframes pulse_ix66r{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_ix66r_gg_.__loading_ix66r_gg_,.___SLineGauge_ix66r_gg_.__loading_ix66r_gg_,.___STrendBar_ix66r_gg_.__loading_ix66r_gg_,.___STrendLine_ix66r_gg_.__loading_ix66r_gg_{animation-name:pulse_ix66r;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}",
     /*__inner_css_end__*/
-    "1pnj2_gg_"
+    "ix66r_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLineGauge": "___SLineGauge_1pnj2_gg_",
-    "_loading": "__loading_1pnj2_gg_",
-    "__SDonutContainer": "___SDonutContainer_1pnj2_gg_",
-    "__STrendLine": "___STrendLine_1pnj2_gg_",
-    "__STrendBar": "___STrendBar_1pnj2_gg_",
-    "@pulse": "pulse_1pnj2"
+    "__SLineGauge": "___SLineGauge_ix66r_gg_",
+    "_loading": "__loading_ix66r_gg_",
+    "__SDonutContainer": "___SDonutContainer_ix66r_gg_",
+    "__STrendLine": "___STrendLine_ix66r_gg_",
+    "__STrendBar": "___STrendBar_ix66r_gg_",
+    "@pulse": "pulse_ix66r"
   })
 );
 var TrendLineRoot = /* @__PURE__ */ function(_Trend) {

package/lib/esm/utils/ScoreDonutUtils.mjs

@@ -12,6 +12,11 @@ var ScoreDonutUtils = /* @__PURE__ */ function() {
     this.value = value;
   }
   return _createClass(ScoreDonutUtils2, [{
+    key: "hasDivider",
+    get: function get() {
+      return ![0, 100].includes(this.value);
+    }
+  }, {
     key: "viewBox",
     get: function get() {
       return this.isSemiDonut ? "0 0 24 12" : "0 0 24 24";
@@ -56,6 +61,8 @@ var ScoreDonutUtils = /* @__PURE__ */ function() {
   }, {
     key: "strokeDashOffsetBase",
     get: function get() {
+      var hasDivider = this.hasDivider;
+      if (!hasDivider) return 0;
       var valueStroke = this.valueStrokeDashArray;
       var offsetPoint = this.offsetPoint;
       return -1 * (valueStroke + (this.isSemiDonut ? offsetPoint : 0));

package/lib/types/utils/ScoreDonutUtils.d.ts

@@ -3,6 +3,7 @@ export declare class ScoreDonutUtils {
     private readonly value;
     readonly radius: number;
     constructor(value: number, isSemiDonut: boolean);
+    get hasDivider(): boolean;
     get viewBox(): "0 0 24 12" | "0 0 24 24";
     get strokeWidth(): 6 | 4;
     get baseStrokeDashArray(): number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/mini-chart",
   "description": "Semrush MiniChart Component",
-  "version": "16.0.2",
+  "version": "16.0.3-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,8 +14,8 @@
     "types": "./lib/types/index.d.ts"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0",
-    "@semcore/flex-box": "^16.0.0"
+    "@semcore/base-components": "^16.1.0-prerelease.0",
+    "@semcore/flex-box": "^16.0.3-prerelease.0"
   },
   "repository": {
     "type": "git",
@@ -23,8 +23,8 @@
     "directory": "semcore/mini-chart"
   },
   "devDependencies": {
-    "@semcore/core": "16.0.0",
-    "@semcore/testing-utils": "1.0.0"
+    "@semcore/testing-utils": "1.0.0",
+    "@semcore/core": "16.0.1-prerelease.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=ts && pnpm vite build"