@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/components/ParameterCharts/SettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsContext.js","sources":["../../../src/components/ParameterCharts/SettingsContext.js"],"sourcesContent":["import { createContext } from 'react';\n\nimport { SETTINGS_KEY } from './constants';\n\nexport default createContext({\n  horizontal: false,\n  settingsKey: SETTINGS_KEY,\n  settings: {\n    [SETTINGS_KEY]: [],\n  },\n  onSettingsChange: () => {},\n});\n"],"names":["createContext","horizontal","settingsKey","SETTINGS_KEY","settings","onSettingsChange"],"mappings":";;;;AAIA,sBAAeA,aAAa,CAAC;AAC3BC,EAAAA,UAAU,EAAE,KAAK;AACjBC,EAAAA,WAAW,EAAEC,YAAY;AACzBC,EAAAA,QAAQ,EACLD,eAAAA,CAAAA,EAAAA,EAAAA,YAAY,EAAG,EAAE,CACnB;EACDE,gBAAgB,EAAE,4BAAM,EAAC;AAC3B,CAAC,CAAC;;;;"}

package/components/ParameterCharts/components/ChartContainer.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ChartContainer_container__kwguV {\n  flex: 1;\n  height: 100%;\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: flex-end;\n}\n\n.ChartContainer_horizontal__Ogc29 {\n  margin-right: 8px;\n}\n\n.ChartContainer_first__S7W9z {\n  height: 123px;\n}";
+var styles = {"container":"ChartContainer_container__kwguV","horizontal":"ChartContainer_horizontal__Ogc29","first":"ChartContainer_first__S7W9z"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ChartContainer.css.js.map

package/components/ParameterCharts/components/ChartContainer.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/Charts/EmptyChart.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".EmptyChart_container__N1bie {\n  height: 100px;\n  background: #272727;\n  display: flex;\n  position: relative;\n  height: 100px;\n  flex: 1;\n  justify-content: space-around;\n}\n\n.EmptyChart_yAxis__AAMM7 {\n  position: absolute;\n  height: 1px;\n  background: #414141;\n  left: 0;\n  top: 50%;\n  transform: translate(0, -50%);\n  width: 100%;\n}\n\n.EmptyChart_xAxis__tJfn0 {\n  border-right: 1px dashed #616161;\n}\n\n.EmptyChart_xAxis__tJfn0:last-child {\n  border-left: 1px dashed #616161;\n}";
+var styles = {"container":"EmptyChart_container__N1bie","yAxis":"EmptyChart_yAxis__AAMM7","xAxis":"EmptyChart_xAxis__tJfn0"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=EmptyChart.css.js.map

package/components/ParameterCharts/components/Charts/EmptyChart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/Charts/EmptyChart.js

@@ -0,0 +1,20 @@
+import styles from './EmptyChart.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var EmptyChart = function EmptyChart() {
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.container,
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.yAxis
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.xAxis
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.xAxis
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.xAxis
+    })]
+  });
+};
+
+export { EmptyChart as default };
+//# sourceMappingURL=EmptyChart.js.map

package/components/ParameterCharts/components/Charts/EmptyChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyChart.js","sources":["../../../../../src/components/ParameterCharts/components/Charts/EmptyChart.js"],"sourcesContent":["import styles from './EmptyChart.css';\n\nconst EmptyChart = () => (\n  <div className={styles.container}>\n    <div className={styles.yAxis} />\n    <div className={styles.xAxis} />\n    <div className={styles.xAxis} />\n    <div className={styles.xAxis} />\n  </div>\n);\n\nexport default EmptyChart;\n"],"names":["EmptyChart","_jsxs","styles","container","_jsx","yAxis","xAxis"],"mappings":";;;AAEMA,IAAAA,UAAU,GAAG,SAAbA,UAAU,GAAA;EAAA,oBACdC,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEC,MAAM,CAACC,SAAU;IAAA,QAC/B,EAAA,cAAAC,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,MAAM,CAACG,KAAAA;AAAM,KAAA,CAAG,eAChCD,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,MAAM,CAACI,KAAAA;AAAM,KAAA,CAAG,eAChCF,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,MAAM,CAACI,KAAAA;AAAM,KAAA,CAAG,eAChCF,GAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAEF,MAAM,CAACI,KAAAA;KAAS,CAAA,CAAA;GAC5B,CAAA,CAAA;AAAA;;;;"}

package/components/ParameterCharts/components/Charts/LineChart.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".LineChart_container__ymQPP {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n}";
+var styles = {"container":"LineChart_container__ymQPP"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=LineChart.css.js.map

package/components/ParameterCharts/components/Charts/LineChart.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/Charts/LineChart.js

@@ -0,0 +1,101 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useContext, useRef, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Highcharts from 'highcharts';
+import HighchartsReact from 'highcharts-react-official';
+import { toNumber } from 'lodash';
+import DataContext from '../../DataContext.js';
+import SettingsContext from '../../SettingsContext.js';
+import ChartsContext from '../../ChartsContext.js';
+import EmptyChart from './EmptyChart.js';
+import { getLineOptionsByTrack } from './options.js';
+import styles from './LineChart.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var LineChart = function LineChart(_ref) {
+  var traceSettings = _ref.traceSettings,
+    trackIndex = _ref.trackIndex;
+  var _useContext = useContext(DataContext),
+    parsedData = _useContext.parsedData,
+    indexes = _useContext.indexes;
+  var _useContext2 = useContext(ChartsContext),
+    onChartChange = _useContext2.onChartChange;
+  var _useContext3 = useContext(SettingsContext),
+    maxTracesCount = _useContext3.maxTracesCount,
+    multipleAssets = _useContext3.multipleAssets,
+    assestColors = _useContext3.assestColors;
+  var chartRef = useRef();
+  var options = useMemo(function () {
+    var result = getLineOptionsByTrack(trackIndex);
+    var defaultYAxis = result.yAxis;
+    result.yAxis = [];
+    if (multipleAssets) {
+      var traceSetting = traceSettings[0];
+      if (!traceSetting) return result;
+      var assetKeys = Object.keys(parsedData);
+      assetKeys.forEach(function (assetKey) {
+        result.series.push(_objectSpread(_objectSpread(_objectSpread({}, traceSetting), {}, {
+          lineColor: assestColors[assetKey]
+        }, parsedData[assetKey]["".concat(traceSetting.collection, ".").concat(traceSetting.key)]), {}, {
+          name: assetKey
+        }));
+        result.yAxis.push(_objectSpread(_objectSpread({}, defaultYAxis), {}, {
+          min: !traceSetting.autoScale && traceSetting.scaleMin ? toNumber(traceSetting.scaleMin) : undefined,
+          max: !traceSetting.autoScale && traceSetting.scaleMax ? toNumber(traceSetting.scaleMax) : undefined
+        }));
+      });
+    } else {
+      traceSettings.forEach(function (item) {
+        result.series.push(_objectSpread(_objectSpread({}, item), parsedData["".concat(item.collection, ".").concat(item.key)]));
+        result.yAxis.push(_objectSpread(_objectSpread({}, defaultYAxis), {}, {
+          min: !item.autoScale && item.scaleMin ? toNumber(item.scaleMin) : undefined,
+          max: !item.autoScale && item.scaleMax ? toNumber(item.scaleMax) : undefined
+        }));
+      });
+    }
+    return result;
+  }, [traceSettings, parsedData]);
+  useEffect(function () {
+    if (chartRef.current) {
+      chartRef.current.chart.xAxis[0].setExtremes(indexes.min, indexes.max);
+    }
+  }, [indexes.min, indexes.max]);
+  useEffect(function () {
+    if (chartRef.current) chartRef.current.chart.setSize();
+  }, [maxTracesCount]);
+  useEffect(function () {
+    onChartChange(trackIndex, chartRef);
+  }, [chartRef]);
+  var isEpmty = !options.series || !options.series.length || options.series.length === 1 && !options.series[0].data;
+  return useMemo(function () {
+    if (isEpmty) {
+      return /*#__PURE__*/jsx(EmptyChart, {});
+    }
+    return options && /*#__PURE__*/jsx(HighchartsReact, {
+      highcharts: Highcharts,
+      options: options,
+      ref: chartRef,
+      containerProps: {
+        className: styles.container
+      }
+    });
+  }, [options]);
+};
+LineChart.propTypes = {
+  traceSettings: PropTypes.arrayOf(PropTypes.shape({
+    dashStyle: PropTypes.string.isRequired,
+    id: PropTypes.string.isRequired,
+    key: PropTypes.string,
+    color: PropTypes.string,
+    name: PropTypes.string,
+    traceType: PropTypes.string.isRequired,
+    unit: PropTypes.string,
+    lineWidth: PropTypes.number.isRequired
+  }).isRequired).isRequired,
+  trackIndex: PropTypes.number.isRequired
+};
+
+export { LineChart as default };
+//# sourceMappingURL=LineChart.js.map

package/components/ParameterCharts/components/Charts/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","sources":["../../../../../src/components/ParameterCharts/components/Charts/LineChart.js"],"sourcesContent":["import { useRef, useContext, useMemo, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport Highcharts from 'highcharts';\nimport HighchartsReact from 'highcharts-react-official';\nimport { toNumber } from 'lodash';\n\nimport DataContext from '../../DataContext';\nimport SettingsContext from '../../SettingsContext';\nimport ChartsContext from '../../ChartsContext';\n\nimport EmptyChart from './EmptyChart';\nimport { getLineOptionsByTrack } from './options';\n\nimport styles from './LineChart.css';\n\nconst LineChart = ({ traceSettings, trackIndex }) => {\n  const { parsedData, indexes } = useContext(DataContext);\n  const { onChartChange } = useContext(ChartsContext);\n  const { maxTracesCount, multipleAssets, assestColors } = useContext(SettingsContext);\n  const chartRef = useRef();\n\n  const options = useMemo(() => {\n    const result = getLineOptionsByTrack(trackIndex);\n    const defaultYAxis = result.yAxis;\n    result.yAxis = [];\n    if (multipleAssets) {\n      const traceSetting = traceSettings[0];\n      if (!traceSetting) return result;\n      const assetKeys = Object.keys(parsedData);\n      assetKeys.forEach(assetKey => {\n        result.series.push({\n          ...traceSetting,\n          lineColor: assestColors[assetKey],\n          ...parsedData[assetKey][`${traceSetting.collection}.${traceSetting.key}`],\n          name: assetKey,\n        });\n        result.yAxis.push({\n          ...defaultYAxis,\n          min:\n            !traceSetting.autoScale && traceSetting.scaleMin\n              ? toNumber(traceSetting.scaleMin)\n              : undefined,\n          max:\n            !traceSetting.autoScale && traceSetting.scaleMax\n              ? toNumber(traceSetting.scaleMax)\n              : undefined,\n        });\n      });\n    } else {\n      traceSettings.forEach(item => {\n        result.series.push({ ...item, ...parsedData[`${item.collection}.${item.key}`] });\n        result.yAxis.push({\n          ...defaultYAxis,\n          min: !item.autoScale && item.scaleMin ? toNumber(item.scaleMin) : undefined,\n          max: !item.autoScale && item.scaleMax ? toNumber(item.scaleMax) : undefined,\n        });\n      });\n    }\n\n    return result;\n  }, [traceSettings, parsedData]);\n\n  useEffect(() => {\n    if (chartRef.current) {\n      chartRef.current.chart.xAxis[0].setExtremes(indexes.min, indexes.max);\n    }\n  }, [indexes.min, indexes.max]);\n\n  useEffect(() => {\n    if (chartRef.current) chartRef.current.chart.setSize();\n  }, [maxTracesCount]);\n\n  useEffect(() => {\n    onChartChange(trackIndex, chartRef);\n  }, [chartRef]);\n\n  const isEpmty =\n    !options.series ||\n    !options.series.length ||\n    (options.series.length === 1 && !options.series[0].data);\n\n  return useMemo(() => {\n    if (isEpmty) {\n      return <EmptyChart />;\n    }\n\n    return (\n      options && (\n        <HighchartsReact\n          highcharts={Highcharts}\n          options={options}\n          ref={chartRef}\n          containerProps={{ className: styles.container }}\n        />\n      )\n    );\n  }, [options]);\n};\n\nLineChart.propTypes = {\n  traceSettings: PropTypes.arrayOf(\n    PropTypes.shape({\n      dashStyle: PropTypes.string.isRequired,\n      id: PropTypes.string.isRequired,\n      key: PropTypes.string,\n      color: PropTypes.string,\n      name: PropTypes.string,\n      traceType: PropTypes.string.isRequired,\n      unit: PropTypes.string,\n      lineWidth: PropTypes.number.isRequired,\n    }).isRequired\n  ).isRequired,\n  trackIndex: PropTypes.number.isRequired,\n};\n\nexport default LineChart;\n"],"names":["LineChart","traceSettings","trackIndex","useContext","DataContext","parsedData","indexes","ChartsContext","onChartChange","SettingsContext","maxTracesCount","multipleAssets","assestColors","chartRef","useRef","options","useMemo","result","getLineOptionsByTrack","defaultYAxis","yAxis","traceSetting","assetKeys","Object","keys","forEach","assetKey","series","push","lineColor","collection","key","name","min","autoScale","scaleMin","toNumber","undefined","max","scaleMax","item","useEffect","current","chart","xAxis","setExtremes","setSize","isEpmty","length","data","_jsx","Highcharts","className","styles","container","propTypes","PropTypes","arrayOf","shape","dashStyle","string","isRequired","id","color","traceType","unit","lineWidth","number"],"mappings":";;;;;;;;;;;;;;;;AAeA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAsC,IAAA,EAAA;EAAA,IAAhCC,aAAa,QAAbA,aAAa;AAAEC,IAAAA,UAAU,QAAVA,UAAU,CAAA;EAC5C,IAAgCC,WAAAA,GAAAA,UAAU,CAACC,WAAW,CAAC;AAA/CC,IAAAA,UAAU,eAAVA,UAAU;AAAEC,IAAAA,OAAO,eAAPA,OAAO,CAAA;EAC3B,IAA0BH,YAAAA,GAAAA,UAAU,CAACI,aAAa,CAAC;AAA3CC,IAAAA,aAAa,gBAAbA,aAAa,CAAA;EACrB,IAAyDL,YAAAA,GAAAA,UAAU,CAACM,eAAe,CAAC;AAA5EC,IAAAA,cAAc,gBAAdA,cAAc;AAAEC,IAAAA,cAAc,gBAAdA,cAAc;AAAEC,IAAAA,YAAY,gBAAZA,YAAY,CAAA;EACpD,IAAMC,QAAQ,GAAGC,MAAM,EAAE,CAAA;AAEzB,EAAA,IAAMC,OAAO,GAAGC,OAAO,CAAC,YAAM;AAC5B,IAAA,IAAMC,MAAM,GAAGC,qBAAqB,CAAChB,UAAU,CAAC,CAAA;AAChD,IAAA,IAAMiB,YAAY,GAAGF,MAAM,CAACG,KAAK,CAAA;IACjCH,MAAM,CAACG,KAAK,GAAG,EAAE,CAAA;AACjB,IAAA,IAAIT,cAAc,EAAE;AAClB,MAAA,IAAMU,YAAY,GAAGpB,aAAa,CAAC,CAAC,CAAC,CAAA;AACrC,MAAA,IAAI,CAACoB,YAAY,EAAE,OAAOJ,MAAM,CAAA;AAChC,MAAA,IAAMK,SAAS,GAAGC,MAAM,CAACC,IAAI,CAACnB,UAAU,CAAC,CAAA;AACzCiB,MAAAA,SAAS,CAACG,OAAO,CAAC,UAAAC,QAAQ,EAAI;AAC5BT,QAAAA,MAAM,CAACU,MAAM,CAACC,IAAI,+CACbP,YAAY,CAAA,EAAA,EAAA,EAAA;UACfQ,SAAS,EAAEjB,YAAY,CAACc,QAAQ,CAAA;AAAC,SAAA,EAC9BrB,UAAU,CAACqB,QAAQ,CAAC,CAAIL,EAAAA,CAAAA,MAAAA,CAAAA,YAAY,CAACS,UAAU,EAAIT,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,YAAY,CAACU,GAAG,CAAG,CAAA,CAAA,EAAA,EAAA,EAAA;AACzEC,UAAAA,IAAI,EAAEN,QAAAA;SACN,CAAA,CAAA,CAAA;AACFT,QAAAA,MAAM,CAACG,KAAK,CAACQ,IAAI,iCACZT,YAAY,CAAA,EAAA,EAAA,EAAA;AACfc,UAAAA,GAAG,EACD,CAACZ,YAAY,CAACa,SAAS,IAAIb,YAAY,CAACc,QAAQ,GAC5CC,QAAQ,CAACf,YAAY,CAACc,QAAQ,CAAC,GAC/BE,SAAS;AACfC,UAAAA,GAAG,EACD,CAACjB,YAAY,CAACa,SAAS,IAAIb,YAAY,CAACkB,QAAQ,GAC5CH,QAAQ,CAACf,YAAY,CAACkB,QAAQ,CAAC,GAC/BF,SAAAA;SACN,CAAA,CAAA,CAAA;AACJ,OAAC,CAAC,CAAA;AACJ,KAAC,MAAM;AACLpC,MAAAA,aAAa,CAACwB,OAAO,CAAC,UAAAe,IAAI,EAAI;AAC5BvB,QAAAA,MAAM,CAACU,MAAM,CAACC,IAAI,CAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAMY,IAAI,CAAKnC,EAAAA,UAAU,CAAImC,EAAAA,CAAAA,MAAAA,CAAAA,IAAI,CAACV,UAAU,EAAA,GAAA,CAAA,CAAA,MAAA,CAAIU,IAAI,CAACT,GAAG,EAAG,CAAG,CAAA,CAAA;AAChFd,QAAAA,MAAM,CAACG,KAAK,CAACQ,IAAI,iCACZT,YAAY,CAAA,EAAA,EAAA,EAAA;AACfc,UAAAA,GAAG,EAAE,CAACO,IAAI,CAACN,SAAS,IAAIM,IAAI,CAACL,QAAQ,GAAGC,QAAQ,CAACI,IAAI,CAACL,QAAQ,CAAC,GAAGE,SAAS;AAC3EC,UAAAA,GAAG,EAAE,CAACE,IAAI,CAACN,SAAS,IAAIM,IAAI,CAACD,QAAQ,GAAGH,QAAQ,CAACI,IAAI,CAACD,QAAQ,CAAC,GAAGF,SAAAA;SAClE,CAAA,CAAA,CAAA;AACJ,OAAC,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,OAAOpB,MAAM,CAAA;AACf,GAAC,EAAE,CAAChB,aAAa,EAAEI,UAAU,CAAC,CAAC,CAAA;AAE/BoC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI5B,QAAQ,CAAC6B,OAAO,EAAE;AACpB7B,MAAAA,QAAQ,CAAC6B,OAAO,CAACC,KAAK,CAACC,KAAK,CAAC,CAAC,CAAC,CAACC,WAAW,CAACvC,OAAO,CAAC2B,GAAG,EAAE3B,OAAO,CAACgC,GAAG,CAAC,CAAA;AACvE,KAAA;GACD,EAAE,CAAChC,OAAO,CAAC2B,GAAG,EAAE3B,OAAO,CAACgC,GAAG,CAAC,CAAC,CAAA;AAE9BG,EAAAA,SAAS,CAAC,YAAM;IACd,IAAI5B,QAAQ,CAAC6B,OAAO,EAAE7B,QAAQ,CAAC6B,OAAO,CAACC,KAAK,CAACG,OAAO,EAAE,CAAA;AACxD,GAAC,EAAE,CAACpC,cAAc,CAAC,CAAC,CAAA;AAEpB+B,EAAAA,SAAS,CAAC,YAAM;AACdjC,IAAAA,aAAa,CAACN,UAAU,EAAEW,QAAQ,CAAC,CAAA;AACrC,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,IAAMkC,OAAO,GACX,CAAChC,OAAO,CAACY,MAAM,IACf,CAACZ,OAAO,CAACY,MAAM,CAACqB,MAAM,IACrBjC,OAAO,CAACY,MAAM,CAACqB,MAAM,KAAK,CAAC,IAAI,CAACjC,OAAO,CAACY,MAAM,CAAC,CAAC,CAAC,CAACsB,IAAK,CAAA;EAE1D,OAAOjC,OAAO,CAAC,YAAM;AACnB,IAAA,IAAI+B,OAAO,EAAE;MACX,oBAAOG,GAAA,CAAC,UAAU,EAAG,EAAA,CAAA,CAAA;AACvB,KAAA;IAEA,OACEnC,OAAO,iBACLmC,GAAA,CAAC,eAAe,EAAA;AACd,MAAA,UAAU,EAAEC,UAAW;AACvB,MAAA,OAAO,EAAEpC,OAAQ;AACjB,MAAA,GAAG,EAAEF,QAAS;AACd,MAAA,cAAc,EAAE;QAAEuC,SAAS,EAAEC,MAAM,CAACC,SAAAA;AAAU,OAAA;KAEjD,CAAA,CAAA;AAEL,GAAC,EAAE,CAACvC,OAAO,CAAC,CAAC,CAAA;AACf,EAAC;AAEDf,SAAS,CAACuD,SAAS,GAAG;EACpBtD,aAAa,EAAEuD,SAAS,CAACC,OAAO,CAC9BD,SAAS,CAACE,KAAK,CAAC;AACdC,IAAAA,SAAS,EAAEH,SAAS,CAACI,MAAM,CAACC,UAAU;AACtCC,IAAAA,EAAE,EAAEN,SAAS,CAACI,MAAM,CAACC,UAAU;IAC/B9B,GAAG,EAAEyB,SAAS,CAACI,MAAM;IACrBG,KAAK,EAAEP,SAAS,CAACI,MAAM;IACvB5B,IAAI,EAAEwB,SAAS,CAACI,MAAM;AACtBI,IAAAA,SAAS,EAAER,SAAS,CAACI,MAAM,CAACC,UAAU;IACtCI,IAAI,EAAET,SAAS,CAACI,MAAM;AACtBM,IAAAA,SAAS,EAAEV,SAAS,CAACW,MAAM,CAACN,UAAAA;AAC9B,GAAC,CAAC,CAACA,UAAU,CACd,CAACA,UAAU;AACZ3D,EAAAA,UAAU,EAAEsD,SAAS,CAACW,MAAM,CAACN,UAAAA;AAC/B,CAAC;;;;"}

package/components/ParameterCharts/components/Charts/options.js

@@ -0,0 +1,81 @@
+var getLineOptionsByTrack = function getLineOptionsByTrack(index) {
+  var isFirstTrack = index === 0;
+  return {
+    boost: {
+      enabled: false
+    },
+    chart: {
+      backgroundColor: 'transparent',
+      plotBackgroundColor: '#272727',
+      type: 'line',
+      spacing: [0, 0, 0, 0],
+      animation: false
+    },
+    plotOptions: {
+      series: {
+        animation: false,
+        states: {
+          hover: {
+            enabled: false
+          }
+        },
+        enableMouseTracking: false,
+        turboThreshold: 10000
+      },
+      line: {
+        marker: {
+          enabled: false
+        }
+      }
+    },
+    xAxis: {
+      gridLineColor: '#616161',
+      gridLineWidth: 1,
+      gridLineDashStyle: 'dot',
+      tickLength: 0,
+      lineWidth: 0,
+      startOnTick: false,
+      endOnTick: false,
+      minPadding: 0,
+      maxPadding: 0,
+      opposite: Boolean(isFirstTrack),
+      offset: isFirstTrack ? -5 : 0,
+      labels: {
+        style: {
+          fontSize: '10px',
+          color: '#9E9E9E',
+          fontFamily: 'Roboto'
+        },
+        enabled: Boolean(isFirstTrack)
+      }
+    },
+    yAxis: {
+      title: {
+        enabled: false
+      },
+      labels: {
+        enabled: false
+      },
+      gridLineColor: '#414141',
+      gridLineWidth: 1,
+      startOnTick: false,
+      endOnTick: false,
+      minPadding: 0.25,
+      maxPadding: 0.25
+    },
+    title: '',
+    legend: {
+      enabled: false
+    },
+    credits: {
+      enabled: false
+    },
+    exporting: {
+      enabled: false
+    },
+    series: []
+  };
+};
+
+export { getLineOptionsByTrack };
+//# sourceMappingURL=options.js.map

package/components/ParameterCharts/components/Charts/options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"options.js","sources":["../../../../../src/components/ParameterCharts/components/Charts/options.js"],"sourcesContent":["export const getLineOptionsByTrack = index => {\n  const isFirstTrack = index === 0;\n  return {\n    boost: {\n      enabled: false,\n    },\n    chart: {\n      backgroundColor: 'transparent',\n      plotBackgroundColor: '#272727',\n      type: 'line',\n      spacing: [0, 0, 0, 0],\n      animation: false,\n    },\n    plotOptions: {\n      series: {\n        animation: false,\n        states: { hover: { enabled: false } },\n        enableMouseTracking: false,\n        turboThreshold: 10000,\n      },\n      line: { marker: { enabled: false } },\n    },\n    xAxis: {\n      gridLineColor: '#616161',\n      gridLineWidth: 1,\n      gridLineDashStyle: 'dot',\n      tickLength: 0,\n      lineWidth: 0,\n      startOnTick: false,\n      endOnTick: false,\n      minPadding: 0,\n      maxPadding: 0,\n      opposite: Boolean(isFirstTrack),\n      offset: isFirstTrack ? -5 : 0,\n      labels: {\n        style: { fontSize: '10px', color: '#9E9E9E', fontFamily: 'Roboto' },\n        enabled: Boolean(isFirstTrack),\n      },\n    },\n    yAxis: {\n      title: { enabled: false },\n      labels: {\n        enabled: false,\n      },\n      gridLineColor: '#414141',\n      gridLineWidth: 1,\n      startOnTick: false,\n      endOnTick: false,\n      minPadding: 0.25,\n      maxPadding: 0.25,\n    },\n    title: '',\n    legend: { enabled: false },\n    credits: { enabled: false },\n    exporting: { enabled: false },\n    series: [],\n  };\n};\n"],"names":["getLineOptionsByTrack","index","isFirstTrack","boost","enabled","chart","backgroundColor","plotBackgroundColor","type","spacing","animation","plotOptions","series","states","hover","enableMouseTracking","turboThreshold","line","marker","xAxis","gridLineColor","gridLineWidth","gridLineDashStyle","tickLength","lineWidth","startOnTick","endOnTick","minPadding","maxPadding","opposite","Boolean","offset","labels","style","fontSize","color","fontFamily","yAxis","title","legend","credits","exporting"],"mappings":"IAAaA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAGC,KAAK,EAAI;AAC5C,EAAA,IAAMC,YAAY,GAAGD,KAAK,KAAK,CAAC,CAAA;EAChC,OAAO;AACLE,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,KAAA;KACV;AACDC,IAAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAE,aAAa;AAC9BC,MAAAA,mBAAmB,EAAE,SAAS;AAC9BC,MAAAA,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACrBC,MAAAA,SAAS,EAAE,KAAA;KACZ;AACDC,IAAAA,WAAW,EAAE;AACXC,MAAAA,MAAM,EAAE;AACNF,QAAAA,SAAS,EAAE,KAAK;AAChBG,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE;AAAEV,YAAAA,OAAO,EAAE,KAAA;AAAM,WAAA;SAAG;AACrCW,QAAAA,mBAAmB,EAAE,KAAK;AAC1BC,QAAAA,cAAc,EAAE,KAAA;OACjB;AACDC,MAAAA,IAAI,EAAE;AAAEC,QAAAA,MAAM,EAAE;AAAEd,UAAAA,OAAO,EAAE,KAAA;AAAM,SAAA;AAAE,OAAA;KACpC;AACDe,IAAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,SAAS;AACxBC,MAAAA,aAAa,EAAE,CAAC;AAChBC,MAAAA,iBAAiB,EAAE,KAAK;AACxBC,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,SAAS,EAAE,CAAC;AACZC,MAAAA,WAAW,EAAE,KAAK;AAClBC,MAAAA,SAAS,EAAE,KAAK;AAChBC,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,QAAQ,EAAEC,OAAO,CAAC5B,YAAY,CAAC;AAC/B6B,MAAAA,MAAM,EAAE7B,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC;AAC7B8B,MAAAA,MAAM,EAAE;AACNC,QAAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAE,MAAM;AAAEC,UAAAA,KAAK,EAAE,SAAS;AAAEC,UAAAA,UAAU,EAAE,QAAA;SAAU;QACnEhC,OAAO,EAAE0B,OAAO,CAAC5B,YAAY,CAAA;AAC/B,OAAA;KACD;AACDmC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE;AAAElC,QAAAA,OAAO,EAAE,KAAA;OAAO;AACzB4B,MAAAA,MAAM,EAAE;AACN5B,QAAAA,OAAO,EAAE,KAAA;OACV;AACDgB,MAAAA,aAAa,EAAE,SAAS;AACxBC,MAAAA,aAAa,EAAE,CAAC;AAChBI,MAAAA,WAAW,EAAE,KAAK;AAClBC,MAAAA,SAAS,EAAE,KAAK;AAChBC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,UAAU,EAAE,IAAA;KACb;AACDU,IAAAA,KAAK,EAAE,EAAE;AACTC,IAAAA,MAAM,EAAE;AAAEnC,MAAAA,OAAO,EAAE,KAAA;KAAO;AAC1BoC,IAAAA,OAAO,EAAE;AAAEpC,MAAAA,OAAO,EAAE,KAAA;KAAO;AAC3BqC,IAAAA,SAAS,EAAE;AAAErC,MAAAA,OAAO,EAAE,KAAA;KAAO;AAC7BQ,IAAAA,MAAM,EAAE,EAAA;GACT,CAAA;AACH;;;;"}

package/components/ParameterCharts/components/DataLoadingIndicator.js

@@ -0,0 +1,16 @@
+import LinearProgress from '@material-ui/core/LinearProgress';
+import { withStyles } from '@material-ui/core/styles';
+
+var DataLoadingIndicator = withStyles({
+  colorPrimary: {
+    backgroundColor: 'transparent !important'
+  },
+  root: {
+    height: 1,
+    position: 'absolute',
+    width: '100%'
+  }
+})(LinearProgress);
+
+export { DataLoadingIndicator as default };
+//# sourceMappingURL=DataLoadingIndicator.js.map

package/components/ParameterCharts/components/DataLoadingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataLoadingIndicator.js","sources":["../../../../src/components/ParameterCharts/components/DataLoadingIndicator.js"],"sourcesContent":["import LinearProgress from '@material-ui/core/LinearProgress';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst DataLoadingIndicator = withStyles({\n  colorPrimary: {\n    backgroundColor: 'transparent !important',\n  },\n  root: {\n    height: 1,\n    position: 'absolute',\n    width: '100%',\n  },\n})(LinearProgress);\n\nexport default DataLoadingIndicator;\n"],"names":["DataLoadingIndicator","withStyles","colorPrimary","backgroundColor","root","height","position","width","LinearProgress"],"mappings":";;;AAGMA,IAAAA,oBAAoB,GAAGC,UAAU,CAAC;AACtCC,EAAAA,YAAY,EAAE;AACZC,IAAAA,eAAe,EAAE,wBAAA;GAClB;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,KAAK,EAAE,MAAA;AACT,GAAA;AACF,CAAC,CAAC,CAACC,cAAc;;;;"}

package/components/ParameterCharts/components/SingleChannelTrackSettings.js

@@ -0,0 +1,41 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { DEFAULT_TRACE_SETTINGS } from '../constants.js';
+import TraceSelect from './TraceSelect.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var SingleChannelTrackSettings = function SingleChannelTrackSettings(_ref) {
+  var _trackSettings$traces, _trackSettings$traces2;
+  var trackSettings = _ref.trackSettings,
+    onChange = _ref.onChange,
+    mapping = _ref.mapping;
+  var onChannelChange = function onChannelChange(val) {
+    var mappingEntity = mapping.find(function (item) {
+      return item.key === val;
+    });
+    onChange('traces', [_objectSpread(_objectSpread({}, DEFAULT_TRACE_SETTINGS), {}, {
+      key: val,
+      id: val
+    }, mappingEntity)]);
+  };
+  return /*#__PURE__*/jsx(TraceSelect, {
+    value: (_trackSettings$traces = trackSettings.traces) === null || _trackSettings$traces === void 0 ? void 0 : (_trackSettings$traces2 = _trackSettings$traces[0]) === null || _trackSettings$traces2 === void 0 ? void 0 : _trackSettings$traces2.key,
+    onChange: onChannelChange,
+    mapping: mapping,
+    showLabel: true
+  });
+};
+SingleChannelTrackSettings.propTypes = {
+  trackSettings: PropTypes.shape({
+    traces: PropTypes.arrayOf(PropTypes.shape({
+      key: PropTypes.string
+    }))
+  }).isRequired,
+  onChange: PropTypes.func.isRequired,
+  mapping: PropTypes.arrayOf(PropTypes.shape({})).isRequired
+};
+
+export { SingleChannelTrackSettings as default };
+//# sourceMappingURL=SingleChannelTrackSettings.js.map

package/components/ParameterCharts/components/SingleChannelTrackSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleChannelTrackSettings.js","sources":["../../../../src/components/ParameterCharts/components/SingleChannelTrackSettings.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { DEFAULT_TRACE_SETTINGS } from '../constants';\n\nimport TraceSelect from './TraceSelect';\n\nconst SingleChannelTrackSettings = ({ trackSettings, onChange, mapping }) => {\n  const onChannelChange = val => {\n    const mappingEntity = mapping.find(item => item.key === val);\n    onChange('traces', [{ ...DEFAULT_TRACE_SETTINGS, key: val, id: val, ...mappingEntity }]);\n  };\n\n  return (\n    <TraceSelect\n      value={trackSettings.traces?.[0]?.key}\n      onChange={onChannelChange}\n      mapping={mapping}\n      showLabel\n    />\n  );\n};\n\nSingleChannelTrackSettings.propTypes = {\n  trackSettings: PropTypes.shape({\n    traces: PropTypes.arrayOf(\n      PropTypes.shape({\n        key: PropTypes.string,\n      })\n    ),\n  }).isRequired,\n  onChange: PropTypes.func.isRequired,\n  mapping: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n};\n\nexport default SingleChannelTrackSettings;\n"],"names":["SingleChannelTrackSettings","trackSettings","onChange","mapping","onChannelChange","val","mappingEntity","find","item","key","DEFAULT_TRACE_SETTINGS","id","_jsx","traces","propTypes","PropTypes","shape","arrayOf","string","isRequired","func"],"mappings":";;;;;;;;AAMA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0B,CAA6C,IAAA,EAAA;AAAA,EAAA,IAAA,qBAAA,EAAA,sBAAA,CAAA;EAAA,IAAvCC,aAAa,QAAbA,aAAa;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;AACpE,EAAA,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAGC,GAAG,EAAI;AAC7B,IAAA,IAAMC,aAAa,GAAGH,OAAO,CAACI,IAAI,CAAC,UAAAC,IAAI,EAAA;AAAA,MAAA,OAAIA,IAAI,CAACC,GAAG,KAAKJ,GAAG,CAAA;KAAC,CAAA,CAAA;AAC5DH,IAAAA,QAAQ,CAAC,QAAQ,EAAE,CAAA,aAAA,CAAA,aAAA,CAAA,EAAA,EAAMQ,sBAAsB,CAAA,EAAA,EAAA,EAAA;AAAED,MAAAA,GAAG,EAAEJ,GAAG;AAAEM,MAAAA,EAAE,EAAEN,GAAAA;KAAQC,EAAAA,aAAa,EAAG,CAAC,CAAA;GACzF,CAAA;AAED,EAAA,oBACEM,IAAC,WAAW,EAAA;IACV,KAAK,EAAA,CAAA,qBAAA,GAAEX,aAAa,CAACY,MAAM,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAApB,sBAAuB,CAAC,CAAC,MAAzB,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAA2BJ,GAAI;AACtC,IAAA,QAAQ,EAAEL,eAAgB;AAC1B,IAAA,OAAO,EAAED,OAAQ;IACjB,SAAS,EAAA,IAAA;GACT,CAAA,CAAA;AAEN,EAAC;AAEDH,0BAA0B,CAACc,SAAS,GAAG;AACrCb,EAAAA,aAAa,EAAEc,SAAS,CAACC,KAAK,CAAC;IAC7BH,MAAM,EAAEE,SAAS,CAACE,OAAO,CACvBF,SAAS,CAACC,KAAK,CAAC;MACdP,GAAG,EAAEM,SAAS,CAACG,MAAAA;AACjB,KAAC,CAAC,CAAA;GAEL,CAAC,CAACC,UAAU;AACbjB,EAAAA,QAAQ,EAAEa,SAAS,CAACK,IAAI,CAACD,UAAU;AACnChB,EAAAA,OAAO,EAAEY,SAAS,CAACE,OAAO,CAACF,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAAC,CAACG,UAAAA;AAClD,CAAC;;;;"}

package/components/ParameterCharts/components/Tooltip/CursorPositioner.js

@@ -0,0 +1,91 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useContext, useState, useCallback, useMemo } from 'react';
+import { throttle } from 'lodash';
+import SettingsContext from '../../SettingsContext.js';
+import ChartsContext from '../../ChartsContext.js';
+import Tooltip from './Tooltip.js';
+import styles from './CursorPositioner.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var HORIZONTAL_HEADER_WIDTH = 68; // px
+var HORIZONTAL_TRACK_HEIGHT = 100; // px
+var HORIZONTAL_TRACK_SPACING = 16; // px
+var HORRIZONTAL_TRACK_HEADER_WIDTH = 24 + 8; // header + spacing px
+
+var CursorPositioner = function CursorPositioner() {
+  var _useContext = useContext(ChartsContext),
+    chartsRef = _useContext.chartsRef;
+  var _useContext2 = useContext(SettingsContext),
+    settings = _useContext2.settings,
+    horizontal = _useContext2.horizontal,
+    maxTracesCount = _useContext2.maxTracesCount,
+    settingsKey = _useContext2.settingsKey;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    points = _useState2[0],
+    setPoints = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isTooltipVisible = _useState4[0],
+    setIsTooltipVisible = _useState4[1];
+  var onMouseOverTraceCharts = function onMouseOverTraceCharts(e) {
+    setIsTooltipVisible(true);
+    if (chartsRef && chartsRef.current && settings[settingsKey]) {
+      var _points = [];
+      var tracks = settings[settingsKey];
+      tracks.forEach(function (_, index) {
+        var currentPoints = [];
+        var ref = chartsRef.current.get(index);
+        if (ref && ref.current && ref.current.chart) {
+          var chart = ref.current.chart;
+          var event = chart.pointer.normalize(e);
+          chart.series.forEach(function (item) {
+            var point = item.searchPoint(event, true);
+            if (point) {
+              currentPoints.push(point);
+            }
+          });
+        }
+        _points.push(currentPoints);
+      });
+      setPoints(_points);
+    }
+  };
+  var onMouseMove = useCallback(throttle(function (event) {
+    return onMouseOverTraceCharts(event);
+  }, 50, {
+    leading: true,
+    trailing: false
+  }), [chartsRef]);
+  var dynamicStyles = useMemo(function () {
+    var _settings$settingsKey;
+    var tracksAmount = (settings === null || settings === void 0 ? void 0 : (_settings$settingsKey = settings[settingsKey]) === null || _settings$settingsKey === void 0 ? void 0 : _settings$settingsKey.length) || 1;
+    if (horizontal) {
+      var right = "".concat(HORIZONTAL_HEADER_WIDTH * maxTracesCount + HORRIZONTAL_TRACK_HEADER_WIDTH, "px");
+      var height = "".concat((HORIZONTAL_TRACK_HEIGHT + HORIZONTAL_TRACK_SPACING) * tracksAmount, "px");
+      return {
+        right: right,
+        height: height
+      };
+    }
+    return {
+      right: 0,
+      height: 0
+    };
+  }, [maxTracesCount, horizontal, settings]);
+  var hideToolTip = function hideToolTip() {
+    setIsTooltipVisible(false);
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: styles.container,
+    style: dynamicStyles,
+    onMouseMove: onMouseMove,
+    onMouseLeave: hideToolTip,
+    children: isTooltipVisible && /*#__PURE__*/jsx(Tooltip, {
+      points: points
+    })
+  });
+};
+
+export { CursorPositioner as default };
+//# sourceMappingURL=CursorPositioner.js.map

package/components/ParameterCharts/components/Tooltip/CursorPositioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CursorPositioner.js","sources":["../../../../../src/components/ParameterCharts/components/Tooltip/CursorPositioner.js"],"sourcesContent":["import { useContext, useCallback, useMemo, useState } from 'react';\nimport { throttle } from 'lodash';\n\nimport SettingsContext from '../../SettingsContext';\nimport ChartsContext from '../../ChartsContext';\n\nimport Tooltip from './Tooltip';\n\nimport styles from './CursorPositioner.css';\n\nconst HORIZONTAL_HEADER_WIDTH = 68; // px\nconst HORIZONTAL_TRACK_HEIGHT = 100; // px\nconst HORIZONTAL_TRACK_SPACING = 16; // px\nconst HORRIZONTAL_TRACK_HEADER_WIDTH = 24 + 8; // header + spacing px\n\nconst CursorPositioner = () => {\n  const { chartsRef } = useContext(ChartsContext);\n  const { settings, horizontal, maxTracesCount, settingsKey } = useContext(SettingsContext);\n  const [points, setPoints] = useState([]);\n  const [isTooltipVisible, setIsTooltipVisible] = useState(false);\n\n  const onMouseOverTraceCharts = e => {\n    setIsTooltipVisible(true);\n    if (chartsRef && chartsRef.current && settings[settingsKey]) {\n      const points = [];\n      const tracks = settings[settingsKey];\n      tracks.forEach((_, index) => {\n        const currentPoints = [];\n        const ref = chartsRef.current.get(index);\n        if (ref && ref.current && ref.current.chart) {\n          const { chart } = ref.current;\n          const event = chart.pointer.normalize(e);\n          chart.series.forEach(item => {\n            const point = item.searchPoint(event, true);\n            if (point) {\n              currentPoints.push(point);\n            }\n          });\n        }\n        points.push(currentPoints);\n      });\n      setPoints(points);\n    }\n  };\n\n  const onMouseMove = useCallback(\n    throttle(event => onMouseOverTraceCharts(event), 50, {\n      leading: true,\n      trailing: false,\n    }),\n    [chartsRef]\n  );\n\n  const dynamicStyles = useMemo(() => {\n    const tracksAmount = settings?.[settingsKey]?.length || 1;\n    if (horizontal) {\n      const right = `${\n        HORIZONTAL_HEADER_WIDTH * maxTracesCount + HORRIZONTAL_TRACK_HEADER_WIDTH\n      }px`;\n      const height = `${(HORIZONTAL_TRACK_HEIGHT + HORIZONTAL_TRACK_SPACING) * tracksAmount}px`;\n      return {\n        right,\n        height,\n      };\n    }\n    return {\n      right: 0,\n      height: 0,\n    };\n  }, [maxTracesCount, horizontal, settings]);\n\n  const hideToolTip = () => {\n    setIsTooltipVisible(false);\n  };\n\n  return (\n    <div\n      className={styles.container}\n      style={dynamicStyles}\n      onMouseMove={onMouseMove}\n      onMouseLeave={hideToolTip}\n    >\n      {isTooltipVisible && <Tooltip points={points} />}\n    </div>\n  );\n};\n\nexport default CursorPositioner;\n"],"names":["HORIZONTAL_HEADER_WIDTH","HORIZONTAL_TRACK_HEIGHT","HORIZONTAL_TRACK_SPACING","HORRIZONTAL_TRACK_HEADER_WIDTH","CursorPositioner","useContext","ChartsContext","chartsRef","SettingsContext","settings","horizontal","maxTracesCount","settingsKey","useState","points","setPoints","isTooltipVisible","setIsTooltipVisible","onMouseOverTraceCharts","e","current","tracks","forEach","_","index","currentPoints","ref","get","chart","event","pointer","normalize","series","item","point","searchPoint","push","onMouseMove","useCallback","throttle","leading","trailing","dynamicStyles","useMemo","tracksAmount","length","right","height","hideToolTip","_jsx","styles","container"],"mappings":"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"}

package/components/ParameterCharts/components/Tooltip/Tooltip.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Tooltip_container__QvnM- {\n  position: absolute;\n  top: -4px;\n  bottom: 0;\n  left: 0;\n  padding-top: 15px;\n  transition-duration: 0.2s;\n  border-left: 1px solid #777;\n}\n\n.Tooltip_tooltipContainer__XGpjA {\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  height: 100px;\n}\n\n.Tooltip_indexTooltip__vSIVU {\n  background: rgba(20, 20, 20, 0.5);\n  border-radius: 4px;\n  color: #fff;\n  font-size: 10px;\n  position: absolute;\n  left: 0;\n  top: 0;\n  padding: 4px;\n}\n\n.Tooltip_content__LXGVS {\n  padding: 9px 7px 6px;\n  background: rgba(20, 20, 20, 0.5);\n  border-radius: 0 4px 4px 0;\n}\n\n.Tooltip_line__Gvb8D {\n  width: 16px;\n  height: 0;\n}\n\n.Tooltip_name__XFuxU {\n  padding: 0 8px;\n  font-size: 10px;\n  color: rgba(255,255,255, 0.7);\n  min-width: 75px;\n  text-align: left;\n}\n\n.Tooltip_value__TfmqF {\n  color: #fff;\n  font-size: 12px;\n  text-align: left;\n  padding-right: 4px;\n}\n\n.Tooltip_units__Ivwqs {\n  font-size: 10px;\n  text-align: left;\n  color: rgba(255,255,255, 0.7);\n}";
+var styles = {"container":"Tooltip_container__QvnM-","tooltipContainer":"Tooltip_tooltipContainer__XGpjA","indexTooltip":"Tooltip_indexTooltip__vSIVU","content":"Tooltip_content__LXGVS","line":"Tooltip_line__Gvb8D","name":"Tooltip_name__XFuxU","value":"Tooltip_value__TfmqF","units":"Tooltip_units__Ivwqs"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Tooltip.css.js.map

package/components/ParameterCharts/components/Tooltip/Tooltip.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/TraceHeader.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TraceHeader_container__9-2ML {\n  position: relative;\n}\n\n.TraceHeader_header__dYqmm {\n  height: 74px;\n  width: 100%;\n  background: #272727;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  justify-content: flex-end;\n  cursor: pointer;\n  transition: background 0.3s ease-in;\n  position: relative;\n}\n\n.TraceHeader_header__dYqmm:hover {\n  background: #333333;\n}\n\n.TraceHeader_header__dYqmm.TraceHeader_horizontal__B4Ktt {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  width: 68px;\n  height: 100px;\n  border-left: 1px solid #333333;\n}\n\n.TraceHeader_horizontal__B4Ktt.TraceHeader_minimal__duKeS {\n  width: 38px;\n}\n\n.TraceHeader_unit__iO786 {\n  font-size: 11px;\n  color: #bdbdbd;\n  text-align: center;\n}\n\n.TraceHeader_values__kBj7H {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n}\n\n.TraceHeader_min__auAtt,\n.TraceHeader_max__PDbyy {\n  color: #9e9e9e;\n  font-size: 10px;\n}\n\n.TraceHeader_current__LpTbq {\n  padding-right: 5px;\n  font-size: 16px;\n}\n\n.TraceHeader_line__HCJx2 {\n  border-width: 0;\n  position: relative;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_line__HCJx2 {\n  height: 40px;\n  width: 0;\n  left: -1px;\n  border-left: 1px solid #333333;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_values__kBj7H {\n  border-width: 0 1px 0 0;\n  height: 100%;\n  padding: 10px 3px;\n}\n\n.TraceHeader_vertical__HDVD3 .TraceHeader_line__HCJx2 {\n  width: 40px;\n  height: 0;\n  top: -1px;\n  border-bottom: 1px solid #333333;\n}\n\n.TraceHeader_vertical__HDVD3 .TraceHeader_values__kBj7H {\n  border-width: 0 0 1px 0;\n}\n\n.TraceHeader_empty__r0KJ8 {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.TraceHeader_header__dYqmm:hover .TraceHeader_empty__r0KJ8 {\n  visibility: visible;\n  opacity: 1;\n}\n\n.TraceHeader_addTrace__qUXq5 {\n  position: absolute;\n  background: #414141;\n  border-radius: 30px;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  z-index: 101;\n}\n\n.TraceHeader_horizontal__B4Ktt .TraceHeader_addTrace__qUXq5 {\n  top: 50%;\n  left: -45px;\n  transform: translate(0, -50%);\n}\n\n.TraceHeader_actions__AAhr- {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n\n.TraceHeader_modalTitle__MCuLx {\n  color: #fff;\n  font-size: 20px;\n}\n\n.TraceHeader_trackTitle__zfzfk {\n  cursor: pointer;\n  color: #03bcd4;\n  font-size: 13px;\n}\n";
+var styles = {"container":"TraceHeader_container__9-2ML","header":"TraceHeader_header__dYqmm","horizontal":"TraceHeader_horizontal__B4Ktt","minimal":"TraceHeader_minimal__duKeS","unit":"TraceHeader_unit__iO786","values":"TraceHeader_values__kBj7H","min":"TraceHeader_min__auAtt","max":"TraceHeader_max__PDbyy","current":"TraceHeader_current__LpTbq","line":"TraceHeader_line__HCJx2","vertical":"TraceHeader_vertical__HDVD3","empty":"TraceHeader_empty__r0KJ8","addTrace":"TraceHeader_addTrace__qUXq5","actions":"TraceHeader_actions__AAhr-","modalTitle":"TraceHeader_modalTitle__MCuLx","trackTitle":"TraceHeader_trackTitle__zfzfk"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TraceHeader.css.js.map

package/components/ParameterCharts/components/TraceHeader.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ParameterCharts/components/TraceSettings.css.js

@@ -0,0 +1,8 @@
+import styleInject from './../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".TraceSettings_container__4jOW5 {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 0 10px;\n  min-width: 360px;\n}\n\n.TraceSettings_item__Ilc74 {\n  display: flex;\n  align-items: center;\n  padding: 10px 0 20px;\n}\n\n.TraceSettings_scales__21pLT {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.TraceSettings_line__GRYlg {\n  border-top: 1px solid white;\n  margin-bottom: -1px;\n  width: 100%;\n}\n\n.TraceSettings_dotted__L-ufI {\n  border-top: 1px dotted white;\n}\n\n.TraceSettings_dashed__5XJaU {\n  border-top: 1px dashed white;\n}";
+var styles = {"container":"TraceSettings_container__4jOW5","item":"TraceSettings_item__Ilc74","scales":"TraceSettings_scales__21pLT","line":"TraceSettings_line__GRYlg","dotted":"TraceSettings_dotted__L-ufI","dashed":"TraceSettings_dashed__5XJaU"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=TraceSettings.css.js.map

package/components/ParameterCharts/components/TraceSettings.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,yDAA4D;AACpF;AACA;AACA;AACA;AACA;AACA;"}