@pie-element/number-line 13.1.2-next.5 → 13.1.3

package/lib/number-line/graph/elements/point.js

@@ -0,0 +1,204 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Point = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _renderUi = require("@pie-lib/render-ui");
+var _draggable = require("../../../draggable");
+const duration = '150ms';
+const StyledCircle = (0, _styles.styled)('circle')(({
+  $selected,
+  $disabled,
+  $correct,
+  $empty
+}) => ({
+  cursor: 'pointer',
+  transition: `r ${duration} linear,  
+  opacity ${duration} linear, 
+  fill ${duration} linear,
+  stroke ${duration} linear`,
+  stroke: _renderUi.color.primary(),
+  fill: _renderUi.color.primary(),
+  // was ".react-draggable-dragging"
+  '&.dnd-kit-dragging': {
+    opacity: 0.25,
+    r: '10px'
+  },
+  '&:hover': {
+    stroke: _renderUi.color.primaryDark()
+  },
+  ...($selected && {
+    stroke: _renderUi.color.primaryDark()
+  }),
+  ...($disabled && {
+    cursor: 'not-allowed',
+    opacity: 0.8
+  }),
+  ...($correct === true && {
+    cursor: 'inherit',
+    stroke: _renderUi.color.correct(),
+    fill: _renderUi.color.correct()
+  }),
+  ...($correct === false && {
+    cursor: 'inherit',
+    stroke: _renderUi.color.incorrect(),
+    fill: _renderUi.color.incorrect()
+  }),
+  ...($empty && {
+    fill: 'white'
+  })
+}));
+class Point extends _react.default.Component {
+  render() {
+    const {
+      onDragStop,
+      onDragStart,
+      onDrag: onDragCallback,
+      onClick,
+      onMove,
+      interval,
+      y,
+      bounds,
+      selected,
+      position,
+      disabled,
+      correct,
+      empty
+    } = this.props;
+    const {
+      snapValue,
+      xScale
+    } = this.context;
+
+    // same as old `is`
+    const step = xScale(interval) - xScale(0);
+    const dragPosition = deltaX => {
+      const normalized = deltaX + xScale(0);
+      const inverted = xScale.invert(normalized);
+      return snapValue(position + inverted);
+    };
+
+    // bounds in px (same as old scaledBounds)
+    const scaledBounds = bounds ? {
+      left: bounds.left / interval * step,
+      right: bounds.right / interval * step
+    } : null;
+    const handleMouseDown = e => e.nativeEvent.preventDefault();
+
+    // called when drag starts (via LocalDraggableDndKit)
+    const handleDragStart = () => {
+      if (onDragStart) {
+        onDragStart();
+      }
+    };
+
+    // called continuously while dragging (snapped+clamped deltaX in px)
+    const handleDragMove = deltaX => {
+      const p = dragPosition(deltaX);
+      if (onDragCallback) {
+        onDragCallback(p);
+      }
+    };
+
+    // called when drag ends (snapped+clamped deltaX in px)
+    const handleDragEnd = deltaX => {
+      if (onDragStop) {
+        onDragStop();
+      }
+      const deltaAbs = Math.abs(deltaX);
+
+      // click vs drag, same threshold as before: is / 10
+      if (deltaAbs < step / 10) {
+        if (onClick) {
+          onClick();
+        }
+        return;
+      }
+      const newPosition = dragPosition(deltaX);
+      onMove(newPosition);
+    };
+    const id = `point-${position}-${y}`;
+    return /*#__PURE__*/_react.default.createElement(_draggable.Draggable, {
+      id: id,
+      disabled: disabled,
+      grid: [step],
+      bounds: scaledBounds,
+      onMouseDown: handleMouseDown,
+      onDragStart: handleDragStart,
+      onDragMove: handleDragMove,
+      onDragEnd: handleDragEnd
+    }, ({
+      setNodeRef,
+      attributes,
+      listeners,
+      translateX,
+      isDragging,
+      onMouseDown
+    }) => /*#__PURE__*/_react.default.createElement("g", (0, _extends2.default)({
+      ref: setNodeRef,
+      onMouseDown: onMouseDown
+      // axis="x": only horizontal translate
+      ,
+      transform: `translate(${translateX}, 0)`
+    }, attributes, listeners), /*#__PURE__*/_react.default.createElement("circle", {
+      r: "20",
+      strokeWidth: "3",
+      style: {
+        fill: 'transparent',
+        pointerEvents: 'visibleStroke'
+      },
+      cx: xScale(position),
+      cy: y,
+      stroke: selected ? _renderUi.color.primaryDark() : 'none'
+    }), /*#__PURE__*/_react.default.createElement(StyledCircle, {
+      r: "5",
+      strokeWidth: "3",
+      cx: xScale(position),
+      cy: y,
+      $selected: selected,
+      $disabled: disabled,
+      $correct: correct,
+      $empty: empty,
+      className: isDragging ? 'dnd-kit-dragging' : undefined
+    })));
+  }
+}
+exports.Point = Point;
+(0, _defineProperty2.default)(Point, "defaultProps", {
+  y: 0,
+  selected: false,
+  empty: false,
+  disabled: false,
+  correct: undefined
+});
+(0, _defineProperty2.default)(Point, "propTypes", {
+  interval: _propTypes.default.number.isRequired,
+  position: _propTypes.default.number.isRequired,
+  bounds: _propTypes.default.shape({
+    left: _propTypes.default.number.isRequired,
+    right: _propTypes.default.number.isRequired
+  }),
+  selected: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  correct: _propTypes.default.bool,
+  empty: _propTypes.default.bool,
+  y: _propTypes.default.number,
+  onMove: _propTypes.default.func.isRequired,
+  onClick: _propTypes.default.func,
+  onDrag: _propTypes.default.func,
+  onDragStop: _propTypes.default.func,
+  onDragStart: _propTypes.default.func
+});
+(0, _defineProperty2.default)(Point, "contextTypes", {
+  xScale: _propTypes.default.func.isRequired,
+  snapValue: _propTypes.default.func.isRequired
+});
+var _default = exports.default = Point;
+//# sourceMappingURL=point.js.map

package/lib/number-line/graph/elements/point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"point.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","_draggable","duration","StyledCircle","styled","$selected","$disabled","$correct","$empty","cursor","transition","stroke","color","primary","fill","opacity","r","primaryDark","correct","incorrect","Point","React","Component","render","onDragStop","onDragStart","onDrag","onDragCallback","onClick","onMove","interval","y","bounds","selected","position","disabled","empty","props","snapValue","xScale","context","step","dragPosition","deltaX","normalized","inverted","invert","scaledBounds","left","right","handleMouseDown","e","nativeEvent","preventDefault","handleDragStart","handleDragMove","p","handleDragEnd","deltaAbs","Math","abs","newPosition","id","default","createElement","Draggable","grid","onMouseDown","onDragMove","onDragEnd","setNodeRef","attributes","listeners","translateX","isDragging","_extends2","ref","transform","strokeWidth","style","pointerEvents","cx","cy","className","undefined","exports","_defineProperty2","PropTypes","number","isRequired","shape","bool","func","_default"],"sources":["../../../../src/number-line/graph/elements/point.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nimport { Draggable } from '../../../draggable';\n\nconst duration = '150ms';\n\nconst StyledCircle = styled('circle')(({ $selected, $disabled, $correct, $empty }) => ({\n  cursor: 'pointer',\n  transition: `r ${duration} linear,  \n  opacity ${duration} linear, \n  fill ${duration} linear,\n  stroke ${duration} linear`,\n  stroke: color.primary(),\n  fill: color.primary(),\n  // was \".react-draggable-dragging\"\n  '&.dnd-kit-dragging': {\n    opacity: 0.25,\n    r: '10px',\n  },\n  '&:hover': {\n    stroke: color.primaryDark(),\n  },\n  ...($selected && {\n    stroke: color.primaryDark(),\n  }),\n  ...($disabled && {\n    cursor: 'not-allowed',\n    opacity: 0.8,\n  }),\n  ...($correct === true && {\n    cursor: 'inherit',\n    stroke: color.correct(),\n    fill: color.correct(),\n  }),\n  ...($correct === false && {\n    cursor: 'inherit',\n    stroke: color.incorrect(),\n    fill: color.incorrect(),\n  }),\n  ...($empty && {\n    fill: 'white',\n  }),\n}));\n\nexport class Point extends React.Component {\n  static defaultProps = {\n    y: 0,\n    selected: false,\n    empty: false,\n    disabled: false,\n    correct: undefined,\n  };\n\n  static propTypes = {\n    interval: PropTypes.number.isRequired,\n    position: PropTypes.number.isRequired,\n    bounds: PropTypes.shape({\n      left: PropTypes.number.isRequired,\n      right: PropTypes.number.isRequired,\n    }),\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    correct: PropTypes.bool,\n    empty: PropTypes.bool,\n    y: PropTypes.number,\n    onMove: PropTypes.func.isRequired,\n    onClick: PropTypes.func,\n    onDrag: PropTypes.func,\n    onDragStop: PropTypes.func,\n    onDragStart: PropTypes.func,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  render() {\n    const {\n      onDragStop,\n      onDragStart,\n      onDrag: onDragCallback,\n      onClick,\n      onMove,\n      interval,\n      y,\n      bounds,\n      selected,\n      position,\n      disabled,\n      correct,\n      empty,\n    } = this.props;\n\n    const { snapValue, xScale } = this.context;\n\n    // same as old `is`\n    const step = xScale(interval) - xScale(0);\n\n    const dragPosition = (deltaX) => {\n      const normalized = deltaX + xScale(0);\n      const inverted = xScale.invert(normalized);\n      return snapValue(position + inverted);\n    };\n\n    // bounds in px (same as old scaledBounds)\n    const scaledBounds = bounds\n      ? {\n          left: (bounds.left / interval) * step,\n          right: (bounds.right / interval) * step,\n        }\n      : null;\n\n    const handleMouseDown = (e) => e.nativeEvent.preventDefault();\n\n    // called when drag starts (via LocalDraggableDndKit)\n    const handleDragStart = () => {\n      if (onDragStart) {\n        onDragStart();\n      }\n    };\n\n    // called continuously while dragging (snapped+clamped deltaX in px)\n    const handleDragMove = (deltaX) => {\n      const p = dragPosition(deltaX);\n      if (onDragCallback) {\n        onDragCallback(p);\n      }\n    };\n\n    // called when drag ends (snapped+clamped deltaX in px)\n    const handleDragEnd = (deltaX) => {\n      if (onDragStop) {\n        onDragStop();\n      }\n\n      const deltaAbs = Math.abs(deltaX);\n\n      // click vs drag, same threshold as before: is / 10\n      if (deltaAbs < step / 10) {\n        if (onClick) {\n          onClick();\n        }\n        return;\n      }\n\n      const newPosition = dragPosition(deltaX);\n      onMove(newPosition);\n    };\n\n    const id = `point-${position}-${y}`;\n\n    return (\n      <Draggable  \n        id={id}\n        disabled={disabled}\n        grid={[step]}\n        bounds={scaledBounds}\n        onMouseDown={handleMouseDown}\n        onDragStart={handleDragStart}\n        onDragMove={handleDragMove}\n        onDragEnd={handleDragEnd}\n      >\n        {({\n          setNodeRef,\n          attributes,\n          listeners,\n          translateX,\n          isDragging,\n          onMouseDown,\n        }) => (\n          <g\n            ref={setNodeRef}\n            onMouseDown={onMouseDown}\n            // axis=\"x\": only horizontal translate\n            transform={`translate(${translateX}, 0)`}\n            {...attributes}\n            {...listeners}\n          >\n            <circle\n              r=\"20\"\n              strokeWidth=\"3\"\n              style={{ fill: 'transparent', pointerEvents: 'visibleStroke' }}\n              cx={xScale(position)}\n              cy={y}\n              stroke={selected ? color.primaryDark() : 'none'}\n            />\n            <StyledCircle\n              r=\"5\"\n              strokeWidth=\"3\"\n              cx={xScale(position)}\n              cy={y}\n              $selected={selected}\n              $disabled={disabled}\n              $correct={correct}\n              $empty={empty}\n              className={isDragging ? 'dnd-kit-dragging' : undefined}\n            />\n          </g>\n        )}\n      </ Draggable>\n    );\n  }\n}\n\nexport default Point;\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/graph/elements/ray.js

@@ -0,0 +1,190 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Ray = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var colors = _interopRequireWildcard(require("../../colors"));
+var _renderUi = require("@pie-lib/render-ui");
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _arrow = _interopRequireDefault(require("../arrow"));
+var _point = _interopRequireDefault(require("./point"));
+var _base = require("./base");
+var _lodashEs = require("lodash-es");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (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 (const 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); }
+const StyledRayGroup = (0, _styles.styled)('g')(({
+  $selected,
+  $correct
+}) => ({
+  '& line': {
+    cursor: 'pointer',
+    strokeWidth: '5px',
+    stroke: _renderUi.color.primary()
+  },
+  '& line, & .arrow': {
+    transition: 'stroke 150ms linear, fill 150ms linear'
+  },
+  ...($selected && {
+    '& line': {
+      stroke: colors.selected
+    },
+    '& .arrow': {
+      fill: colors.selected,
+      strokeWidth: '1px',
+      stroke: colors.selected
+    }
+  }),
+  ...($correct === true && {
+    '& line': {
+      stroke: colors.correct
+    },
+    '& .arrow': {
+      fill: colors.correct,
+      strokeWidth: '1px',
+      stroke: colors.correct
+    }
+  }),
+  ...($correct === false && {
+    '& line': {
+      stroke: colors.incorrect
+    },
+    '& .arrow': {
+      fill: colors.incorrect,
+      strokeWidth: '1px',
+      stroke: colors.incorrect
+    }
+  })
+}));
+const StyledArrow = (0, _styles.styled)(_arrow.default)(({
+  $correct,
+  $selected
+}) => ({
+  fill: _renderUi.color.primary(),
+  ...($correct === true && {
+    fill: colors.correct,
+    '--arrow-color': colors.correct
+  }),
+  ...($correct === false && {
+    fill: colors.incorrect,
+    '--arrow-color': colors.incorrect
+  }),
+  ...($selected && {
+    fill: colors.selected,
+    '--arrow-color': colors.selected
+  })
+}));
+class Ray extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      dragPosition: null
+    };
+  }
+  drag(p) {
+    const {
+      domain
+    } = this.props;
+    if (p >= domain.min && p <= domain.max) {
+      this.setState({
+        dragPosition: p
+      });
+    }
+  }
+  stopDrag() {
+    this.setState({
+      dragPosition: null
+    });
+  }
+  render() {
+    /* eslint-disable */
+    const {
+      interval,
+      empty,
+      position,
+      direction,
+      domain,
+      y,
+      selected,
+      disabled,
+      width,
+      correct
+    } = this.props;
+    /* eslint-enable */
+    const {
+      xScale
+    } = this.context;
+    const drag = this.drag.bind(this);
+    const stopDrag = this.stopDrag.bind(this);
+    const finalPosition = (0, _lodashEs.isNumber)(this.state.dragPosition) ? this.state.dragPosition : position;
+    const positive = direction === 'positive';
+    const left = positive ? finalPosition : domain.min;
+    const right = positive ? domain.max : finalPosition;
+    // const triangleX = positive ? xScale(right) : xScale(left);
+
+    //const et the line run all the way to 0 or width.
+    const x1 = positive ? xScale(left) : 8;
+    const x2 = positive ? width - 8 : xScale(right);
+    const arrowX = positive ? width : 0;
+    const arrowDirection = positive ? 'right' : 'left';
+    const noop = () => {};
+    return /*#__PURE__*/_react.default.createElement(StyledRayGroup, {
+      $selected: selected,
+      $correct: correct,
+      transform: `translate(0, ${y})`
+    }, /*#__PURE__*/_react.default.createElement("line", {
+      onClick: disabled ? noop : this.props.onToggleSelect,
+      className: "line-handle",
+      x1: x1,
+      x2: x2
+    }), /*#__PURE__*/_react.default.createElement(_point.default, {
+      disabled: disabled,
+      correct: correct,
+      selected: selected,
+      empty: empty,
+      interval: interval,
+      bounds: {
+        left: domain.min - position,
+        right: domain.max - position
+      },
+      position: position,
+      onDrag: drag,
+      onDragStop: stopDrag,
+      onMove: this.props.onMove,
+      onClick: this.props.onToggleSelect
+    }), /*#__PURE__*/_react.default.createElement(StyledArrow, {
+      x: arrowX,
+      $correct: correct,
+      $selected: selected,
+      direction: arrowDirection
+    }));
+  }
+}
+exports.Ray = Ray;
+(0, _defineProperty2.default)(Ray, "propTypes", {
+  ...(0, _base.basePropTypes)(),
+  width: _propTypes.default.number.isRequired,
+  selected: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  empty: _propTypes.default.bool,
+  direction: _propTypes.default.oneOf(['positive', 'negative']),
+  y: _propTypes.default.number,
+  position: _propTypes.default.number.isRequired,
+  onMove: _propTypes.default.func.isRequired,
+  onToggleSelect: _propTypes.default.func.isRequired
+});
+(0, _defineProperty2.default)(Ray, "defaultProps", {
+  selected: false,
+  direction: 'positive',
+  y: 0,
+  disabled: false
+});
+(0, _defineProperty2.default)(Ray, "contextTypes", {
+  xScale: _propTypes.default.func.isRequired,
+  snapValue: _propTypes.default.func.isRequired
+});
+var _default = exports.default = Ray;
+//# sourceMappingURL=ray.js.map

package/lib/number-line/graph/elements/ray.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ray.js","names":["colors","_interopRequireWildcard","require","_renderUi","_react","_interopRequireDefault","_propTypes","_styles","_arrow","_point","_base","_lodashEs","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledRayGroup","styled","$selected","$correct","cursor","strokeWidth","stroke","color","primary","transition","selected","fill","correct","incorrect","StyledArrow","Arrow","Ray","React","Component","constructor","props","state","dragPosition","drag","p","domain","min","max","setState","stopDrag","render","interval","empty","position","direction","y","disabled","width","xScale","context","bind","finalPosition","isNumber","positive","left","right","x1","x2","arrowX","arrowDirection","noop","createElement","transform","onClick","onToggleSelect","className","bounds","onDrag","onDragStop","onMove","x","exports","_defineProperty2","basePropTypes","PropTypes","number","isRequired","bool","oneOf","func","snapValue","_default"],"sources":["../../../../src/number-line/graph/elements/ray.jsx"],"sourcesContent":["import * as colors from '../../colors';\nimport { color } from '@pie-lib/render-ui';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Arrow from '../arrow';\nimport Point from './point';\nimport { basePropTypes } from './base';\nimport { isNumber } from 'lodash-es';\n\nconst StyledRayGroup = styled('g')(({ $selected, $correct }) => ({\n  '& line': {\n    cursor: 'pointer',\n    strokeWidth: '5px',\n    stroke: color.primary(),\n  },\n  '& line, & .arrow': {\n    transition: 'stroke 150ms linear, fill 150ms linear',\n  },\n  ...($selected && {\n    '& line': {\n      stroke: colors.selected,\n    },\n    '& .arrow': {\n      fill: colors.selected,\n      strokeWidth: '1px',\n      stroke: colors.selected,\n    },\n  }),\n  ...($correct === true && {\n    '& line': {\n      stroke: colors.correct,\n    },\n    '& .arrow': {\n      fill: colors.correct,\n      strokeWidth: '1px',\n      stroke: colors.correct,\n    },\n  }),\n  ...($correct === false && {\n    '& line': {\n      stroke: colors.incorrect,\n    },\n    '& .arrow': {\n      fill: colors.incorrect,\n      strokeWidth: '1px',\n      stroke: colors.incorrect,\n    },\n  }),\n}));\n\nconst StyledArrow = styled(Arrow)(({ $correct, $selected }) => ({\n  fill: color.primary(),\n  ...($correct === true && {\n    fill: colors.correct,\n    '--arrow-color': colors.correct,\n  }),\n  ...($correct === false && {\n    fill: colors.incorrect,\n    '--arrow-color': colors.incorrect,\n  }),\n  ...($selected && {\n    fill: colors.selected,\n    '--arrow-color': colors.selected,\n  }),\n}));\n\nexport class Ray extends React.Component {\n  static propTypes = {\n    ...basePropTypes(),\n    width: PropTypes.number.isRequired,\n    selected: PropTypes.bool,\n    disabled: PropTypes.bool,\n    empty: PropTypes.bool,\n    direction: PropTypes.oneOf(['positive', 'negative']),\n    y: PropTypes.number,\n    position: PropTypes.number.isRequired,\n    onMove: PropTypes.func.isRequired,\n    onToggleSelect: PropTypes.func.isRequired,\n  };\n\n  static defaultProps = {\n    selected: false,\n    direction: 'positive',\n    y: 0,\n    disabled: false,\n  };\n\n  static contextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      dragPosition: null,\n    };\n  }\n\n  drag(p) {\n    const { domain } = this.props;\n    if (p >= domain.min && p <= domain.max) {\n      this.setState({ dragPosition: p });\n    }\n  }\n\n  stopDrag() {\n    this.setState({ dragPosition: null });\n  }\n\n  render() {\n    /* eslint-disable */\n    const { interval, empty, position, direction, domain, y, selected, disabled, width, correct } = this.props;\n    /* eslint-enable */\n    const { xScale } = this.context;\n\n    const drag = this.drag.bind(this);\n    const stopDrag = this.stopDrag.bind(this);\n\n    const finalPosition = isNumber(this.state.dragPosition) ? this.state.dragPosition : position;\n\n    const positive = direction === 'positive';\n    const left = positive ? finalPosition : domain.min;\n    const right = positive ? domain.max : finalPosition;\n    // const triangleX = positive ? xScale(right) : xScale(left);\n\n    //const et the line run all the way to 0 or width.\n    const x1 = positive ? xScale(left) : 8;\n    const x2 = positive ? width - 8 : xScale(right);\n    const arrowX = positive ? width : 0;\n    const arrowDirection = positive ? 'right' : 'left';\n\n    const noop = () => {};\n\n    return (\n      <StyledRayGroup $selected={selected} $correct={correct} transform={`translate(0, ${y})`}>\n        <line onClick={disabled ? noop : this.props.onToggleSelect} className=\"line-handle\" x1={x1} x2={x2} />\n        <Point\n          disabled={disabled}\n          correct={correct}\n          selected={selected}\n          empty={empty}\n          interval={interval}\n          bounds={{ left: domain.min - position, right: domain.max - position }}\n          position={position}\n          onDrag={drag}\n          onDragStop={stopDrag}\n          onMove={this.props.onMove}\n          onClick={this.props.onToggleSelect}\n        />\n        <StyledArrow x={arrowX} $correct={correct} $selected={selected} direction={arrowDirection} />\n      </StyledRayGroup>\n    );\n  }\n}\n\nexport default Ray;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AAAqC,SAAAD,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAErC,MAAMkB,cAAc,GAAG,IAAAC,cAAM,EAAC,GAAG,CAAC,CAAC,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAC,MAAM;EAC/D,QAAQ,EAAE;IACRC,MAAM,EAAE,SAAS;IACjBC,WAAW,EAAE,KAAK;IAClBC,MAAM,EAAEC,eAAK,CAACC,OAAO,CAAC;EACxB,CAAC;EACD,kBAAkB,EAAE;IAClBC,UAAU,EAAE;EACd,CAAC;EACD,IAAIP,SAAS,IAAI;IACf,QAAQ,EAAE;MACRI,MAAM,EAAErC,MAAM,CAACyC;IACjB,CAAC;IACD,UAAU,EAAE;MACVC,IAAI,EAAE1C,MAAM,CAACyC,QAAQ;MACrBL,WAAW,EAAE,KAAK;MAClBC,MAAM,EAAErC,MAAM,CAACyC;IACjB;EACF,CAAC,CAAC;EACF,IAAIP,QAAQ,KAAK,IAAI,IAAI;IACvB,QAAQ,EAAE;MACRG,MAAM,EAAErC,MAAM,CAAC2C;IACjB,CAAC;IACD,UAAU,EAAE;MACVD,IAAI,EAAE1C,MAAM,CAAC2C,OAAO;MACpBP,WAAW,EAAE,KAAK;MAClBC,MAAM,EAAErC,MAAM,CAAC2C;IACjB;EACF,CAAC,CAAC;EACF,IAAIT,QAAQ,KAAK,KAAK,IAAI;IACxB,QAAQ,EAAE;MACRG,MAAM,EAAErC,MAAM,CAAC4C;IACjB,CAAC;IACD,UAAU,EAAE;MACVF,IAAI,EAAE1C,MAAM,CAAC4C,SAAS;MACtBR,WAAW,EAAE,KAAK;MAClBC,MAAM,EAAErC,MAAM,CAAC4C;IACjB;EACF,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,MAAMC,WAAW,GAAG,IAAAb,cAAM,EAACc,cAAK,CAAC,CAAC,CAAC;EAAEZ,QAAQ;EAAED;AAAU,CAAC,MAAM;EAC9DS,IAAI,EAAEJ,eAAK,CAACC,OAAO,CAAC,CAAC;EACrB,IAAIL,QAAQ,KAAK,IAAI,IAAI;IACvBQ,IAAI,EAAE1C,MAAM,CAAC2C,OAAO;IACpB,eAAe,EAAE3C,MAAM,CAAC2C;EAC1B,CAAC,CAAC;EACF,IAAIT,QAAQ,KAAK,KAAK,IAAI;IACxBQ,IAAI,EAAE1C,MAAM,CAAC4C,SAAS;IACtB,eAAe,EAAE5C,MAAM,CAAC4C;EAC1B,CAAC,CAAC;EACF,IAAIX,SAAS,IAAI;IACfS,IAAI,EAAE1C,MAAM,CAACyC,QAAQ;IACrB,eAAe,EAAEzC,MAAM,CAACyC;EAC1B,CAAC;AACH,CAAC,CAAC,CAAC;AAEI,MAAMM,GAAG,SAASC,cAAK,CAACC,SAAS,CAAC;EA0BvCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MACXC,YAAY,EAAE;IAChB,CAAC;EACH;EAEAC,IAAIA,CAACC,CAAC,EAAE;IACN,MAAM;MAAEC;IAAO,CAAC,GAAG,IAAI,CAACL,KAAK;IAC7B,IAAII,CAAC,IAAIC,MAAM,CAACC,GAAG,IAAIF,CAAC,IAAIC,MAAM,CAACE,GAAG,EAAE;MACtC,IAAI,CAACC,QAAQ,CAAC;QAAEN,YAAY,EAAEE;MAAE,CAAC,CAAC;IACpC;EACF;EAEAK,QAAQA,CAAA,EAAG;IACT,IAAI,CAACD,QAAQ,CAAC;MAAEN,YAAY,EAAE;IAAK,CAAC,CAAC;EACvC;EAEAQ,MAAMA,CAAA,EAAG;IACP;IACA,MAAM;MAAEC,QAAQ;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,SAAS;MAAET,MAAM;MAAEU,CAAC;MAAEzB,QAAQ;MAAE0B,QAAQ;MAAEC,KAAK;MAAEzB;IAAQ,CAAC,GAAG,IAAI,CAACQ,KAAK;IAC1G;IACA,MAAM;MAAEkB;IAAO,CAAC,GAAG,IAAI,CAACC,OAAO;IAE/B,MAAMhB,IAAI,GAAG,IAAI,CAACA,IAAI,CAACiB,IAAI,CAAC,IAAI,CAAC;IACjC,MAAMX,QAAQ,GAAG,IAAI,CAACA,QAAQ,CAACW,IAAI,CAAC,IAAI,CAAC;IAEzC,MAAMC,aAAa,GAAG,IAAAC,kBAAQ,EAAC,IAAI,CAACrB,KAAK,CAACC,YAAY,CAAC,GAAG,IAAI,CAACD,KAAK,CAACC,YAAY,GAAGW,QAAQ;IAE5F,MAAMU,QAAQ,GAAGT,SAAS,KAAK,UAAU;IACzC,MAAMU,IAAI,GAAGD,QAAQ,GAAGF,aAAa,GAAGhB,MAAM,CAACC,GAAG;IAClD,MAAMmB,KAAK,GAAGF,QAAQ,GAAGlB,MAAM,CAACE,GAAG,GAAGc,aAAa;IACnD;;IAEA;IACA,MAAMK,EAAE,GAAGH,QAAQ,GAAGL,MAAM,CAACM,IAAI,CAAC,GAAG,CAAC;IACtC,MAAMG,EAAE,GAAGJ,QAAQ,GAAGN,KAAK,GAAG,CAAC,GAAGC,MAAM,CAACO,KAAK,CAAC;IAC/C,MAAMG,MAAM,GAAGL,QAAQ,GAAGN,KAAK,GAAG,CAAC;IACnC,MAAMY,cAAc,GAAGN,QAAQ,GAAG,OAAO,GAAG,MAAM;IAElD,MAAMO,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;IAErB,oBACE7E,MAAA,CAAAkB,OAAA,CAAA4D,aAAA,CAACnD,cAAc;MAACE,SAAS,EAAEQ,QAAS;MAACP,QAAQ,EAAES,OAAQ;MAACwC,SAAS,EAAE,gBAAgBjB,CAAC;IAAI,gBACtF9D,MAAA,CAAAkB,OAAA,CAAA4D,aAAA;MAAME,OAAO,EAAEjB,QAAQ,GAAGc,IAAI,GAAG,IAAI,CAAC9B,KAAK,CAACkC,cAAe;MAACC,SAAS,EAAC,aAAa;MAACT,EAAE,EAAEA,EAAG;MAACC,EAAE,EAAEA;IAAG,CAAE,CAAC,eACtG1E,MAAA,CAAAkB,OAAA,CAAA4D,aAAA,CAACzE,MAAA,CAAAa,OAAK;MACJ6C,QAAQ,EAAEA,QAAS;MACnBxB,OAAO,EAAEA,OAAQ;MACjBF,QAAQ,EAAEA,QAAS;MACnBsB,KAAK,EAAEA,KAAM;MACbD,QAAQ,EAAEA,QAAS;MACnByB,MAAM,EAAE;QAAEZ,IAAI,EAAEnB,MAAM,CAACC,GAAG,GAAGO,QAAQ;QAAEY,KAAK,EAAEpB,MAAM,CAACE,GAAG,GAAGM;MAAS,CAAE;MACtEA,QAAQ,EAAEA,QAAS;MACnBwB,MAAM,EAAElC,IAAK;MACbmC,UAAU,EAAE7B,QAAS;MACrB8B,MAAM,EAAE,IAAI,CAACvC,KAAK,CAACuC,MAAO;MAC1BN,OAAO,EAAE,IAAI,CAACjC,KAAK,CAACkC;IAAe,CACpC,CAAC,eACFjF,MAAA,CAAAkB,OAAA,CAAA4D,aAAA,CAACrC,WAAW;MAAC8C,CAAC,EAAEZ,MAAO;MAAC7C,QAAQ,EAAES,OAAQ;MAACV,SAAS,EAAEQ,QAAS;MAACwB,SAAS,EAAEe;IAAe,CAAE,CAC9E,CAAC;EAErB;AACF;AAACY,OAAA,CAAA7C,GAAA,GAAAA,GAAA;AAAA,IAAA8C,gBAAA,CAAAvE,OAAA,EAxFYyB,GAAG,eACK;EACjB,GAAG,IAAA+C,mBAAa,EAAC,CAAC;EAClB1B,KAAK,EAAE2B,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCxD,QAAQ,EAAEsD,kBAAS,CAACG,IAAI;EACxB/B,QAAQ,EAAE4B,kBAAS,CAACG,IAAI;EACxBnC,KAAK,EAAEgC,kBAAS,CAACG,IAAI;EACrBjC,SAAS,EAAE8B,kBAAS,CAACI,KAAK,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;EACpDjC,CAAC,EAAE6B,kBAAS,CAACC,MAAM;EACnBhC,QAAQ,EAAE+B,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCP,MAAM,EAAEK,kBAAS,CAACK,IAAI,CAACH,UAAU;EACjCZ,cAAc,EAAEU,kBAAS,CAACK,IAAI,CAACH;AACjC,CAAC;AAAA,IAAAJ,gBAAA,CAAAvE,OAAA,EAZUyB,GAAG,kBAcQ;EACpBN,QAAQ,EAAE,KAAK;EACfwB,SAAS,EAAE,UAAU;EACrBC,CAAC,EAAE,CAAC;EACJC,QAAQ,EAAE;AACZ,CAAC;AAAA,IAAA0B,gBAAA,CAAAvE,OAAA,EAnBUyB,GAAG,kBAqBQ;EACpBsB,MAAM,EAAE0B,kBAAS,CAACK,IAAI,CAACH,UAAU;EACjCI,SAAS,EAAEN,kBAAS,CAACK,IAAI,CAACH;AAC5B,CAAC;AAAA,IAAAK,QAAA,GAAAV,OAAA,CAAAtE,OAAA,GAkEYyB,GAAG","ignoreList":[]}