@pie-element/number-line 5.11.2 → 5.11.3-next.1008

package/CHANGELOG.md

@@ -3,6 +3,195 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.14.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.6...@pie-element/number-line@5.14.7) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.5...@pie-element/number-line@5.14.6) (2022-03-22)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.4...@pie-element/number-line@5.14.5) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.3...@pie-element/number-line@5.14.4) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.2...@pie-element/number-line@5.14.3) (2022-02-21)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.1...@pie-element/number-line@5.14.2) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.14.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.14.0...@pie-element/number-line@5.14.1) (2022-01-24)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+# [5.14.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.9...@pie-element/number-line@5.14.0) (2022-01-11)
+
+
+### Bug Fixes
+
+* **number-line:** Added fractions sign ([fa95e96](https://github.com/pie-framework/pie-elements/commit/fa95e963c44a6da11657fdaba3876009f3627d81))
+* **number-line:** Displayed only the numerator when the denominator is 1 ([f1a07e8](https://github.com/pie-framework/pie-elements/commit/f1a07e8410c29d64837b94ce3f01f16afc1af04e))
+* **number-line:** Fixed 'You have not entered a response' issue in pits ([0618d5e](https://github.com/pie-framework/pie-elements/commit/0618d5eeadbf38aca04b0f4c7e3529c2b479ec6b))
+* **number-line:** Fixed line fraction for pits ([b949180](https://github.com/pie-framework/pie-elements/commit/b949180b109cd30842c7d00cc613bb8893a995ad))
+* use preview prompt for prompt, rationale and teacher instructions to fix table rendering PD-1456 ([f330601](https://github.com/pie-framework/pie-elements/commit/f3306019a2d1c8ce3e2783823dfe9ef0a0394e4f))
+
+
+### Features
+
+* **number-line:** Added support for fractions PD-472 ([4f5f525](https://github.com/pie-framework/pie-elements/commit/4f5f525f1878fe70d32cfae0b79925fcc685031c))
+* **number-line:** Refactoring ([392ae4f](https://github.com/pie-framework/pie-elements/commit/392ae4f20bf297d2482179b3b437fad0c69e3c64))
+* **number-line:** Refactoring ([1fb0bb8](https://github.com/pie-framework/pie-elements/commit/1fb0bb8b302efcabd06abd9c66272e9b4353dd02))
+
+
+
+
+
+## [5.13.9](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.8...@pie-element/number-line@5.13.9) (2022-01-11)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.13.8](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.7...@pie-element/number-line@5.13.8) (2022-01-10)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.13.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.6...@pie-element/number-line@5.13.7) (2021-12-23)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.13.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.4...@pie-element/number-line@5.13.5) (2021-12-13)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.13.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.13.1...@pie-element/number-line@5.13.2) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.13.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.12.3...@pie-element/number-line@5.13.1) (2021-11-11)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+# [5.13.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.11.2...@pie-element/number-line@5.13.0) (2021-11-11)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+* **number-line:** fix initial view on pits ([4f3e572](https://github.com/pie-framework/pie-elements/commit/4f3e572a16356e5a2d16557f9c23d7a011f24578))
+* **number-line:** initial view should render correctly in pits ([dcbeb43](https://github.com/pie-framework/pie-elements/commit/dcbeb43ea593671129843801d148663ee98bb048))
+
+
+### Features
+
+* **number-line:** set toolbar editor position to bottom ([148ccaf](https://github.com/pie-framework/pie-elements/commit/148ccafcf586debe3710c63029f5fae3d9c66c1f))
+
+
+
+
+
+
+## [5.12.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.12.2...@pie-element/number-line@5.12.3) (2021-10-04)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+## [5.12.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.12.1...@pie-element/number-line@5.12.2) (2021-09-20)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+* **number-line:** fix initial view on pits ([4f3e572](https://github.com/pie-framework/pie-elements/commit/4f3e572a16356e5a2d16557f9c23d7a011f24578))
+* **number-line:** initial view should render correctly in pits ([dcbeb43](https://github.com/pie-framework/pie-elements/commit/dcbeb43ea593671129843801d148663ee98bb048))
+
+
+
+
+
+## [5.12.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.12.0...@pie-element/number-line@5.12.1) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/number-line
+
+
+
+
+
+# [5.12.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.11.2...@pie-element/number-line@5.12.0) (2021-08-05)
+
+
+### Features
+
+* **number-line:** set toolbar editor position to bottom ([148ccaf](https://github.com/pie-framework/pie-elements/commit/148ccafcf586debe3710c63029f5fae3d9c66c1f))
+
+
+
+
+
 ## [5.11.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line@5.11.0...@pie-element/number-line@5.11.2) (2021-08-05)
 
 

package/configure/CHANGELOG.md

@@ -3,6 +3,148 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.9.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.5...@pie-element/number-line-configure@4.9.6) (2022-03-28)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.9.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.4...@pie-element/number-line-configure@4.9.5) (2022-03-22)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.9.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.3...@pie-element/number-line-configure@4.9.4) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.9.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.2...@pie-element/number-line-configure@4.9.3) (2022-03-08)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.9.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.1...@pie-element/number-line-configure@4.9.2) (2022-02-21)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.9.1](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.9.0...@pie-element/number-line-configure@4.9.1) (2022-02-04)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+# [4.9.0](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.14...@pie-element/number-line-configure@4.9.0) (2022-01-24)
+
+
+### Bug Fixes
+
+* **number-line:** Fixed 'You have not entered a response' issue in pits ([0618d5e](https://github.com/pie-framework/pie-elements/commit/0618d5eeadbf38aca04b0f4c7e3529c2b479ec6b))
+
+
+### Features
+
+* **number-line:** Added support for fractions PD-472 ([4f5f525](https://github.com/pie-framework/pie-elements/commit/4f5f525f1878fe70d32cfae0b79925fcc685031c))
+* **number-line:** Refactoring ([1fb0bb8](https://github.com/pie-framework/pie-elements/commit/1fb0bb8b302efcabd06abd9c66272e9b4353dd02))
+
+
+
+
+
+## [4.8.14](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.13...@pie-element/number-line-configure@4.8.14) (2022-01-11)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.13](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.12...@pie-element/number-line-configure@4.8.13) (2022-01-10)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.12](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.11...@pie-element/number-line-configure@4.8.12) (2021-12-23)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.10](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.9...@pie-element/number-line-configure@4.8.10) (2021-12-13)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.7](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.6...@pie-element/number-line-configure@4.8.7) (2021-11-29)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.6](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.5...@pie-element/number-line-configure@4.8.6) (2021-10-04)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.5](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.4...@pie-element/number-line-configure@4.8.5) (2021-09-20)
+
+
+### Bug Fixes
+
+* pie-lib updates ([e521c2f](https://github.com/pie-framework/pie-elements/commit/e521c2f1a44aa7f3e14f82a1cee05ceb484ed0a6))
+* Updated pie-lib versions ([2fe4c5d](https://github.com/pie-framework/pie-elements/commit/2fe4c5d0be2d40f5fdb34815855695a7f1087f56))
+* Updated pie-lib versions ([1c23830](https://github.com/pie-framework/pie-elements/commit/1c23830fc75d1de5f7bb3bb16de3c665ae5fa350))
+
+
+
+
+
+## [4.8.4](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.3...@pie-element/number-line-configure@4.8.4) (2021-09-01)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
+## [4.8.3](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.2...@pie-element/number-line-configure@4.8.3) (2021-08-05)
+
+**Note:** Version bump only for package @pie-element/number-line-configure
+
+
+
+
+
 ## [4.8.2](https://github.com/pie-framework/pie-elements/compare/@pie-element/number-line-configure@4.8.0...@pie-element/number-line-configure@4.8.2) (2021-08-05)
 
 

package/configure/lib/arrows.js

@@ -31,13 +31,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _configUi = require("@pie-lib/config-ui");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var Arrows = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Arrows, _React$Component);

package/configure/lib/arrows.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/arrows.jsx"],"names":["Arrows","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","classes","className","checkbox","left","right","React","Component","PropTypes","object","isRequired","string","shape","bool","func","styles","theme","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,M;;;;;AAYX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;;AAEA,UAAKC,MAAL,GAAc,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACnC,UAAMC,MAAM,mCAAQ,MAAKL,KAAL,CAAWM,MAAnB,4CAA4BJ,GAA5B,EAAkCE,KAAlC,EAAZ;;AACA,YAAKJ,KAAL,CAAWO,QAAX,CAAoBF,MAApB;AACD,KAHD;;AAIA,UAAKG,UAAL,GAAkB,MAAKP,MAAL,CAAYQ,IAAZ,iDAAuB,MAAvB,CAAlB;AACA,UAAKC,WAAL,GAAmB,MAAKT,MAAL,CAAYQ,IAAZ,iDAAuB,OAAvB,CAAnB;AARiB;AASlB;;;;WAED,kBAAS;AAAA,wBACgC,KAAKT,KADrC;AAAA,UACCW,OADD,eACCA,OADD;AAAA,UACUC,SADV,eACUA,SADV;AAAA,UACqBN,MADrB,eACqBA,MADrB;AAEP,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAGK,OAAO,CAACL,MAAX,EAAmBM,SAAnB;AAAhB,sBACE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAED,OAAO,CAACE,QADrB;AAEE,QAAA,KAAK,EAAE,MAFT;AAGE,QAAA,OAAO,EAAEP,MAAM,CAACQ,IAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKN;AAJjB,QADF,uBAQE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAEG,OAAO,CAACE,QADrB;AAEE,QAAA,KAAK,EAAE,OAFT;AAGE,QAAA,OAAO,EAAEP,MAAM,CAACS,KAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKL;AAJjB,QARF,CADF;AAiBD;;;EA1CyBM,kBAAMC,S;;;iCAArBlB,M,eACQ;AACjBY,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADT;AAEjBR,EAAAA,SAAS,EAAEM,sBAAUG,MAFJ;AAGjBf,EAAAA,MAAM,EAAEY,sBAAUI,KAAV,CAAgB;AAAER,IAAAA,IAAI,EAAEI,sBAAUK,IAAlB;AAAwBR,IAAAA,KAAK,EAAEG,sBAAUK;AAAzC,GAAhB,EACLH,UAJc;AAKjBb,EAAAA,QAAQ,EAAEW,sBAAUM;AALH,C;iCADRzB,M,kBAQW;AACpBO,EAAAA,MAAM,EAAE;AAAEQ,IAAAA,IAAI,EAAE,IAAR;AAAcC,IAAAA,KAAK,EAAE;AAArB;AADY,C;;AAoCxB,IAAMU,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAD3B;AADe,GAAL;AAAA,CAApB;;eAKe,wBAAWJ,MAAX,EAAmB1B,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport { InputCheckbox } from '@pie-lib/config-ui';\n\nexport class Arrows extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool })\n      .isRequired,\n    onChange: PropTypes.func\n  };\n  static defaultProps = {\n    arrows: { left: true, right: true }\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.change = (key, event, value) => {\n      const update = { ...this.props.arrows, [key]: value };\n      this.props.onChange(update);\n    };\n    this.changeLeft = this.change.bind(this, 'left');\n    this.changeRight = this.change.bind(this, 'right');\n  }\n\n  render() {\n    const { classes, className, arrows } = this.props;\n    return (\n      <div className={cn(classes.arrows, className)}>\n        <InputCheckbox\n          className={classes.checkbox}\n          label={'Left'}\n          checked={arrows.left}\n          onChange={this.changeLeft}\n        />\n        &nbsp;\n        <InputCheckbox\n          className={classes.checkbox}\n          label={'Right'}\n          checked={arrows.right}\n          onChange={this.changeRight}\n        />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  arrows: {\n    paddingTop: theme.spacing.unit * 2\n  }\n});\nexport default withStyles(styles)(Arrows);\n"],"file":"arrows.js"}
+{"version":3,"sources":["../src/arrows.jsx"],"names":["Arrows","props","change","key","event","value","update","arrows","onChange","changeLeft","bind","changeRight","classes","className","checkbox","left","right","React","Component","PropTypes","object","isRequired","string","shape","bool","func","styles","theme","paddingTop","spacing","unit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEaA,M;;;;;AAYX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;;AAEA,UAAKC,MAAL,GAAc,UAACC,GAAD,EAAMC,KAAN,EAAaC,KAAb,EAAuB;AACnC,UAAMC,MAAM,mCAAQ,MAAKL,KAAL,CAAWM,MAAnB,4CAA4BJ,GAA5B,EAAkCE,KAAlC,EAAZ;;AACA,YAAKJ,KAAL,CAAWO,QAAX,CAAoBF,MAApB;AACD,KAHD;;AAIA,UAAKG,UAAL,GAAkB,MAAKP,MAAL,CAAYQ,IAAZ,iDAAuB,MAAvB,CAAlB;AACA,UAAKC,WAAL,GAAmB,MAAKT,MAAL,CAAYQ,IAAZ,iDAAuB,OAAvB,CAAnB;AARiB;AASlB;;;;WAED,kBAAS;AACP,wBAAuC,KAAKT,KAA5C;AAAA,UAAQW,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BN,MAA5B,eAA4BA,MAA5B;AACA,0BACE;AAAK,QAAA,SAAS,EAAE,4BAAGK,OAAO,CAACL,MAAX,EAAmBM,SAAnB;AAAhB,sBACE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAED,OAAO,CAACE,QADrB;AAEE,QAAA,KAAK,EAAE,MAFT;AAGE,QAAA,OAAO,EAAEP,MAAM,CAACQ,IAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKN;AAJjB,QADF,uBAQE,gCAAC,uBAAD;AACE,QAAA,SAAS,EAAEG,OAAO,CAACE,QADrB;AAEE,QAAA,KAAK,EAAE,OAFT;AAGE,QAAA,OAAO,EAAEP,MAAM,CAACS,KAHlB;AAIE,QAAA,QAAQ,EAAE,KAAKL;AAJjB,QARF,CADF;AAiBD;;;EA1CyBM,kBAAMC,S;;;iCAArBlB,M,eACQ;AACjBY,EAAAA,OAAO,EAAEO,sBAAUC,MAAV,CAAiBC,UADT;AAEjBR,EAAAA,SAAS,EAAEM,sBAAUG,MAFJ;AAGjBf,EAAAA,MAAM,EAAEY,sBAAUI,KAAV,CAAgB;AAAER,IAAAA,IAAI,EAAEI,sBAAUK,IAAlB;AAAwBR,IAAAA,KAAK,EAAEG,sBAAUK;AAAzC,GAAhB,EACLH,UAJc;AAKjBb,EAAAA,QAAQ,EAAEW,sBAAUM;AALH,C;iCADRzB,M,kBAQW;AACpBO,EAAAA,MAAM,EAAE;AAAEQ,IAAAA,IAAI,EAAE,IAAR;AAAcC,IAAAA,KAAK,EAAE;AAArB;AADY,C;;AAoCxB,IAAMU,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAD3B;AADe,GAAL;AAAA,CAApB;;eAKe,wBAAWJ,MAAX,EAAmB1B,MAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport cn from 'classnames';\nimport { InputCheckbox } from '@pie-lib/config-ui';\n\nexport class Arrows extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    arrows: PropTypes.shape({ left: PropTypes.bool, right: PropTypes.bool })\n      .isRequired,\n    onChange: PropTypes.func\n  };\n  static defaultProps = {\n    arrows: { left: true, right: true }\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.change = (key, event, value) => {\n      const update = { ...this.props.arrows, [key]: value };\n      this.props.onChange(update);\n    };\n    this.changeLeft = this.change.bind(this, 'left');\n    this.changeRight = this.change.bind(this, 'right');\n  }\n\n  render() {\n    const { classes, className, arrows } = this.props;\n    return (\n      <div className={cn(classes.arrows, className)}>\n        <InputCheckbox\n          className={classes.checkbox}\n          label={'Left'}\n          checked={arrows.left}\n          onChange={this.changeLeft}\n        />\n        &nbsp;\n        <InputCheckbox\n          className={classes.checkbox}\n          label={'Right'}\n          checked={arrows.right}\n          onChange={this.changeRight}\n        />\n      </div>\n    );\n  }\n}\nconst styles = theme => ({\n  arrows: {\n    paddingTop: theme.spacing.unit * 2\n  }\n});\nexport default withStyles(styles)(Arrows);\n"],"file":"arrows.js"}

package/configure/lib/card-bar.js

@@ -25,12 +25,15 @@ var CardBar = function CardBar(props) {
   var classes = props.classes,
       header = props.header,
       children = props.children,
-      mini = props.mini;
+      mini = props.mini,
+      info = props.info;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.cardBar
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: classes.flexContainer
   }, /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     variant: mini ? 'subheading' : 'h5'
-  }, header), children && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+  }, header), info), children && /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     title: children,
     classes: {
       tooltip: classes.tooltip
@@ -62,6 +65,10 @@ var styles = function styles(theme) {
     },
     tooltip: {
       fontSize: '12px'
+    },
+    flexContainer: {
+      display: 'flex',
+      alignItems: 'center'
     }
   };
 };

package/configure/lib/card-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/card-bar.jsx"],"names":["CardBar","props","classes","header","children","mini","cardBar","tooltip","button","propTypes","PropTypes","object","bool","string","node","styles","theme","display","justifyContent","paddingBottom","spacing","unit","paddingTop","margin","padding","fontSize"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AAAA,MACfC,OADe,GACqBD,KADrB,CACfC,OADe;AAAA,MACNC,MADM,GACqBF,KADrB,CACNE,MADM;AAAA,MACEC,QADF,GACqBH,KADrB,CACEG,QADF;AAAA,MACYC,IADZ,GACqBJ,KADrB,CACYI,IADZ;AAEvB,sBACE;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACI;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAED,IAAI,GAAG,YAAH,GAAkB;AAA3C,KAAkDF,MAAlD,CADF,EAEGC,QAAQ,iBACP,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAEA,QAAhB;AAA0B,IAAA,OAAO,EAAE;AAAEG,MAAAA,OAAO,EAAEL,OAAO,CAACK;AAAnB;AAAnC,kBACE,gCAAC,sBAAD;AAAY,kBAAW,QAAvB;AAAgC,IAAA,SAAS,EAAEL,OAAO,CAACM;AAAnD,kBACE,gCAAC,uBAAD,OADF,CADF,CAHJ,CADF;AAYD,CAdD;;AAgBAR,OAAO,CAACS,SAAR,GAAoB;AAClBP,EAAAA,OAAO,EAAEQ,sBAAUC,MADD;AAElBN,EAAAA,IAAI,EAAEK,sBAAUE,IAFE;AAGlBT,EAAAA,MAAM,EAAEO,sBAAUG,MAHA;AAIlBT,EAAAA,QAAQ,EAAEM,sBAAUI;AAJF,CAApB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBV,IAAAA,OAAO,EAAE;AACPW,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,cAAc,EAAE,eAFT;AAGPC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAIPC,MAAAA,UAAU,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAJ1B,KADc;AAOvBb,IAAAA,MAAM,EAAE;AACNe,MAAAA,MAAM,EAAE,CADF;AAENC,MAAAA,OAAO,EAAE;AAFH,KAPe;AAWvBjB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,QAAQ,EAAE;AADH;AAXc,GAAL;AAAA,CAApB;;eAee,wBAAWV,MAAX,EAAmBf,OAAnB,C","sourcesContent":["import { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport HelpIcon from '@material-ui/icons/HelpOutline';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Typography from '@material-ui/core/Typography';\n\nconst CardBar = props => {\n  const { classes, header, children, mini } = props;\n  return (\n    <div className={classes.cardBar}>\n      <Typography variant={mini ? 'subheading' : 'h5'}>{header}</Typography>\n      {children && (\n        <Tooltip title={children} classes={{ tooltip: classes.tooltip }}>\n          <IconButton aria-label=\"Delete\" className={classes.button}>\n            <HelpIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nCardBar.propTypes = {\n  classes: PropTypes.object,\n  mini: PropTypes.bool,\n  header: PropTypes.string,\n  children: PropTypes.node\n};\nconst styles = theme => ({\n  cardBar: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    paddingBottom: theme.spacing.unit * 2,\n    paddingTop: theme.spacing.unit * 2\n  },\n  button: {\n    margin: 0,\n    padding: 0\n  },\n  tooltip: {\n    fontSize: '12px'\n  }\n});\nexport default withStyles(styles)(CardBar);\n"],"file":"card-bar.js"}
+{"version":3,"sources":["../src/card-bar.jsx"],"names":["CardBar","props","classes","header","children","mini","info","cardBar","flexContainer","tooltip","button","propTypes","PropTypes","object","bool","string","node","styles","theme","display","justifyContent","paddingBottom","spacing","unit","paddingTop","margin","padding","fontSize","alignItems"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AACvB,MAAQC,OAAR,GAAkDD,KAAlD,CAAQC,OAAR;AAAA,MAAiBC,MAAjB,GAAkDF,KAAlD,CAAiBE,MAAjB;AAAA,MAAyBC,QAAzB,GAAkDH,KAAlD,CAAyBG,QAAzB;AAAA,MAAmCC,IAAnC,GAAkDJ,KAAlD,CAAmCI,IAAnC;AAAA,MAAyCC,IAAzC,GAAkDL,KAAlD,CAAyCK,IAAzC;AACA,sBACE;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACK;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEL,OAAO,CAACM;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,OAAO,EAAEH,IAAI,GAAG,YAAH,GAAkB;AAA3C,KAAkDF,MAAlD,CADF,EAEGG,IAFH,CADF,EAKGF,QAAQ,iBACP,gCAAC,mBAAD;AAAS,IAAA,KAAK,EAAEA,QAAhB;AAA0B,IAAA,OAAO,EAAE;AAAEK,MAAAA,OAAO,EAAEP,OAAO,CAACO;AAAnB;AAAnC,kBACE,gCAAC,sBAAD;AAAY,kBAAW,QAAvB;AAAgC,IAAA,SAAS,EAAEP,OAAO,CAACQ;AAAnD,kBACE,gCAAC,uBAAD,OADF,CADF,CANJ,CADF;AAeD,CAjBD;;AAmBAV,OAAO,CAACW,SAAR,GAAoB;AAClBT,EAAAA,OAAO,EAAEU,sBAAUC,MADD;AAElBR,EAAAA,IAAI,EAAEO,sBAAUE,IAFE;AAGlBX,EAAAA,MAAM,EAAES,sBAAUG,MAHA;AAIlBX,EAAAA,QAAQ,EAAEQ,sBAAUI;AAJF,CAApB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBX,IAAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,cAAc,EAAE,eAFT;AAGPC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB,CAH7B;AAIPC,MAAAA,UAAU,EAAEN,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AAJ1B,KADc;AAOvBb,IAAAA,MAAM,EAAE;AACNe,MAAAA,MAAM,EAAE,CADF;AAENC,MAAAA,OAAO,EAAE;AAFH,KAPe;AAWvBjB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,QAAQ,EAAE;AADH,KAXc;AAcvBnB,IAAAA,aAAa,EAAE;AACbW,MAAAA,OAAO,EAAE,MADI;AAEbS,MAAAA,UAAU,EAAE;AAFC;AAdQ,GAAL;AAAA,CAApB;;eAmBe,wBAAWX,MAAX,EAAmBjB,OAAnB,C","sourcesContent":["import { withStyles } from '@material-ui/core/styles';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport HelpIcon from '@material-ui/icons/HelpOutline';\nimport IconButton from '@material-ui/core/IconButton';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Typography from '@material-ui/core/Typography';\n\nconst CardBar = props => {\n  const { classes, header, children, mini, info } = props;\n  return (\n    <div className={classes.cardBar}>\n      <div className={classes.flexContainer}>\n        <Typography variant={mini ? 'subheading' : 'h5'}>{header}</Typography>\n        {info}\n      </div>\n      {children && (\n        <Tooltip title={children} classes={{ tooltip: classes.tooltip }}>\n          <IconButton aria-label=\"Delete\" className={classes.button}>\n            <HelpIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </div>\n  );\n};\n\nCardBar.propTypes = {\n  classes: PropTypes.object,\n  mini: PropTypes.bool,\n  header: PropTypes.string,\n  children: PropTypes.node\n};\nconst styles = theme => ({\n  cardBar: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    paddingBottom: theme.spacing.unit * 2,\n    paddingTop: theme.spacing.unit * 2\n  },\n  button: {\n    margin: 0,\n    padding: 0\n  },\n  tooltip: {\n    fontSize: '12px'\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center'\n  }\n});\nexport default withStyles(styles)(CardBar);\n"],"file":"card-bar.js"}

package/configure/lib/defaults.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.configuration = exports.model = void 0;
+exports.model = exports.configuration = void 0;
 var model = {
   correctResponse: [],
   graph: {
@@ -23,6 +23,7 @@ var model = {
     width: 500,
     initialType: 'PF',
     exhibitOnly: false,
+    toolbarEditorPosition: 'bottom',
     availableTypes: {
       PF: true,
       LFF: true,
@@ -56,6 +57,11 @@ var configuration = {
   prompt: {
     settings: true,
     label: 'Prompt'
+  },
+  spellCheck: {
+    label: 'Spellcheck',
+    settings: false,
+    enabled: true
   }
 };
 exports.configuration = configuration;

package/configure/lib/defaults.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/defaults.js"],"names":["model","correctResponse","graph","domain","min","max","ticks","minor","major","arrows","left","right","maxNumberOfPoints","width","initialType","exhibitOnly","availableTypes","PF","LFF","LEF","LFE","LEE","RFN","RFP","REN","REP","initialElements","feedback","correct","type","incorrect","partial","configuration","prompt","settings","label"],"mappings":";;;;;;AAAO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,eAAe,EAAE,EADE;AAEnBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,GAAG,EAAE,CAAC,CAAR;AAAWC,MAAAA,GAAG,EAAE;AAAhB,KADH;AAELC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,CADF;AAELC,MAAAA,KAAK,EAAE;AAFF,KAFF;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,IADA;AAENC,MAAAA,KAAK,EAAE;AAFD,KANH;AAULC,IAAAA,iBAAiB,EAAE,EAVd;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,WAAW,EAAE,IAZR;AAaLC,IAAAA,WAAW,EAAE,KAbR;AAcLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAE,IADU;AAEdC,MAAAA,GAAG,EAAE,IAFS;AAGdC,MAAAA,GAAG,EAAE,IAHS;AAIdC,MAAAA,GAAG,EAAE,IAJS;AAKdC,MAAAA,GAAG,EAAE,IALS;AAMdC,MAAAA,GAAG,EAAE,IANS;AAOdC,MAAAA,GAAG,EAAE,IAPS;AAQdC,MAAAA,GAAG,EAAE,IARS;AASdC,MAAAA,GAAG,EAAE;AATS,KAdX;AAyBLC,IAAAA,eAAe,EAAE;AAzBZ,GAFY;AA6BnBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AACP,iBAAS,SADF;AAEPC,MAAAA,IAAI,EAAE;AAFC,KADD;AAKRC,IAAAA,SAAS,EAAE;AACT,iBAAS,WADA;AAETD,MAAAA,IAAI,EAAE;AAFG,KALH;AASRE,IAAAA,OAAO,EAAE;AACP,iBAAS,QADF;AAEPF,MAAAA,IAAI,EAAE;AAFC;AATD;AA7BS,CAAd;;AA6CA,IAAMG,aAAa,GAAG;AAC3BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,IADJ;AAENC,IAAAA,KAAK,EAAE;AAFD;AADmB,CAAtB","sourcesContent":["export const model = {\n  correctResponse: [],\n  graph: {\n    domain: { min: -5, max: 5 },\n    ticks: {\n      minor: 1,\n      major: 2\n    },\n    arrows: {\n      left: true,\n      right: true\n    },\n    maxNumberOfPoints: 20,\n    width: 500,\n    initialType: 'PF',\n    exhibitOnly: false,\n    availableTypes: {\n      PF: true,\n      LFF: true,\n      LEF: true,\n      LFE: true,\n      LEE: true,\n      RFN: true,\n      RFP: true,\n      REN: true,\n      REP: true\n    },\n    initialElements: []\n  },\n  feedback: {\n    correct: {\n      default: 'Correct',\n      type: 'none'\n    },\n    incorrect: {\n      default: 'Incorrect',\n      type: 'none'\n    },\n    partial: {\n      default: 'Nearly',\n      type: 'none'\n    }\n  },\n};\n\nexport const configuration = {\n  prompt: {\n    settings: true,\n    label: 'Prompt'\n  }\n};\n"],"file":"defaults.js"}
+{"version":3,"sources":["../src/defaults.js"],"names":["model","correctResponse","graph","domain","min","max","ticks","minor","major","arrows","left","right","maxNumberOfPoints","width","initialType","exhibitOnly","toolbarEditorPosition","availableTypes","PF","LFF","LEF","LFE","LEE","RFN","RFP","REN","REP","initialElements","feedback","correct","type","incorrect","partial","configuration","prompt","settings","label","spellCheck","enabled"],"mappings":";;;;;;AAAO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,eAAe,EAAE,EADE;AAEnBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,GAAG,EAAE,CAAC,CAAR;AAAWC,MAAAA,GAAG,EAAE;AAAhB,KADH;AAELC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,CADF;AAELC,MAAAA,KAAK,EAAE;AAFF,KAFF;AAMLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,IADA;AAENC,MAAAA,KAAK,EAAE;AAFD,KANH;AAULC,IAAAA,iBAAiB,EAAE,EAVd;AAWLC,IAAAA,KAAK,EAAE,GAXF;AAYLC,IAAAA,WAAW,EAAE,IAZR;AAaLC,IAAAA,WAAW,EAAE,KAbR;AAcLC,IAAAA,qBAAqB,EAAE,QAdlB;AAeLC,IAAAA,cAAc,EAAE;AACdC,MAAAA,EAAE,EAAE,IADU;AAEdC,MAAAA,GAAG,EAAE,IAFS;AAGdC,MAAAA,GAAG,EAAE,IAHS;AAIdC,MAAAA,GAAG,EAAE,IAJS;AAKdC,MAAAA,GAAG,EAAE,IALS;AAMdC,MAAAA,GAAG,EAAE,IANS;AAOdC,MAAAA,GAAG,EAAE,IAPS;AAQdC,MAAAA,GAAG,EAAE,IARS;AASdC,MAAAA,GAAG,EAAE;AATS,KAfX;AA0BLC,IAAAA,eAAe,EAAE;AA1BZ,GAFY;AA8BnBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE;AACP,iBAAS,SADF;AAEPC,MAAAA,IAAI,EAAE;AAFC,KADD;AAKRC,IAAAA,SAAS,EAAE;AACT,iBAAS,WADA;AAETD,MAAAA,IAAI,EAAE;AAFG,KALH;AASRE,IAAAA,OAAO,EAAE;AACP,iBAAS,QADF;AAEPF,MAAAA,IAAI,EAAE;AAFC;AATD;AA9BS,CAAd;;AA8CA,IAAMG,aAAa,GAAG;AAC3BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE,IADJ;AAENC,IAAAA,KAAK,EAAE;AAFD,GADmB;AAK3BC,EAAAA,UAAU,EAAE;AACVD,IAAAA,KAAK,EAAE,YADG;AAEVD,IAAAA,QAAQ,EAAC,KAFC;AAGVG,IAAAA,OAAO,EAAC;AAHE;AALe,CAAtB","sourcesContent":["export const model = {\n  correctResponse: [],\n  graph: {\n    domain: { min: -5, max: 5 },\n    ticks: {\n      minor: 1,\n      major: 2\n    },\n    arrows: {\n      left: true,\n      right: true\n    },\n    maxNumberOfPoints: 20,\n    width: 500,\n    initialType: 'PF',\n    exhibitOnly: false,\n    toolbarEditorPosition: 'bottom',\n    availableTypes: {\n      PF: true,\n      LFF: true,\n      LEF: true,\n      LFE: true,\n      LEE: true,\n      RFN: true,\n      RFP: true,\n      REN: true,\n      REP: true\n    },\n    initialElements: []\n  },\n  feedback: {\n    correct: {\n      default: 'Correct',\n      type: 'none'\n    },\n    incorrect: {\n      default: 'Incorrect',\n      type: 'none'\n    },\n    partial: {\n      default: 'Nearly',\n      type: 'none'\n    }\n  },\n};\n\nexport const configuration = {\n  prompt: {\n    settings: true,\n    label: 'Prompt'\n  },\n  spellCheck: {\n    label: 'Spellcheck',\n    settings:false,\n    enabled:true\n  },\n};\n"],"file":"defaults.js"}

package/configure/lib/domain.js

@@ -27,13 +27,13 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireDefault(require("react"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var DOMAIN_BEGIN = 'domainBegin';
 var DOMAIN_END = 'domainEnd';

package/configure/lib/domain.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/domain.jsx"],"names":["DOMAIN_BEGIN","DOMAIN_END","sort","domain","min","max","Domain","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","React","Component","propTypes","PropTypes","shape","number","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,aAArB;AACA,IAAMC,UAAU,GAAG,WAAnB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAAC,MAAM,EAAI;AACrB,MAAIA,MAAM,CAACC,GAAP,IAAcD,MAAM,CAACE,GAAzB,EAA8B;AAC5B,WAAOF,MAAP;AACD;;AAED,SAAO;AAAEC,IAAAA,GAAG,EAAED,MAAM,CAACE,GAAd;AAAmBA,IAAAA,GAAG,EAAEF,MAAM,CAACC;AAA/B,GAAP;AACD,CAND;;IAQaE,M;;;;;AACX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AAEA,UAAKC,SAAL,GAAiB,MAAKC,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AACA,UAAKC,SAAL,GAAiB,MAAKF,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AAJiB;AAKlB;;;;WAED,gBAAOE,GAAP,EAAYC,KAAZ,EAAmBC,KAAnB,EAA0B;AAAA,UAChBC,QADgB,GACH,KAAKR,KADF,CAChBQ,QADgB;;AAExB,UAAMC,MAAM,mCAAQ,KAAKT,KAAL,CAAWJ,MAAnB,4CAA4BS,GAA5B,EAAkCE,KAAlC,EAAZ;;AACAC,MAAAA,QAAQ,CAACb,IAAI,CAACc,MAAD,CAAL,CAAR;AACD;;;WAED,kBAAS;AAAA,UACCb,MADD,GACY,KAAKI,KADjB,CACCJ,MADD;AAGP,0BACE,0DAEE,gCAAC,0BAAD;AACE,QAAA,KAAK,EAAC,SADR;AAEE,QAAA,KAAK,EAAEA,MAAM,CAACC,GAFhB;AAGE,QAAA,IAAI,EAAEJ,YAHR;AAIE,QAAA,QAAQ,EAAE,KAAKQ;AAJjB,QAFF,eAQE,gCAAC,0BAAD;AACE,QAAA,KAAK,EAAC,SADR;AAEE,QAAA,KAAK,EAAEL,MAAM,CAACE,GAFhB;AAGE,QAAA,IAAI,EAAEJ,UAHR;AAIE,QAAA,QAAQ,EAAE,KAAKU;AAJjB,QARF,CADF;AAiBD;;;EAlCyBM,kBAAMC,S;;;AAoClCZ,MAAM,CAACa,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,sBAAUC,KAAV,CAAgB;AAAEjB,IAAAA,GAAG,EAAEgB,sBAAUE,MAAjB;AAAyBjB,IAAAA,GAAG,EAAEe,sBAAUE;AAAxC,GAAhB,CADS;AAEjBP,EAAAA,QAAQ,EAAEK,sBAAUG,IAAV,CAAeC;AAFR,CAAnB;eAIelB,M","sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst sort = domain => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    const update = { ...this.props.domain, [key]: value };\n    onChange(sort(update));\n  }\n\n  render() {\n    const { domain } = this.props;\n\n    return (\n      <div>\n        {/* <Typography>Domain</Typography> */}\n        <MiniField\n          label=\"Minimum\"\n          value={domain.min}\n          name={DOMAIN_BEGIN}\n          onChange={this.changeMin}\n        />\n        <MiniField\n          label=\"Maximum\"\n          value={domain.max}\n          name={DOMAIN_END}\n          onChange={this.changeMax}\n        />\n      </div>\n    );\n  }\n}\nDomain.propTypes = {\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired\n};\nexport default Domain;\n"],"file":"domain.js"}
+{"version":3,"sources":["../src/domain.jsx"],"names":["DOMAIN_BEGIN","DOMAIN_END","sort","domain","min","max","Domain","props","changeMin","change","bind","changeMax","key","event","value","onChange","update","React","Component","propTypes","PropTypes","shape","number","func","isRequired"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,aAArB;AACA,IAAMC,UAAU,GAAG,WAAnB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAAAC,MAAM,EAAI;AACrB,MAAIA,MAAM,CAACC,GAAP,IAAcD,MAAM,CAACE,GAAzB,EAA8B;AAC5B,WAAOF,MAAP;AACD;;AAED,SAAO;AAAEC,IAAAA,GAAG,EAAED,MAAM,CAACE,GAAd;AAAmBA,IAAAA,GAAG,EAAEF,MAAM,CAACC;AAA/B,GAAP;AACD,CAND;;IAQaE,M;;;;;AACX,kBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AAEA,UAAKC,SAAL,GAAiB,MAAKC,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AACA,UAAKC,SAAL,GAAiB,MAAKF,MAAL,CAAYC,IAAZ,iDAAuB,KAAvB,CAAjB;AAJiB;AAKlB;;;;WAED,gBAAOE,GAAP,EAAYC,KAAZ,EAAmBC,KAAnB,EAA0B;AACxB,UAAQC,QAAR,GAAqB,KAAKR,KAA1B,CAAQQ,QAAR;;AACA,UAAMC,MAAM,mCAAQ,KAAKT,KAAL,CAAWJ,MAAnB,4CAA4BS,GAA5B,EAAkCE,KAAlC,EAAZ;;AACAC,MAAAA,QAAQ,CAACb,IAAI,CAACc,MAAD,CAAL,CAAR;AACD;;;WAED,kBAAS;AACP,UAAQb,MAAR,GAAmB,KAAKI,KAAxB,CAAQJ,MAAR;AAEA,0BACE,0DAEE,gCAAC,0BAAD;AACE,QAAA,KAAK,EAAC,SADR;AAEE,QAAA,KAAK,EAAEA,MAAM,CAACC,GAFhB;AAGE,QAAA,IAAI,EAAEJ,YAHR;AAIE,QAAA,QAAQ,EAAE,KAAKQ;AAJjB,QAFF,eAQE,gCAAC,0BAAD;AACE,QAAA,KAAK,EAAC,SADR;AAEE,QAAA,KAAK,EAAEL,MAAM,CAACE,GAFhB;AAGE,QAAA,IAAI,EAAEJ,UAHR;AAIE,QAAA,QAAQ,EAAE,KAAKU;AAJjB,QARF,CADF;AAiBD;;;EAlCyBM,kBAAMC,S;;;AAoClCZ,MAAM,CAACa,SAAP,GAAmB;AACjBhB,EAAAA,MAAM,EAAEiB,sBAAUC,KAAV,CAAgB;AAAEjB,IAAAA,GAAG,EAAEgB,sBAAUE,MAAjB;AAAyBjB,IAAAA,GAAG,EAAEe,sBAAUE;AAAxC,GAAhB,CADS;AAEjBP,EAAAA,QAAQ,EAAEK,sBAAUG,IAAV,CAAeC;AAFR,CAAnB;eAIelB,M","sourcesContent":["import { MiniField } from './number-text-field';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst DOMAIN_BEGIN = 'domainBegin';\nconst DOMAIN_END = 'domainEnd';\n\nconst sort = domain => {\n  if (domain.min <= domain.max) {\n    return domain;\n  }\n\n  return { min: domain.max, max: domain.min };\n};\n\nexport class Domain extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.changeMin = this.change.bind(this, 'min');\n    this.changeMax = this.change.bind(this, 'max');\n  }\n\n  change(key, event, value) {\n    const { onChange } = this.props;\n    const update = { ...this.props.domain, [key]: value };\n    onChange(sort(update));\n  }\n\n  render() {\n    const { domain } = this.props;\n\n    return (\n      <div>\n        {/* <Typography>Domain</Typography> */}\n        <MiniField\n          label=\"Minimum\"\n          value={domain.min}\n          name={DOMAIN_BEGIN}\n          onChange={this.changeMin}\n        />\n        <MiniField\n          label=\"Maximum\"\n          value={domain.max}\n          name={DOMAIN_END}\n          onChange={this.changeMax}\n        />\n      </div>\n    );\n  }\n}\nDomain.propTypes = {\n  domain: PropTypes.shape({ min: PropTypes.number, max: PropTypes.number }),\n  onChange: PropTypes.func.isRequired\n};\nexport default Domain;\n"],"file":"domain.js"}

package/configure/lib/index.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +35,43 @@ var _pieConfigureEvents = require("@pie-framework/pie-configure-events");
 
 var defaults = _interopRequireWildcard(require("./defaults"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var math = _interopRequireWildcard(require("mathjs"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+// this function is duplicated in controller; at some point, use the same shared function
+var updateTicks = function updateTicks(model) {
+  var _model$graph = model.graph;
+  _model$graph = _model$graph === void 0 ? {} : _model$graph;
+  var labelStep = _model$graph.labelStep,
+      _model$graph$ticks = _model$graph.ticks,
+      ticks = _model$graph$ticks === void 0 ? {} : _model$graph$ticks;
+  var minor = ticks.minor,
+      major = ticks.major;
+
+  if (labelStep && typeof labelStep === 'string' && labelStep.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
+    model.graph.fraction = true; // update the ticks frequency and label value to match the label step if needed
+
+    var step = math.evaluate(labelStep);
+
+    if (step !== major) {
+      ticks.major = step;
+      ticks.minor = step / (major / minor);
+    }
+  }
+
+  return model;
+};
 
 var NumberLine = /*#__PURE__*/function (_HTMLElement) {
   (0, _inherits2["default"])(NumberLine, _HTMLElement);
@@ -56,7 +86,7 @@ var NumberLine = /*#__PURE__*/function (_HTMLElement) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (o) {
       _this._model = _objectSpread(_objectSpread({}, _this._model), o);
 
-      _this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(_this._model, true));
+      _this.dispatchEvent(new _pieConfigureEvents.ModelUpdatedEvent(_this._model));
 
       _this._rerender();
     });
@@ -90,6 +120,9 @@ var NumberLine = /*#__PURE__*/function (_HTMLElement) {
 exports["default"] = NumberLine;
 (0, _defineProperty2["default"])(NumberLine, "createDefaultModel", function () {
   var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread(_objectSpread({}, defaults.model), model);
+
+  var normalizedModel = _objectSpread(_objectSpread({}, defaults.model), model);
+
+  return updateTicks(normalizedModel);
 });
 //# sourceMappingURL=index.js.map

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.js"],"names":["NumberLine","o","_model","dispatchEvent","ModelUpdatedEvent","_rerender","createDefaultModel","_configuration","defaults","configuration","s","element","React","createElement","Main","model","onChange","ReactDOM","render","HTMLElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;IAEqBA,U;;;;;AAMnB,wBAAc;AAAA;;AAAA;AACZ;AADY,iGAWH,UAAAC,CAAC,EAAI;AACd,YAAKC,MAAL,mCAAmB,MAAKA,MAAxB,GAAmCD,CAAnC;;AAEA,YAAKE,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,MAAKF,MAA3B,EAAmC,IAAnC,CAAnB;;AAEA,YAAKG,SAAL;AACD,KAjBa;AAEZ,UAAKH,MAAL,GAAcF,UAAU,CAACM,kBAAX,EAAd;AACA,UAAKC,cAAL,GAAsBC,QAAQ,CAACC,aAA/B;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKR,MAAL,GAAcF,UAAU,CAACM,kBAAX,CAA8BI,CAA9B,CAAd;;AACA,WAAKL,SAAL;AACD;;;WAUD,qBAAY;AACV,UAAIM,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtCC,QAAAA,KAAK,EAAE,KAAKb,MAD0B;AAEtCO,QAAAA,aAAa,EAAE,KAAKF,cAFkB;AAGtCS,QAAAA,QAAQ,EAAE,KAAKA;AAHuB,OAA1B,CAAd;;AAKAC,2BAASC,MAAT,CAAgBP,OAAhB,EAAyB,IAAzB;AACD;;;kDAhCqCQ,W;;;iCAAnBnB,U,wBACS;AAAA,MAACe,KAAD,uEAAS,EAAT;AAAA,yCACvBP,QAAQ,CAACO,KADc,GAEvBA,KAFuB;AAAA,C","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport * as defaults from './defaults';\n\nexport default class NumberLine extends HTMLElement {\n  static createDefaultModel = (model = {}) => ({\n    ...defaults.model,\n    ...model\n  });\n\n  constructor() {\n    super();\n    this._model = NumberLine.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(s) {\n    this._model = NumberLine.createDefaultModel(s);\n    this._rerender();\n  }\n\n  onChange = o => {\n    this._model = { ...this._model, ...o };\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model, true));\n\n    this._rerender();\n  };\n\n  _rerender() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onChange: this.onChange\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.js"],"names":["updateTicks","model","graph","labelStep","ticks","minor","major","match","fraction","step","math","evaluate","NumberLine","o","_model","dispatchEvent","ModelUpdatedEvent","_rerender","createDefaultModel","_configuration","defaults","configuration","s","element","React","createElement","Main","onChange","ReactDOM","render","HTMLElement","normalizedModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAAAC,KAAK,EAAI;AAC3B,qBAAgDA,KAAhD,CAAQC,KAAR;AAAA,2CAA0C,EAA1C;AAAA,MAAiBC,SAAjB,gBAAiBA,SAAjB;AAAA,wCAA4BC,KAA5B;AAAA,MAA4BA,KAA5B,mCAAoC,EAApC;AACA,MAAQC,KAAR,GAAyBD,KAAzB,CAAQC,KAAR;AAAA,MAAeC,KAAf,GAAyBF,KAAzB,CAAeE,KAAf;;AAEA,MAAIH,SAAS,IAAI,OAAOA,SAAP,KAAqB,QAAlC,IAA8CA,SAAS,CAACI,KAAV,CAAgB,6BAAhB,CAAlD,EAAkG;AAChGN,IAAAA,KAAK,CAACC,KAAN,CAAYM,QAAZ,GAAuB,IAAvB,CADgG,CAGhG;;AACA,QAAMC,IAAI,GAAGC,IAAI,CAACC,QAAL,CAAcR,SAAd,CAAb;;AAEA,QAAIM,IAAI,KAAKH,KAAb,EAAoB;AAClBF,MAAAA,KAAK,CAACE,KAAN,GAAcG,IAAd;AACAL,MAAAA,KAAK,CAACC,KAAN,GAAcI,IAAI,IAAIH,KAAK,GAAGD,KAAZ,CAAlB;AACD;AACF;;AAED,SAAOJ,KAAP;AACD,CAjBD;;IAmBqBW,U;;;;;AAUnB,wBAAc;AAAA;;AAAA;AACZ;AADY,iGAWH,UAAAC,CAAC,EAAI;AACd,YAAKC,MAAL,mCAAmB,MAAKA,MAAxB,GAAmCD,CAAnC;;AAEA,YAAKE,aAAL,CAAmB,IAAIC,qCAAJ,CAAsB,MAAKF,MAA3B,CAAnB;;AAEA,YAAKG,SAAL;AACD,KAjBa;AAEZ,UAAKH,MAAL,GAAcF,UAAU,CAACM,kBAAX,EAAd;AACA,UAAKC,cAAL,GAAsBC,QAAQ,CAACC,aAA/B;AAHY;AAIb;;;;SAED,aAAUC,CAAV,EAAa;AACX,WAAKR,MAAL,GAAcF,UAAU,CAACM,kBAAX,CAA8BI,CAA9B,CAAd;;AACA,WAAKL,SAAL;AACD;;;WAUD,qBAAY;AACV,UAAIM,OAAO,gBAAGC,kBAAMC,aAAN,CAAoBC,gBAApB,EAA0B;AACtCzB,QAAAA,KAAK,EAAE,KAAKa,MAD0B;AAEtCO,QAAAA,aAAa,EAAE,KAAKF,cAFkB;AAGtCQ,QAAAA,QAAQ,EAAE,KAAKA;AAHuB,OAA1B,CAAd;;AAKAC,2BAASC,MAAT,CAAgBN,OAAhB,EAAyB,IAAzB;AACD;;;kDApCqCO,W;;;iCAAnBlB,U,wBACS,YAAgB;AAAA,MAAfX,KAAe,uEAAP,EAAO;;AAC1C,MAAM8B,eAAe,mCAChBX,QAAQ,CAACnB,KADO,GAEhBA,KAFgB,CAArB;;AAKA,SAAOD,WAAW,CAAC+B,eAAD,CAAlB;AACD,C","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelUpdatedEvent } from '@pie-framework/pie-configure-events';\nimport * as defaults from './defaults';\nimport * as math from 'mathjs';\n\n// this function is duplicated in controller; at some point, use the same shared function\nconst updateTicks = model => {\n  const { graph: { labelStep, ticks = {}} = {}} = model;\n  const { minor, major } = ticks;\n\n  if (labelStep && typeof labelStep === 'string' && labelStep.match(/^[1-9][0-9]*\\/[1-9][0-9]*$/g)) {\n    model.graph.fraction = true;\n\n    // update the ticks frequency and label value to match the label step if needed\n    const step = math.evaluate(labelStep);\n\n    if (step !== major) {\n      ticks.major = step;\n      ticks.minor = step / (major / minor);\n    }\n  }\n\n  return model;\n};\n\nexport default class NumberLine extends HTMLElement {\n  static createDefaultModel = (model = {}) => {\n    const normalizedModel = {\n      ...defaults.model,\n      ...model\n    };\n\n    return updateTicks(normalizedModel);\n  };\n\n  constructor() {\n    super();\n    this._model = NumberLine.createDefaultModel();\n    this._configuration = defaults.configuration;\n  }\n\n  set model(s) {\n    this._model = NumberLine.createDefaultModel(s);\n    this._rerender();\n  }\n\n  onChange = o => {\n    this._model = { ...this._model, ...o };\n\n    this.dispatchEvent(new ModelUpdatedEvent(this._model));\n\n    this._rerender();\n  };\n\n  _rerender() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onChange: this.onChange\n    });\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}