@pie-lib/graphing 2.15.0-beta.2 → 2.15.0-beta.3

package/lib/tools/shared/point/base-point.js

@@ -0,0 +1,175 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RawBp = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _plot = require("@pie-lib/plot");
+
+var _coordinatesLabel = _interopRequireDefault(require("../../../coordinates-label"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _utils = require("../../../utils");
+
+var _MissingSVG = _interopRequireDefault(require("../icons/MissingSVG"));
+
+var _CorrectSVG = _interopRequireDefault(require("../icons/CorrectSVG"));
+
+var _IncorrectSVG = _interopRequireDefault(require("../icons/IncorrectSVG"));
+
+var _excluded = ["classes", "className", "coordinatesOnHover", "x", "y", "disabled", "correctness", "graphProps", "labelNode", "style", "onClick", "onTouchStart", "onTouchEnd"];
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var RawBp = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawBp, _React$Component);
+
+  var _super = _createSuper(RawBp);
+
+  function RawBp(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, RawBp);
+    _this = _super.call(this, props);
+    _this.state = {
+      showCoordinates: false
+    };
+    return _this;
+  }
+
+  (0, _createClass2["default"])(RawBp, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          className = _this$props.className,
+          coordinatesOnHover = _this$props.coordinatesOnHover,
+          x = _this$props.x,
+          y = _this$props.y,
+          disabled = _this$props.disabled,
+          correctness = _this$props.correctness,
+          graphProps = _this$props.graphProps,
+          labelNode = _this$props.labelNode,
+          style = _this$props.style,
+          onClick = _this$props.onClick,
+          onTouchStart = _this$props.onTouchStart,
+          onTouchEnd = _this$props.onTouchEnd,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+      var showCoordinates = this.state.showCoordinates;
+      var scale = graphProps.scale;
+      var r = (0, _utils.thinnerShapesNeeded)(graphProps) ? 5 : 7;
+      var SvgComponent;
+
+      switch (correctness) {
+        case 'missing':
+          SvgComponent = _MissingSVG["default"];
+          break;
+
+        case 'correct':
+          SvgComponent = _CorrectSVG["default"];
+          break;
+
+        case 'incorrect':
+          SvgComponent = _IncorrectSVG["default"];
+          break;
+
+        default:
+          SvgComponent = null;
+          break;
+      }
+
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("circle", {
+        style: {
+          fill: 'transparent',
+          cursor: 'pointer',
+          pointerEvents: 'all'
+        },
+        r: r * 3,
+        cx: scale.x(x),
+        cy: scale.y(y),
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        },
+        onTouchStart: onTouchStart,
+        onTouchEnd: onTouchEnd,
+        onClick: onClick
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        className: (0, _classnames["default"])(classes.point, disabled && classes.disabledSecondary, classes[correctness], className),
+        onMouseEnter: function onMouseEnter() {
+          return _this2.setState({
+            showCoordinates: true
+          });
+        },
+        onMouseLeave: function onMouseLeave() {
+          return _this2.setState({
+            showCoordinates: false
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement("circle", (0, _extends2["default"])({}, rest, {
+        r: r,
+        cx: scale.x(x),
+        cy: scale.y(y)
+      })), SvgComponent && /*#__PURE__*/_react["default"].createElement(SvgComponent, {
+        scale: scale,
+        x: x,
+        y: y
+      }), labelNode && coordinatesOnHover && showCoordinates && /*#__PURE__*/_reactDom["default"].createPortal( /*#__PURE__*/_react["default"].createElement(_coordinatesLabel["default"], {
+        graphProps: graphProps,
+        x: x,
+        y: y
+      }), labelNode)));
+    }
+  }]);
+  return RawBp;
+}(_react["default"].Component);
+
+exports.RawBp = RawBp;
+(0, _defineProperty2["default"])(RawBp, "propTypes", {
+  classes: _propTypes["default"].object,
+  className: _propTypes["default"].string,
+  coordinatesOnHover: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  disabled: _propTypes["default"].bool,
+  labelNode: _propTypes["default"].object,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+//# sourceMappingURL=base-point.js.map

package/lib/tools/shared/point/base-point.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tools/shared/point/base-point.jsx"],"names":["RawBp","props","state","showCoordinates","classes","className","coordinatesOnHover","x","y","disabled","correctness","graphProps","labelNode","style","onClick","onTouchStart","onTouchEnd","rest","scale","r","SvgComponent","MissingSVG","CorrectSVG","IncorrectSVG","fill","cursor","pointerEvents","setState","point","disabledSecondary","ReactDOM","createPortal","React","Component","PropTypes","object","string","bool","number","types","GraphPropsType","isRequired"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { types } from '@pie-lib/plot';\nimport CoordinatesLabel from '../../../coordinates-label';\nimport ReactDOM from 'react-dom';\nimport { thinnerShapesNeeded } from '../../../utils';\nimport MissingSVG from '../icons/MissingSVG';\nimport CorrectSVG from '../icons/CorrectSVG';\nimport IncorrectSVG from '../icons/IncorrectSVG';\n\nexport class RawBp extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    coordinatesOnHover: PropTypes.bool,\n    correctness: PropTypes.string,\n    disabled: PropTypes.bool,\n    labelNode: PropTypes.object,\n    x: PropTypes.number,\n    y: PropTypes.number,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { showCoordinates: false };\n  }\n\n  render() {\n    const {\n      classes,\n      className,\n      coordinatesOnHover,\n      x,\n      y,\n      disabled,\n      correctness,\n      graphProps,\n      labelNode,\n      // we need to remove style from props\n      // eslint-disable-next-line no-unused-vars,react/prop-types\n      style,\n      onClick,\n      // Refactored RawBp component by isolating onTouchStart and onTouchEnd handlers to the outer circle, resolving erratic touch event behavior.\n      // Remaining props are now applied only to the inner circle for improved event handling consistency.\n      onTouchStart,\n      onTouchEnd,\n      ...rest\n    } = this.props;\n    const { showCoordinates } = this.state;\n    const { scale } = graphProps;\n    const r = thinnerShapesNeeded(graphProps) ? 5 : 7;\n    let SvgComponent;\n    switch (correctness) {\n      case 'missing':\n        SvgComponent = MissingSVG;\n        break;\n      case 'correct':\n        SvgComponent = CorrectSVG;\n        break;\n      case 'incorrect':\n        SvgComponent = IncorrectSVG;\n        break;\n      default:\n        SvgComponent = null;\n        break;\n    }\n\n    return (\n      <>\n        <circle\n          style={{ fill: 'transparent', cursor: 'pointer', pointerEvents: 'all' }}\n          r={r * 3}\n          cx={scale.x(x)}\n          cy={scale.y(y)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n          onTouchStart={onTouchStart}\n          onTouchEnd={onTouchEnd}\n          onClick={onClick}\n        />\n        <g\n          className={classNames(classes.point, disabled && classes.disabledSecondary, classes[correctness], className)}\n          onMouseEnter={() => this.setState({ showCoordinates: true })}\n          onMouseLeave={() => this.setState({ showCoordinates: false })}\n        >\n          <circle {...rest} r={r} cx={scale.x(x)} cy={scale.y(y)} />\n          {SvgComponent && <SvgComponent scale={scale} x={x} y={y} />}\n          {labelNode &&\n            coordinatesOnHover &&\n            showCoordinates &&\n            ReactDOM.createPortal(<CoordinatesLabel graphProps={graphProps} x={x} y={y} />, labelNode)}\n        </g>\n      </>\n    );\n  }\n}\n"],"file":"base-point.js"}

package/lib/tools/shared/point/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BasePoint = exports.ArrowPoint = exports.Arrow = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _index = require("@material-ui/core/styles/index");
+
+var _plot = require("@pie-lib/plot");
+
+var utils = _interopRequireWildcard(require("../../../utils"));
+
+var _styles = require("../styles");
+
+var _basePoint = require("./base-point");
+
+var _arrowPoint = require("./arrow-point");
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var _arrow = _interopRequireDefault(require("./arrow"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2["default"])(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 opts = {
+  bounds: function bounds(props, _ref) {
+    var domain = _ref.domain,
+        range = _ref.range;
+    var x = props.x,
+        y = props.y;
+    var area = {
+      left: x,
+      top: y,
+      bottom: y,
+      right: x
+    };
+    return utils.bounds(area, domain, range);
+  },
+  anchorPoint: function anchorPoint(props) {
+    var x = props.x,
+        y = props.y;
+    return {
+      x: x,
+      y: y
+    };
+  },
+  fromDelta: function fromDelta(props, delta) {
+    return utils.point(props).add(utils.point(delta));
+  }
+};
+
+var styles = function styles() {
+  return {
+    point: {
+      '& circle, & polygon': {
+        cursor: 'pointer',
+        fill: _renderUi.color.defaults.BLACK
+      }
+    },
+    disabled: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.disabled)())
+    },
+    disabledSecondary: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.disabledSecondary)())
+    },
+    correct: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.correct)())
+    },
+    incorrect: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.incorrect)())
+    },
+    missing: {
+      '& circle, & polygon': _objectSpread({}, (0, _styles.missing)())
+    }
+  };
+};
+
+var BasePoint = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_basePoint.RawBp));
+exports.BasePoint = BasePoint;
+var ArrowPoint = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_arrowPoint.RawArrow));
+exports.ArrowPoint = ArrowPoint;
+var Arrow = (0, _index.withStyles)(styles)((0, _plot.gridDraggable)(opts)(_arrow["default"]));
+exports.Arrow = Arrow;
+//# sourceMappingURL=index.js.map

package/lib/tools/shared/point/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/tools/shared/point/index.jsx"],"names":["opts","bounds","props","domain","range","x","y","area","left","top","bottom","right","utils","anchorPoint","fromDelta","delta","point","add","styles","cursor","fill","color","defaults","BLACK","disabled","disabledSecondary","correct","incorrect","missing","BasePoint","RawBp","ArrowPoint","RawArrow","Arrow","BaseArrow"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG;AACXC,EAAAA,MAAM,EAAE,gBAACC,KAAD,QAA8B;AAAA,QAApBC,MAAoB,QAApBA,MAAoB;AAAA,QAAZC,KAAY,QAAZA,KAAY;AACpC,QAAQC,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AACA,QAAMC,IAAI,GAAG;AAAEC,MAAAA,IAAI,EAAEH,CAAR;AAAWI,MAAAA,GAAG,EAAEH,CAAhB;AAAmBI,MAAAA,MAAM,EAAEJ,CAA3B;AAA8BK,MAAAA,KAAK,EAAEN;AAArC,KAAb;AAEA,WAAOO,KAAK,CAACX,MAAN,CAAaM,IAAb,EAAmBJ,MAAnB,EAA2BC,KAA3B,CAAP;AACD,GANU;AAOXS,EAAAA,WAAW,EAAE,qBAACX,KAAD,EAAW;AACtB,QAAQG,CAAR,GAAiBH,KAAjB,CAAQG,CAAR;AAAA,QAAWC,CAAX,GAAiBJ,KAAjB,CAAWI,CAAX;AAEA,WAAO;AAAED,MAAAA,CAAC,EAADA,CAAF;AAAKC,MAAAA,CAAC,EAADA;AAAL,KAAP;AACD,GAXU;AAYXQ,EAAAA,SAAS,EAAE,mBAACZ,KAAD,EAAQa,KAAR,EAAkB;AAC3B,WAAOH,KAAK,CAACI,KAAN,CAAYd,KAAZ,EAAmBe,GAAnB,CAAuBL,KAAK,CAACI,KAAN,CAAYD,KAAZ,CAAvB,CAAP;AACD;AAdU,CAAb;;AAiBA,IAAMG,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,SAAO;AACLF,IAAAA,KAAK,EAAE;AACL,6BAAuB;AACrBG,QAAAA,MAAM,EAAE,SADa;AAErBC,QAAAA,IAAI,EAAEC,gBAAMC,QAAN,CAAeC;AAFA;AADlB,KADF;AAOLC,IAAAA,QAAQ,EAAE;AACR,+CACK,uBADL;AADQ,KAPL;AAYLC,IAAAA,iBAAiB,EAAE;AACjB,+CACK,gCADL;AADiB,KAZd;AAiBLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO,KAjBJ;AAsBLC,IAAAA,SAAS,EAAE;AACT,+CACK,wBADL;AADS,KAtBN;AA2BLC,IAAAA,OAAO,EAAE;AACP,+CACK,sBADL;AADO;AA3BJ,GAAP;AAiCD,CAlCD;;AAoCO,IAAMC,SAAS,GAAG,uBAAWX,MAAX,EAAmB,yBAAclB,IAAd,EAAoB8B,gBAApB,CAAnB,CAAlB;;AACA,IAAMC,UAAU,GAAG,uBAAWb,MAAX,EAAmB,yBAAclB,IAAd,EAAoBgC,oBAApB,CAAnB,CAAnB;;AACA,IAAMC,KAAK,GAAG,uBAAWf,MAAX,EAAmB,yBAAclB,IAAd,EAAoBkC,iBAApB,CAAnB,CAAd","sourcesContent":["import { withStyles } from '@material-ui/core/styles/index';\nimport { gridDraggable } from '@pie-lib/plot';\nimport * as utils from '../../../utils';\nimport { disabled, correct, incorrect, missing, disabledSecondary } from '../styles';\nimport { RawBp } from './base-point';\nimport { RawArrow } from './arrow-point';\nimport { color } from '@pie-lib/render-ui';\nimport BaseArrow from './arrow';\n\nconst opts = {\n  bounds: (props, { domain, range }) => {\n    const { x, y } = props;\n    const area = { left: x, top: y, bottom: y, right: x };\n\n    return utils.bounds(area, domain, range);\n  },\n  anchorPoint: (props) => {\n    const { x, y } = props;\n\n    return { x, y };\n  },\n  fromDelta: (props, delta) => {\n    return utils.point(props).add(utils.point(delta));\n  },\n};\n\nconst styles = () => {\n  return {\n    point: {\n      '& circle, & polygon': {\n        cursor: 'pointer',\n        fill: color.defaults.BLACK,\n      },\n    },\n    disabled: {\n      '& circle, & polygon': {\n        ...disabled(),\n      },\n    },\n    disabledSecondary: {\n      '& circle, & polygon': {\n        ...disabledSecondary(),\n      },\n    },\n    correct: {\n      '& circle, & polygon': {\n        ...correct(),\n      },\n    },\n    incorrect: {\n      '& circle, & polygon': {\n        ...incorrect(),\n      },\n    },\n    missing: {\n      '& circle, & polygon': {\n        ...missing(),\n      },\n    },\n  };\n};\n\nexport const BasePoint = withStyles(styles)(gridDraggable(opts)(RawBp));\nexport const ArrowPoint = withStyles(styles)(gridDraggable(opts)(RawArrow));\nexport const Arrow = withStyles(styles)(gridDraggable(opts)(BaseArrow));\n"],"file":"index.js"}

package/lib/tools/shared/styles.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.missing = exports.incorrect = exports.disabledSecondary = exports.disabled = exports.correct = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
+var disabled = function disabled() {
+  var _ref;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref = {}, (0, _defineProperty2["default"])(_ref, key, _renderUi.color.disabled()), (0, _defineProperty2["default"])(_ref, "pointerEvents", 'none'), _ref;
+};
+
+exports.disabled = disabled;
+
+var disabledSecondary = function disabledSecondary() {
+  var _ref2;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref2 = {}, (0, _defineProperty2["default"])(_ref2, key, _renderUi.color.disabledSecondary()), (0, _defineProperty2["default"])(_ref2, "pointerEvents", 'none'), _ref2;
+};
+
+exports.disabledSecondary = disabledSecondary;
+
+var correct = function correct() {
+  var _ref3;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref3 = {}, (0, _defineProperty2["default"])(_ref3, key, _renderUi.color.correctWithIcon()), (0, _defineProperty2["default"])(_ref3, "pointerEvents", 'none'), _ref3;
+};
+
+exports.correct = correct;
+
+var incorrect = function incorrect() {
+  var _ref4;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref4 = {}, (0, _defineProperty2["default"])(_ref4, key, _renderUi.color.incorrectWithIcon()), (0, _defineProperty2["default"])(_ref4, "pointerEvents", 'none'), _ref4;
+};
+
+exports.incorrect = incorrect;
+
+var missing = function missing() {
+  var _ref5;
+
+  var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'fill';
+  return _ref5 = {}, (0, _defineProperty2["default"])(_ref5, key, _renderUi.color.missingWithIcon()), (0, _defineProperty2["default"])(_ref5, "pointerEvents", 'none'), _ref5;
+};
+
+exports.missing = missing;
+//# sourceMappingURL=styles.js.map

package/lib/tools/shared/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/shared/styles.js"],"names":["disabled","key","color","disabledSecondary","correct","correctWithIcon","incorrect","incorrectWithIcon","missing","missingWithIcon"],"mappings":";;;;;;;;;;;AAAA;;AAEO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA;;AAAA,MAACC,GAAD,uEAAO,MAAP;AAAA,2DACrBA,GADqB,EACfC,gBAAMF,QAAN,EADe,2DAEP,MAFO;AAAA,CAAjB;;;;AAKA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA;;AAAA,MAACF,GAAD,uEAAO,MAAP;AAAA,6DAC9BA,GAD8B,EACxBC,gBAAMC,iBAAN,EADwB,4DAEhB,MAFgB;AAAA,CAA1B;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACH,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMG,eAAN,EADc,4DAEN,MAFM;AAAA,CAAhB;;;;AAIA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA;;AAAA,MAACL,GAAD,uEAAO,MAAP;AAAA,6DACtBA,GADsB,EAChBC,gBAAMK,iBAAN,EADgB,4DAER,MAFQ;AAAA,CAAlB;;;;AAKA,IAAMC,OAAO,GAAG,SAAVA,OAAU;AAAA;;AAAA,MAACP,GAAD,uEAAO,MAAP;AAAA,6DACpBA,GADoB,EACdC,gBAAMO,eAAN,EADc,4DAEN,MAFM;AAAA,CAAhB","sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const disabled = (key = 'fill') => ({\n  [key]: color.disabled(),\n  pointerEvents: 'none',\n});\n\nexport const disabledSecondary = (key = 'fill') => ({\n  [key]: color.disabledSecondary(),\n  pointerEvents: 'none',\n});\n\nexport const correct = (key = 'fill') => ({\n  [key]: color.correctWithIcon(),\n  pointerEvents: 'none',\n});\nexport const incorrect = (key = 'fill') => ({\n  [key]: color.incorrectWithIcon(),\n  pointerEvents: 'none',\n});\n\nexport const missing = (key = 'fill') => ({\n  [key]: color.missingWithIcon(),\n  pointerEvents: 'none',\n});\n"],"file":"styles.js"}

package/lib/tools/shared/types.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolPropTypeFields = exports.ToolPropType = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var ToolPropTypeFields = {
+  mark: _propTypes["default"].any,
+  onChange: _propTypes["default"].func,
+  onDragStart: _propTypes["default"].func,
+  onDragStop: _propTypes["default"].func
+};
+exports.ToolPropTypeFields = ToolPropTypeFields;
+
+var ToolPropType = _propTypes["default"].shape(ToolPropTypeFields);
+
+exports.ToolPropType = ToolPropType;
+//# sourceMappingURL=types.js.map

package/lib/tools/shared/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/shared/types.js"],"names":["ToolPropTypeFields","mark","PropTypes","any","onChange","func","onDragStart","onDragStop","ToolPropType","shape"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAEC,sBAAUC,GADgB;AAEhCC,EAAAA,QAAQ,EAAEF,sBAAUG,IAFY;AAGhCC,EAAAA,WAAW,EAAEJ,sBAAUG,IAHS;AAIhCE,EAAAA,UAAU,EAAEL,sBAAUG;AAJU,CAA3B;;;AAOA,IAAMG,YAAY,GAAGN,sBAAUO,KAAV,CAAgBT,kBAAhB,CAArB","sourcesContent":["import PropTypes from 'prop-types';\n\nexport const ToolPropTypeFields = {\n  mark: PropTypes.any,\n  onChange: PropTypes.func,\n  onDragStart: PropTypes.func,\n  onDragStop: PropTypes.func,\n};\n\nexport const ToolPropType = PropTypes.shape(ToolPropTypeFields);\n"],"file":"types.js"}

package/lib/tools/sine/component.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _graphingUtils = require("@pie-lib/graphing-utils");
+
+var _withRootEdge = require("../shared/line/with-root-edge");
+
+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) { (0, _defineProperty2["default"])(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 log = (0, _debug["default"])('pie-lib:graphing:sine');
+var Sine = (0, _withRootEdge.withRootEdge)(function (props) {
+  var root = props.root,
+      edge = props.edge,
+      graphProps = props.graphProps;
+  var domain = graphProps.domain,
+      range = graphProps.range;
+
+  var _getAmplitudeAndFreq = (0, _graphingUtils.getAmplitudeAndFreq)(root, edge),
+      amplitude = _getAmplitudeAndFreq.amplitude,
+      freq = _getAmplitudeAndFreq.freq;
+
+  var interval = freq / _graphingUtils.FREQ_DIVIDER;
+  log('[getPoints] amplitude:', amplitude, 'freq:', freq);
+  var dataPoints = edge && edge.x === root.x ? [] : (0, _graphingUtils.buildDataPoints)(_objectSpread(_objectSpread({}, domain), {}, {
+    step: interval
+  }), range, root, edge, (0, _graphingUtils.sinY)(amplitude, freq, {
+    phase: root.x,
+    vertical: root.y
+  }));
+  return {
+    root: props.root,
+    edge: props.edge,
+    dataPoints: dataPoints
+  };
+});
+var Component = (0, _withRootEdge.rootEdgeComponent)(Sine);
+var _default = Component;
+exports["default"] = _default;
+//# sourceMappingURL=component.js.map

package/lib/tools/sine/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/sine/component.jsx"],"names":["log","Sine","props","root","edge","graphProps","domain","range","amplitude","freq","interval","FREQ_DIVIDER","dataPoints","x","step","phase","vertical","y","Component"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,uBAAN,CAAZ;AAEA,IAAMC,IAAI,GAAG,gCAAa,UAACC,KAAD,EAAW;AACnC,MAAQC,IAAR,GAAmCD,KAAnC,CAAQC,IAAR;AAAA,MAAcC,IAAd,GAAmCF,KAAnC,CAAcE,IAAd;AAAA,MAAoBC,UAApB,GAAmCH,KAAnC,CAAoBG,UAApB;AACA,MAAQC,MAAR,GAA0BD,UAA1B,CAAQC,MAAR;AAAA,MAAgBC,KAAhB,GAA0BF,UAA1B,CAAgBE,KAAhB;;AAEA,6BAA4B,wCAAoBJ,IAApB,EAA0BC,IAA1B,CAA5B;AAAA,MAAQI,SAAR,wBAAQA,SAAR;AAAA,MAAmBC,IAAnB,wBAAmBA,IAAnB;;AACA,MAAMC,QAAQ,GAAGD,IAAI,GAAGE,2BAAxB;AAEAX,EAAAA,GAAG,CAAC,wBAAD,EAA2BQ,SAA3B,EAAsC,OAAtC,EAA+CC,IAA/C,CAAH;AAEA,MAAMG,UAAU,GACdR,IAAI,IAAIA,IAAI,CAACS,CAAL,KAAWV,IAAI,CAACU,CAAxB,GACI,EADJ,GAEI,oEACOP,MADP;AACeQ,IAAAA,IAAI,EAAEJ;AADrB,MAEEH,KAFF,EAGEJ,IAHF,EAIEC,IAJF,EAKE,yBAAKI,SAAL,EAAgBC,IAAhB,EAAsB;AAAEM,IAAAA,KAAK,EAAEZ,IAAI,CAACU,CAAd;AAAiBG,IAAAA,QAAQ,EAAEb,IAAI,CAACc;AAAhC,GAAtB,CALF,CAHN;AAWA,SAAO;AAAEd,IAAAA,IAAI,EAAED,KAAK,CAACC,IAAd;AAAoBC,IAAAA,IAAI,EAAEF,KAAK,CAACE,IAAhC;AAAsCQ,IAAAA,UAAU,EAAVA;AAAtC,GAAP;AACD,CArBY,CAAb;AAuBA,IAAMM,SAAS,GAAG,qCAAkBjB,IAAlB,CAAlB;eAEeiB,S","sourcesContent":["import debug from 'debug';\nimport { sinY, buildDataPoints, getAmplitudeAndFreq, FREQ_DIVIDER } from '@pie-lib/graphing-utils';\nimport { withRootEdge, rootEdgeComponent } from '../shared/line/with-root-edge';\n\nconst log = debug('pie-lib:graphing:sine');\n\nconst Sine = withRootEdge((props) => {\n  const { root, edge, graphProps } = props;\n  const { domain, range } = graphProps;\n\n  const { amplitude, freq } = getAmplitudeAndFreq(root, edge);\n  const interval = freq / FREQ_DIVIDER;\n\n  log('[getPoints] amplitude:', amplitude, 'freq:', freq);\n\n  const dataPoints =\n    edge && edge.x === root.x\n      ? []\n      : buildDataPoints(\n          { ...domain, step: interval },\n          range,\n          root,\n          edge,\n          sinY(amplitude, freq, { phase: root.x, vertical: root.y }),\n        );\n\n  return { root: props.root, edge: props.edge, dataPoints };\n});\n\nconst Component = rootEdgeComponent(Sine);\n\nexport default Component;\n"],"file":"component.js"}

package/lib/tools/sine/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tool = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _component = _interopRequireDefault(require("./component"));
+
+var _debug = _interopRequireDefault(require("debug"));
+
+var _utils = require("../../utils");
+
+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) { (0, _defineProperty2["default"])(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 log = (0, _debug["default"])('pie-lib:graphing:sine');
+
+var tool = function tool() {
+  return {
+    type: 'sine',
+    Component: _component["default"],
+    complete: function complete(data, mark) {
+      return _objectSpread(_objectSpread({}, mark), {}, {
+        building: false,
+        closed: true
+      });
+    },
+    addPoint: function addPoint(point, mark) {
+      log('add point to sine model: ', point, 'mark: ', mark);
+
+      if (mark && ((0, _utils.equalPoints)(mark.root, point) || (0, _utils.sameAxes)(mark.root, point))) {
+        return mark;
+      }
+
+      if (!mark) {
+        return {
+          type: 'sine',
+          root: point,
+          edge: undefined,
+          closed: false,
+          building: true
+        };
+      } else if (mark && !mark.root) {
+        throw new Error('no root - should never happen');
+      } else {
+        return _objectSpread(_objectSpread({}, mark), {}, {
+          edge: point,
+          closed: true,
+          building: false
+        });
+      }
+    }
+  };
+};
+
+exports.tool = tool;
+//# sourceMappingURL=index.js.map

package/lib/tools/sine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/sine/index.js"],"names":["log","tool","type","Component","Sine","complete","data","mark","building","closed","addPoint","point","root","edge","undefined","Error"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,uBAAN,CAAZ;;AAEO,IAAMC,IAAI,GAAG,SAAPA,IAAO;AAAA,SAAO;AACzBC,IAAAA,IAAI,EAAE,MADmB;AAEzBC,IAAAA,SAAS,EAAEC,qBAFc;AAGzBC,IAAAA,QAAQ,EAAE,kBAACC,IAAD,EAAOC,IAAP,EAAgB;AACxB,6CAAYA,IAAZ;AAAkBC,QAAAA,QAAQ,EAAE,KAA5B;AAAmCC,QAAAA,MAAM,EAAE;AAA3C;AACD,KALwB;AAMzBC,IAAAA,QAAQ,EAAE,kBAACC,KAAD,EAAQJ,IAAR,EAAiB;AACzBP,MAAAA,GAAG,CAAC,2BAAD,EAA8BW,KAA9B,EAAqC,QAArC,EAA+CJ,IAA/C,CAAH;;AACA,UAAIA,IAAI,KAAK,wBAAYA,IAAI,CAACK,IAAjB,EAAuBD,KAAvB,KAAiC,qBAASJ,IAAI,CAACK,IAAd,EAAoBD,KAApB,CAAtC,CAAR,EAA2E;AACzE,eAAOJ,IAAP;AACD;;AAED,UAAI,CAACA,IAAL,EAAW;AACT,eAAO;AACLL,UAAAA,IAAI,EAAE,MADD;AAELU,UAAAA,IAAI,EAAED,KAFD;AAGLE,UAAAA,IAAI,EAAEC,SAHD;AAILL,UAAAA,MAAM,EAAE,KAJH;AAKLD,UAAAA,QAAQ,EAAE;AALL,SAAP;AAOD,OARD,MAQO,IAAID,IAAI,IAAI,CAACA,IAAI,CAACK,IAAlB,EAAwB;AAC7B,cAAM,IAAIG,KAAJ,CAAU,+BAAV,CAAN;AACD,OAFM,MAEA;AACL,+CAAYR,IAAZ;AAAkBM,UAAAA,IAAI,EAAEF,KAAxB;AAA+BF,UAAAA,MAAM,EAAE,IAAvC;AAA6CD,UAAAA,QAAQ,EAAE;AAAvD;AACD;AACF;AAzBwB,GAAP;AAAA,CAAb","sourcesContent":["import Sine from './component';\nimport debug from 'debug';\nimport { equalPoints, sameAxes } from '../../utils';\n\nconst log = debug('pie-lib:graphing:sine');\n\nexport const tool = () => ({\n  type: 'sine',\n  Component: Sine,\n  complete: (data, mark) => {\n    return { ...mark, building: false, closed: true };\n  },\n  addPoint: (point, mark) => {\n    log('add point to sine model: ', point, 'mark: ', mark);\n    if (mark && (equalPoints(mark.root, point) || sameAxes(mark.root, point))) {\n      return mark;\n    }\n\n    if (!mark) {\n      return {\n        type: 'sine',\n        root: point,\n        edge: undefined,\n        closed: false,\n        building: true,\n      };\n    } else if (mark && !mark.root) {\n      throw new Error('no root - should never happen');\n    } else {\n      return { ...mark, edge: point, closed: true, building: false };\n    }\n  },\n});\n"],"file":"index.js"}

package/lib/tools/vector/component.js

@@ -0,0 +1,88 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Line = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _line = require("../shared/line");
+
+var _point = require("../shared/point");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _plot = require("@pie-lib/plot");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _utils = require("../../utils");
+
+var _excluded = ["className", "classes", "disabled", "correctness", "graphProps", "from", "to"];
+
+var lineStyles = function lineStyles(theme) {
+  return {
+    line: _line.styles.line(theme),
+    disabled: _line.styles.disabled(theme),
+    disabledSecondary: _line.styles.disabledSecondary(theme),
+    correct: _line.styles.correct(theme, 'stroke'),
+    incorrect: _line.styles.incorrect(theme, 'stroke'),
+    missing: _line.styles.missing(theme, 'stroke')
+  };
+};
+
+var Line = function Line(props) {
+  var className = props.className,
+      classes = props.classes,
+      disabled = props.disabled,
+      correctness = props.correctness,
+      scale = props.graphProps.scale,
+      from = props.from,
+      to = props.to,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var startPoint = {
+    x: scale.x(from.x),
+    y: scale.y(from.y)
+  };
+  var endPoint = {
+    x: scale.x(to.x),
+    y: scale.y(to.y)
+  };
+  var length = (0, _utils.getDistanceBetweenTwoPoints)(startPoint, endPoint);
+  return /*#__PURE__*/_react["default"].createElement("line", (0, _extends2["default"])({
+    className: (0, _classnames["default"])(classes.line, disabled && classes.disabledSecondary, classes[correctness], className),
+    x1: startPoint.x,
+    y1: startPoint.y,
+    x2: endPoint.x,
+    y2: endPoint.y,
+    strokeDasharray: length - 7
+  }, rest));
+};
+
+exports.Line = Line;
+Line.propTypes = {
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].object,
+  disabled: _propTypes["default"].bool,
+  correctness: _propTypes["default"].string,
+  graphProps: _propTypes["default"].any,
+  from: _plot.types.PointType,
+  to: _plot.types.PointType
+};
+var StyledLine = (0, _styles.withStyles)(lineStyles)(Line);
+var Vector = (0, _line.lineBase)(StyledLine, {
+  to: _point.Arrow
+});
+var Component = (0, _line.lineToolComponent)(Vector);
+var _default = Component;
+exports["default"] = _default;
+//# sourceMappingURL=component.js.map

package/lib/tools/vector/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/vector/component.jsx"],"names":["lineStyles","theme","line","styles","disabled","disabledSecondary","correct","incorrect","missing","Line","props","className","classes","correctness","scale","graphProps","from","to","rest","startPoint","x","y","endPoint","length","propTypes","PropTypes","string","object","bool","any","types","PointType","StyledLine","Vector","Arrow","Component"],"mappings":"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","sourcesContent":["import { lineToolComponent, lineBase, styles } from '../shared/line';\nimport { Arrow } from '../shared/point';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { types } from '@pie-lib/plot';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { getDistanceBetweenTwoPoints } from '../../utils';\n\nconst lineStyles = (theme) => ({\n  line: styles.line(theme),\n  disabled: styles.disabled(theme),\n  disabledSecondary: styles.disabledSecondary(theme),\n  correct: styles.correct(theme, 'stroke'),\n  incorrect: styles.incorrect(theme, 'stroke'),\n  missing: styles.missing(theme, 'stroke'),\n});\n\nexport const Line = (props) => {\n  const {\n    className,\n    classes,\n    disabled,\n    correctness,\n    graphProps: { scale },\n    from,\n    to,\n    ...rest\n  } = props;\n  const startPoint = { x: scale.x(from.x), y: scale.y(from.y) };\n  const endPoint = { x: scale.x(to.x), y: scale.y(to.y) };\n  const length = getDistanceBetweenTwoPoints(startPoint, endPoint);\n\n  return (\n    <line\n      className={classNames(classes.line, disabled && classes.disabledSecondary, classes[correctness], className)}\n      x1={startPoint.x}\n      y1={startPoint.y}\n      x2={endPoint.x}\n      y2={endPoint.y}\n      strokeDasharray={length - 7}\n      {...rest}\n    />\n  );\n};\n\nLine.propTypes = {\n  className: PropTypes.string,\n  classes: PropTypes.object,\n  disabled: PropTypes.bool,\n  correctness: PropTypes.string,\n  graphProps: PropTypes.any,\n  from: types.PointType,\n  to: types.PointType,\n};\n\nconst StyledLine = withStyles(lineStyles)(Line);\nconst Vector = lineBase(StyledLine, { to: Arrow });\nconst Component = lineToolComponent(Vector);\n\nexport default Component;\n"],"file":"component.js"}

package/lib/tools/vector/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tool = void 0;
+
+var _component = _interopRequireDefault(require("./component"));
+
+var _line = require("../shared/line");
+
+var tool = (0, _line.lineTool)('vector', _component["default"]);
+exports.tool = tool;
+//# sourceMappingURL=index.js.map

package/lib/tools/vector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tools/vector/index.js"],"names":["tool","Vector"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,IAAI,GAAG,oBAAS,QAAT,EAAmBC,qBAAnB,CAAb","sourcesContent":["import Vector from './component';\nimport { lineTool } from '../shared/line';\n\nexport const tool = lineTool('vector', Vector);\n"],"file":"index.js"}