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

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

@@ -1,262 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,38 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,78 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":[]}