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

package/lib/draggable/index.js

@@ -1,114 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Draggable = Draggable;
-var _react = _interopRequireDefault(require("react"));
-var _core = require("@dnd-kit/core");
-// Draggable.jsx
-
-/**
- * Shared dnd-kit wrapper for Line + Point.
- *
- * Props:
- *  - id: string (unique)
- *  - disabled: boolean
- *  - grid: [stepX] (like grid={[is]})
- *  - bounds: { left: number, right: number } in px (like scaledLineBounds)
- *  - onMouseDown: (event) => void
- *  - onDragStart?: () => void
- *  - onDragMove?: (deltaX: number) => void      // snapped + clamped
- *  - onDragEnd?: (deltaX: number) => void       // snapped + clamped
- *  - children: ({ setNodeRef, attributes, listeners, translateX, isDragging, onMouseDown }) => ReactNode
- */
-function Draggable({
-  id,
-  disabled,
-  grid,
-  bounds,
-  onMouseDown,
-  onDragStart,
-  onDragMove,
-  onDragEnd,
-  children
-}) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform
-  } = (0, _core.useDraggable)({
-    id,
-    disabled
-  });
-  const step = grid && grid[0] ? grid[0] : null;
-
-  // current transform.x from dnd-kit
-  let rawX = transform?.x ?? 0;
-
-  // grid snapping (grid={[step]})
-  if (step) {
-    rawX = Math.round(rawX / step) * step;
-  }
-
-  // clamp to bounds in px
-  if (bounds) {
-    if (typeof bounds.left === 'number') {
-      rawX = Math.max(bounds.left, rawX);
-    }
-    if (typeof bounds.right === 'number') {
-      rawX = Math.min(bounds.right, rawX);
-    }
-  }
-  const translateX = rawX;
-  const isDragging = !!transform;
-
-  // helpers to apply same snap+clamp to deltaX before callbacks
-  const snapClampDeltaX = deltaX => {
-    let x = deltaX;
-    if (step) {
-      x = Math.round(x / step) * step;
-    }
-    if (bounds) {
-      if (typeof bounds.left === 'number') {
-        x = Math.max(bounds.left, x);
-      }
-      if (typeof bounds.right === 'number') {
-        x = Math.min(bounds.right, x);
-      }
-    }
-    return x;
-  };
-  (0, _core.useDndMonitor)({
-    onDragStart(event) {
-      if (event.active.id !== id || disabled) return;
-      onDragStart?.();
-    },
-    onDragMove(event) {
-      if (event.active.id !== id || disabled) return;
-      const deltaX = event.delta.x || 0;
-      onDragMove?.(snapClampDeltaX(deltaX));
-    },
-    onDragEnd(event) {
-      if (event.active.id !== id || disabled) return;
-      const deltaX = event.delta.x || 0;
-      onDragEnd?.(snapClampDeltaX(deltaX));
-    }
-  });
-  const handleMouseDown = e => {
-    // same as before: prevent text selection
-    e.nativeEvent.preventDefault();
-    onMouseDown?.(e);
-  };
-  return children({
-    setNodeRef,
-    attributes,
-    listeners,
-    translateX,
-    isDragging,
-    onMouseDown: handleMouseDown
-  });
-}
-//# sourceMappingURL=index.js.map

package/lib/draggable/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_core","Draggable","id","disabled","grid","bounds","onMouseDown","onDragStart","onDragMove","onDragEnd","children","attributes","listeners","setNodeRef","transform","useDraggable","step","rawX","x","Math","round","left","max","right","min","translateX","isDragging","snapClampDeltaX","deltaX","useDndMonitor","event","active","delta","handleMouseDown","e","nativeEvent","preventDefault"],"sources":["../../src/draggable/index.js"],"sourcesContent":["// Draggable.jsx\nimport React from 'react';\nimport { useDraggable, useDndMonitor } from '@dnd-kit/core';\n\n/**\n * Shared dnd-kit wrapper for Line + Point.\n *\n * Props:\n *  - id: string (unique)\n *  - disabled: boolean\n *  - grid: [stepX] (like grid={[is]})\n *  - bounds: { left: number, right: number } in px (like scaledLineBounds)\n *  - onMouseDown: (event) => void\n *  - onDragStart?: () => void\n *  - onDragMove?: (deltaX: number) => void      // snapped + clamped\n *  - onDragEnd?: (deltaX: number) => void       // snapped + clamped\n *  - children: ({ setNodeRef, attributes, listeners, translateX, isDragging, onMouseDown }) => ReactNode\n */\nexport function Draggable({\n  id,\n  disabled,\n  grid,\n  bounds,\n  onMouseDown,\n  onDragStart,\n  onDragMove,\n  onDragEnd,\n  children,\n}) {\n  const { attributes, listeners, setNodeRef, transform } = useDraggable({\n    id,\n    disabled,\n  });\n\n  const step = grid && grid[0] ? grid[0] : null;\n\n  // current transform.x from dnd-kit\n  let rawX = transform?.x ?? 0;\n\n  // grid snapping (grid={[step]})\n  if (step) {\n    rawX = Math.round(rawX / step) * step;\n  }\n\n  // clamp to bounds in px\n  if (bounds) {\n    if (typeof bounds.left === 'number') {\n      rawX = Math.max(bounds.left, rawX);\n    }\n    if (typeof bounds.right === 'number') {\n      rawX = Math.min(bounds.right, rawX);\n    }\n  }\n\n  const translateX = rawX;\n  const isDragging = !!transform;\n\n  // helpers to apply same snap+clamp to deltaX before callbacks\n  const snapClampDeltaX = (deltaX) => {\n    let x = deltaX;\n    if (step) {\n      x = Math.round(x / step) * step;\n    }\n    if (bounds) {\n      if (typeof bounds.left === 'number') {\n        x = Math.max(bounds.left, x);\n      }\n      if (typeof bounds.right === 'number') {\n        x = Math.min(bounds.right, x);\n      }\n    }\n    return x;\n  };\n\n  useDndMonitor({\n    onDragStart(event) {\n      if (event.active.id !== id || disabled) return;\n      onDragStart?.();\n    },\n    onDragMove(event) {\n      if (event.active.id !== id || disabled) return;\n      const deltaX = event.delta.x || 0;\n      onDragMove?.(snapClampDeltaX(deltaX));\n    },\n    onDragEnd(event) {\n      if (event.active.id !== id || disabled) return;\n      const deltaX = event.delta.x || 0;\n      onDragEnd?.(snapClampDeltaX(deltaX));\n    },\n  });\n\n  const handleMouseDown = (e) => {\n    // same as before: prevent text selection\n    e.nativeEvent.preventDefault();\n    onMouseDown?.(e);\n  };\n\n  return children({\n    setNodeRef,\n    attributes,\n    listeners,\n    translateX,\n    isDragging,\n    onMouseDown: handleMouseDown,\n  });\n}\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAFA;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,SAASA,CAAC;EACxBC,EAAE;EACFC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,WAAW;EACXC,WAAW;EACXC,UAAU;EACVC,SAAS;EACTC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,kBAAY,EAAC;IACpEb,EAAE;IACFC;EACF,CAAC,CAAC;EAEF,MAAMa,IAAI,GAAGZ,IAAI,IAAIA,IAAI,CAAC,CAAC,CAAC,GAAGA,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI;;EAE7C;EACA,IAAIa,IAAI,GAAGH,SAAS,EAAEI,CAAC,IAAI,CAAC;;EAE5B;EACA,IAAIF,IAAI,EAAE;IACRC,IAAI,GAAGE,IAAI,CAACC,KAAK,CAACH,IAAI,GAAGD,IAAI,CAAC,GAAGA,IAAI;EACvC;;EAEA;EACA,IAAIX,MAAM,EAAE;IACV,IAAI,OAAOA,MAAM,CAACgB,IAAI,KAAK,QAAQ,EAAE;MACnCJ,IAAI,GAAGE,IAAI,CAACG,GAAG,CAACjB,MAAM,CAACgB,IAAI,EAAEJ,IAAI,CAAC;IACpC;IACA,IAAI,OAAOZ,MAAM,CAACkB,KAAK,KAAK,QAAQ,EAAE;MACpCN,IAAI,GAAGE,IAAI,CAACK,GAAG,CAACnB,MAAM,CAACkB,KAAK,EAAEN,IAAI,CAAC;IACrC;EACF;EAEA,MAAMQ,UAAU,GAAGR,IAAI;EACvB,MAAMS,UAAU,GAAG,CAAC,CAACZ,SAAS;;EAE9B;EACA,MAAMa,eAAe,GAAIC,MAAM,IAAK;IAClC,IAAIV,CAAC,GAAGU,MAAM;IACd,IAAIZ,IAAI,EAAE;MACRE,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACF,CAAC,GAAGF,IAAI,CAAC,GAAGA,IAAI;IACjC;IACA,IAAIX,MAAM,EAAE;MACV,IAAI,OAAOA,MAAM,CAACgB,IAAI,KAAK,QAAQ,EAAE;QACnCH,CAAC,GAAGC,IAAI,CAACG,GAAG,CAACjB,MAAM,CAACgB,IAAI,EAAEH,CAAC,CAAC;MAC9B;MACA,IAAI,OAAOb,MAAM,CAACkB,KAAK,KAAK,QAAQ,EAAE;QACpCL,CAAC,GAAGC,IAAI,CAACK,GAAG,CAACnB,MAAM,CAACkB,KAAK,EAAEL,CAAC,CAAC;MAC/B;IACF;IACA,OAAOA,CAAC;EACV,CAAC;EAED,IAAAW,mBAAa,EAAC;IACZtB,WAAWA,CAACuB,KAAK,EAAE;MACjB,IAAIA,KAAK,CAACC,MAAM,CAAC7B,EAAE,KAAKA,EAAE,IAAIC,QAAQ,EAAE;MACxCI,WAAW,GAAG,CAAC;IACjB,CAAC;IACDC,UAAUA,CAACsB,KAAK,EAAE;MAChB,IAAIA,KAAK,CAACC,MAAM,CAAC7B,EAAE,KAAKA,EAAE,IAAIC,QAAQ,EAAE;MACxC,MAAMyB,MAAM,GAAGE,KAAK,CAACE,KAAK,CAACd,CAAC,IAAI,CAAC;MACjCV,UAAU,GAAGmB,eAAe,CAACC,MAAM,CAAC,CAAC;IACvC,CAAC;IACDnB,SAASA,CAACqB,KAAK,EAAE;MACf,IAAIA,KAAK,CAACC,MAAM,CAAC7B,EAAE,KAAKA,EAAE,IAAIC,QAAQ,EAAE;MACxC,MAAMyB,MAAM,GAAGE,KAAK,CAACE,KAAK,CAACd,CAAC,IAAI,CAAC;MACjCT,SAAS,GAAGkB,eAAe,CAACC,MAAM,CAAC,CAAC;IACtC;EACF,CAAC,CAAC;EAEF,MAAMK,eAAe,GAAIC,CAAC,IAAK;IAC7B;IACAA,CAAC,CAACC,WAAW,CAACC,cAAc,CAAC,CAAC;IAC9B9B,WAAW,GAAG4B,CAAC,CAAC;EAClB,CAAC;EAED,OAAOxB,QAAQ,CAAC;IACdG,UAAU;IACVF,UAAU;IACVC,SAAS;IACTa,UAAU;IACVC,UAAU;IACVpB,WAAW,EAAE2B;EACf,CAAC,CAAC;AACJ","ignoreList":[]}

package/lib/index.js

@@ -1,197 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Graph", {
-  enumerable: true,
-  get: function () {
-    return _graph.default;
-  }
-});
-Object.defineProperty(exports, "NumberLineComponent", {
-  enumerable: true,
-  get: function () {
-    return _numberLine.default;
-  }
-});
-exports.tickUtils = exports.pointChooser = exports.default = exports.dataConverter = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _dataConverter = _interopRequireWildcard(require("./data-converter"));
-var dataConverter = _dataConverter;
-exports.dataConverter = _dataConverter;
-var pointChooser = _interopRequireWildcard(require("./number-line/point-chooser"));
-exports.pointChooser = pointChooser;
-var tickUtils = _interopRequireWildcard(require("./number-line/graph/tick-utils"));
-exports.tickUtils = tickUtils;
-var _graph = _interopRequireDefault(require("./number-line/graph"));
-var _numberLine = _interopRequireDefault(require("./number-line"));
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-var _lodashEs = require("lodash-es");
-var _mathRendering = require("@pie-lib/math-rendering");
-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); }
-//Expose some additional modules for configuration
-
-class NumberLine extends HTMLElement {
-  constructor() {
-    super();
-    (0, _defineProperty2.default)(this, "_scheduleMathRender", () => {
-      if (this._mathRenderPending) return;
-      this._mathRenderPending = true;
-      requestAnimationFrame(() => {
-        if (this._mathObserver) {
-          this._mathObserver.disconnect();
-        }
-        (0, _mathRendering.renderMath)(this);
-        this._mathRenderPending = false;
-        setTimeout(() => {
-          if (this._mathObserver) {
-            this._mathObserver.observe(this, {
-              childList: true,
-              subtree: true,
-              characterData: false
-            });
-          }
-        }, 50);
-      });
-    });
-    this._root = null;
-    this._mathObserver = null;
-    this._mathRenderPending = false;
-  }
-  _initMathObserver() {
-    if (this._mathObserver) return;
-    this._mathObserver = new MutationObserver(() => {
-      this._scheduleMathRender();
-    });
-    this._mathObserver.observe(this, {
-      childList: true,
-      subtree: true,
-      characterData: false
-    });
-  }
-  _disconnectMathObserver() {
-    if (this._mathObserver) {
-      this._mathObserver.disconnect();
-      this._mathObserver = null;
-    }
-  }
-  set model(m) {
-    this._model = m;
-    this._applyInitialElements();
-    this._render();
-    this.dispatch('model-set');
-  }
-  set session(s) {
-    this._session = s;
-    this._applyInitialElements();
-    this._render();
-  }
-  get session() {
-    return this._session;
-  }
-  connectedCallback() {
-    this._initMathObserver();
-    this._render();
-  }
-  isComplete() {
-    return this._session ? (this._session.answer || []).length > 0 : false;
-  }
-  dispatch(type) {
-    this.dispatchEvent(new CustomEvent(type, {
-      bubbles: true,
-      detail: {
-        complete: this.isComplete()
-      }
-    }));
-  }
-  dispatchSessionChanged() {
-    this.dispatch('session-changed');
-  }
-  addElement(data) {
-    if (!this._session) {
-      return;
-    }
-    this._session.answer = this._session.answer || [];
-    this._session.answer.push((0, _dataConverter.toSessionFormat)(data));
-    this.dispatchSessionChanged();
-    this._render();
-  }
-  moveElement(index, el, position) {
-    let answer = this._session.answer[index];
-    if (!answer) {
-      throw new Error('cant find element at index: ', index);
-    }
-    if (el.type === 'line' && position.left === position.right) {
-      this._render();
-      return;
-    }
-
-    //set the new position
-    el.position = position;
-    let update = el.type === 'line' && (0, _dataConverter.lineIsSwitched)(el) ? (0, _dataConverter.switchGraphLine)(el) : el;
-    this._session.answer.splice(index, 1, (0, _dataConverter.toSessionFormat)(update));
-    this.dispatchSessionChanged();
-    this._render();
-  }
-  deleteElements(indices) {
-    this._session.answer = this._session.answer.filter((v, index) => {
-      return !indices.some(d => d === index);
-    });
-    this.dispatchSessionChanged();
-    this._render();
-  }
-  undoElement() {
-    this._session.answer.pop();
-    this.dispatchSessionChanged();
-    this._render();
-  }
-  clearElements() {
-    this._session.answer = [];
-    this.dispatchSessionChanged();
-    this._render();
-  }
-  _applyInitialElements() {
-    if (this._model && this._model.graph && this._model.graph.initialElements && this._session && (!this._session.answer || !this._session.answer.length)) {
-      this._session.answer = (0, _lodashEs.cloneDeep)(this._model.graph.initialElements);
-    }
-  }
-  _render() {
-    if (this._model && this._session) {
-      if (!this._session.answer) {
-        this._applyInitialElements();
-      }
-      let answer = (this._session.answer || []).map(_dataConverter.toGraphFormat);
-      let model = (0, _lodashEs.cloneDeep)(this._model);
-      model.correctResponse = model.correctResponse && model.correctResponse.map(_dataConverter.toGraphFormat);
-      let props = {
-        model,
-        answer,
-        onAddElement: this.addElement.bind(this),
-        onMoveElement: this.moveElement.bind(this),
-        onDeleteElements: this.deleteElements.bind(this),
-        onUndoElement: this.undoElement.bind(this),
-        onClearElements: this.clearElements.bind(this)
-      };
-      let el = /*#__PURE__*/_react.default.createElement(_numberLine.default, props);
-      if (!this._root) {
-        this._root = (0, _client.createRoot)(this);
-      }
-      this._root.render(el);
-
-      // schedule math rendering via observer pipeline (for initial render as well)
-      this._scheduleMathRender();
-    }
-  }
-  disconnectedCallback() {
-    this._disconnectMathObserver();
-    if (this._root) {
-      this._root.unmount();
-      this._root = null;
-    }
-  }
-}
-exports.default = NumberLine;
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_dataConverter","_interopRequireWildcard","require","dataConverter","exports","pointChooser","tickUtils","_graph","_interopRequireDefault","_numberLine","_react","_client","_lodashEs","_mathRendering","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberLine","HTMLElement","constructor","_defineProperty2","_mathRenderPending","requestAnimationFrame","_mathObserver","disconnect","renderMath","setTimeout","observe","childList","subtree","characterData","_root","_initMathObserver","MutationObserver","_scheduleMathRender","_disconnectMathObserver","model","m","_model","_applyInitialElements","_render","dispatch","session","s","_session","connectedCallback","isComplete","answer","length","type","dispatchEvent","CustomEvent","bubbles","detail","complete","dispatchSessionChanged","addElement","data","push","toSessionFormat","moveElement","index","el","position","Error","left","right","update","lineIsSwitched","switchGraphLine","splice","deleteElements","indices","filter","v","some","d","undoElement","pop","clearElements","graph","initialElements","cloneDeep","map","toGraphFormat","correctResponse","props","onAddElement","bind","onMoveElement","onDeleteElements","onUndoElement","onClearElements","React","createElement","RootComponent","createRoot","render","disconnectedCallback","unmount"],"sources":["../src/index.js"],"sourcesContent":["import * as dataConverter from './data-converter';\nimport * as pointChooser from './number-line/point-chooser';\nimport * as tickUtils from './number-line/graph/tick-utils';\n\nimport { lineIsSwitched, switchGraphLine, toGraphFormat, toSessionFormat } from './data-converter';\n\nimport Graph from './number-line/graph';\nimport NumberLineComponent from './number-line';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport RootComponent from './number-line';\nimport { cloneDeep } from 'lodash-es';\nimport { renderMath } from '@pie-lib/math-rendering';\n\n//Expose some additional modules for configuration\nexport { Graph, NumberLineComponent, tickUtils, dataConverter, pointChooser };\nexport default class NumberLine extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n    this._mathObserver = null;\n    this._mathRenderPending = false;\n  }\n\n  _scheduleMathRender = () => {\n    if (this._mathRenderPending) return;\n    this._mathRenderPending = true;\n\n    requestAnimationFrame(() => {\n      if (this._mathObserver) {\n        this._mathObserver.disconnect();\n      }\n\n      renderMath(this);\n      this._mathRenderPending = false;\n\n      setTimeout(() => {\n        if (this._mathObserver) {\n          this._mathObserver.observe(this, {\n            childList: true,\n            subtree: true,\n            characterData: false,\n          });\n        }\n      }, 50);\n    });\n  };\n\n  _initMathObserver() {\n    if (this._mathObserver) return;\n\n    this._mathObserver = new MutationObserver(() => {\n      this._scheduleMathRender();\n    });\n\n    this._mathObserver.observe(this, {\n      childList: true,\n      subtree: true,\n      characterData: false,\n    });\n  }\n\n  _disconnectMathObserver() {\n    if (this._mathObserver) {\n      this._mathObserver.disconnect();\n      this._mathObserver = null;\n    }\n  }\n\n  set model(m) {\n    this._model = m;\n    this._applyInitialElements();\n    this._render();\n    this.dispatch('model-set');\n  }\n\n  set session(s) {\n    this._session = s;\n    this._applyInitialElements();\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  connectedCallback() {\n    this._initMathObserver();\n    this._render();\n  }\n\n  isComplete() {\n    return this._session ? (this._session.answer || []).length > 0 : false;\n  }\n\n  dispatch(type) {\n    this.dispatchEvent(\n      new CustomEvent(type, {\n        bubbles: true,\n        detail: {\n          complete: this.isComplete(),\n        },\n      }),\n    );\n  }\n\n  dispatchSessionChanged() {\n    this.dispatch('session-changed');\n  }\n\n  addElement(data) {\n    if (!this._session) {\n      return;\n    }\n\n    this._session.answer = this._session.answer || [];\n    this._session.answer.push(toSessionFormat(data));\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  moveElement(index, el, position) {\n    let answer = this._session.answer[index];\n\n    if (!answer) {\n      throw new Error('cant find element at index: ', index);\n    }\n\n    if (el.type === 'line' && position.left === position.right) {\n      this._render();\n      return;\n    }\n\n    //set the new position\n    el.position = position;\n\n    let update = el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el;\n\n    this._session.answer.splice(index, 1, toSessionFormat(update));\n\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  deleteElements(indices) {\n    this._session.answer = this._session.answer.filter((v, index) => {\n      return !indices.some((d) => d === index);\n    });\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  undoElement() {\n    this._session.answer.pop();\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  clearElements() {\n    this._session.answer = [];\n    this.dispatchSessionChanged();\n    this._render();\n  }\n\n  _applyInitialElements() {\n    if (\n      this._model &&\n      this._model.graph &&\n      this._model.graph.initialElements &&\n      this._session &&\n      (!this._session.answer || !this._session.answer.length)\n    ) {\n      this._session.answer = cloneDeep(this._model.graph.initialElements);\n    }\n  }\n\n  _render() {\n    if (this._model && this._session) {\n      if (!this._session.answer) {\n        this._applyInitialElements();\n      }\n\n      let answer = (this._session.answer || []).map(toGraphFormat);\n      let model = cloneDeep(this._model);\n      model.correctResponse = model.correctResponse && model.correctResponse.map(toGraphFormat);\n\n      let props = {\n        model,\n        answer,\n        onAddElement: this.addElement.bind(this),\n        onMoveElement: this.moveElement.bind(this),\n        onDeleteElements: this.deleteElements.bind(this),\n        onUndoElement: this.undoElement.bind(this),\n        onClearElements: this.clearElements.bind(this),\n      };\n\n      let el = React.createElement(RootComponent, props);\n\n      if (!this._root) {\n        this._root = createRoot(this);\n      }\n      this._root.render(el);\n\n      // schedule math rendering via observer pipeline (for initial render as well)\n      this._scheduleMathRender();\n    }\n  }\n\n  disconnectedCallback() {\n    this._disconnectMathObserver();\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/number-line/colors.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.selected = exports.incorrect = exports.correct = void 0;
-var _renderUi = require("@pie-lib/render-ui");
-const selected = exports.selected = _renderUi.color.primaryDark();
-const correct = exports.correct = _renderUi.color.correct();
-const incorrect = exports.incorrect = _renderUi.color.incorrect();
-//# sourceMappingURL=colors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","names":["_renderUi","require","selected","exports","color","primaryDark","correct","incorrect"],"sources":["../../src/number-line/colors.js"],"sourcesContent":["import { color } from '@pie-lib/render-ui';\n\nexport const selected = color.primaryDark();\nexport const correct = color.correct();\nexport const incorrect = color.incorrect();\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAEO,MAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAGE,eAAK,CAACC,WAAW,CAAC,CAAC;AACpC,MAAMC,OAAO,GAAAH,OAAA,CAAAG,OAAA,GAAGF,eAAK,CAACE,OAAO,CAAC,CAAC;AAC/B,MAAMC,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGH,eAAK,CAACG,SAAS,CAAC,CAAC","ignoreList":[]}

package/lib/number-line/feedback.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _icons = require("@pie-lib/icons");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _renderUi = require("@pie-lib/render-ui");
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _styles = require("@mui/material/styles");
-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); }
-let getIcon = t => {
-  switch (t) {
-    case 'unanswered':
-      return _icons.NothingSubmitted;
-    case 'correct':
-      return _icons.Correct;
-    case 'incorrect':
-      return _icons.Incorrect;
-    case 'partial':
-      return _icons.PartiallyCorrect;
-    case 'info':
-      return _icons.ShowRationale;
-    default:
-      return undefined;
-  }
-};
-const FeedbackContainer = (0, _styles.styled)('div')(({
-  $type
-}) => ({
-  marginTop: '10px',
-  backgroundColor: '#dddddd',
-  padding: '10px',
-  display: 'flex',
-  alignItems: 'center',
-  ...($type === 'correct' && {
-    backgroundColor: _renderUi.color.correct()
-  }),
-  ...($type === 'incorrect' && {
-    backgroundColor: _renderUi.color.incorrect()
-  }),
-  '& svg': {
-    height: '30px'
-  },
-  '& h1': {
-    padding: '0px',
-    margin: '0px'
-  }
-}));
-const Message = (0, _styles.styled)('span')({
-  paddingLeft: '5px',
-  userSelect: 'none'
-});
-const Feedback = props => {
-  const {
-    type,
-    width,
-    message
-  } = props;
-  let Icon = getIcon(type);
-  const nodeRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
-    classNames: 'fb',
-    key: "fb",
-    timeout: 300,
-    nodeRef: nodeRef
-  }, /*#__PURE__*/_react.default.createElement(FeedbackContainer, {
-    ref: nodeRef,
-    key: "panel",
-    $type: type,
-    style: {
-      width
-    }
-  }, /*#__PURE__*/_react.default.createElement(Icon, {
-    iconSet: "emoji",
-    shape: "square"
-  }), /*#__PURE__*/_react.default.createElement(Message, {
-    dangerouslySetInnerHTML: {
-      __html: message
-    }
-  }))));
-};
-Feedback.propTypes = {
-  width: _propTypes.default.number,
-  message: _propTypes.default.string,
-  type: _propTypes.default.string
-};
-var _default = exports.default = Feedback;
-//# sourceMappingURL=feedback.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"feedback.js","names":["_icons","require","_propTypes","_interopRequireDefault","_renderUi","_react","_interopRequireWildcard","_reactTransitionGroup","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getIcon","NothingSubmitted","Correct","Incorrect","PartiallyCorrect","ShowRationale","undefined","FeedbackContainer","styled","$type","marginTop","backgroundColor","padding","display","alignItems","color","correct","incorrect","height","margin","Message","paddingLeft","userSelect","Feedback","props","type","width","message","Icon","nodeRef","useRef","createElement","TransitionGroup","CSSTransition","classNames","key","timeout","ref","style","iconSet","shape","dangerouslySetInnerHTML","__html","propTypes","PropTypes","number","string","_default","exports"],"sources":["../../src/number-line/feedback.jsx"],"sourcesContent":["import { Correct, Incorrect, NothingSubmitted, PartiallyCorrect, ShowRationale } from '@pie-lib/icons';\nimport PropTypes from 'prop-types';\nimport { color } from '@pie-lib/render-ui';\n\nimport React, { useRef } from 'react';\nimport { TransitionGroup, CSSTransition } from 'react-transition-group';\nimport { styled } from '@mui/material/styles';\n\nlet getIcon = (t) => {\n  switch (t) {\n    case 'unanswered':\n      return NothingSubmitted;\n    case 'correct':\n      return Correct;\n    case 'incorrect':\n      return Incorrect;\n    case 'partial':\n      return PartiallyCorrect;\n    case 'info':\n      return ShowRationale;\n    default:\n      return undefined;\n  }\n};\n\nconst FeedbackContainer = styled('div')(({ $type }) => ({\n  marginTop: '10px',\n  backgroundColor: '#dddddd',\n  padding: '10px',\n  display: 'flex',\n  alignItems: 'center',\n  ...($type === 'correct' && {\n    backgroundColor: color.correct(),\n  }),\n  ...($type === 'incorrect' && {\n    backgroundColor: color.incorrect(),\n  }),\n  '& svg': {\n    height: '30px',\n  },\n  '& h1': {\n    padding: '0px',\n    margin: '0px',\n  },\n}));\n\nconst Message = styled('span')({\n  paddingLeft: '5px',\n  userSelect: 'none',\n});\n\nconst Feedback = (props) => {\n  const { type, width, message } = props;\n  let Icon = getIcon(type);\n  const nodeRef = useRef(null);\n\n  return (\n    <TransitionGroup>\n      <CSSTransition classNames={'fb'} key=\"fb\" timeout={300} nodeRef={nodeRef}>\n        <FeedbackContainer ref={nodeRef} key=\"panel\" $type={type} style={{ width }}>\n          <Icon iconSet=\"emoji\" shape=\"square\" />\n          <Message dangerouslySetInnerHTML={{ __html: message }} />\n        </FeedbackContainer>\n      </CSSTransition>\n    </TransitionGroup>\n  );\n};\n\nFeedback.propTypes = {\n  width: PropTypes.number,\n  message: PropTypes.string,\n  type: PropTypes.string,\n};\n\nexport default Feedback;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Arrow = Arrow;
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _renderUi = require("@pie-lib/render-ui");
-const StyledPath = (0, _styles.styled)('path')({
-  fill: _renderUi.color.primary()
-});
-function Arrow({
-  x,
-  y,
-  direction,
-  className
-}) {
-  let transform = `translate(${x || 0},${y})`;
-  if (direction && direction === 'right') {
-    transform += ' rotate(180)';
-  }
-  return /*#__PURE__*/_react.default.createElement(StyledPath, {
-    d: "m 0,0 8,-5 0,10 -8,-5",
-    transform: transform,
-    className: className
-  });
-}
-Arrow.propTypes = {
-  y: _propTypes.default.number,
-  x: _propTypes.default.number,
-  direction: _propTypes.default.oneOf(['left', 'right']),
-  className: _propTypes.default.string
-};
-Arrow.defaultProps = {
-  y: 0,
-  x: 0,
-  direction: 'left'
-};
-var _default = exports.default = Arrow;
-//# sourceMappingURL=arrow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_renderUi","StyledPath","styled","fill","color","primary","Arrow","x","y","direction","className","transform","default","createElement","d","propTypes","PropTypes","number","oneOf","string","defaultProps","_default","exports"],"sources":["../../../src/number-line/graph/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst StyledPath = styled('path')({\n  fill: color.primary(),\n});\n\nexport function Arrow({ x, y, direction, className }) {\n  let transform = `translate(${x || 0},${y})`;\n\n  if (direction && direction === 'right') {\n    transform += ' rotate(180)';\n  }\n\n  return <StyledPath d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={className} />;\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right']),\n  className: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default Arrow;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,MAAMI,UAAU,GAAG,IAAAC,cAAM,EAAC,MAAM,CAAC,CAAC;EAChCC,IAAI,EAAEC,eAAK,CAACC,OAAO,CAAC;AACtB,CAAC,CAAC;AAEK,SAASC,KAAKA,CAAC;EAAEC,CAAC;EAAEC,CAAC;EAAEC,SAAS;EAAEC;AAAU,CAAC,EAAE;EACpD,IAAIC,SAAS,GAAG,aAAaJ,CAAC,IAAI,CAAC,IAAIC,CAAC,GAAG;EAE3C,IAAIC,SAAS,IAAIA,SAAS,KAAK,OAAO,EAAE;IACtCE,SAAS,IAAI,cAAc;EAC7B;EAEA,oBAAOhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,UAAU;IAACa,CAAC,EAAC,uBAAuB;IAACH,SAAS,EAAEA,SAAU;IAACD,SAAS,EAAEA;EAAU,CAAE,CAAC;AAC7F;AAEAJ,KAAK,CAACS,SAAS,GAAG;EAChBP,CAAC,EAAEQ,kBAAS,CAACC,MAAM;EACnBV,CAAC,EAAES,kBAAS,CAACC,MAAM;EACnBR,SAAS,EAAEO,kBAAS,CAACE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;EAC7CR,SAAS,EAAEM,kBAAS,CAACG;AACvB,CAAC;AAEDb,KAAK,CAACc,YAAY,GAAG;EACnBZ,CAAC,EAAE,CAAC;EACJD,CAAC,EAAE,CAAC;EACJE,SAAS,EAAE;AACb,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEaN,KAAK","ignoreList":[]}

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

@@ -1,20 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.basePropTypes = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-//eslint-disable-line
-
-const basePropTypes = () => ({
-  interval: _propTypes.default.number.isRequired,
-  domain: _propTypes.default.shape({
-    min: _propTypes.default.number.isRequired,
-    max: _propTypes.default.number.isRequired
-  })
-});
-exports.basePropTypes = basePropTypes;
-//# sourceMappingURL=base.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"base.js","names":["_react","_interopRequireDefault","require","_propTypes","basePropTypes","interval","PropTypes","number","isRequired","domain","shape","min","max","exports"],"sources":["../../../../src/number-line/graph/elements/base.js"],"sourcesContent":["import React from 'react'; //eslint-disable-line\nimport PropTypes from 'prop-types';\n\nexport const basePropTypes = () => ({\n  interval: PropTypes.number.isRequired,\n  domain: PropTypes.shape({\n    min: PropTypes.number.isRequired,\n    max: PropTypes.number.isRequired,\n  }),\n});\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAD2B;;AAGpB,MAAME,aAAa,GAAGA,CAAA,MAAO;EAClCC,QAAQ,EAAEC,kBAAS,CAACC,MAAM,CAACC,UAAU;EACrCC,MAAM,EAAEH,kBAAS,CAACI,KAAK,CAAC;IACtBC,GAAG,EAAEL,kBAAS,CAACC,MAAM,CAACC,UAAU;IAChCI,GAAG,EAAEN,kBAAS,CAACC,MAAM,CAACC;EACxB,CAAC;AACH,CAAC,CAAC;AAACK,OAAA,CAAAT,aAAA,GAAAA,aAAA","ignoreList":[]}

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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildElementModel = buildElementModel;
-function buildElementModel(position, elementType, domain, interval) {
-  if (elementType.startsWith('p')) {
-    return {
-      position: position,
-      type: 'point',
-      pointType: elementType.endsWith('e') ? 'empty' : 'full'
-    };
-  } else if (elementType.startsWith('l')) {
-    let left = position + interval <= domain.max ? position : position - interval;
-    let right = left + interval;
-    return {
-      type: 'line',
-      leftPoint: elementType.charAt(1) === 'e' ? 'empty' : 'full',
-      rightPoint: elementType.charAt(2) === 'e' ? 'empty' : 'full',
-      position: {
-        left,
-        right
-      }
-    };
-  } else if (elementType.startsWith('r')) {
-    let full = elementType.charAt(1) === 'f';
-    let positive = elementType.charAt(2) === 'p';
-    return {
-      type: 'ray',
-      direction: positive ? 'positive' : 'negative',
-      pointType: full ? 'full' : 'empty',
-      position: position
-    };
-  }
-}
-//# sourceMappingURL=builder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"builder.js","names":["buildElementModel","position","elementType","domain","interval","startsWith","type","pointType","endsWith","left","max","right","leftPoint","charAt","rightPoint","full","positive","direction"],"sources":["../../../../src/number-line/graph/elements/builder.js"],"sourcesContent":["export function buildElementModel(position, elementType, domain, interval) {\n  if (elementType.startsWith('p')) {\n    return {\n      position: position,\n      type: 'point',\n      pointType: elementType.endsWith('e') ? 'empty' : 'full',\n    };\n  } else if (elementType.startsWith('l')) {\n    let left = position + interval <= domain.max ? position : position - interval;\n    let right = left + interval;\n    return {\n      type: 'line',\n      leftPoint: elementType.charAt(1) === 'e' ? 'empty' : 'full',\n      rightPoint: elementType.charAt(2) === 'e' ? 'empty' : 'full',\n      position: { left, right },\n    };\n  } else if (elementType.startsWith('r')) {\n    let full = elementType.charAt(1) === 'f';\n    let positive = elementType.charAt(2) === 'p';\n    return {\n      type: 'ray',\n      direction: positive ? 'positive' : 'negative',\n      pointType: full ? 'full' : 'empty',\n      position: position,\n    };\n  }\n}\n"],"mappings":";;;;;;AAAO,SAASA,iBAAiBA,CAACC,QAAQ,EAAEC,WAAW,EAAEC,MAAM,EAAEC,QAAQ,EAAE;EACzE,IAAIF,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IAC/B,OAAO;MACLJ,QAAQ,EAAEA,QAAQ;MAClBK,IAAI,EAAE,OAAO;MACbC,SAAS,EAAEL,WAAW,CAACM,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,GAAG;IACnD,CAAC;EACH,CAAC,MAAM,IAAIN,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IACtC,IAAII,IAAI,GAAGR,QAAQ,GAAGG,QAAQ,IAAID,MAAM,CAACO,GAAG,GAAGT,QAAQ,GAAGA,QAAQ,GAAGG,QAAQ;IAC7E,IAAIO,KAAK,GAAGF,IAAI,GAAGL,QAAQ;IAC3B,OAAO;MACLE,IAAI,EAAE,MAAM;MACZM,SAAS,EAAEV,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,OAAO,GAAG,MAAM;MAC3DC,UAAU,EAAEZ,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,OAAO,GAAG,MAAM;MAC5DZ,QAAQ,EAAE;QAAEQ,IAAI;QAAEE;MAAM;IAC1B,CAAC;EACH,CAAC,MAAM,IAAIT,WAAW,CAACG,UAAU,CAAC,GAAG,CAAC,EAAE;IACtC,IAAIU,IAAI,GAAGb,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;IACxC,IAAIG,QAAQ,GAAGd,WAAW,CAACW,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG;IAC5C,OAAO;MACLP,IAAI,EAAE,KAAK;MACXW,SAAS,EAAED,QAAQ,GAAG,UAAU,GAAG,UAAU;MAC7CT,SAAS,EAAEQ,IAAI,GAAG,MAAM,GAAG,OAAO;MAClCd,QAAQ,EAAEA;IACZ,CAAC;EACH;AACF","ignoreList":[]}