@pie-element/number-line 13.1.2-next.1 → 13.1.2

package/lib/number-line/graph/index.js

@@ -0,0 +1,262 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NumberLineGraph = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _d3Scale = require("d3-scale");
+var _d3Selection = require("d3-selection");
+var _renderUi = require("@pie-lib/render-ui");
+var _core = require("@dnd-kit/core");
+var _point = _interopRequireDefault(require("./elements/point"));
+var _line = _interopRequireDefault(require("./elements/line"));
+var _ray = _interopRequireDefault(require("./elements/ray"));
+var _line2 = _interopRequireDefault(require("./line"));
+var _arrow = _interopRequireDefault(require("./arrow"));
+var _ticks = _interopRequireDefault(require("./ticks"));
+var _tickUtils = require("./tick-utils");
+var _stacks = _interopRequireDefault(require("./stacks"));
+var _reactTransitionGroup = require("react-transition-group");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _transitions = require("../transitions");
+const getXScale = (min, max, width, padding) => {
+  if (min === undefined || max === undefined || width === undefined) {
+    throw new Error('missing min/max/width');
+  }
+  return (0, _d3Scale.scaleLinear)().domain([min, max]).range([padding, width - padding]);
+};
+const Debug = props => /*#__PURE__*/_react.default.createElement("g", null, /*#__PURE__*/_react.default.createElement("text", {
+  x: "00",
+  y: "20"
+}, JSON.stringify(props)));
+class NumberLineGraph extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.state = {};
+  }
+  xScaleFn() {
+    const {
+      domain,
+      width
+    } = this.props;
+    const {
+      max,
+      min
+    } = domain || {};
+    let padding = 20;
+    if (max) {
+      padding = max.toString().length * 4 + 15;
+    }
+    return getXScale(min, max, width, padding);
+  }
+  snapValueFn() {
+    const {
+      domain,
+      ticks
+    } = this.props;
+    return _tickUtils.snapTo.bind(null, domain.min, domain.max, ticks.minor);
+  }
+  getChildContext() {
+    return {
+      xScale: this.xScaleFn(),
+      snapValue: this.snapValueFn()
+    };
+  }
+
+  /**
+   * Note: we use d3 click + pointer to give us domain values directly.
+   * Saves us having to calculate them ourselves from a MouseEvent.
+   */
+  onRectClick(event) {
+    const {
+      elements,
+      disabled
+    } = this.props;
+    if (disabled) {
+      return;
+    }
+    const anyElementSelected = elements.some(e => e.selected);
+    if (anyElementSelected) {
+      this.props.onDeselectElements();
+    } else {
+      const coords = (0, _d3Selection.pointer)(event, this.rect);
+      const x = this.xScaleFn().invert(coords[0]);
+      this.addElement(x);
+    }
+  }
+  componentDidMount() {
+    const rect = (0, _d3Selection.select)(this.rect);
+    rect.on('click', this.onRectClick.bind(this));
+  }
+  addElement(x) {
+    const snapFn = this.snapValueFn();
+    const v = snapFn(x);
+    this.props.onAddElement(v);
+  }
+  render() {
+    const {
+      domain,
+      width,
+      ticks,
+      height,
+      onToggleElement,
+      onMoveElement,
+      disabled,
+      fraction
+    } = this.props;
+    let {
+      arrows
+    } = this.props;
+    arrows = arrows || {
+      left: true,
+      right: true
+    };
+    const {
+      min,
+      max
+    } = domain;
+    if (domain.max <= domain.min) {
+      return /*#__PURE__*/_react.default.createElement("div", null, domain.max, " is less than or equal to ", domain.min);
+    } else {
+      const lineY = height - 30;
+      const stacks = new _stacks.default(domain);
+      const elements = this.props.elements.map((el, index) => {
+        const stackIndex = stacks.add(el);
+        if (stackIndex === -1) {
+          throw new Error('stack index is -1, cant add element');
+        }
+        const y = lineY - stackIndex * 25;
+        const commonProps = {
+          key: index,
+          y,
+          selected: el.selected && !disabled,
+          interval: ticks.minor,
+          disabled,
+          correct: el.correct
+        };
+        const toggleElement = onToggleElement.bind(null, index, el);
+        const moveElement = onMoveElement.bind(null, index, el);
+        if (el.type === 'line') {
+          const empty = {
+            left: el.leftPoint === 'empty',
+            right: el.rightPoint === 'empty'
+          };
+          return /*#__PURE__*/_react.default.createElement(_line.default, (0, _extends2.default)({}, commonProps, {
+            domain: {
+              min: min,
+              max: max
+            },
+            onMoveLine: moveElement,
+            onToggleSelect: toggleElement,
+            position: el.position,
+            empty: empty,
+            key: index
+          }));
+        } else if (el.type === 'point') {
+          const bounds = {
+            left: min - el.position,
+            right: max - el.position
+          };
+          return /*#__PURE__*/_react.default.createElement(_point.default, (0, _extends2.default)({}, commonProps, {
+            empty: el.pointType === 'empty',
+            position: el.position,
+            bounds: bounds,
+            onClick: toggleElement,
+            onMove: moveElement,
+            key: index
+          }));
+        } else if (el.type === 'ray') {
+          return /*#__PURE__*/_react.default.createElement(_ray.default, (0, _extends2.default)({}, commonProps, {
+            domain: {
+              min: min,
+              max: max
+            },
+            direction: el.direction,
+            position: el.position,
+            onMove: moveElement,
+            onToggleSelect: toggleElement,
+            width: width,
+            empty: el.pointType === 'empty',
+            key: index
+          }));
+        }
+      });
+      return /*#__PURE__*/_react.default.createElement(_core.DndContext, null, /*#__PURE__*/_react.default.createElement("div", {
+        style: {
+          display: 'inline-block'
+        }
+      }, /*#__PURE__*/_react.default.createElement("svg", {
+        width: width,
+        height: fraction ? height + 20 : height
+      }, false && /*#__PURE__*/_react.default.createElement(Debug, {
+        domain: domain,
+        ticks: ticks
+      }), /*#__PURE__*/_react.default.createElement(_line2.default, {
+        y: lineY,
+        width: width
+      }), arrows.left && /*#__PURE__*/_react.default.createElement(_arrow.default, {
+        y: lineY
+      }), arrows.right && /*#__PURE__*/_react.default.createElement(_arrow.default, {
+        x: width,
+        y: lineY,
+        direction: "right"
+      }), /*#__PURE__*/_react.default.createElement(_ticks.default, {
+        y: lineY,
+        domain: domain,
+        width: width,
+        ticks: ticks,
+        fraction: fraction
+      }), /*#__PURE__*/_react.default.createElement("rect", {
+        ref: rect => this.rect = rect
+        //need to have a fill for it to be clickable
+        ,
+        fill: _renderUi.color.primary(),
+        fillOpacity: "0.0",
+        width: width,
+        height: height
+      }), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+        component: "g"
+      }, elements.map((c, index) => /*#__PURE__*/_react.default.createElement(_transitions.Fade, {
+        key: index
+      }, c))))));
+    }
+  }
+}
+exports.NumberLineGraph = NumberLineGraph;
+(0, _defineProperty2.default)(NumberLineGraph, "childContextTypes", {
+  xScale: _propTypes.default.func.isRequired,
+  snapValue: _propTypes.default.func.isRequired
+});
+(0, _defineProperty2.default)(NumberLineGraph, "propTypes", {
+  domain: _propTypes.default.shape({
+    min: _propTypes.default.number.isRequired,
+    max: _propTypes.default.number.isRequired
+  }).isRequired,
+  ticks: _propTypes.default.shape({
+    minor: _propTypes.default.number,
+    major: _propTypes.default.number
+  }).isRequired,
+  fraction: _propTypes.default.bool,
+  width: _propTypes.default.number.isRequired,
+  height: _propTypes.default.number.isRequired,
+  onToggleElement: _propTypes.default.func.isRequired,
+  onMoveElement: _propTypes.default.func.isRequired,
+  onAddElement: _propTypes.default.func.isRequired,
+  debug: _propTypes.default.bool,
+  elements: _propTypes.default.array,
+  disabled: _propTypes.default.bool,
+  onDeselectElements: _propTypes.default.func,
+  arrows: _propTypes.default.shape({
+    left: _propTypes.default.bool,
+    right: _propTypes.default.bool
+  })
+});
+(0, _defineProperty2.default)(NumberLineGraph, "defaultProps", {
+  debug: false
+});
+var _default = exports.default = NumberLineGraph;
+//# sourceMappingURL=index.js.map

package/lib/number-line/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_d3Scale","_d3Selection","_renderUi","_core","_point","_line","_ray","_line2","_arrow","_ticks","_tickUtils","_stacks","_reactTransitionGroup","_propTypes","_transitions","getXScale","min","max","width","padding","undefined","Error","scaleLinear","domain","range","Debug","props","default","createElement","x","y","JSON","stringify","NumberLineGraph","React","Component","constructor","state","xScaleFn","toString","length","snapValueFn","ticks","snapTo","bind","minor","getChildContext","xScale","snapValue","onRectClick","event","elements","disabled","anyElementSelected","some","e","selected","onDeselectElements","coords","pointer","rect","invert","addElement","componentDidMount","select","on","snapFn","v","onAddElement","render","height","onToggleElement","onMoveElement","fraction","arrows","left","right","lineY","stacks","Stacks","map","el","index","stackIndex","add","commonProps","key","interval","correct","toggleElement","moveElement","type","empty","leftPoint","rightPoint","_extends2","onMoveLine","onToggleSelect","position","bounds","pointType","onClick","onMove","direction","DndContext","style","display","ref","fill","color","primary","fillOpacity","TransitionGroup","component","c","Fade","exports","_defineProperty2","PropTypes","func","isRequired","shape","number","major","bool","debug","array","_default"],"sources":["../../../src/number-line/graph/index.jsx"],"sourcesContent":["import React from 'react';\nimport { scaleLinear } from 'd3-scale';\nimport { select, pointer } from 'd3-selection';\nimport { color } from '@pie-lib/render-ui';\nimport { DndContext } from '@dnd-kit/core';\nimport Point from './elements/point';\nimport Line from './elements/line';\nimport Ray from './elements/ray';\nimport BaseLine from './line';\nimport Arrow from './arrow';\nimport Ticks from './ticks';\nimport { snapTo } from './tick-utils';\nimport Stacks from './stacks';\nimport { TransitionGroup } from 'react-transition-group';\nimport PropTypes from 'prop-types';\nimport { Fade } from '../transitions';\n\nconst getXScale = (min, max, width, padding) => {\n  if (min === undefined || max === undefined || width === undefined) {\n    throw new Error('missing min/max/width');\n  }\n\n  return scaleLinear()\n    .domain([min, max])\n    .range([padding, width - padding]);\n};\n\nconst Debug = (props) => (\n  <g>\n    <text x=\"00\" y=\"20\">\n      {JSON.stringify(props)}\n    </text>\n  </g>\n);\n\nexport class NumberLineGraph extends React.Component {\n  static childContextTypes = {\n    xScale: PropTypes.func.isRequired,\n    snapValue: PropTypes.func.isRequired,\n  };\n\n  static propTypes = {\n    domain: PropTypes.shape({\n      min: PropTypes.number.isRequired,\n      max: PropTypes.number.isRequired,\n    }).isRequired,\n    ticks: PropTypes.shape({ minor: PropTypes.number, major: PropTypes.number }).isRequired,\n    fraction: PropTypes.bool,\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    onToggleElement: PropTypes.func.isRequired,\n    onMoveElement: PropTypes.func.isRequired,\n    onAddElement: PropTypes.func.isRequired,\n    debug: PropTypes.bool,\n    elements: PropTypes.array,\n    disabled: PropTypes.bool,\n    onDeselectElements: PropTypes.func,\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool }),\n  };\n\n  static defaultProps = {\n    debug: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {};\n  }\n\n  xScaleFn() {\n    const { domain, width } = this.props;\n    const { max, min } = domain || {};\n\n    let padding = 20;\n\n    if (max) {\n      padding = max.toString().length * 4 + 15;\n    }\n\n    return getXScale(min, max, width, padding);\n  }\n\n  snapValueFn() {\n    const { domain, ticks } = this.props;\n    return snapTo.bind(null, domain.min, domain.max, ticks.minor);\n  }\n\n  getChildContext() {\n    return {\n      xScale: this.xScaleFn(),\n      snapValue: this.snapValueFn(),\n    };\n  }\n\n  /**\n   * Note: we use d3 click + pointer to give us domain values directly.\n   * Saves us having to calculate them ourselves from a MouseEvent.\n   */\n  onRectClick(event) {\n    const { elements, disabled } = this.props;\n\n    if (disabled) {\n      return;\n    }\n\n    const anyElementSelected = elements.some((e) => e.selected);\n\n    if (anyElementSelected) {\n      this.props.onDeselectElements();\n    } else {\n      const coords = pointer(event, this.rect);\n      const x = this.xScaleFn().invert(coords[0]);\n      this.addElement(x);\n    }\n  }\n\n  componentDidMount() {\n    const rect = select(this.rect);\n    rect.on('click', this.onRectClick.bind(this));\n  }\n\n  addElement(x) {\n    const snapFn = this.snapValueFn();\n    const v = snapFn(x);\n    this.props.onAddElement(v);\n  }\n\n  render() {\n    const { domain, width, ticks, height, onToggleElement, onMoveElement, disabled, fraction } = this.props;\n    let { arrows } = this.props;\n\n    arrows = arrows || { left: true, right: true };\n    const { min, max } = domain;\n\n    if (domain.max <= domain.min) {\n      return (\n        <div>\n          {domain.max} is less than or equal to {domain.min}\n        </div>\n      );\n    } else {\n      const lineY = height - 30;\n\n      const stacks = new Stacks(domain);\n\n      const elements = this.props.elements.map((el, index) => {\n        const stackIndex = stacks.add(el);\n\n        if (stackIndex === -1) {\n          throw new Error('stack index is -1, cant add element');\n        }\n\n        const y = lineY - stackIndex * 25;\n\n        const commonProps = {\n          key: index,\n          y,\n          selected: el.selected && !disabled,\n          interval: ticks.minor,\n          disabled,\n          correct: el.correct,\n        };\n\n        const toggleElement = onToggleElement.bind(null, index, el);\n        const moveElement = onMoveElement.bind(null, index, el);\n\n        if (el.type === 'line') {\n          const empty = {\n            left: el.leftPoint === 'empty',\n            right: el.rightPoint === 'empty',\n          };\n\n          return (\n            <Line\n              {...commonProps}\n              domain={{ min: min, max: max }}\n              onMoveLine={moveElement}\n              onToggleSelect={toggleElement}\n              position={el.position}\n              empty={empty}\n              key={index}\n            />\n          );\n        } else if (el.type === 'point') {\n          const bounds = {\n            left: min - el.position,\n            right: max - el.position,\n          };\n\n          return (\n            <Point\n              {...commonProps}\n              empty={el.pointType === 'empty'}\n              position={el.position}\n              bounds={bounds}\n              onClick={toggleElement}\n              onMove={moveElement}\n              key={index}\n            />\n          );\n        } else if (el.type === 'ray') {\n          return (\n            <Ray\n              {...commonProps}\n              domain={{ min: min, max: max }}\n              direction={el.direction}\n              position={el.position}\n              onMove={moveElement}\n              onToggleSelect={toggleElement}\n              width={width}\n              empty={el.pointType === 'empty'}\n              key={index}\n            />\n          );\n        }\n      });\n\n      return (\n        <DndContext>\n          <div style={{ display: 'inline-block' }}>\n            <svg width={width} height={fraction ? height + 20 : height}>\n              {false && <Debug domain={domain} ticks={ticks} />}\n              <BaseLine y={lineY} width={width} />\n              {arrows.left && <Arrow y={lineY} />}\n              {arrows.right && <Arrow x={width} y={lineY} direction=\"right\" />}\n              <Ticks y={lineY} domain={domain} width={width} ticks={ticks} fraction={fraction} />\n              <rect\n                ref={(rect) => (this.rect = rect)}\n                //need to have a fill for it to be clickable\n                fill={color.primary()}\n                fillOpacity=\"0.0\"\n                width={width}\n                height={height}\n              />\n              <TransitionGroup component=\"g\">\n                {elements.map((c, index) => (\n                  <Fade key={index}>{c}</Fade>\n                ))}\n              </TransitionGroup>\n            </svg>\n          </div>\n        </DndContext>\n      );\n    }\n  }\n}\n\nexport default NumberLineGraph;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Line = Line;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactJss = _interopRequireDefault(require("react-jss"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _renderUi = require("@pie-lib/render-ui");
+const style = {
+  root: {
+    strokeWidth: 2,
+    stroke: _renderUi.color.primary()
+  }
+};
+function Line({
+  y,
+  width,
+  classes
+}) {
+  return /*#__PURE__*/_react.default.createElement("line", {
+    x1: 0,
+    y1: y,
+    x2: width,
+    y2: y,
+    className: classes.root
+  });
+}
+Line.propTypes = {
+  y: _propTypes.default.number.isRequired,
+  width: _propTypes.default.number.isRequired,
+  classes: _propTypes.default.object.isRequired
+};
+var _default = exports.default = (0, _reactJss.default)(style)(Line);
+//# sourceMappingURL=line.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","names":["_react","_interopRequireDefault","require","_reactJss","_propTypes","_renderUi","style","root","strokeWidth","stroke","color","primary","Line","y","width","classes","default","createElement","x1","y1","x2","y2","className","propTypes","PropTypes","number","isRequired","object","_default","exports","injectSheet"],"sources":["../../../src/number-line/graph/line.jsx"],"sourcesContent":["import React from 'react';\nimport injectSheet from 'react-jss';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nconst style = {\n  root: {\n    strokeWidth: 2,\n    stroke: color.primary(),\n  },\n};\n\nexport function Line({ y, width, classes }) {\n  return <line x1={0} y1={y} x2={width} y2={y} className={classes.root} />;\n}\n\nLine.propTypes = {\n  y: PropTypes.number.isRequired,\n  width: PropTypes.number.isRequired,\n  classes: PropTypes.object.isRequired,\n};\n\nexport default injectSheet(style)(Line);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,MAAMI,KAAK,GAAG;EACZC,IAAI,EAAE;IACJC,WAAW,EAAE,CAAC;IACdC,MAAM,EAAEC,eAAK,CAACC,OAAO,CAAC;EACxB;AACF,CAAC;AAEM,SAASC,IAAIA,CAAC;EAAEC,CAAC;EAAEC,KAAK;EAAEC;AAAQ,CAAC,EAAE;EAC1C,oBAAOf,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAMC,EAAE,EAAE,CAAE;IAACC,EAAE,EAAEN,CAAE;IAACO,EAAE,EAAEN,KAAM;IAACO,EAAE,EAAER,CAAE;IAACS,SAAS,EAAEP,OAAO,CAACR;EAAK,CAAE,CAAC;AAC1E;AAEAK,IAAI,CAACW,SAAS,GAAG;EACfV,CAAC,EAAEW,kBAAS,CAACC,MAAM,CAACC,UAAU;EAC9BZ,KAAK,EAAEU,kBAAS,CAACC,MAAM,CAACC,UAAU;EAClCX,OAAO,EAAES,kBAAS,CAACG,MAAM,CAACD;AAC5B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEa,IAAAc,iBAAW,EAACxB,KAAK,CAAC,CAACM,IAAI,CAAC","ignoreList":[]}

package/lib/number-line/graph/stacks.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Stack = Stack;
+exports.default = Stacks;
+function Stacks(domain) {
+  let stacks = [new Stack(domain)];
+  this.add = function (el) {
+    let stack = stacks.find(s => s.add(el));
+    if (stacks.indexOf(stack) === -1) {
+      stack = new Stack(domain);
+      stacks.push(stack);
+      stack.add(el);
+    }
+    return stacks.indexOf(stack);
+  };
+}
+function Stack(domain) {
+  let elements = [];
+  /**
+   * Try to add the element to the stack.
+   * @return boolean true if added, else false
+   */
+  this.add = function (el) /*boolean*/{
+    let elementRange = getRange(el);
+    if (elementRange.left < domain.min || elementRange.right > domain.max) {
+      return false;
+    }
+    let touchesExisting = elements.some(e => touchesRange(e, elementRange));
+    if (touchesExisting) {
+      return false;
+    } else {
+      elements.push(el);
+      return true;
+    }
+  };
+  this.elements = function () {
+    return elements;
+  };
+  let touchesRange = (el, candidate) => {
+    let existing = getRange(el);
+    let leftOf = candidate.left < existing.left && candidate.right < existing.left;
+    let rightOf = candidate.left > existing.right && candidate.right > existing.right;
+    return !(leftOf || rightOf);
+  };
+  let getRange = el => {
+    let {
+      type,
+      position
+    } = el;
+    switch (type) {
+      case 'point':
+        return {
+          left: position,
+          right: position
+        };
+      case 'line':
+        return position;
+      case 'ray':
+        if (el.direction === 'positive') {
+          return {
+            left: position,
+            right: domain.max
+          };
+        } else {
+          return {
+            left: domain.min,
+            right: position
+          };
+        }
+      default:
+        return null;
+    }
+  };
+}
+//# sourceMappingURL=stacks.js.map

package/lib/number-line/graph/stacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacks.js","names":["Stacks","domain","stacks","Stack","add","el","stack","find","s","indexOf","push","elements","elementRange","getRange","left","min","right","max","touchesExisting","some","e","touchesRange","candidate","existing","leftOf","rightOf","type","position","direction"],"sources":["../../../src/number-line/graph/stacks.js"],"sourcesContent":["export default function Stacks(domain) {\n  let stacks = [new Stack(domain)];\n\n  this.add = function (el) {\n    let stack = stacks.find((s) => s.add(el));\n    if (stacks.indexOf(stack) === -1) {\n      stack = new Stack(domain);\n      stacks.push(stack);\n      stack.add(el);\n    }\n    return stacks.indexOf(stack);\n  };\n}\n\nexport function Stack(domain) {\n  let elements = [];\n  /**\n   * Try to add the element to the stack.\n   * @return boolean true if added, else false\n   */\n  this.add = function (el) /*boolean*/ {\n    let elementRange = getRange(el);\n    if (elementRange.left < domain.min || elementRange.right > domain.max) {\n      return false;\n    }\n\n    let touchesExisting = elements.some((e) => touchesRange(e, elementRange));\n\n    if (touchesExisting) {\n      return false;\n    } else {\n      elements.push(el);\n      return true;\n    }\n  };\n\n  this.elements = function () {\n    return elements;\n  };\n\n  let touchesRange = (el, candidate) => {\n    let existing = getRange(el);\n    let leftOf = candidate.left < existing.left && candidate.right < existing.left;\n    let rightOf = candidate.left > existing.right && candidate.right > existing.right;\n    return !(leftOf || rightOf);\n  };\n\n  let getRange = (el) => {\n    let { type, position } = el;\n\n    switch (type) {\n      case 'point':\n        return { left: position, right: position };\n      case 'line':\n        return position;\n      case 'ray':\n        if (el.direction === 'positive') {\n          return {\n            left: position,\n            right: domain.max,\n          };\n        } else {\n          return {\n            left: domain.min,\n            right: position,\n          };\n        }\n      default:\n        return null;\n    }\n  };\n}\n"],"mappings":";;;;;;;AAAe,SAASA,MAAMA,CAACC,MAAM,EAAE;EACrC,IAAIC,MAAM,GAAG,CAAC,IAAIC,KAAK,CAACF,MAAM,CAAC,CAAC;EAEhC,IAAI,CAACG,GAAG,GAAG,UAAUC,EAAE,EAAE;IACvB,IAAIC,KAAK,GAAGJ,MAAM,CAACK,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACJ,GAAG,CAACC,EAAE,CAAC,CAAC;IACzC,IAAIH,MAAM,CAACO,OAAO,CAACH,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE;MAChCA,KAAK,GAAG,IAAIH,KAAK,CAACF,MAAM,CAAC;MACzBC,MAAM,CAACQ,IAAI,CAACJ,KAAK,CAAC;MAClBA,KAAK,CAACF,GAAG,CAACC,EAAE,CAAC;IACf;IACA,OAAOH,MAAM,CAACO,OAAO,CAACH,KAAK,CAAC;EAC9B,CAAC;AACH;AAEO,SAASH,KAAKA,CAACF,MAAM,EAAE;EAC5B,IAAIU,QAAQ,GAAG,EAAE;EACjB;AACF;AACA;AACA;EACE,IAAI,CAACP,GAAG,GAAG,UAAUC,EAAE,EAAE,WAAY;IACnC,IAAIO,YAAY,GAAGC,QAAQ,CAACR,EAAE,CAAC;IAC/B,IAAIO,YAAY,CAACE,IAAI,GAAGb,MAAM,CAACc,GAAG,IAAIH,YAAY,CAACI,KAAK,GAAGf,MAAM,CAACgB,GAAG,EAAE;MACrE,OAAO,KAAK;IACd;IAEA,IAAIC,eAAe,GAAGP,QAAQ,CAACQ,IAAI,CAAEC,CAAC,IAAKC,YAAY,CAACD,CAAC,EAAER,YAAY,CAAC,CAAC;IAEzE,IAAIM,eAAe,EAAE;MACnB,OAAO,KAAK;IACd,CAAC,MAAM;MACLP,QAAQ,CAACD,IAAI,CAACL,EAAE,CAAC;MACjB,OAAO,IAAI;IACb;EACF,CAAC;EAED,IAAI,CAACM,QAAQ,GAAG,YAAY;IAC1B,OAAOA,QAAQ;EACjB,CAAC;EAED,IAAIU,YAAY,GAAGA,CAAChB,EAAE,EAAEiB,SAAS,KAAK;IACpC,IAAIC,QAAQ,GAAGV,QAAQ,CAACR,EAAE,CAAC;IAC3B,IAAImB,MAAM,GAAGF,SAAS,CAACR,IAAI,GAAGS,QAAQ,CAACT,IAAI,IAAIQ,SAAS,CAACN,KAAK,GAAGO,QAAQ,CAACT,IAAI;IAC9E,IAAIW,OAAO,GAAGH,SAAS,CAACR,IAAI,GAAGS,QAAQ,CAACP,KAAK,IAAIM,SAAS,CAACN,KAAK,GAAGO,QAAQ,CAACP,KAAK;IACjF,OAAO,EAAEQ,MAAM,IAAIC,OAAO,CAAC;EAC7B,CAAC;EAED,IAAIZ,QAAQ,GAAIR,EAAE,IAAK;IACrB,IAAI;MAAEqB,IAAI;MAAEC;IAAS,CAAC,GAAGtB,EAAE;IAE3B,QAAQqB,IAAI;MACV,KAAK,OAAO;QACV,OAAO;UAAEZ,IAAI,EAAEa,QAAQ;UAAEX,KAAK,EAAEW;QAAS,CAAC;MAC5C,KAAK,MAAM;QACT,OAAOA,QAAQ;MACjB,KAAK,KAAK;QACR,IAAItB,EAAE,CAACuB,SAAS,KAAK,UAAU,EAAE;UAC/B,OAAO;YACLd,IAAI,EAAEa,QAAQ;YACdX,KAAK,EAAEf,MAAM,CAACgB;UAChB,CAAC;QACH,CAAC,MAAM;UACL,OAAO;YACLH,IAAI,EAAEb,MAAM,CAACc,GAAG;YAChBC,KAAK,EAAEW;UACT,CAAC;QACH;MACF;QACE,OAAO,IAAI;IACf;EACF,CAAC;AACH","ignoreList":[]}