intergalactic 15.51.0-prerelease.0-prerelease-677bb0c2 → 15.52.0-prerelease-e6d2b891

package/mini-chart/component/score/Score.d.ts

@@ -0,0 +1,20 @@
+export type CommonScoreProps = {
+    /**
+     * Value of score (in percents from 0 to 100) or count of selected segments (for Line with segments)
+     */
+    value: number;
+    /**
+     * Color of value
+     */
+    color?: string;
+    /**
+     * Flag to enable skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Flag to enable animate of charts
+     * @default true
+     */
+    animate?: boolean;
+};

package/mini-chart/component/score/index.d.ts

@@ -0,0 +1,3 @@
+import { ScoreDonut, ScoreSemiDonut } from './Donut';
+import { ScoreLine } from './Line';
+export { ScoreDonut, ScoreSemiDonut, ScoreLine };

package/mini-chart/component/trend/Bar.d.ts

@@ -0,0 +1,26 @@
+import { ComponentType } from 'intergalactic/core';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { CommonTrendProps } from './Trend';
+type BarItem = {
+    /**
+     * Value
+     */
+    value: number;
+    /**
+     * Color of value
+     */
+    color?: string;
+};
+export type TrendBarProps = CommonTrendProps & {
+    /**
+     * Data to bar chart
+     */
+    data: BarItem[];
+};
+type Enhances = {
+    resolveColor: ReturnType<typeof resolveColorEnhance>;
+    isHistogram?: true;
+};
+export declare const TrendBar: ComponentType<TrendBarProps, {}, {}, Enhances>;
+export declare const TrendHistogram: ComponentType<TrendBarProps, {}, {}, Enhances>;
+export {};

package/mini-chart/component/trend/Line.d.ts

@@ -0,0 +1,29 @@
+import { ComponentType } from 'intergalactic/core';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { CommonTrendProps } from './Trend';
+export type TrendLineProps = CommonTrendProps & {
+    /**
+     * List of values
+     */
+    data: number[];
+    /**
+     * Color of line
+     */
+    color?: string;
+    /**
+     * Color of last point in chart
+     */
+    lastPointColor?: string;
+    /**
+     * Radius for last point item
+     */
+    lastPointRadius?: number;
+};
+type Enhances = {
+    uid: string;
+    resolveColor: ReturnType<typeof resolveColorEnhance>;
+    withArea?: true;
+};
+export declare const TrendLine: ComponentType<TrendLineProps, {}, {}, Enhances>;
+export declare const TrendArea: ComponentType<TrendLineProps, {}, {}, Enhances>;
+export {};

package/mini-chart/component/trend/Trend.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Component } from 'intergalactic/core';
+import { BoxProps } from 'intergalactic/flex-box';
+export type CommonTrendProps = BoxProps & {
+    /**
+     * Flag to enable animate of charts
+     * @default true
+     */
+    animate?: boolean;
+    /**
+     * Flag to enable skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Data for chart
+     */
+    data: any[];
+};
+export declare abstract class Trend<P extends CommonTrendProps, E> extends Component<P, {}, {
+    width: number;
+    height: number;
+}, E> {
+    state: {
+        width: number;
+        height: number;
+    };
+    containerRef: React.RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: P): void;
+    get defaultWidth(): number;
+    get defaultHeight(): number;
+    get svgWidth(): number;
+    get svgHeight(): number;
+    setSizes(): void;
+}

package/mini-chart/component/trend/index.d.ts

@@ -0,0 +1,3 @@
+import { TrendLine, TrendArea } from './Line';
+import { TrendBar, TrendHistogram } from './Bar';
+export { TrendLine, TrendArea, TrendBar, TrendHistogram };

package/mini-chart/index.d.ts

@@ -0,0 +1,12 @@
+import { ScoreLine, ScoreDonut, ScoreSemiDonut } from './component/score';
+import { TrendLine, TrendArea, TrendBar, TrendHistogram } from './component/trend';
+declare const miniCharts: {
+    TrendLine: typeof TrendLine;
+    TrendArea: typeof TrendArea;
+    TrendBar: typeof TrendBar;
+    TrendHistogram: typeof TrendHistogram;
+    ScoreSemiDonut: typeof ScoreSemiDonut;
+    ScoreDonut: typeof ScoreDonut;
+    ScoreLine: typeof ScoreLine;
+};
+export default miniCharts;

package/mini-chart/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+module.exports.__esModule = true;
+var item = require("./lib/cjs/index");
+module.exports = item['default'] || {};
+Object.keys(item).forEach(function (key) {
+  module.exports[key] = item[key];
+});

package/mini-chart/index.mjs

@@ -0,0 +1,2 @@
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

package/mini-chart/lib/cjs/component/score/Donut.js

@@ -0,0 +1,123 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScoreSemiDonut = exports.ScoreDonut = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
+var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+/*__reshadow-styles__:"./donut.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_fe5yo{0%,to{opacity:1}50%{opacity:.4}}.___SDonutContainer_fe5yo_gg_.__loading_fe5yo_gg_,.___SLineGauge_fe5yo_gg_.__loading_fe5yo_gg_,.___STrendBar_fe5yo_gg_.__loading_fe5yo_gg_,.___STrendLine_fe5yo_gg_.__loading_fe5yo_gg_{animation-name:pulse_fe5yo;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SDonutContainer_fe5yo_gg_.__semi_fe5yo_gg_ g{transform:rotate(180deg) translate(-24px,-24px)}.___SDonutContainer_fe5yo_gg_ g{transform:rotate(-90deg) translate(-24px)}.___SDonutContainer_fe5yo_gg_.__animate_fe5yo_gg_ circle{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out}" /*__inner_css_end__*/, "fe5yo_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_fe5yo_gg_",
+  "_loading": "__loading_fe5yo_gg_",
+  "__SDonutContainer": "___SDonutContainer_fe5yo_gg_",
+  "__STrendLine": "___STrendLine_fe5yo_gg_",
+  "__STrendBar": "___STrendBar_fe5yo_gg_",
+  "@pulse": "pulse_fe5yo",
+  "_animate": "__animate_fe5yo_gg_",
+  "_semi": "__semi_fe5yo_gg_"
+});
+var DonutRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(DonutRoot, _Component);
+  var _super = (0, _createSuper2["default"])(DonutRoot);
+  function DonutRoot() {
+    (0, _classCallCheck2["default"])(this, DonutRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(DonutRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref2;
+      var SDonutContainer = _flexBox.Box;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        styles = _this$asProps.styles,
+        _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';
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDonutContainer, _ref2.cn("SDonutContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "semi": isSemiDonut
+      }, _ref))), /*#__PURE__*/_react["default"].createElement("svg", _ref2.cn("svg", {
+        "width": '100%',
+        "height": '100%',
+        "viewBox": viewBox,
+        "fill": 'none'
+      }), /*#__PURE__*/_react["default"].createElement("g", _ref2.cn("g", {}), /*#__PURE__*/_react["default"].createElement("circle", _ref2.cn("circle", {
+        "cx": '12',
+        "cy": '12',
+        "r": radius,
+        "strokeWidth": strokeWidth,
+        "stroke": resolveColor('skeleton-bg'),
+        "strokeDasharray": loading ? undefined : "".concat(greyStrokeDasharray, " ").concat(baseStrokeDasharray),
+        "strokeDashoffset": -1 * valueStrokeDasharray
+      })), !loading && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].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["default"].createElement("animate", _ref2.cn("animate", {
+        "attributeName": 'stroke-dashoffset',
+        "values": "0;".concat(valueStrokeDasharray)
+      }))), value !== 100 && /*#__PURE__*/_react["default"].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;
+}(_core.Component);
+(0, _defineProperty2["default"])(DonutRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(DonutRoot, "style", style);
+(0, _defineProperty2["default"])(DonutRoot, "defaultProps", {
+  animate: true
+});
+var ScoreDonut = (0, _core["default"])(DonutRoot);
+exports.ScoreDonut = ScoreDonut;
+ScoreDonut.displayName = 'MiniChart.ScoreDonut';
+var ScoreSemiDonut = (0, _core["default"])(DonutRoot, {}, {
+  enhancements: [function () {
+    return {
+      wrapperProps: function wrapperProps(props) {
+        return (0, _core.assignProps)(props, {
+          isSemiDonut: true
+        });
+      }
+    };
+  }]
+});
+exports.ScoreSemiDonut = ScoreSemiDonut;
+ScoreSemiDonut.displayName = 'MiniChart.ScoreSemiDonut';
+//# sourceMappingURL=Donut.js.map

package/mini-chart/lib/cjs/component/score/Donut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Donut.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","sstyled","insert","DonutRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SDonutContainer","Box","_this$asProps","styles","_this$asProps$color","color","resolveColor","isSemiDonut","loading","strokeWidth","radius","baseStrokeDasharray","Math","PI","valueStrokeDasharray","greyStrokeDasharray","offsetPoint","strokeDasharrayBetweenSpaces","concat","spaceStrokeDasharray","viewBox","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","_defineProperty2","resolveColorEnhance","animate","ScoreDonut","createComponent","exports","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';\n\nexport type ScoreDonutProps = BoxProps & CommonScoreProps;\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n  isSemiDonut?: true;\n};\n\nclass DonutRoot extends Component<ScoreDonutProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\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      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\n    return sstyled(styles)(\n      <SDonutContainer render={Box} semi={isSemiDonut}>\n        <svg width='100%' height='100%' viewBox={viewBox} fill='none'>\n          <g>\n            <circle\n              cx='12'\n              cy='12'\n              r={radius}\n              strokeWidth={strokeWidth}\n              stroke={resolveColor('skeleton-bg')}\n              strokeDasharray={\n                loading ? undefined : `${greyStrokeDasharray} ${baseStrokeDasharray}`\n              }\n              strokeDashoffset={-1 * valueStrokeDasharray}\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 && (\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/cjs/component/score/Line.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScoreLine = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
+var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+/*__reshadow-styles__:"./line.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_5kfd2{0%,to{opacity:1}50%{opacity:.4}}@keyframes move-line_5kfd2{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.___SDonutContainer_5kfd2_gg_.__loading_5kfd2_gg_,.___SLineGauge_5kfd2_gg_.__loading_5kfd2_gg_,.___STrendBar_5kfd2_gg_.__loading_5kfd2_gg_,.___STrendLine_5kfd2_gg_.__loading_5kfd2_gg_{animation-name:pulse_5kfd2;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:1.6s;will-change:opacity}.___SLineGauge_5kfd2_gg_{height:8px;background-color:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));border-radius:var(--intergalactic-chart-rounded, 2px);overflow:hidden;position:relative}.___SLineGauge_5kfd2_gg_.__animate_5kfd2_gg_ .___SLineValue_5kfd2_gg_{transition:all var(--intergalactic-duration-extra-slow, 500) ease-in-out;animation-name:move-line_5kfd2;animation-duration:.5s;animation-timing-function:ease-in-out}.___SLineValue_5kfd2_gg_{height:8px;background-color:var(--intergalactic-chart-palette-order-1, #2bb3ff);border-radius:var(--intergalactic-chart-rounded, 2px)0 0 var(--intergalactic-chart-rounded, 2px)}.___SLineValue_5kfd2_gg_.__percent_5kfd2_gg_{width:var(--percent_5kfd2)}.___SLineValue_5kfd2_gg_.__color_5kfd2_gg_{background-color:var(--color_5kfd2, var(--intergalactic-chart-palette-order-1, #2bb3ff))}.___SLineGauge_5kfd2_gg_.__segments_5kfd2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGauge_5kfd2_gg_.__segments_5kfd2_gg_ .___SLineValue_5kfd2_gg_{border-radius:var(--intergalactic-progress-bar-rounded, 6px)0 0 var(--intergalactic-progress-bar-rounded, 6px)}.___SLineGaugeSegment_5kfd2_gg_{position:absolute;top:0;left:0;right:0;bottom:0}.___SLineSegmentItem_5kfd2_gg_:last-child{margin-right:0;border-right:none}.___SLineSegmentItem_5kfd2_gg_{height:8px;background:0 0;margin-right:1px;border-right-color:var(--intergalactic-chart-grid-border, #ffffff);border-right-style:solid;border-right-width:1px;box-sizing:content-box}" /*__inner_css_end__*/, "5kfd2_gg_") /*__reshadow_css_end__*/, {
+  "__SLineGauge": "___SLineGauge_5kfd2_gg_",
+  "_loading": "__loading_5kfd2_gg_",
+  "__SDonutContainer": "___SDonutContainer_5kfd2_gg_",
+  "__STrendLine": "___STrendLine_5kfd2_gg_",
+  "__STrendBar": "___STrendBar_5kfd2_gg_",
+  "@pulse": "pulse_5kfd2",
+  "_animate": "__animate_5kfd2_gg_",
+  "__SLineValue": "___SLineValue_5kfd2_gg_",
+  "_percent": "__percent_5kfd2_gg_",
+  "--percent": "--percent_5kfd2",
+  "_color": "__color_5kfd2_gg_",
+  "--color": "--color_5kfd2",
+  "_segments": "__segments_5kfd2_gg_",
+  "__SLineGaugeSegment": "___SLineGaugeSegment_5kfd2_gg_",
+  "__SLineSegmentItem": "___SLineSegmentItem_5kfd2_gg_",
+  "@move-line": "move-line_5kfd2"
+});
+var LineRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(LineRoot, _Component);
+  var _super = (0, _createSuper2["default"])(LineRoot);
+  function LineRoot() {
+    (0, _classCallCheck2["default"])(this, LineRoot);
+    return _super.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(LineRoot, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var SLineGauge = _flexBox.Box;
+      var SLineValue = _flexBox.Box;
+      var SLineGaugeSegment = _flexBox.Flex;
+      var SLineSegmentItem = _flexBox.Box;
+      var _this$asProps = this.asProps,
+        value = _this$asProps.value,
+        styles = _this$asProps.styles,
+        _this$asProps$color = _this$asProps.color,
+        color = _this$asProps$color === void 0 ? 'chart-palette-order-1' : _this$asProps$color,
+        resolveColor = _this$asProps.resolveColor,
+        segments = _this$asProps.segments,
+        loading = _this$asProps.loading;
+      var SegmentItems = [];
+      if (segments) {
+        for (var i = 0; i < segments; i++) {
+          var _ref2;
+          var width = "calc((100% - ".concat(segments - 1, "px) / ").concat(segments, ")");
+          SegmentItems.push((_ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineSegmentItem, _ref2.cn("SLineSegmentItem", {
+            "key": i,
+            "color": i < value ? resolveColor(color) : undefined,
+            "w": width
+          }))));
+        }
+      }
+      var percent = "".concat(value, "%");
+      if (segments) {
+        percent = "".concat(value / segments * 100, "%");
+      }
+      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLineGauge, _ref3.cn("SLineGauge", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), !loading && /*#__PURE__*/_react["default"].createElement(SLineValue, _ref3.cn("SLineValue", {
+        "w": percent,
+        "color": resolveColor(color)
+      })), Boolean(SegmentItems.length) && /*#__PURE__*/_react["default"].createElement(SLineGaugeSegment, _ref3.cn("SLineGaugeSegment", {}), SegmentItems));
+    }
+  }]);
+  return LineRoot;
+}(_core.Component);
+(0, _defineProperty2["default"])(LineRoot, "enhance", [(0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(LineRoot, "style", style);
+(0, _defineProperty2["default"])(LineRoot, "defaultProps", {
+  animate: true
+});
+var ScoreLine = (0, _core["default"])(LineRoot);
+exports.ScoreLine = ScoreLine;
+ScoreLine.displayName = 'MiniChart.ScoreLine';
+//# sourceMappingURL=Line.js.map

package/mini-chart/lib/cjs/component/score/Line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_resolveColorEnhance","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref3","SLineGauge","Box","SLineValue","SLineGaugeSegment","Flex","SLineSegmentItem","_this$asProps","styles","_this$asProps$color","color","resolveColor","segments","loading","SegmentItems","i","_ref2","width","concat","push","createElement","cn","undefined","percent","_objectSpread2","assignProps","Boolean","length","Component","_defineProperty2","resolveColorEnhance","animate","ScoreLine","createComponent","exports","displayName"],"sources":["../../../../src/component/score/Line.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, ComponentType } from '@semcore/core';\nimport { Box, Flex, BoxProps } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { CommonScoreProps } from './Score';\n\nimport style from './line.shadow.css';\n\nexport type ScoreLineGaugeProps = BoxProps &\n  CommonScoreProps & {\n    /**\n     * Count of line segments\n     */\n    segments?: number;\n  };\n\ntype Enhances = {\n  resolveColor: ReturnType<typeof resolveColorEnhance>;\n};\n\nclass LineRoot extends Component<ScoreLineGaugeProps, {}, {}, Enhances> {\n  static enhance = [resolveColorEnhance()];\n\n  static style = style;\n\n  static defaultProps = {\n    animate: true,\n  };\n\n  render() {\n    const SLineGauge = Root;\n    const SLineValue = Box;\n    const SLineGaugeSegment = Flex;\n    const SLineSegmentItem = Box;\n    const {\n      value,\n      styles,\n      color = 'chart-palette-order-1',\n      resolveColor,\n      segments,\n      loading,\n    } = 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}>\n        {!loading && <SLineValue w={percent} color={resolveColor(color)} />}\n        {Boolean(SegmentItems.length) && <SLineGaugeSegment>{SegmentItems}</SLineGaugeSegment>}\n      </SLineGauge>,\n    );\n  }\n}\n\nexport const ScoreLine: ComponentType<ScoreLineGaugeProps, {}, {}, Enhances> =\n  createComponent(LineRoot);\n\nScoreLine.displayName = 'MiniChart.ScoreLine';\n"],"mappings":"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"}

package/mini-chart/lib/cjs/component/score/Score.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Score.js.map

package/mini-chart/lib/cjs/component/score/Score.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Score.js","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   * 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/cjs/component/score/donut.shadow.css

@@ -0,0 +1,17 @@
+@import '../skeleton/skeleton.shadow.css';
+
+SDonutContainer[semi] {
+  g {
+    transform: rotate(180deg) translate(-24px, -24px);
+  }
+}
+
+SDonutContainer {
+  g {
+    transform: rotate(-90deg) translate(-24px)
+  }
+}
+
+SDonutContainer[animate] circle {
+  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
+}

package/mini-chart/lib/cjs/component/score/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ScoreDonut", {
+  enumerable: true,
+  get: function get() {
+    return _Donut.ScoreDonut;
+  }
+});
+Object.defineProperty(exports, "ScoreLine", {
+  enumerable: true,
+  get: function get() {
+    return _Line.ScoreLine;
+  }
+});
+Object.defineProperty(exports, "ScoreSemiDonut", {
+  enumerable: true,
+  get: function get() {
+    return _Donut.ScoreSemiDonut;
+  }
+});
+var _Donut = require("./Donut");
+var _Line = require("./Line");
+//# sourceMappingURL=index.js.map

package/mini-chart/lib/cjs/component/score/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Donut","require","_Line"],"sources":["../../../../src/component/score/index.ts"],"sourcesContent":["import { ScoreDonut, ScoreSemiDonut } from './Donut';\nimport { ScoreLine } from './Line';\n\nexport { ScoreDonut, ScoreSemiDonut, ScoreLine };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA"}

package/mini-chart/lib/cjs/component/score/line.shadow.css

@@ -0,0 +1,66 @@
+@import '../skeleton/skeleton.shadow.css';
+
+SLineGauge {
+  height: 8px;
+  background-color: var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8));
+  border-radius: var(--intergalactic-chart-rounded, 2px);
+  overflow: hidden;
+  position: relative;
+}
+
+SLineGauge[animate] SLineValue {
+  transition: all var(--intergalactic-duration-extra-slow, 500) ease-in-out;
+  animation-name: move-line;
+  animation-duration: 0.5s;
+  animation-timing-function: ease-in-out;
+}
+
+SLineValue {
+  height: 8px;
+  background-color: var(--intergalactic-chart-palette-order-1, #2bb3ff);
+  border-radius: var(--intergalactic-chart-rounded, 2px) 0 0 var(--intergalactic-chart-rounded, 2px);
+}
+
+SLineValue[percent] {
+  width: var(--percent);
+}
+
+SLineValue[color] {
+  background-color: var(--color, var(--intergalactic-chart-palette-order-1, #2bb3ff));
+}
+
+SLineGauge[segments] {
+  border-radius: var(--intergalactic-progress-bar-rounded, 6px);
+}
+
+SLineGauge[segments] SLineValue {
+  border-radius: var(--intergalactic-progress-bar-rounded, 6px) 0 0 var(--intergalactic-progress-bar-rounded, 6px);
+}
+
+SLineGaugeSegment {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
+SLineSegmentItem:last-child {
+  margin-right: 0;
+  border-right: none;
+}
+
+SLineSegmentItem {
+  height: 8px;
+  background: transparent;
+  margin-right: 1px;
+  border-right-color: var(--intergalactic-chart-grid-border, #ffffff);
+  border-right-style: solid;
+  border-right-width: 1px;
+  box-sizing: content-box;
+}
+
+@keyframes move-line {
+  0% {transform: translateX(-100%);}
+  100% {transform: translateX(0);}
+}

package/mini-chart/lib/cjs/component/skeleton/skeleton.shadow.css

@@ -0,0 +1,24 @@
+SLineGauge[loading],
+SDonutContainer[loading],
+STrendLine[loading],
+STrendBar[loading] {
+  animation-name: pulse;
+  animation-iteration-count: infinite;
+  animation-timing-function: ease-in-out;
+  animation-duration: 1.6s;
+  will-change: opacity;
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: 0.4;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}