@pie-element/number-line 13.2.2-beta.6 → 13.2.2-beta.7

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":[]}

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":[]}