@semcore/mini-chart 16.1.1 → 17.0.0-prerelease.18

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

@@ -1,117 +1,109 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box, Flex } from '@semcore/base-components';
 import { createComponent, Component, Root, sstyled } from '@semcore/core';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-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_fmdk9{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_fmdk9{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_fmdk9_gg_.__loading_fmdk9_gg_,.___SLineGauge_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendBar_fmdk9_gg_.__loading_fmdk9_gg_,.___STrendLine_fmdk9_gg_.__loading_fmdk9_gg_{animation-name:pulse_fmdk9;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_fmdk9_gg_{height:8px;background-color:var(--base-bg-color_fmdk9, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_fmdk9_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_fmdk9_gg_.__percent_fmdk9_gg_{width:var(--percent_fmdk9)}.___SLineSegmentItem_fmdk9_gg_.__color_fmdk9_gg_,.___SLineValue_fmdk9_gg_.__color_fmdk9_gg_{background-color:var(--color_fmdk9, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_fmdk9_gg_.__segments_fmdk9_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_fmdk9_gg_,.___SLineGaugeSegment_fmdk9_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_fmdk9_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_fmdk9_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_fmdk9_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_fmdk9;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"fmdk9_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1q9hd{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_1q9hd{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_1q9hd_gg_.__loading_1q9hd_gg_,.___SLineGauge_1q9hd_gg_.__loading_1q9hd_gg_,.___STrendBar_1q9hd_gg_.__loading_1q9hd_gg_,.___STrendLine_1q9hd_gg_.__loading_1q9hd_gg_{animation-name:pulse_1q9hd;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_1q9hd_gg_{height:8px;background-color:var(--base-bg-color_1q9hd, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_1q9hd_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_1q9hd_gg_.__percent_1q9hd_gg_{width:var(--percent_1q9hd)}.___SLineSegmentItem_1q9hd_gg_.__color_1q9hd_gg_,.___SLineValue_1q9hd_gg_.__color_1q9hd_gg_{background-color:var(--color_1q9hd, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_1q9hd_gg_.__segments_1q9hd_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_1q9hd_gg_,.___SLineGaugeSegment_1q9hd_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_1q9hd_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_1q9hd_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_1q9hd_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_1q9hd;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}", /*__inner_css_end__*/"1q9hd_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_fmdk9_gg_",
-  "_loading": "__loading_fmdk9_gg_",
-  "__SDonutContainer": "___SDonutContainer_fmdk9_gg_",
-  "__STrendLine": "___STrendLine_fmdk9_gg_",
-  "__STrendBar": "___STrendBar_fmdk9_gg_",
-  "@pulse": "pulse_fmdk9",
-  "--base-bg-color": "--base-bg-color_fmdk9",
-  "__SLineValue": "___SLineValue_fmdk9_gg_",
-  "_percent": "__percent_fmdk9_gg_",
-  "--percent": "--percent_fmdk9",
-  "_color": "__color_fmdk9_gg_",
-  "__SLineSegmentItem": "___SLineSegmentItem_fmdk9_gg_",
-  "--color": "--color_fmdk9",
-  "_segments": "__segments_fmdk9_gg_",
-  "__SLineGaugeSegment": "___SLineGaugeSegment_fmdk9_gg_",
-  "__SAnimationLine": "___SAnimationLine_fmdk9_gg_",
-  "@move-line": "move-line_fmdk9"
+  "__SLineGauge": "___SLineGauge_1q9hd_gg_",
+  "_loading": "__loading_1q9hd_gg_",
+  "__SDonutContainer": "___SDonutContainer_1q9hd_gg_",
+  "__STrendLine": "___STrendLine_1q9hd_gg_",
+  "__STrendBar": "___STrendBar_1q9hd_gg_",
+  "@pulse": "pulse_1q9hd",
+  "--base-bg-color": "--base-bg-color_1q9hd",
+  "__SLineValue": "___SLineValue_1q9hd_gg_",
+  "_percent": "__percent_1q9hd_gg_",
+  "--percent": "--percent_1q9hd",
+  "_color": "__color_1q9hd_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_1q9hd_gg_",
+  "--color": "--color_1q9hd",
+  "_segments": "__segments_1q9hd_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_1q9hd_gg_",
+  "__SAnimationLine": "___SAnimationLine_1q9hd_gg_",
+  "@move-line": "move-line_1q9hd"
 });
-var LineRoot = /*#__PURE__*/function (_Component) {
-  function LineRoot() {
-    _classCallCheck(this, LineRoot);
-    return _callSuper(this, LineRoot, arguments);
+class LineRoot extends Component {
+  getSegmentProps(segmentProps) {
+    const {
+      children,
+      resolveColor
+    } = this.asProps;
+    let sum = 0;
+    React.Children.forEach(children, child => {
+      if (/*#__PURE__*/React.isValidElement(child)) {
+        sum = sum + child.props.value;
+      }
+    });
+    const width = sum > 0 ? 100 * segmentProps.value / sum : 0;
+    return {
+      'w': `${width}%`,
+      'use:color': resolveColor(segmentProps.color)
+    };
   }
-  _inherits(LineRoot, _Component);
-  return _createClass(LineRoot, [{
-    key: "getSegmentProps",
-    value: function getSegmentProps(segmentProps) {
-      var _this$asProps = this.asProps,
-        children = _this$asProps.children,
-        resolveColor = _this$asProps.resolveColor;
-      var sum = 0;
-      React.Children.forEach(children, function (child) {
-        if (/*#__PURE__*/React.isValidElement(child)) {
-          sum = sum + child.props.value;
-        }
-      });
-      var width = sum > 0 ? 100 * segmentProps.value / sum : 0;
-      return {
-        'w': "".concat(width, "%"),
-        'use:color': resolveColor(segmentProps.color)
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref5;
-      var SLineGauge = Box;
-      var SLineValue = Box;
-      var SAnimationLine = Box;
-      var SLineGaugeSegment = Flex;
-      var SLineSegmentItem = Box;
-      var _this$asProps2 = this.asProps,
-        value = _this$asProps2.value,
-        styles = _this$asProps2.styles,
-        _this$asProps2$color = _this$asProps2.color,
-        color = _this$asProps2$color === void 0 ? 'chart-palette-order-1' : _this$asProps2$color,
-        baseBgColor = _this$asProps2.baseBgColor,
-        resolveColor = _this$asProps2.resolveColor,
-        loading = _this$asProps2.loading,
-        children = _this$asProps2.children,
-        Children = _this$asProps2.Children,
-        animate = _this$asProps2.animate;
-      if (children !== undefined) {
-        var _ref3;
-        return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLineGauge, _ref3.cn("SLineGauge", _objectSpread({}, _assignProps({
+  render() {
+    var _ref = this.asProps,
+      _ref5;
+    const SLineGauge = Box;
+    const SLineValue = Box;
+    const SAnimationLine = Box;
+    const SLineGaugeSegment = Flex;
+    const SLineSegmentItem = Box;
+    const {
+      value,
+      styles,
+      color = 'chart-palette-order-1',
+      baseBgColor,
+      resolveColor,
+      loading,
+      children,
+      Children,
+      animate
+    } = this.asProps;
+    if (children !== undefined) {
+      var _ref3;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLineGauge, _ref3.cn("SLineGauge", {
+        ..._assignProps({
           "segments": true,
           "base-bg-color": resolveColor(baseBgColor)
-        }, _ref))), /*#__PURE__*/React.createElement(SLineGaugeSegment, _ref3.cn("SLineGaugeSegment", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))), animate && /*#__PURE__*/React.createElement(SAnimationLine, _ref3.cn("SAnimationLine", {})));
-      }
-      var segments = this.asProps.segments;
-      var SegmentItems = [];
-      if (segments) {
-        for (var i = 0; i < segments; i++) {
-          var _ref4;
-          var width = "calc((100% - ".concat(segments - 1, "px) / ").concat(segments, ")");
-          SegmentItems.push((_ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref4.cn("SLineSegmentItem", {
-            "key": i,
-            "color": i < value ? resolveColor(color) : undefined,
-            "w": width
-          }))));
-        }
-      }
-      var percent = "".concat(value, "%");
-      if (segments) {
-        percent = "".concat(value / segments * 100, "%");
+        }, _ref)
+      }), /*#__PURE__*/React.createElement(SLineGaugeSegment, _ref3.cn("SLineGaugeSegment", {}), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {}))), animate && /*#__PURE__*/React.createElement(SAnimationLine, _ref3.cn("SAnimationLine", {})));
+    }
+    const {
+      segments
+    } = this.asProps;
+    const SegmentItems = [];
+    if (segments) {
+      for (let i = 0; i < segments; i++) {
+        var _ref4;
+        const width = `calc((100% - ${segments - 1}px) / ${segments})`;
+        SegmentItems.push((_ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref4.cn("SLineSegmentItem", {
+          "key": i,
+          "color": i < value ? resolveColor(color) : undefined,
+          "w": width
+        }))));
       }
-      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SLineGauge, _ref5.cn("SLineGauge", _objectSpread({}, _assignProps2({
-        "base-bg-color": resolveColor(baseBgColor)
-      }, _ref))), !loading && /*#__PURE__*/React.createElement(SLineValue, _ref5.cn("SLineValue", {
-        "w": percent,
-        "color": resolveColor(color)
-      })), Boolean(SegmentItems.length) && /*#__PURE__*/React.createElement(SLineGaugeSegment, _ref5.cn("SLineGaugeSegment", {}), SegmentItems), animate && /*#__PURE__*/React.createElement(SAnimationLine, _ref5.cn("SAnimationLine", {})));
     }
-  }]);
-}(Component);
+    let percent = `${value}%`;
+    if (segments) {
+      percent = `${value / segments * 100}%`;
+    }
+    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SLineGauge, _ref5.cn("SLineGauge", {
+      ..._assignProps2({
+        "base-bg-color": resolveColor(baseBgColor)
+      }, _ref)
+    }), !loading && /*#__PURE__*/React.createElement(SLineValue, _ref5.cn("SLineValue", {
+      "w": percent,
+      "color": resolveColor(color)
+    })), Boolean(SegmentItems.length) && /*#__PURE__*/React.createElement(SLineGaugeSegment, _ref5.cn("SLineGaugeSegment", {}), SegmentItems), animate && /*#__PURE__*/React.createElement(SAnimationLine, _ref5.cn("SAnimationLine", {})));
+  }
+}
 _defineProperty(LineRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(LineRoot, "displayName", 'ScoreLine');
 _defineProperty(LineRoot, "style", style);
@@ -121,15 +113,19 @@ _defineProperty(LineRoot, "defaultProps", {
 function Segment(props) {
   var _ref2 = arguments[0],
     _ref6;
-  var styles = props.styles,
-    value = props.value;
-  var SLineSegmentItem = Box;
+  const {
+    styles,
+    value
+  } = props;
+  const SLineSegmentItem = Box;
   if (!value) return null;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", _objectSpread({}, _assignProps3({}, _ref2))));
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", {
+    ..._assignProps3({}, _ref2)
+  }));
 }
 Segment.displayName = 'Segment';
-export var ScoreLine = createComponent(LineRoot, {
-  Segment: Segment
+export const ScoreLine = createComponent(LineRoot, {
+  Segment
 });
 ScoreLine.displayName = 'MiniChart.ScoreLine';
 //# sourceMappingURL=Line.js.map

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, 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":[]}
+{"version":3,"file":"Line.js","names":["Box","Flex","createComponent","Component","Root","sstyled","resolveColorEnhance","React","style","_sstyled","insert","LineRoot","getSegmentProps","segmentProps","children","resolveColor","asProps","sum","Children","forEach","child","isValidElement","props","value","width","color","render","_ref","_ref5","SLineGauge","SLineValue","SAnimationLine","SLineGaugeSegment","SLineSegmentItem","styles","baseBgColor","loading","animate","undefined","_ref3","createElement","cn","_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 { Box, Flex } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\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 = createComponent(LineRoot, {\n  Segment,\n}) as ScoreLineComponent;\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":";;;;;AAAA,SAASA,GAAG,EAAEC,IAAI,QAAQ,0BAA0B;AACpD,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,KAAK,MAAM,OAAO;AAAC;AAAA,MAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAU1B,MAAMC,QAAQ,SAASR,SAAS,CAA+C;EAU7ES,eAAeA,CAACC,YAA0B,EAAE;IAC1C,MAAM;MAAEC,QAAQ;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/C,IAAIC,GAAG,GAAG,CAAC;IACXV,KAAK,CAACW,QAAQ,CAACC,OAAO,CAACL,QAAQ,EAAGM,KAAK,IAAK;MAC1C,iBAAIb,KAAK,CAACc,cAAc,CAAeD,KAAK,CAAC,EAAE;QAC7CH,GAAG,GAAGA,GAAG,GAAGG,KAAK,CAACE,KAAK,CAACC,KAAK;MAC/B;IACF,CAAC,CAAC;IAEF,MAAMC,KAAK,GAAGP,GAAG,GAAG,CAAC,GAAI,GAAG,GAAGJ,YAAY,CAACU,KAAK,GAAIN,GAAG,GAAG,CAAC;IAE5D,OAAO;MACL,GAAG,EAAE,GAAGO,KAAK,GAAG;MAChB,WAAW,EAAET,YAAY,CAACF,YAAY,CAACY,KAAK;IAC9C,CAAC;EACH;EAEAC,MAAMA,CAAA,EAAG;IAAA,IAAAC,IAAA,QAAAX,OAAA;MAAAY,KAAA;IACP,MAAMC,UAAU,GAuDM7B,GAAG;IAtDzB,MAAM8B,UAAU,GAAG9B,GAAG;IACtB,MAAM+B,cAAc,GAAG/B,GAAG;IAC1B,MAAMgC,iBAAiB,GAAG/B,IAAI;IAC9B,MAAMgC,gBAAgB,GAAGjC,GAAG;IAC5B,MAAM;MACJuB,KAAK;MACLW,MAAM;MACNT,KAAK,GAAG,uBAAuB;MAC/BU,WAAW;MACXpB,YAAY;MACZqB,OAAO;MACPtB,QAAQ;MACRI,QAAQ;MACRmB;IACF,CAAC,GAAG,IAAI,CAACrB,OAAO;IAEhB,IAAIF,QAAQ,KAAKwB,SAAS,EAAE;MAAA,IAAAC,KAAA;MAC1B,OAAAA,KAAA,GAAOlC,OAAO,CAAC6B,MAAM,CAAC,eACpB3B,KAAA,CAAAiC,aAAA,CAACX,UAAU,EAAAU,KAAA,CAAAE,EAAA;QAAA,GAAAC,YAAA;UAAA;UAAA,iBAAsC3B,YAAY,CAACoB,WAAW;QAAC,GAAAR,IAAA;MAAA,iBACxEpB,KAAA,CAAAiC,aAAA,CAACR,iBAAiB,EAAAO,KAAA,CAAAE,EAAA,wCAChBlC,KAAA,CAAAiC,aAAA,CAACtB,QAAQ,EAAAqB,KAAA,CAAAE,EAAA,gBAAE,CACM,CAAC,EACnBJ,OAAO,iBAAI9B,KAAA,CAAAiC,aAAA,CAACT,cAAc,EAAAQ,KAAA,CAAAE,EAAA,sBAAE,CACnB,CAAC;IAEjB;IAEA,MAAM;MAAEE;IAAS,CAAC,GAAG,IAAI,CAAC3B,OAAO;IAEjC,MAAM4B,YAAY,GAAG,EAAE;IAEvB,IAAID,QAAQ,EAAE;MACZ,KAAK,IAAIE,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,QAAQ,EAAEE,CAAC,EAAE,EAAE;QAAA,IAAAC,KAAA;QACjC,MAAMtB,KAAK,GAAG,gBAAgBmB,QAAQ,GAAG,CAAC,SAASA,QAAQ,GAAG;QAE9DC,YAAY,CAACG,IAAI,EAAAD,KAAA,GACfzC,OAAO,CAAC6B,MAAM,CAAC,eACb3B,KAAA,CAAAiC,aAAA,CAACP,gBAAgB,EAAAa,KAAA,CAAAL,EAAA;UAAA,OACVI,CAAC;UAAA,SACCA,CAAC,GAAGtB,KAAK,GAAGR,YAAY,CAACU,KAAK,CAAC,GAAGa,SAAS;UAAA,KAC/Cd;QAAK,EACT,CAAC,CAEN,CAAC;MACH;IACF;IAEA,IAAIwB,OAAO,GAAG,GAAGzB,KAAK,GAAG;IAEzB,IAAIoB,QAAQ,EAAE;MACZK,OAAO,GAAG,GAAIzB,KAAK,GAAGoB,QAAQ,GAAI,GAAG,GAAG;IAC1C;IAEA,OAAAf,KAAA,GAAOvB,OAAO,CAAC6B,MAAM,CAAC,eACpB3B,KAAA,CAAAiC,aAAA,CAACX,UAAU,EAAAD,KAAA,CAAAa,EAAA;MAAA,GAAAQ,aAAA;QAAA,iBAA6BlC,YAAY,CAACoB,WAAW;MAAC,GAAAR,IAAA;IAAA,IAC9D,CAACS,OAAO,iBAAI7B,KAAA,CAAAiC,aAAA,CAACV,UAAU,EAAAF,KAAA,CAAAa,EAAA;MAAA,KAAIO,OAAO;MAAA,SAASjC,YAAY,CAACU,KAAK;IAAC,EAAG,CAAC,EAClEyB,OAAO,CAACN,YAAY,CAACO,MAAM,CAAC,iBAAI5C,KAAA,CAAAiC,aAAA,CAACR,iBAAiB,EAAAJ,KAAA,CAAAa,EAAA,2BAAEG,YAAgC,CAAC,EACrFP,OAAO,iBAAI9B,KAAA,CAAAiC,aAAA,CAACT,cAAc,EAAAH,KAAA,CAAAa,EAAA,sBAAE,CACnB,CAAC;EAEjB;AACF;AAACW,eAAA,CA3FKzC,QAAQ,aACK,CAACL,mBAAmB,CAAC,CAAC,CAAC;AAAA8C,eAAA,CADpCzC,QAAQ,iBAES,WAAW;AAAAyC,eAAA,CAF5BzC,QAAQ,WAIGH,KAAK;AAAA4C,eAAA,CAJhBzC,QAAQ,kBAMU;EACpB0B,OAAO,EAAE;AACX,CAAC;AAqFH,SAASgB,OAAOA,CAAC/B,KAAwB,EAAE;EAAA,IAAAgC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzC,MAAM;IAAEtB,MAAM;IAAEX;EAAM,CAAC,GAAGD,KAAK;EAC/B,MAAMW,gBAAgB,GAI2BjC,GAAG;EAFpD,IAAI,CAACuB,KAAK,EAAE,OAAO,IAAI;EAEvB,OAAAiC,KAAA,GAAOnD,OAAO,CAAC6B,MAAM,CAAC,eAAC3B,KAAA,CAAAiC,aAAA,CAACP,gBAAgB,EAAAuB,KAAA,CAAAf,EAAA;IAAA,GAAAgB,aAAA,KAAAH,KAAA;EAAA,EAAe,CAAC;AAC1D;AACAD,OAAO,CAACK,WAAW,GAAG,SAAS;AAE/B,OAAO,MAAMC,SAAS,GAAGzD,eAAe,CAACS,QAAQ,EAAE;EACjD0C;AACF,CAAC,CAAuB;AAExBM,SAAS,CAACD,WAAW,GAAG,qBAAqB","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { Intergalactic, ComponentType } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type { BoxProps, Box } from '@semcore/flex-box';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = BoxProps &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n};\n\nexport type ScoreLineComponent = ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> & {\n  Segment: Intergalactic.Component<typeof Box, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"Line.types.js","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import type { BoxProps, Box } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport type React from 'react';\n\nimport type { CommonScoreProps } from './Score';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n  ? Acc[number]\n  : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\nexport type SegmentColor = `chart-palette-order-${Range<1, 24>}`;\n\nexport type SegmentProps = {\n  value: number;\n  /**\n   * Color of value\n   */\n  color: SegmentColor;\n};\n\ntype SegmentComponent = React.FC<SegmentProps>;\n\nexport type InnerSegmentProps = SegmentProps & {\n  styles: React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>;\n};\n\ntype ValuedScoreProps = {\n  /**\n   * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: SegmentColor;\n  /**\n   * Count of line segments\n   */\n  segments?: number;\n  /**\n   * We don't accept children in this way\n   */\n  children?: never;\n};\n\ntype CustomRenderScoreProps = {\n  children: SegmentComponent[];\n};\n\nexport type ScoreLineGaugeProps = BoxProps &\n  Intergalactic.InternalTypings.EfficientOmit<CommonScoreProps, 'value' | 'color'> &\n  (ValuedScoreProps | CustomRenderScoreProps);\n\nexport type Enhances = [() => {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n}];\n\nexport type ScoreLineComponent = Intergalactic.Component<'svg', ScoreLineGaugeProps, {}, Enhances> & {\n  Segment: Intergalactic.Component<typeof Box, SegmentProps>;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -1,116 +1,103 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
 import { createComponent, assignProps, Root, sstyled } from '@semcore/core';
 import { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';
 import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
-import { Box } from '@semcore/flex-box';
 import React from 'react';
 import { Trend } from './Trend';
 /*!__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1wd8q{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1wd8q_gg_.__loading_1wd8q_gg_,.___SLineGauge_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendBar_1wd8q_gg_.__loading_1wd8q_gg_,.___STrendLine_1wd8q_gg_.__loading_1wd8q_gg_{animation-name:pulse_1wd8q;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1wd8q_gg_"),
+const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/"@keyframes pulse_1ydx6{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1ydx6_gg_.__loading_1ydx6_gg_,.___SLineGauge_1ydx6_gg_.__loading_1ydx6_gg_,.___STrendBar_1ydx6_gg_.__loading_1ydx6_gg_,.___STrendLine_1ydx6_gg_.__loading_1ydx6_gg_{animation-name:pulse_1ydx6;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}", /*__inner_css_end__*/"1ydx6_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SLineGauge": "___SLineGauge_1wd8q_gg_",
-  "_loading": "__loading_1wd8q_gg_",
-  "__SDonutContainer": "___SDonutContainer_1wd8q_gg_",
-  "__STrendLine": "___STrendLine_1wd8q_gg_",
-  "__STrendBar": "___STrendBar_1wd8q_gg_",
-  "@pulse": "pulse_1wd8q"
+  "__SLineGauge": "___SLineGauge_1ydx6_gg_",
+  "_loading": "__loading_1ydx6_gg_",
+  "__SDonutContainer": "___SDonutContainer_1ydx6_gg_",
+  "__STrendLine": "___STrendLine_1ydx6_gg_",
+  "__STrendBar": "___STrendBar_1ydx6_gg_",
+  "@pulse": "pulse_1ydx6"
 });
-var TrendBarRoot = /*#__PURE__*/function (_Trend) {
-  function TrendBarRoot() {
-    _classCallCheck(this, TrendBarRoot);
-    return _callSuper(this, TrendBarRoot, arguments);
+class TrendBarRoot extends Trend {
+  get defaultData() {
+    return [{
+      value: 20
+    }, {
+      value: 80
+    }, {
+      value: 45
+    }, {
+      value: 10
+    }];
   }
-  _inherits(TrendBarRoot, _Trend);
-  return _createClass(TrendBarRoot, [{
-    key: "defaultData",
-    get: function get() {
-      return [{
-        value: 20
-      }, {
-        value: 80
-      }, {
-        value: 45
-      }, {
-        value: 10
-      }];
+  get data() {
+    const {
+      data,
+      loading
+    } = this.asProps;
+    if (loading) {
+      return this.defaultData;
     }
-  }, {
-    key: "data",
-    get: function get() {
-      var _this$asProps = this.asProps,
-        data = _this$asProps.data,
-        loading = _this$asProps.loading;
-      if (loading) {
-        return this.defaultData;
-      }
-      return data;
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref2,
-        _this = this;
-      var STrendBar = Box;
-      var _this$asProps2 = this.asProps,
-        styles = _this$asProps2.styles,
-        resolveColor = _this$asProps2.resolveColor,
-        isHistogram = _this$asProps2.isHistogram,
-        animate = _this$asProps2.animate,
-        loading = _this$asProps2.loading;
-      var step = this.defaultWidth / this.data.length;
-      var _extractAriaProps = extractAriaProps(this.asProps),
-        __excludeProps = _extractAriaProps.__excludeProps,
-        extractedAriaProps = _extractAriaProps.extractedAriaProps;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STrendBar, _ref2.cn("STrendBar", _objectSpread({}, _assignProps({
+    return data;
+  }
+  render() {
+    var _ref = this.asProps,
+      _ref2;
+    const STrendBar = Box;
+    const {
+      styles,
+      resolveColor,
+      isHistogram,
+      animate,
+      loading
+    } = this.asProps;
+    const step = this.defaultWidth / this.data.length;
+    const {
+      __excludeProps,
+      extractedAriaProps
+    } = extractAriaProps(this.asProps);
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STrendBar, _ref2.cn("STrendBar", {
+      ..._assignProps({
         "ref": this.containerRef,
-        "__excludeProps": ['data'].concat(_toConsumableArray(__excludeProps))
-      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
-        "width": '100%',
-        "height": '100%',
-        "viewBox": "0 0 ".concat(this.svgWidth, " ").concat(this.svgHeight),
-        "role": 'img'
-      }, extractedAriaProps)), this.data.map(function (barItem, index) {
-        var color = resolveColor('chart-palette-order-other-data');
-        if (barItem.color) {
-          color = resolveColor(barItem.color);
-        }
-        return /*#__PURE__*/React.createElement("rect", {
-          key: index,
-          x: step * index,
-          y: _this.defaultHeight - barItem.value,
-          width: isHistogram ? step : step * 0.8,
-          height: barItem.value,
-          fill: color
-        }, animate && !loading && /*#__PURE__*/React.createElement("animate", {
-          attributeName: "y",
-          values: "".concat(_this.defaultHeight, ";").concat(_this.defaultHeight - barItem.value),
-          dur: "500ms"
-        }));
-      })));
-    }
-  }]);
-}(Trend);
+        "__excludeProps": ['data', ...__excludeProps]
+      }, _ref)
+    }), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", {
+      "width": '100%',
+      "height": '100%',
+      "viewBox": `0 0 ${this.svgWidth} ${this.svgHeight}`,
+      "role": 'img',
+      ...extractedAriaProps
+    }), this.data.map((barItem, index) => {
+      let color = resolveColor('chart-palette-order-other-data');
+      if (barItem.color) {
+        color = resolveColor(barItem.color);
+      }
+      return /*#__PURE__*/React.createElement("rect", {
+        key: index,
+        x: step * index,
+        y: this.defaultHeight - barItem.value,
+        width: isHistogram ? step : step * 0.8,
+        height: barItem.value,
+        fill: color
+      }, animate && !loading && /*#__PURE__*/React.createElement("animate", {
+        attributeName: "y",
+        values: `${this.defaultHeight};${this.defaultHeight - barItem.value}`,
+        dur: "500ms"
+      }));
+    })));
+  }
+}
 _defineProperty(TrendBarRoot, "enhance", [resolveColorEnhance()]);
 _defineProperty(TrendBarRoot, "style", style);
 _defineProperty(TrendBarRoot, "defaultProps", {
   animate: true
 });
-export var TrendBar = createComponent(TrendBarRoot);
+export const TrendBar = createComponent(TrendBarRoot);
 TrendBar.displayName = 'MiniChart.TrendBar';
-export var TrendHistogram = createComponent(TrendBarRoot, {}, {
-  enhancements: [function () {
+export const TrendHistogram = createComponent(TrendBarRoot, {}, {
+  enhancements: [() => {
     return {
-      wrapperProps: function wrapperProps(props) {
+      wrapperProps: props => {
         return assignProps(props, {
           isHistogram: true
         });

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

@@ -1 +1 @@
-{"version":3,"file":"Bar.js","names":["createComponent","assignProps","Root","sstyled","extractAriaProps","resolveColorEnhance","Box","React","Trend","style","_sstyled","insert","TrendBarRoot","_Trend","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","get","value","_this$asProps","asProps","data","loading","defaultData","render","_ref","_ref2","_this","STrendBar","_this$asProps2","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","containerRef","concat","_toConsumableArray","svgWidth","svgHeight","map","barItem","index","color","x","y","defaultHeight","width","height","fill","attributeName","values","dur","_defineProperty","TrendBar","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import { createComponent, type ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport React from 'react';\n\nimport { Trend, type CommonTrendProps } from './Trend';\nimport style from '../skeleton/skeleton.shadow.css';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isHistogram?: true;\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('chart-palette-order-other-data');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName='y'\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur='500ms'\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances> =\n  createComponent(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances> = createComponent(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Bar.js","names":["Box","createComponent","assignProps","Root","sstyled","extractAriaProps","resolveColorEnhance","React","Trend","style","_sstyled","insert","TrendBarRoot","defaultData","value","data","loading","asProps","render","_ref","_ref2","STrendBar","styles","resolveColor","isHistogram","animate","step","defaultWidth","length","__excludeProps","extractedAriaProps","createElement","cn","_assignProps","containerRef","svgWidth","svgHeight","map","barItem","index","color","key","x","y","defaultHeight","width","height","fill","attributeName","values","dur","_defineProperty","TrendBar","displayName","TrendHistogram","enhancements","wrapperProps","props"],"sources":["../../../../src/component/trend/Bar.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { createComponent, assignProps, Root, sstyled } from '@semcore/core';\nimport { extractAriaProps } from '@semcore/core/lib/utils/ariaProps';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport React from 'react';\n\nimport { Trend, type CommonTrendProps } from './Trend';\nimport style from '../skeleton/skeleton.shadow.css';\n\ntype BarItem = {\n  /**\n   * Value\n   */\n  value: number;\n  /**\n   * Color of value\n   */\n  color?: string;\n};\n\nexport type TrendBarProps = CommonTrendProps & {\n  /**\n   * Data to bar chart\n   */\n  data: BarItem[];\n};\n\nclass TrendBarRoot extends Trend<TrendBarProps, typeof TrendBarRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  get defaultData(): BarItem[] {\n    return [{ value: 20 }, { value: 80 }, { value: 45 }, { value: 10 }];\n  }\n\n  get data(): BarItem[] {\n    const { data, loading } = this.asProps;\n\n    if (loading) {\n      return this.defaultData;\n    }\n\n    return data;\n  }\n\n  render() {\n    const STrendBar = Root;\n    const { styles, resolveColor, isHistogram, animate, loading } = this.asProps;\n    const step = this.defaultWidth / this.data.length;\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <STrendBar render={Box} ref={this.containerRef} __excludeProps={['data', ...__excludeProps]}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={`0 0 ${this.svgWidth} ${this.svgHeight}`}\n          role='img'\n          {...extractedAriaProps}\n        >\n          {this.data.map((barItem, index) => {\n            let color = resolveColor('chart-palette-order-other-data');\n\n            if (barItem.color) {\n              color = resolveColor(barItem.color);\n            }\n\n            return (\n              <rect\n                key={index}\n                x={step * index}\n                y={this.defaultHeight - barItem.value}\n                width={isHistogram ? step : step * 0.8}\n                height={barItem.value}\n                fill={color}\n              >\n                {animate && !loading && (\n                  <animate\n                    attributeName='y'\n                    values={`${this.defaultHeight};${this.defaultHeight - barItem.value}`}\n                    dur='500ms'\n                  />\n                )}\n              </rect>\n            );\n          })}\n        </svg>\n      </STrendBar>,\n    );\n  }\n}\n\nexport const TrendBar = createComponent<'svg', TrendBarProps, {}, typeof TrendBarRoot.enhance>(TrendBarRoot);\n\nTrendBar.displayName = 'MiniChart.TrendBar';\n\nexport const TrendHistogram = createComponent<'svg', TrendBarProps, {}, typeof TrendBarRoot.enhance>(\n  TrendBarRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: TrendBarProps) => {\n            return assignProps(props, { isHistogram: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nTrendBar.displayName = 'MiniChart.TrendHistogram';\n"],"mappings":"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","ignoreList":[]}