@pie-element/number-line 5.14.0 → 5.14.2-beta.1443

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;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"}
+{"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;;;;;AAWX,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;AAAe,QAAA,SAAS,EAAED,OAAO,CAACE,QAAlC;AAA4C,QAAA,KAAK,EAAE,MAAnD;AAA2D,QAAA,OAAO,EAAEP,MAAM,CAACQ,IAA3E;AAAiF,QAAA,QAAQ,EAAE,KAAKN;AAAhG,QADF,uBAGE,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,QAHF,CADF;AAYD;;;EApCyBM,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,EAAiEH,UAHxD;AAIjBb,EAAAA,QAAQ,EAAEW,sBAAUM;AAJH,C;iCADRzB,M,kBAOW;AACpBO,EAAAA,MAAM,EAAE;AAAEQ,IAAAA,IAAI,EAAE,IAAR;AAAcC,IAAAA,KAAK,EAAE;AAArB;AADY,C;;AA+BxB,IAAMU,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBpB,IAAAA,MAAM,EAAE;AACNqB,MAAAA,UAAU,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AAD3B;AADiB,GAAZ;AAAA,CAAf;;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 }).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 className={classes.checkbox} label={'Left'} checked={arrows.left} onChange={this.changeLeft} />\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
@@ -61,7 +64,11 @@ var styles = function styles(theme) {
       padding: 0
     },
     tooltip: {
-      fontSize: '12px'
+      fontSize: theme.typography.fontSize - 2
+    },
+    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;AACvB,MAAQC,OAAR,GAA4CD,KAA5C,CAAQC,OAAR;AAAA,MAAiBC,MAAjB,GAA4CF,KAA5C,CAAiBE,MAAjB;AAAA,MAAyBC,QAAzB,GAA4CH,KAA5C,CAAyBG,QAAzB;AAAA,MAAmCC,IAAnC,GAA4CJ,KAA5C,CAAmCI,IAAnC;AACA,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","typography","alignItems"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,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;AAEA,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,EAMGF,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,CAPJ,CADF;AAgBD,CAnBD;;AAqBAV,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;;AAOA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBX,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,KADgB;AAOzBb,IAAAA,MAAM,EAAE;AACNe,MAAAA,MAAM,EAAE,CADF;AAENC,MAAAA,OAAO,EAAE;AAFH,KAPiB;AAWzBjB,IAAAA,OAAO,EAAE;AACPkB,MAAAA,QAAQ,EAAET,KAAK,CAACU,UAAN,CAAiBD,QAAjB,GAA4B;AAD/B,KAXgB;AAczBnB,IAAAA,aAAa,EAAE;AACbW,MAAAA,OAAO,EAAE,MADI;AAEbU,MAAAA,UAAU,EAAE;AAFC;AAdU,GAAZ;AAAA,CAAf;;eAoBe,wBAAWZ,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\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\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};\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: theme.typography.fontSize - 2,\n  },\n  flexContainer: {\n    display: 'flex',\n    alignItems: 'center',\n  },\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: {
@@ -57,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","toolbarEditorPosition","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,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;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    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};\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,EAAE,KAFA;AAGVG,IAAAA,OAAO,EAAE;AAHC;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,9 +27,9 @@ 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); }; }
 

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;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"}
+{"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,CAACC,MAAD,EAAY;AACvB,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;AAAW,QAAA,KAAK,EAAC,SAAjB;AAA2B,QAAA,KAAK,EAAEA,MAAM,CAACC,GAAzC;AAA8C,QAAA,IAAI,EAAEJ,YAApD;AAAkE,QAAA,QAAQ,EAAE,KAAKQ;AAAjF,QAFF,eAGE,gCAAC,0BAAD;AAAW,QAAA,KAAK,EAAC,SAAjB;AAA2B,QAAA,KAAK,EAAEL,MAAM,CAACE,GAAzC;AAA8C,QAAA,IAAI,EAAEJ,UAApD;AAAgE,QAAA,QAAQ,EAAE,KAAKU;AAA/E,QAHF,CADF;AAOD;;;EAxByBM,kBAAMC,S;;;AA0BlCZ,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 label=\"Minimum\" value={domain.min} name={DOMAIN_BEGIN} onChange={this.changeMin} />\n        <MiniField label=\"Maximum\" value={domain.max} name={DOMAIN_END} onChange={this.changeMax} />\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

@@ -41,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 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); }; }
 
@@ -53,12 +53,18 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var updateTicks = function updateTicks(model) {
   var _model$graph = model.graph;
   _model$graph = _model$graph === void 0 ? {} : _model$graph;
-  var labelStep = _model$graph.labelStep,
+  var domain = _model$graph.domain,
+      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 (domain) {
+    domain.min = Number((domain.min || 0).toFixed(2));
+    domain.max = Number((domain.max || 0).toFixed(2));
+  }
+
   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
 
@@ -70,7 +76,6 @@ var updateTicks = function updateTicks(model) {
     }
   }
 
-  ;
   return model;
 };
 
@@ -103,13 +108,27 @@ var NumberLine = /*#__PURE__*/function (_HTMLElement) {
 
       this._rerender();
     }
+  }, {
+    key: "insertSound",
+    value: function insertSound(handler) {
+      this.dispatchEvent(new _pieConfigureEvents.InsertSoundEvent(handler));
+    }
+  }, {
+    key: "onDeleteSound",
+    value: function onDeleteSound(src, done) {
+      this.dispatchEvent(new _pieConfigureEvents.DeleteSoundEvent(src, done));
+    }
   }, {
     key: "_rerender",
     value: function _rerender() {
       var element = /*#__PURE__*/_react["default"].createElement(_main["default"], {
         model: this._model,
         configuration: this._configuration,
-        onChange: this.onChange
+        onChange: this.onChange,
+        uploadSoundSupport: {
+          add: this.insertSound.bind(this),
+          "delete": this.onDeleteSound.bind(this)
+        }
       });
 
       _reactDom["default"].render(element, this);

package/configure/lib/index.js.map

@@ -1 +1 @@
-{"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;;AAAA;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"}
+{"version":3,"sources":["../src/index.js"],"names":["updateTicks","model","graph","domain","labelStep","ticks","minor","major","min","Number","toFixed","max","match","fraction","step","math","evaluate","NumberLine","o","_model","dispatchEvent","ModelUpdatedEvent","_rerender","createDefaultModel","_configuration","defaults","configuration","s","handler","InsertSoundEvent","src","done","DeleteSoundEvent","element","React","createElement","Main","onChange","uploadSoundSupport","add","insertSound","bind","onDeleteSound","ReactDOM","render","HTMLElement","normalizedModel"],"mappings":"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","sourcesContent":["import Main from './main';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { ModelUpdatedEvent, InsertSoundEvent, DeleteSoundEvent } 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: { domain, labelStep, ticks = {} } = {} } = model;\n  const { minor, major } = ticks;\n\n  if (domain) {\n    domain.min = Number((domain.min || 0).toFixed(2));\n    domain.max = Number((domain.max || 0).toFixed(2));\n  }\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  insertSound(handler) {\n    this.dispatchEvent(new InsertSoundEvent(handler));\n  }\n\n  onDeleteSound(src, done) {\n    this.dispatchEvent(new DeleteSoundEvent(src, done));\n  }\n\n  _rerender() {\n    let element = React.createElement(Main, {\n      model: this._model,\n      configuration: this._configuration,\n      onChange: this.onChange,\n      uploadSoundSupport: {\n        add: this.insertSound.bind(this),\n        delete: this.onDeleteSound.bind(this),\n      },\n    });\n\n    ReactDOM.render(element, this);\n  }\n}\n"],"file":"index.js"}