@pie-lib/charting 7.0.4-next.31 → 7.0.4-next.34

package/lib/bars/histogram.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Histogram = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _plot = require("@pie-lib/plot");
+var _utils = require("../utils");
+var _bars = _interopRequireDefault(require("./common/bars"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Histogram = exports.Histogram = /*#__PURE__*/function (_React$Component) {
+  function Histogram() {
+    (0, _classCallCheck2["default"])(this, Histogram);
+    return _callSuper(this, Histogram, arguments);
+  }
+  (0, _inherits2["default"])(Histogram, _React$Component);
+  return (0, _createClass2["default"])(Histogram, [{
+    key: "render",
+    value: function render() {
+      var props = this.props;
+      var data = props.data,
+        graphProps = props.graphProps;
+      var _ref = graphProps || {},
+        _ref$scale = _ref.scale,
+        scale = _ref$scale === void 0 ? {} : _ref$scale,
+        _ref$size = _ref.size,
+        size = _ref$size === void 0 ? {} : _ref$size;
+      var xBand = (0, _utils.dataToXBand)(scale.x, data, size.width, 'histogram');
+      return /*#__PURE__*/_react["default"].createElement(_bars["default"], (0, _extends2["default"])({}, props, {
+        xBand: xBand,
+        histogram: true
+      }));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Histogram, "propTypes", {
+  data: _propTypes["default"].array,
+  onChange: _propTypes["default"].func,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+var _default = exports["default"] = function _default() {
+  return {
+    type: 'histogram',
+    Component: Histogram,
+    name: 'Histogram'
+  };
+};
+//# sourceMappingURL=histogram.js.map

package/lib/bars/histogram.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"histogram.js","names":["_react","_interopRequireDefault","require","_propTypes","_plot","_utils","_bars","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Histogram","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","props","data","graphProps","_ref","_ref$scale","scale","_ref$size","size","xBand","dataToXBand","x","width","createElement","_extends2","histogram","React","Component","_defineProperty2","PropTypes","array","onChange","func","types","GraphPropsType","isRequired","_default","type","name"],"sources":["../../src/bars/histogram.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport { dataToXBand } from '../utils';\nimport Bars from './common/bars';\n\nexport class Histogram extends React.Component {\n  static propTypes = {\n    data: PropTypes.array,\n    onChange: PropTypes.func,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  render() {\n    const props = this.props;\n    const { data, graphProps } = props;\n    const { scale = {}, size = {} } = graphProps || {};\n    const xBand = dataToXBand(scale.x, data, size.width, 'histogram');\n\n    return <Bars {...props} xBand={xBand} histogram={true} />;\n  }\n}\n\nexport default () => ({\n  type: 'histogram',\n  Component: Histogram,\n  name: 'Histogram',\n});\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAK,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,IAEpBc,SAAS,GAAAC,OAAA,CAAAD,SAAA,0BAAAE,gBAAA;EAAA,SAAAF,UAAA;IAAA,IAAAG,gBAAA,mBAAAH,SAAA;IAAA,OAAAf,UAAA,OAAAe,SAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAL,SAAA,EAAAE,gBAAA;EAAA,WAAAI,aAAA,aAAAN,SAAA;IAAAO,GAAA;IAAAC,KAAA,EAOpB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAMC,KAAK,GAAG,IAAI,CAACA,KAAK;MACxB,IAAQC,IAAI,GAAiBD,KAAK,CAA1BC,IAAI;QAAEC,UAAU,GAAKF,KAAK,CAApBE,UAAU;MACxB,IAAAC,IAAA,GAAkCD,UAAU,IAAI,CAAC,CAAC;QAAAE,UAAA,GAAAD,IAAA,CAA1CE,KAAK;QAALA,KAAK,GAAAD,UAAA,cAAG,CAAC,CAAC,GAAAA,UAAA;QAAAE,SAAA,GAAAH,IAAA,CAAEI,IAAI;QAAJA,IAAI,GAAAD,SAAA,cAAG,CAAC,CAAC,GAAAA,SAAA;MAC7B,IAAME,KAAK,GAAG,IAAAC,kBAAW,EAACJ,KAAK,CAACK,CAAC,EAAET,IAAI,EAAEM,IAAI,CAACI,KAAK,EAAE,WAAW,CAAC;MAEjE,oBAAO3C,MAAA,YAAA4C,aAAA,CAACtC,KAAA,WAAI,MAAAuC,SAAA,iBAAKb,KAAK;QAAEQ,KAAK,EAAEA,KAAM;QAACM,SAAS,EAAE;MAAK,EAAE,CAAC;IAC3D;EAAC;AAAA,EAd4BC,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAAjC3B,SAAS,eACD;EACjBW,IAAI,EAAEiB,qBAAS,CAACC,KAAK;EACrBC,QAAQ,EAAEF,qBAAS,CAACG,IAAI;EACxBnB,UAAU,EAAEoB,WAAK,CAACC,cAAc,CAACC;AACnC,CAAC;AAAA,IAAAC,QAAA,GAAAlC,OAAA,cAYY,SAAAkC,SAAA;EAAA,OAAO;IACpBC,IAAI,EAAE,WAAW;IACjBV,SAAS,EAAE1B,SAAS;IACpBqC,IAAI,EAAE;EACR,CAAC;AAAA,CAAC","ignoreList":[]}

package/lib/chart-setup.js

@@ -0,0 +1,382 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resetValues = exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+var _styles = require("@mui/material/styles");
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _chartType = _interopRequireDefault(require("./chart-type"));
+var _configUi = require("@pie-lib/config-ui");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var resetValues = exports.resetValues = function resetValues(data, updateModel, range, onChange, model) {
+  (data || []).forEach(function (d) {
+    var d_value_scaled = Math.round(d.value * 10);
+    var range_step_scaled = Math.round(range.step * 10);
+    var remainder_scaled = d_value_scaled % range_step_scaled;
+    var remainder = remainder_scaled / 10;
+    if (d.value > range.max || remainder !== 0) {
+      d.value = 0;
+    }
+  });
+  if (updateModel) {
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      data: data
+    }));
+  }
+};
+var StyledWrapper = (0, _styles.styled)('div')(function () {
+  return {
+    width: '450px'
+  };
+});
+var StyledContent = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    marginTop: theme.spacing(3)
+  };
+});
+var StyledColumnView = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center'
+  };
+});
+var StyledRowView = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    justifyContent: 'space-around',
+    alignItems: 'center'
+  };
+});
+var StyledTextField = (0, _styles.styled)(_configUi.NumberTextFieldCustom)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    width: '130px',
+    margin: "".concat(theme.spacing(1), " ").concat(theme.spacing(0.5))
+  };
+});
+var StyledMediumTextField = (0, _styles.styled)(_configUi.NumberTextFieldCustom)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    width: '160px',
+    margin: "".concat(theme.spacing(1), " ").concat(theme.spacing(0.5))
+  };
+});
+var StyledDimensions = (0, _styles.styled)('div')(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    margin: "".concat(theme.spacing(3), " 0")
+  };
+});
+var StyledDisabled = (0, _styles.styled)(_Typography["default"])(function () {
+  return {
+    color: _renderUi.color.disabled()
+  };
+});
+var ConfigureChartPanel = function ConfigureChartPanel(props) {
+  var model = props.model,
+    onChange = props.onChange,
+    chartDimensions = props.chartDimensions,
+    _props$gridValues = props.gridValues,
+    gridValues = _props$gridValues === void 0 ? {} : _props$gridValues,
+    _props$labelValues = props.labelValues,
+    labelValues = _props$labelValues === void 0 ? {} : _props$labelValues,
+    _props$studentNewCate = props.studentNewCategoryDefaultLabel,
+    studentNewCategoryDefaultLabel = _props$studentNewCate === void 0 ? {} : _props$studentNewCate,
+    _props$availableChart = props.availableChartTypes,
+    availableChartTypes = _props$availableChart === void 0 ? {} : _props$availableChart,
+    chartTypeLabel = props.chartTypeLabel;
+  var _useState = (0, _react.useState)({
+      open: false,
+      title: '',
+      text: '',
+      onClose: null,
+      onConfirm: null
+    }),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    alertDialog = _useState2[0],
+    setAlertDialog = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    open = _useState4[0],
+    setOpen = _useState4[1];
+  var _useState5 = (0, _react.useState)(''),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    rangeKey = _useState6[0],
+    setRangeKey = _useState6[1];
+  var _useState7 = (0, _react.useState)(0),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    resetValue = _useState8[0],
+    setResetValue = _useState8[1];
+  var _model$range = model.range,
+    range = _model$range === void 0 ? {} : _model$range,
+    correctAnswer = model.correctAnswer,
+    changeInteractiveEnabled = model.changeInteractiveEnabled,
+    changeEditableEnabled = model.changeEditableEnabled;
+  var size = model.graph;
+  var _ref5 = chartDimensions || {},
+    showInConfigPanel = _ref5.showInConfigPanel,
+    width = _ref5.width,
+    height = _ref5.height;
+  var widthConstraints = {
+    min: width !== null && width !== void 0 && width.min ? Math.max(50, width.min) : 50,
+    max: width !== null && width !== void 0 && width.max ? Math.min(700, width.max) : 700,
+    step: (width === null || width === void 0 ? void 0 : width.step) >= 1 ? Math.min(200, width.step) : 20
+  };
+  var heightConstraints = {
+    min: height !== null && height !== void 0 && height.min ? Math.max(400, height.min) : 400,
+    max: height !== null && height !== void 0 && height.max ? Math.min(700, height.max) : 700,
+    step: (height === null || height === void 0 ? void 0 : height.step) >= 1 ? Math.min(200, height.step) : 20
+  };
+  var gridOptions = gridValues && gridValues.range ? {
+    customValues: gridValues.range
+  } : {
+    min: 0,
+    max: 10000
+  };
+  var labelOptions = labelValues && labelValues.range ? {
+    customValues: labelValues.range
+  } : {
+    min: 0,
+    max: 10000
+  };
+  var stepConfig = /*#__PURE__*/_react["default"].createElement(StyledRowView, null, /*#__PURE__*/_react["default"].createElement(StyledMediumTextField, (0, _extends2["default"])({
+    label: "Grid Interval",
+    value: range.step,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('step', v, e);
+    }
+  }, gridOptions)), /*#__PURE__*/_react["default"].createElement(StyledMediumTextField, (0, _extends2["default"])({
+    label: 'Label Interval',
+    value: range.labelStep,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onRangeChanged('labelStep', v, e);
+    }
+  }, labelOptions)));
+  var handleAlertDialog = function handleAlertDialog(openStatus) {
+    setAlertDialog(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        open: openStatus
+      });
+    });
+    setOpen(openStatus);
+  };
+  var setPropertiesToFalse = function setPropertiesToFalse(data, property) {
+    return data.map(function (obj) {
+      if (Object.prototype.hasOwnProperty.call(obj, property)) {
+        obj[property] = property == 'interactive' ? true : false;
+      }
+      return obj;
+    });
+  };
+  var removeOutOfRangeValues = function removeOutOfRangeValues(updateModel) {
+    var correctAnswer = model.correctAnswer,
+      data = model.data;
+    if (changeInteractiveEnabled === false) {
+      setPropertiesToFalse(data, 'interactive');
+    }
+    if (changeEditableEnabled === false) {
+      setPropertiesToFalse(data, 'editable');
+    }
+    resetValues(data, updateModel, range, onChange, model);
+    resetValues(correctAnswer.data, false, range, onChange, model);
+  };
+  var setCategoryDefaultLabel = function setCategoryDefaultLabel() {
+    var studentCategoryDefaultLabel = studentNewCategoryDefaultLabel === null || studentNewCategoryDefaultLabel === void 0 ? void 0 : studentNewCategoryDefaultLabel.label;
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      studentCategoryDefaultLabel: studentCategoryDefaultLabel
+    }));
+  };
+  var rangeProps = function rangeProps(chartType) {
+    return chartType.includes('Plot') ? {
+      min: 3,
+      max: 10
+    } : {
+      min: 0.05,
+      max: 10000
+    };
+  };
+  var onSizeChanged = function onSizeChanged(key, value) {
+    var graph = _objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, value));
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      graph: graph
+    }));
+  };
+  var isOutOfRange = function isOutOfRange(data, range) {
+    return (data || []).find(function (d) {
+      return d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0;
+    });
+  };
+  var onRangeChanged = function onRangeChanged(key, value, e) {
+    // use reset values to restore range to initial values
+    setResetValue(range[key]);
+    setRangeKey(key);
+    range[key] = value;
+    if (key === 'max' || key === 'step') {
+      // check if current chart values are invalid for given range step/max
+      var outOfRange = isOutOfRange(model.data, range) || isOutOfRange(model.correctAnswer.data, range);
+      if (outOfRange && e !== null && e !== void 0 && e.target) {
+        setOpen(true);
+      } else {
+        onChange(_objectSpread(_objectSpread({}, model), {}, {
+          range: range
+        }));
+      }
+    } else {
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        range: range
+      }));
+    }
+  };
+  (0, _react.useEffect)(function () {
+    removeOutOfRangeValues(true);
+    setCategoryDefaultLabel();
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (open) {
+      setAlertDialog({
+        open: true,
+        title: 'Warning',
+        text: 'This change will remove values defined for one or more categories',
+        onConfirm: function onConfirm() {
+          removeOutOfRangeValues();
+          handleAlertDialog(false);
+          onChange(_objectSpread(_objectSpread({}, model), {}, {
+            range: range,
+            correctAnswer: correctAnswer
+          }));
+        },
+        onClose: function onClose() {
+          range[rangeKey] = resetValue;
+          handleAlertDialog(false);
+        }
+      });
+    }
+  }, [open]);
+  var isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;
+  var getPlotConfiguration = function getPlotConfiguration() {
+    rangeProps.min = 3;
+    rangeProps.max = 10;
+    range.max = 10;
+    range.step = 1;
+    range.labelStep = 1;
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      range: range
+    }));
+  };
+  var onChartTypeChange = function onChartTypeChange(chartType) {
+    if (chartType.includes('Plot')) {
+      // The selected chart type does not support the current chart configuration
+      if (!isValidPlot) {
+        setAlertDialog({
+          open: true,
+          title: 'Warning',
+          text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',
+          onConfirm: function onConfirm() {
+            getPlotConfiguration();
+            removeOutOfRangeValues();
+            handleAlertDialog(false);
+            onChange(_objectSpread(_objectSpread({}, model), {}, {
+              range: range,
+              chartType: chartType
+            }));
+          },
+          onClose: function onClose() {
+            handleAlertDialog(false);
+          }
+        });
+        return;
+      }
+      rangeProps.min = 3;
+      rangeProps.max = 10;
+      onChange(_objectSpread(_objectSpread({}, model), {}, {
+        chartType: chartType
+      }));
+      return;
+    }
+    onChange(_objectSpread(_objectSpread({}, model), {}, {
+      chartType: chartType
+    }));
+  };
+  return /*#__PURE__*/_react["default"].createElement(StyledWrapper, null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    variant: 'subtitle1'
+  }, "Configure Chart"), /*#__PURE__*/_react["default"].createElement(StyledContent, null, /*#__PURE__*/_react["default"].createElement(StyledRowView, null, /*#__PURE__*/_react["default"].createElement(_chartType["default"], {
+    value: model.chartType,
+    onChange: function onChange(e) {
+      return onChartTypeChange(e.target.value);
+    },
+    availableChartTypes: availableChartTypes,
+    chartTypeLabel: chartTypeLabel
+  }), /*#__PURE__*/_react["default"].createElement(StyledMediumTextField, {
+    label: "Max Value",
+    value: range.max,
+    min: rangeProps(model.chartType).min,
+    max: rangeProps(model.chartType).max,
+    variant: "outlined",
+    onChange: function onChange(e, v) {
+      return onRangeChanged('max', v, e);
+    }
+  })), !model.chartType.includes('Plot') && stepConfig, showInConfigPanel && /*#__PURE__*/_react["default"].createElement(StyledDimensions, null, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, "Dimensions(px)")), /*#__PURE__*/_react["default"].createElement(StyledColumnView, null, /*#__PURE__*/_react["default"].createElement(StyledTextField, {
+    label: 'Width',
+    value: size.width,
+    min: widthConstraints.min,
+    max: widthConstraints.max,
+    step: widthConstraints.step,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('width', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(StyledDisabled, null, "Min 50, Max 700")), /*#__PURE__*/_react["default"].createElement(StyledColumnView, null, /*#__PURE__*/_react["default"].createElement(StyledTextField, {
+    label: 'Height',
+    value: size.height,
+    min: heightConstraints.min,
+    max: heightConstraints.max,
+    step: heightConstraints.step,
+    variant: 'outlined',
+    onChange: function onChange(e, v) {
+      return onSizeChanged('height', v);
+    }
+  }), /*#__PURE__*/_react["default"].createElement(StyledDisabled, null, "Min 400, Max 700")))), /*#__PURE__*/_react["default"].createElement(_configUi.AlertDialog, {
+    open: alertDialog.open,
+    title: alertDialog.title,
+    text: alertDialog.text,
+    onClose: alertDialog.onClose,
+    onConfirm: alertDialog.onConfirm
+  }));
+};
+ConfigureChartPanel.propTypes = {
+  chartDimensions: _propTypes["default"].object,
+  domain: _propTypes["default"].object,
+  gridValues: _propTypes["default"].object,
+  labelValues: _propTypes["default"].object,
+  model: _propTypes["default"].object,
+  onChange: _propTypes["default"].func,
+  range: _propTypes["default"].object,
+  chartDimension: _propTypes["default"].object,
+  size: _propTypes["default"].object,
+  studentNewCategoryDefaultLabel: _propTypes["default"].object,
+  availableChartTypes: _propTypes["default"].object,
+  chartTypeLabel: _propTypes["default"].string
+};
+var _default = exports["default"] = ConfigureChartPanel;
+//# sourceMappingURL=chart-setup.js.map

package/lib/chart-setup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-setup.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_renderUi","_styles","_Typography","_chartType","_configUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","resetValues","exports","data","updateModel","range","onChange","model","d","d_value_scaled","Math","round","value","range_step_scaled","step","remainder_scaled","remainder","max","StyledWrapper","styled","width","StyledContent","_ref","theme","display","flexDirection","marginTop","spacing","StyledColumnView","alignItems","StyledRowView","justifyContent","StyledTextField","NumberTextFieldCustom","_ref2","margin","concat","StyledMediumTextField","_ref3","StyledDimensions","_ref4","StyledDisabled","Typography","color","disabled","ConfigureChartPanel","props","chartDimensions","_props$gridValues","gridValues","_props$labelValues","labelValues","_props$studentNewCate","studentNewCategoryDefaultLabel","_props$availableChart","availableChartTypes","chartTypeLabel","_useState","useState","open","title","text","onClose","onConfirm","_useState2","_slicedToArray2","alertDialog","setAlertDialog","_useState3","_useState4","setOpen","_useState5","_useState6","rangeKey","setRangeKey","_useState7","_useState8","resetValue","setResetValue","_model$range","correctAnswer","changeInteractiveEnabled","changeEditableEnabled","size","graph","_ref5","showInConfigPanel","height","widthConstraints","min","heightConstraints","gridOptions","customValues","labelOptions","stepConfig","createElement","_extends2","label","variant","v","onRangeChanged","labelStep","handleAlertDialog","openStatus","prevState","setPropertiesToFalse","property","map","obj","prototype","removeOutOfRangeValues","setCategoryDefaultLabel","studentCategoryDefaultLabel","rangeProps","chartType","includes","onSizeChanged","key","isOutOfRange","find","floor","outOfRange","target","useEffect","isValidPlot","getPlotConfiguration","onChartTypeChange","AlertDialog","propTypes","PropTypes","object","domain","func","chartDimension","string","_default"],"sources":["../src/chart-setup.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\nimport ChartType from './chart-type';\nimport { AlertDialog, NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nexport const resetValues = (data, updateModel, range, onChange, model) => {\n  (data || []).forEach((d) => {\n    const d_value_scaled = Math.round(d.value * 10);\n    const range_step_scaled = Math.round(range.step * 10);\n    const remainder_scaled = d_value_scaled % range_step_scaled;\n    const remainder = remainder_scaled / 10;\n\n    if (d.value > range.max || remainder !== 0) {\n      d.value = 0;\n    }\n  });\n\n  if (updateModel) {\n    onChange({ ...model, data });\n  }\n};\n\nconst StyledWrapper = styled('div')(() => ({\n  width: '450px',\n}));\n\nconst StyledContent = styled('div')(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '100%',\n  marginTop: theme.spacing(3),\n}));\n\nconst StyledColumnView = styled('div')(() => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n}));\n\nconst StyledRowView = styled('div')(() => ({\n  display: 'flex',\n  justifyContent: 'space-around',\n  alignItems: 'center',\n}));\n\nconst StyledTextField = styled(NumberTextFieldCustom)(({ theme }) => ({\n  width: '130px',\n  margin: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n}));\n\nconst StyledMediumTextField = styled(NumberTextFieldCustom)(({ theme }) => ({\n  width: '160px',\n  margin: `${theme.spacing(1)} ${theme.spacing(0.5)}`,\n}));\n\nconst StyledDimensions = styled('div')(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  margin: `${theme.spacing(3)} 0`,\n}));\n\nconst StyledDisabled = styled(Typography)(() => ({\n  color: color.disabled(),\n}));\n\nconst ConfigureChartPanel = (props) => {\n  const {\n    model,\n    onChange,\n    chartDimensions,\n    gridValues = {},\n    labelValues = {},\n    studentNewCategoryDefaultLabel = {},\n    availableChartTypes = {},\n    chartTypeLabel,\n  } = props;\n  const [alertDialog, setAlertDialog] = useState({\n    open: false,\n    title: '',\n    text: '',\n    onClose: null,\n    onConfirm: null,\n  });\n  const [open, setOpen] = useState(false);\n  const [rangeKey, setRangeKey] = useState('');\n  const [resetValue, setResetValue] = useState(0);\n\n  const { range = {}, correctAnswer, changeInteractiveEnabled, changeEditableEnabled } = model;\n\n  const size = model.graph;\n  const { showInConfigPanel, width, height } = chartDimensions || {};\n\n  const widthConstraints = {\n    min: width?.min ? Math.max(50, width.min) : 50,\n    max: width?.max ? Math.min(700, width.max) : 700,\n    step: width?.step >= 1 ? Math.min(200, width.step) : 20,\n  };\n  const heightConstraints = {\n    min: height?.min ? Math.max(400, height.min) : 400,\n    max: height?.max ? Math.min(700, height.max) : 700,\n    step: height?.step >= 1 ? Math.min(200, height.step) : 20,\n  };\n\n  const gridOptions = gridValues && gridValues.range ? { customValues: gridValues.range } : { min: 0, max: 10000 };\n  const labelOptions = labelValues && labelValues.range ? { customValues: labelValues.range } : { min: 0, max: 10000 };\n\n  const stepConfig = (\n    <StyledRowView>\n      <StyledMediumTextField\n        label=\"Grid Interval\"\n        value={range.step}\n        variant=\"outlined\"\n        onChange={(e, v) => onRangeChanged('step', v, e)}\n        {...gridOptions}\n      />\n      <StyledMediumTextField\n        label={'Label Interval'}\n        value={range.labelStep}\n        variant={'outlined'}\n        onChange={(e, v) => onRangeChanged('labelStep', v, e)}\n        {...labelOptions}\n      />\n    </StyledRowView>\n  );\n\n  const handleAlertDialog = (openStatus) => {\n    setAlertDialog((prevState) => ({\n      ...prevState,\n      open: openStatus,\n    }));\n\n    setOpen(openStatus);\n  };\n\n  const setPropertiesToFalse = (data, property) => {\n    return data.map((obj) => {\n      if (Object.prototype.hasOwnProperty.call(obj, property)) {\n        obj[property] = property == 'interactive' ? true : false;\n      }\n      return obj;\n    });\n  };\n\n  const removeOutOfRangeValues = (updateModel) => {\n    const { correctAnswer, data } = model;\n\n    if (changeInteractiveEnabled === false) {\n      setPropertiesToFalse(data, 'interactive');\n    }\n\n    if (changeEditableEnabled === false) {\n      setPropertiesToFalse(data, 'editable');\n    }\n\n    resetValues(data, updateModel, range, onChange, model);\n    resetValues(correctAnswer.data, false, range, onChange, model);\n  };\n\n  const setCategoryDefaultLabel = () => {\n    const studentCategoryDefaultLabel = studentNewCategoryDefaultLabel?.label;\n\n    onChange({ ...model, studentCategoryDefaultLabel });\n  };\n\n  const rangeProps = (chartType) => {\n    return chartType.includes('Plot') ? { min: 3, max: 10 } : { min: 0.05, max: 10000 };\n  };\n\n  const onSizeChanged = (key, value) => {\n    const graph = { ...size, [key]: value };\n\n    onChange({ ...model, graph });\n  };\n\n  const isOutOfRange = (data, range) =>\n    (data || []).find((d) => d.value > range.max || d.value - range.step * Math.floor(d.value / range.step) !== 0);\n\n  const onRangeChanged = (key, value, e) => {\n    // use reset values to restore range to initial values\n    setResetValue(range[key]);\n    setRangeKey(key);\n\n    range[key] = value;\n\n    if (key === 'max' || key === 'step') {\n      // check if current chart values are invalid for given range step/max\n      const outOfRange = isOutOfRange(model.data, range) || isOutOfRange(model.correctAnswer.data, range);\n\n      if (outOfRange && e?.target) {\n        setOpen(true);\n      } else {\n        onChange({ ...model, range });\n      }\n    } else {\n      onChange({ ...model, range });\n    }\n  };\n\n  useEffect(() => {\n    removeOutOfRangeValues(true);\n    setCategoryDefaultLabel();\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      setAlertDialog({\n        open: true,\n        title: 'Warning',\n        text: 'This change will remove values defined for one or more categories',\n        onConfirm: () => {\n          removeOutOfRangeValues();\n          handleAlertDialog(false);\n          onChange({ ...model, range, correctAnswer });\n        },\n        onClose: () => {\n          range[rangeKey] = resetValue;\n          handleAlertDialog(false);\n        },\n      });\n    }\n  }, [open]);\n\n  const isValidPlot = range.step === 1 && range.labelStep === 1 && 3 <= range.max && range.max <= 10;\n\n  const getPlotConfiguration = () => {\n    rangeProps.min = 3;\n    rangeProps.max = 10;\n\n    range.max = 10;\n    range.step = 1;\n    range.labelStep = 1;\n\n    onChange({ ...model, range });\n  };\n\n  const onChartTypeChange = (chartType) => {\n    if (chartType.includes('Plot')) {\n      // The selected chart type does not support the current chart configuration\n      if (!isValidPlot) {\n        setAlertDialog({\n          open: true,\n          title: 'Warning',\n          text: 'The selected chart type does not support the current chart configuration. Reset chart configuration?',\n          onConfirm: () => {\n            getPlotConfiguration();\n            removeOutOfRangeValues();\n            handleAlertDialog(false);\n            onChange({ ...model, range, chartType });\n          },\n          onClose: () => {\n            handleAlertDialog(false);\n          },\n        });\n\n        return;\n      }\n\n      rangeProps.min = 3;\n      rangeProps.max = 10;\n\n      onChange({ ...model, chartType });\n\n      return;\n    }\n\n    onChange({ ...model, chartType });\n  };\n\n  return (\n    <StyledWrapper>\n      <Typography variant={'subtitle1'}>Configure Chart</Typography>\n      <StyledContent>\n        <StyledRowView>\n          <ChartType\n            value={model.chartType}\n            onChange={(e) => onChartTypeChange(e.target.value)}\n            availableChartTypes={availableChartTypes}\n            chartTypeLabel={chartTypeLabel}\n          />\n          <StyledMediumTextField\n            label=\"Max Value\"\n            value={range.max}\n            min={rangeProps(model.chartType).min}\n            max={rangeProps(model.chartType).max}\n            variant=\"outlined\"\n            onChange={(e, v) => onRangeChanged('max', v, e)}\n          />\n        </StyledRowView>\n        {!model.chartType.includes('Plot') && stepConfig}\n\n        {showInConfigPanel && (\n          <StyledDimensions>\n            <div>\n              <Typography>Dimensions(px)</Typography>\n            </div>\n\n            <StyledColumnView>\n              <StyledTextField\n                label={'Width'}\n                value={size.width}\n                min={widthConstraints.min}\n                max={widthConstraints.max}\n                step={widthConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('width', v)}\n              />\n              <StyledDisabled>Min 50, Max 700</StyledDisabled>\n            </StyledColumnView>\n\n            <StyledColumnView>\n              <StyledTextField\n                label={'Height'}\n                value={size.height}\n                min={heightConstraints.min}\n                max={heightConstraints.max}\n                step={heightConstraints.step}\n                variant={'outlined'}\n                onChange={(e, v) => onSizeChanged('height', v)}\n              />\n              <StyledDisabled>Min 400, Max 700</StyledDisabled>\n            </StyledColumnView>\n          </StyledDimensions>\n        )}\n      </StyledContent>\n\n      <AlertDialog\n        open={alertDialog.open}\n        title={alertDialog.title}\n        text={alertDialog.text}\n        onClose={alertDialog.onClose}\n        onConfirm={alertDialog.onConfirm}\n      />\n    </StyledWrapper>\n  );\n};\n\nConfigureChartPanel.propTypes = {\n  chartDimensions: PropTypes.object,\n  domain: PropTypes.object,\n  gridValues: PropTypes.object,\n  labelValues: PropTypes.object,\n  model: PropTypes.object,\n  onChange: PropTypes.func,\n  range: PropTypes.object,\n  chartDimension: PropTypes.object,\n  size: PropTypes.object,\n  studentNewCategoryDefaultLabel: PropTypes.object,\n  availableChartTypes: PropTypes.object,\n  chartTypeLabel: PropTypes.string,\n};\n\nexport default ConfigureChartPanel;\n"],"mappings":"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","ignoreList":[]}

package/lib/chart-type.js

@@ -0,0 +1,80 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styles = require("@mui/material/styles");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var StyledContainer = (0, _styles.styled)('div')(function () {
+  return {
+    width: '160px'
+  };
+});
+var StyledFormControl = (0, _styles.styled)(_FormControl["default"])(function () {
+  return {
+    width: '160px'
+  };
+});
+var StyledInputLabel = (0, _styles.styled)(_InputLabel["default"])(function () {
+  return {
+    backgroundColor: 'transparent'
+  };
+});
+var ChartType = function ChartType(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    availableChartTypes = _ref.availableChartTypes,
+    chartTypeLabel = _ref.chartTypeLabel;
+  return /*#__PURE__*/_react["default"].createElement(StyledContainer, null, /*#__PURE__*/_react["default"].createElement(StyledFormControl, {
+    variant: 'outlined'
+  }, /*#__PURE__*/_react["default"].createElement(StyledInputLabel, {
+    id: "type-helper-label"
+  }, chartTypeLabel), /*#__PURE__*/_react["default"].createElement(_material.Select, {
+    labelId: "type-helper-label",
+    id: "type-helper-label-select",
+    name: "chartType",
+    value: value,
+    onChange: onChange,
+    label: chartTypeLabel,
+    MenuProps: {
+      transitionDuration: {
+        enter: 225,
+        exit: 195
+      }
+    }
+  }, (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.histogram) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'histogram'
+  }, availableChartTypes.histogram), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.bar) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'bar'
+  }, availableChartTypes.bar), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineDot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineDot'
+  }, availableChartTypes.lineDot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.lineCross) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'lineCross'
+  }, availableChartTypes.lineCross), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.dotPlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'dotPlot'
+  }, availableChartTypes.dotPlot), (availableChartTypes === null || availableChartTypes === void 0 ? void 0 : availableChartTypes.linePlot) && /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+    value: 'linePlot'
+  }, availableChartTypes.linePlot))));
+};
+ChartType.propTypes = {
+  onChange: _propTypes["default"].func.isRequired,
+  value: _propTypes["default"].string.isRequired,
+  availableChartTypes: _propTypes["default"].shape({
+    histogram: _propTypes["default"].string,
+    bar: _propTypes["default"].string,
+    lineDot: _propTypes["default"].string,
+    lineCross: _propTypes["default"].string,
+    dotPlot: _propTypes["default"].string,
+    linePlot: _propTypes["default"].string
+  }),
+  chartTypeLabel: _propTypes["default"].string
+};
+var _default = exports["default"] = ChartType;
+//# sourceMappingURL=chart-type.js.map

package/lib/chart-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-type.js","names":["_react","_interopRequireDefault","require","_styles","_MenuItem","_FormControl","_InputLabel","_material","_propTypes","StyledContainer","styled","width","StyledFormControl","FormControl","StyledInputLabel","InputLabel","backgroundColor","ChartType","_ref","onChange","value","availableChartTypes","chartTypeLabel","createElement","variant","id","Select","labelId","name","label","MenuProps","transitionDuration","enter","exit","histogram","bar","lineDot","lineCross","dotPlot","linePlot","propTypes","PropTypes","func","isRequired","string","shape","_default","exports"],"sources":["../src/chart-type.js"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport InputLabel from '@mui/material/InputLabel';\nimport { Select } from '@mui/material';\nimport PropTypes from 'prop-types';\n\nconst StyledContainer = styled('div')(() => ({\n  width: '160px',\n}));\n\nconst StyledFormControl = styled(FormControl)(() => ({\n  width: '160px',\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n  backgroundColor: 'transparent',\n}));\n\nconst ChartType = ({ onChange, value, availableChartTypes, chartTypeLabel }) => (\n  <StyledContainer>\n    <StyledFormControl variant={'outlined'}>\n      <StyledInputLabel id=\"type-helper-label\">{chartTypeLabel}</StyledInputLabel>\n      <Select\n        labelId=\"type-helper-label\"\n        id=\"type-helper-label-select\"\n        name=\"chartType\"\n        value={value}\n        onChange={onChange}\n        label={chartTypeLabel}\n        MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n      >\n        {availableChartTypes?.histogram && <MenuItem value={'histogram'}>{availableChartTypes.histogram}</MenuItem>}\n        {availableChartTypes?.bar && <MenuItem value={'bar'}>{availableChartTypes.bar}</MenuItem>}\n        {availableChartTypes?.lineDot && <MenuItem value={'lineDot'}>{availableChartTypes.lineDot}</MenuItem>}\n        {availableChartTypes?.lineCross && <MenuItem value={'lineCross'}>{availableChartTypes.lineCross}</MenuItem>}\n        {availableChartTypes?.dotPlot && <MenuItem value={'dotPlot'}>{availableChartTypes.dotPlot}</MenuItem>}\n        {availableChartTypes?.linePlot && <MenuItem value={'linePlot'}>{availableChartTypes.linePlot}</MenuItem>}\n      </Select>\n    </StyledFormControl>\n  </StyledContainer>\n);\n\nChartType.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string.isRequired,\n  availableChartTypes: PropTypes.shape({\n    histogram: PropTypes.string,\n    bar: PropTypes.string,\n    lineDot: PropTypes.string,\n    lineCross: PropTypes.string,\n    dotPlot: PropTypes.string,\n    linePlot: PropTypes.string,\n  }),\n  chartTypeLabel: PropTypes.string,\n};\n\nexport default ChartType;\n"],"mappings":"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","ignoreList":[]}

package/lib/chart-types.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _bar = _interopRequireDefault(require("./bars/bar"));
+var _histogram = _interopRequireDefault(require("./bars/histogram"));
+var _lineDot = _interopRequireDefault(require("./line/line-dot"));
+var _lineCross = _interopRequireDefault(require("./line/line-cross"));
+var _dot = _interopRequireDefault(require("./plot/dot"));
+var _line = _interopRequireDefault(require("./plot/line"));
+var _default = exports["default"] = {
+  Bar: _bar["default"],
+  Histogram: _histogram["default"],
+  LineDot: _lineDot["default"],
+  DotPlot: _dot["default"],
+  LinePlot: _line["default"],
+  LineCross: _lineCross["default"]
+};
+//# sourceMappingURL=chart-types.js.map

package/lib/chart-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-types.js","names":["_bar","_interopRequireDefault","require","_histogram","_lineDot","_lineCross","_dot","_line","_default","exports","Bar","Histogram","LineDot","DotPlot","LinePlot","LineCross"],"sources":["../src/chart-types.js"],"sourcesContent":["import Bar from './bars/bar';\nimport Histogram from './bars/histogram';\nimport LineDot from './line/line-dot';\nimport LineCross from './line/line-cross';\nimport DotPlot from './plot/dot';\nimport LinePlot from './plot/line';\n\nexport default { Bar, Histogram, LineDot, DotPlot, LinePlot, LineCross };\n"],"mappings":";;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAmC,IAAAM,QAAA,GAAAC,OAAA,cAEpB;EAAEC,GAAG,EAAHA,eAAG;EAAEC,SAAS,EAATA,qBAAS;EAAEC,OAAO,EAAPA,mBAAO;EAAEC,OAAO,EAAPA,eAAO;EAAEC,QAAQ,EAARA,gBAAQ;EAAEC,SAAS,EAATA;AAAU,CAAC","ignoreList":[]}