intergalactic 15.122.0 → 15.123.0

package/mini-chart/lib/es6/component/score/Donut.mjs

@@ -0,0 +1,125 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { assignProps } from 'intergalactic/core';
+/*__reshadow-styles__:"./donut.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_mhc2s{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_mhc2s_gg_.__loading_mhc2s_gg_,.___SLineGauge_mhc2s_gg_.__loading_mhc2s_gg_,.___STrendBar_mhc2s_gg_.__loading_mhc2s_gg_,.___STrendLine_mhc2s_gg_.__loading_mhc2s_gg_{animation-name:pulse_mhc2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_mhc2s_gg_.__semi_mhc2s_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_mhc2s_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_mhc2s_gg_.__animate_mhc2s_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "mhc2s_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_mhc2s_gg_",
+  "_loading": "__loading_mhc2s_gg_",
+  "__SDonutContainer": "___SDonutContainer_mhc2s_gg_",
+  "__STrendLine": "___STrendLine_mhc2s_gg_",
+  "__STrendBar": "___STrendBar_mhc2s_gg_",
+  "@pulse": "pulse_mhc2s",
+  "_animate": "__animate_mhc2s_gg_",
+  "_semi": "__semi_mhc2s_gg_"
+});
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
+var DonutRoot = /*#__PURE__*/function (_Component) {
+  _inherits(DonutRoot, _Component);
+  var _super = _createSuper(DonutRoot);
+  function DonutRoot() {
+    _classCallCheck(this, DonutRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(DonutRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SDonutContainer = Box;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        styles = _this$asProps.styles,
+        _this$asProps$baseBgC = _this$asProps.baseBgColor,
+        baseBgColor = _this$asProps$baseBgC === void 0 ? 'chart-grid-bar-chart-base-bg' : _this$asProps$baseBgC,
+        _this$asProps$color = _this$asProps.color,
+        color = _this$asProps$color === void 0 ? 'chart-palette-order-1' : _this$asProps$color,
+        resolveColor = _this$asProps.resolveColor,
+        isSemiDonut = _this$asProps.isSemiDonut,
+        loading = _this$asProps.loading;
+      var strokeWidth = isSemiDonut ? 6 : 4;
+      var radius = isSemiDonut ? 9 : 10;
+      var baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;
+      var valueStrokeDasharray = baseStrokeDasharray * (value / 100);
+      var greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);
+      var offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;
+      var strokeDasharrayBetweenSpaces = "".concat(greyStrokeDasharray - 2 * offsetPoint, " ").concat(offsetPoint);
+      var spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 99 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
+      if (isSemiDonut) {
+        spaceStrokeDasharray = "".concat(offsetPoint, " ").concat(value < 95 ? "".concat(strokeDasharrayBetweenSpaces) : '', " ").concat(baseStrokeDasharray);
+      }
+      var viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';
+      var strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));
+      var _extractAriaProps = extractAriaProps(this.asProps),
+        __excludeProps = _extractAriaProps.__excludeProps,
+        extractedAriaProps = _extractAriaProps.extractedAriaProps;
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SDonutContainer, _ref2.cn("SDonutContainer", _objectSpread({}, _assignProps({
+        "semi": isSemiDonut,
+        "__excludeProps": __excludeProps
+      }, _ref))), /*#__PURE__*/React.createElement("svg", _ref2.cn("svg", _objectSpread({
+        "width": '100%',
+        "height": '100%',
+        "viewBox": viewBox,
+        "fill": 'none',
+        "role": 'img'
+      }, extractedAriaProps)), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {}), /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor(baseBgColor),
+        "strokeDasharray": loading ? undefined : "".concat(greyStrokeDasharray, " ").concat(baseStrokeDasharray),
+        "strokeDashoffset": strokeDashoffsetBase
+      })), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor(color),
+        "strokeDasharray": "".concat(valueStrokeDasharray, " ").concat(baseStrokeDasharray),
+        "strokeDashoffset": valueStrokeDasharray
+      }), /*#__PURE__*/React.createElement("animate", _ref2.cn("animate", {
+        "attributeName": 'stroke-dashoffset',
+        "values": "0;".concat(valueStrokeDasharray)
+      }))), value !== 100 && !isSemiDonut && /*#__PURE__*/React.createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor('chart-grid-border'),
+        "strokeDasharray": spaceStrokeDasharray,
+        "strokeDashoffset": -1 * valueStrokeDasharray
+      }))))));
+    }
+  }]);
+  return DonutRoot;
+}(Component);
+_defineProperty(DonutRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(DonutRoot, "style", style);
+_defineProperty(DonutRoot, "defaultProps", {
+  animate: true
+});
+export var ScoreDonut = createComponent(DonutRoot);
+ScoreDonut.displayName = 'MiniChart.ScoreDonut';
+export var ScoreSemiDonut = createComponent(DonutRoot, {}, {
+  enhancements: [function () {
+    return {
+      wrapperProps: function wrapperProps(props) {
+        return assignProps(props, {
+          isSemiDonut: true
+        });
+      }
+    };
+  }]
+});
+ScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';
+//# sourceMappingURL=Donut.mjs.map

package/mini-chart/lib/es6/component/score/Donut.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.mjs","names":["React","createComponent","Component","Root","sstyled","Box","resolveColorEnhance","assignProps","style","_sstyled","insert","extractAriaProps","DonutRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SDonutContainer","_this$asProps","styles","_this$asProps$baseBgC","baseBgColor","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","strokeDashoffsetBase","_extractAriaProps","__excludeProps","extractedAriaProps","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","_defineProperty","animate","ScoreDonut","displayName","ScoreSemiDonut","enhancements","wrapperProps","props"],"sources":["../../../../src/component/score/Donut.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { assignProps } from '@semcore/core';\nimport { CommonScoreProps } from './Score';\n\nimport style from './donut.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, typeof DonutRoot.enhance> {\n  static enhance = [resolveColorEnhance()] as const;\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SDonutContainer = Root;\n    const {\n      value,\n      styles,\n      baseBgColor = 'chart-grid-bar-chart-base-bg',\n      color = 'chart-palette-order-1',\n      resolveColor,\n      isSemiDonut,\n      loading,\n    } = this.asProps;\n\n    const strokeWidth = isSemiDonut ? 6 : 4;\n    const radius = isSemiDonut ? 9 : 10;\n    const baseStrokeDasharray = isSemiDonut ? Math.PI * radius : Math.PI * 2 * radius;\n    const valueStrokeDasharray = baseStrokeDasharray * (value / 100);\n    const greyStrokeDasharray = baseStrokeDasharray * ((100 - value) / 100);\n    const offsetPoint = isSemiDonut ? baseStrokeDasharray / (100 / 3) : baseStrokeDasharray / 100;\n\n    const strokeDasharrayBetweenSpaces = `${greyStrokeDasharray - 2 * offsetPoint} ${offsetPoint}`;\n\n    let spaceStrokeDasharray = `${offsetPoint} ${\n      value < 99 ? `${strokeDasharrayBetweenSpaces}` : ''\n    } ${baseStrokeDasharray}`;\n\n    if (isSemiDonut) {\n      spaceStrokeDasharray = `${offsetPoint} ${\n        value < 95 ? `${strokeDasharrayBetweenSpaces}` : ''\n      } ${baseStrokeDasharray}`;\n    }\n\n    const viewBox = isSemiDonut ? '0 0 24 12' : '0 0 24 24';\n    const strokeDashoffsetBase = -1 * (valueStrokeDasharray + (isSemiDonut ? offsetPoint : 0));\n    const { __excludeProps, extractedAriaProps } = extractAriaProps(this.asProps);\n\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut} __excludeProps={__excludeProps}>\n        <svg\n          width='100%'\n          height='100%'\n          viewBox={viewBox}\n          fill='none'\n          role='img'\n          {...extractedAriaProps}\n        >\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor(baseBgColor)}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={strokeDashoffsetBase}\n            />\n            {!loading && (\n              <>\n                <circle\n                  cx='12'\n                  cy='12'\n                  r={radius}\n                  strokeWidth={strokeWidth}\n                  stroke={resolveColor(color)}\n                  strokeDasharray={`${valueStrokeDasharray} ${baseStrokeDasharray}`}\n                  strokeDashoffset={valueStrokeDasharray}\n                >\n                  <animate\n                    attributeName={'stroke-dashoffset'}\n                    values={`0;${valueStrokeDasharray}`}\n                  />\n                </circle>\n                {value !== 100 && !isSemiDonut && (\n                  <circle\n                    cx='12'\n                    cy='12'\n                    r={radius}\n                    strokeWidth={strokeWidth}\n                    stroke={resolveColor('chart-grid-border')}\n                    strokeDasharray={spaceStrokeDasharray}\n                    strokeDashoffset={-1 * valueStrokeDasharray}\n                  />\n                )}\n              </>\n            )}\n          </g>\n        </svg>\n      </SDonutContainer>,\n    );\n  }\n}\n\nexport const ScoreDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> =\n  createComponent(DonutRoot);\n\nScoreDonut.displayName = 'MiniChart.ScoreDonut';\n\nexport const ScoreSemiDonut: ComponentType<ScoreDonutProps, {}, {}, Enhances> = createComponent(\n  DonutRoot,\n  {},\n  {\n    enhancements: [\n      () => {\n        return {\n          wrapperProps: (props: ScoreDonutProps) => {\n            return assignProps(props, { isSemiDonut: true });\n          },\n        };\n      },\n    ],\n  },\n);\n\nScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';\n"],"mappings":"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"}

package/mini-chart/lib/es6/component/score/Line.mjs

@@ -0,0 +1,133 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Box, Flex } from 'intergalactic/flex-box';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+/*__reshadow-styles__:"./line.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_yh2o2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_yh2o2{0%{transform:translateX(0)}to{transform:translateX(100%)}}.___SDonutContainer_yh2o2_gg_.__loading_yh2o2_gg_,.___SLineGauge_yh2o2_gg_.__loading_yh2o2_gg_,.___STrendBar_yh2o2_gg_.__loading_yh2o2_gg_,.___STrendLine_yh2o2_gg_.__loading_yh2o2_gg_{animation-name:pulse_yh2o2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_yh2o2_gg_{height:8px;background-color:var(--base-bg-color_yh2o2, var(--intergalactic-chart-grid-bar-chart-base-bg, #e0e1e9));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineValue_yh2o2_gg_{height:8px;border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_yh2o2_gg_.__percent_yh2o2_gg_{width:var(--percent_yh2o2)}.___SLineSegmentItem_yh2o2_gg_.__color_yh2o2_gg_,.___SLineValue_yh2o2_gg_.__color_yh2o2_gg_{background-color:var(--color_yh2o2, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_yh2o2_gg_.__segments_yh2o2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SAnimationLine_yh2o2_gg_,.___SLineGaugeSegment_yh2o2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_yh2o2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_yh2o2_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_yh2o2_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_yh2o2;animation-duration:.5s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}" /*__inner_css_end__*/, "yh2o2_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_yh2o2_gg_",
+  "_loading": "__loading_yh2o2_gg_",
+  "__SDonutContainer": "___SDonutContainer_yh2o2_gg_",
+  "__STrendLine": "___STrendLine_yh2o2_gg_",
+  "__STrendBar": "___STrendBar_yh2o2_gg_",
+  "@pulse": "pulse_yh2o2",
+  "--base-bg-color": "--base-bg-color_yh2o2",
+  "__SLineValue": "___SLineValue_yh2o2_gg_",
+  "_percent": "__percent_yh2o2_gg_",
+  "--percent": "--percent_yh2o2",
+  "_color": "__color_yh2o2_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_yh2o2_gg_",
+  "--color": "--color_yh2o2",
+  "_segments": "__segments_yh2o2_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_yh2o2_gg_",
+  "__SAnimationLine": "___SAnimationLine_yh2o2_gg_",
+  "@move-line": "move-line_yh2o2"
+});
+var LineRoot = /*#__PURE__*/function (_Component) {
+  _inherits(LineRoot, _Component);
+  var _super = _createSuper(LineRoot);
+  function LineRoot() {
+    _classCallCheck(this, LineRoot);
+    return _super.apply(this, arguments);
+  }
+  _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({
+          "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, "%");
+      }
+      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", {})));
+    }
+  }]);
+  return LineRoot;
+}(Component);
+_defineProperty(LineRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(LineRoot, "displayName", 'ScoreLine');
+_defineProperty(LineRoot, "style", style);
+_defineProperty(LineRoot, "defaultProps", {
+  animate: true
+});
+function Segment(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var styles = props.styles;
+  var SLineSegmentItem = Box;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SLineSegmentItem, _ref6.cn("SLineSegmentItem", _objectSpread({}, _assignProps3({}, _ref2))));
+}
+Segment.displayName = 'Segment';
+export var ScoreLine = createComponent(LineRoot, {
+  Segment: Segment
+});
+ScoreLine.displayName = 'MiniChart.ScoreLine';
+//# sourceMappingURL=Line.mjs.map

package/mini-chart/lib/es6/component/score/Line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.mjs","names":["React","createComponent","Component","Root","sstyled","Box","Flex","resolveColorEnhance","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getSegmentProps","segmentProps","_this$asProps","asProps","children","resolveColor","sum","Children","forEach","child","isValidElement","props","width","w","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\n\nimport style from './line.shadow.css';\nimport {\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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"}

package/mini-chart/lib/es6/component/score/Line.types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Line.types.mjs.map

package/mini-chart/lib/es6/component/score/Line.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.types.mjs","names":[],"sources":["../../../../src/component/score/Line.types.ts"],"sourcesContent":["import { Intergalactic, ComponentType } from '@semcore/utils/lib/core';\nimport { CommonScoreProps } from './Score';\nimport React from 'react';\nimport { BoxProps, Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\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":""}

package/mini-chart/lib/es6/component/score/Score.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Score.mjs.map

package/mini-chart/lib/es6/component/score/Score.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Score.mjs","names":[],"sources":["../../../../src/component/score/Score.ts"],"sourcesContent":["export type CommonScoreProps = {\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  /**\n   * Color of value\n   */\n  color?: string;\n\n  /**\n   * Color of background\n   */\n  baseBgColor?: string;\n\n  /**\n   * Flag to enable skeleton\n   * @default false\n   */\n  loading?: boolean;\n\n  /**\n   * Flag to enable animate of charts\n   * @default true\n   */\n  animate?: boolean;\n};\n"],"mappings":""}

package/mini-chart/lib/es6/component/score/index.mjs

@@ -0,0 +1,4 @@
+import { ScoreDonut, ScoreSemiDonut } from './Donut';
+import { ScoreLine } from './Line';
+export { ScoreDonut, ScoreSemiDonut, ScoreLine };
+//# sourceMappingURL=index.mjs.map

package/mini-chart/lib/es6/component/score/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ScoreDonut","ScoreSemiDonut","ScoreLine"],"sources":["../../../../src/component/score/index.ts"],"sourcesContent":["import { ScoreDonut, ScoreSemiDonut } from './Donut';\nimport { ScoreLine } from './Line';\n\nexport { ScoreDonut, ScoreSemiDonut, ScoreLine };\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,cAAc,QAAQ,SAAS;AACpD,SAASC,SAAS,QAAQ,QAAQ;AAElC,SAASF,UAAU,EAAEC,cAAc,EAAEC,SAAS"}

package/mini-chart/lib/es6/component/trend/Bar.mjs

@@ -0,0 +1,122 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { assignProps, Root, sstyled } from 'intergalactic/core';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { Trend } from './Trend';
+import { Box } from 'intergalactic/flex-box';
+/*__reshadow-styles__:"../skeleton/skeleton.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1impq{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_1impq_gg_.__loading_1impq_gg_,.___SLineGauge_1impq_gg_.__loading_1impq_gg_,.___STrendBar_1impq_gg_.__loading_1impq_gg_,.___STrendLine_1impq_gg_.__loading_1impq_gg_{animation-name:pulse_1impq;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}" /*__inner_css_end__*/, "1impq_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_1impq_gg_",
+  "_loading": "__loading_1impq_gg_",
+  "__SDonutContainer": "___SDonutContainer_1impq_gg_",
+  "__STrendLine": "___STrendLine_1impq_gg_",
+  "__STrendBar": "___STrendBar_1impq_gg_",
+  "@pulse": "pulse_1impq"
+});
+import { extractAriaProps } from 'intergalactic/utils/lib/ariaProps';
+var TrendBarRoot = /*#__PURE__*/function (_Trend) {
+  _inherits(TrendBarRoot, _Trend);
+  var _super = _createSuper(TrendBarRoot);
+  function TrendBarRoot() {
+    _classCallCheck(this, TrendBarRoot);
+    return _super.apply(this, arguments);
+  }
+  _createClass(TrendBarRoot, [{
+    key: "defaultData",
+    get: function get() {
+      return [{
+        value: 20
+      }, {
+        value: 80
+      }, {
+        value: 45
+      }, {
+        value: 10
+      }];
+    }
+  }, {
+    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({
+        "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'
+        }));
+      })));
+    }
+  }]);
+  return TrendBarRoot;
+}(Trend);
+_defineProperty(TrendBarRoot, "enhance", [resolveColorEnhance()]);
+_defineProperty(TrendBarRoot, "style", style);
+_defineProperty(TrendBarRoot, "defaultProps", {
+  animate: true
+});
+export var TrendBar = createComponent(TrendBarRoot);
+TrendBar.displayName = 'MiniChart.TrendBar';
+export var TrendHistogram = createComponent(TrendBarRoot, {}, {
+  enhancements: [function () {
+    return {
+      wrapperProps: function wrapperProps(props) {
+        return assignProps(props, {
+          isHistogram: true
+        });
+      }
+    };
+  }]
+});
+TrendBar.displayName = 'MiniChart.TrendHistogram';
+//# sourceMappingURL=Bar.mjs.map

package/mini-chart/lib/es6/component/trend/Bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.mjs","names":["React","createComponent","assignProps","Root","sstyled","resolveColorEnhance","Trend","Box","style","_sstyled","insert","extractAriaProps","TrendBarRoot","_Trend","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_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 React from 'react';\nimport createComponent, { ComponentType, assignProps, Root, sstyled } from '@semcore/core';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { Trend, CommonTrendProps } from './Trend';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../skeleton/skeleton.shadow.css';\nimport { extractAriaProps } from '@semcore/utils/lib/ariaProps';\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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"}