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

package/module/configure.js

@@ -1,1335 +0,0 @@
-import {_dll_prop_types, _dll_react, _dll_material_ui__core_styles, _dll_material_ui__core, _dll_mathjs, _dll_lodash, _dll_react_dom} from "../../../@pie-ui/shared-lib@^4.3.3/module/index.js";
-import {_dll_pie_lib__config_ui, _dll_pie_lib__editable_html, _dll_pie_framework__pie_configure_events} from "../../shared-config@^1.8.13/module/index.js";
-import {pointChooser, tickUtils, NumberLineComponent, dataConverter} from "../../../@pie-ui/number-line@^7.4.9/module/index.js";
-function unwrapExports(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var classnames = createCommonjsModule(function (module) {
-  (function () {
-    var hasOwn = ({}).hasOwnProperty;
-    function classNames() {
-      var classes = [];
-      for (var i = 0; i < arguments.length; i++) {
-        var arg = arguments[i];
-        if (!arg) continue;
-        var argType = typeof arg;
-        if (argType === 'string' || argType === 'number') {
-          classes.push(arg);
-        } else if (Array.isArray(arg) && arg.length) {
-          var inner = classNames.apply(null, arg);
-          if (inner) {
-            classes.push(inner);
-          }
-        } else if (argType === 'object') {
-          for (var key in arg) {
-            if (hasOwn.call(arg, key) && arg[key]) {
-              classes.push(key);
-            }
-          }
-        }
-      }
-      return classes.join(' ');
-    }
-    if (module.exports) {
-      classNames.default = classNames;
-      module.exports = classNames;
-    } else {
-      window.classNames = classNames;
-    }
-  })();
-});
-const {NumberTextField: NTF} = _dll_pie_lib__config_ui;
-const PropTypes = _dll_prop_types;
-const React = _dll_react;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/number-text-field.jsx";
-class NumberTextField extends React.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object.isRequired
-    };
-  }
-  render() {
-    const {classes} = this.props;
-    const props = {
-      ...this.props,
-      classes: undefined
-    };
-    return React.createElement(NTF, {
-      ...props,
-      className: classnames(classes.textField, props.className),
-      variant: "outlined",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 16
-      }
-    });
-  }
-}
-NumberTextField.__initStatic();
-const styles = theme => ({
-  textField: {
-    marginLeft: theme.spacing.unit
-  }
-});
-const miniStyles = () => ({
-  textField: {
-    maxWidth: '100px'
-  }
-});
-const MiniField = withStyles(miniStyles)(NumberTextField);
-var NumberTextField$1 = withStyles(styles)(NumberTextField);
-var interopRequireDefault = createCommonjsModule(function (module) {
-  function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-      "default": obj
-    };
-  }
-  module.exports = _interopRequireDefault;
-});
-unwrapExports(interopRequireDefault);
-var setPrototypeOf = createCommonjsModule(function (module) {
-  function _setPrototypeOf(o, p) {
-    module.exports = _setPrototypeOf = Object.setPrototypeOf || (function _setPrototypeOf(o, p) {
-      o.__proto__ = p;
-      return o;
-    });
-    return _setPrototypeOf(o, p);
-  }
-  module.exports = _setPrototypeOf;
-});
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  setPrototypeOf(subClass, superClass);
-}
-var inheritsLoose = _inheritsLoose;
-var setStatic_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var setStatic = function setStatic(key, value) {
-    return function (BaseComponent) {
-      BaseComponent[key] = value;
-      return BaseComponent;
-    };
-  };
-  var _default = setStatic;
-  exports.default = _default;
-});
-unwrapExports(setStatic_1);
-var setDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _setStatic = interopRequireDefault(setStatic_1);
-  var setDisplayName = function setDisplayName(displayName) {
-    return (0, _setStatic.default)('displayName', displayName);
-  };
-  var _default = setDisplayName;
-  exports.default = _default;
-});
-unwrapExports(setDisplayName_1);
-var getDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var getDisplayName = function getDisplayName(Component) {
-    if (typeof Component === 'string') {
-      return Component;
-    }
-    if (!Component) {
-      return undefined;
-    }
-    return Component.displayName || Component.name || 'Component';
-  };
-  var _default = getDisplayName;
-  exports.default = _default;
-});
-unwrapExports(getDisplayName_1);
-var wrapDisplayName_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _getDisplayName = interopRequireDefault(getDisplayName_1);
-  var wrapDisplayName = function wrapDisplayName(BaseComponent, hocName) {
-    return hocName + "(" + (0, _getDisplayName.default)(BaseComponent) + ")";
-  };
-  var _default = wrapDisplayName;
-  exports.default = _default;
-});
-unwrapExports(wrapDisplayName_1);
-const _react = _dll_react;
-var shouldUpdate_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _inheritsLoose2 = interopRequireDefault(inheritsLoose);
-  var _setDisplayName = interopRequireDefault(setDisplayName_1);
-  var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
-  var shouldUpdate = function shouldUpdate(test) {
-    return function (BaseComponent) {
-      var factory = (0, _react.createFactory)(BaseComponent);
-      var ShouldUpdate = (function (_Component) {
-        (0, _inheritsLoose2.default)(ShouldUpdate, _Component);
-        function ShouldUpdate() {
-          return _Component.apply(this, arguments) || this;
-        }
-        var _proto = ShouldUpdate.prototype;
-        _proto.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-          return test(this.props, nextProps);
-        };
-        _proto.render = function render() {
-          return factory(this.props);
-        };
-        return ShouldUpdate;
-      })(_react.Component);
-      {
-        return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'shouldUpdate'))(ShouldUpdate);
-      }
-    };
-  };
-  var _default = shouldUpdate;
-  exports.default = _default;
-});
-unwrapExports(shouldUpdate_1);
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-function is(x, y) {
-  if (x === y) {
-    return x !== 0 || y !== 0 || 1 / x === 1 / y;
-  } else {
-    return x !== x && y !== y;
-  }
-}
-function shallowEqual(objA, objB) {
-  if (is(objA, objB)) {
-    return true;
-  }
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
-  }
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) {
-    return false;
-  }
-  for (var i = 0; i < keysA.length; i++) {
-    if (!hasOwnProperty.call(objB, keysA[i]) || !is(objA[keysA[i]], objB[keysA[i]])) {
-      return false;
-    }
-  }
-  return true;
-}
-var shallowEqual_1 = shallowEqual;
-var shallowEqual$1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _shallowEqual = interopRequireDefault(shallowEqual_1);
-  var _default = _shallowEqual.default;
-  exports.default = _default;
-});
-unwrapExports(shallowEqual$1);
-var pure_1 = createCommonjsModule(function (module, exports) {
-  exports.__esModule = true;
-  exports.default = void 0;
-  var _shouldUpdate = interopRequireDefault(shouldUpdate_1);
-  var _shallowEqual = interopRequireDefault(shallowEqual$1);
-  var _setDisplayName = interopRequireDefault(setDisplayName_1);
-  var _wrapDisplayName = interopRequireDefault(wrapDisplayName_1);
-  var pure = function pure(BaseComponent) {
-    var hoc = (0, _shouldUpdate.default)(function (props, nextProps) {
-      return !(0, _shallowEqual.default)(props, nextProps);
-    });
-    {
-      return (0, _setDisplayName.default)((0, _wrapDisplayName.default)(BaseComponent, 'pure'))(hoc(BaseComponent));
-    }
-  };
-  var _default = pure;
-  exports.default = _default;
-});
-unwrapExports(pure_1);
-const require$$0 = _dll_react;
-const {SvgIcon: require$$2} = _dll_material_ui__core;
-var createSvgIcon_1 = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0);
-  var _pure = interopRequireDefault(pure_1);
-  var _SvgIcon = interopRequireDefault(require$$2);
-  function createSvgIcon(path, displayName) {
-    var Icon = function Icon(props) {
-      return _react.default.createElement(_SvgIcon.default, props, path);
-    };
-    Icon.displayName = ("").concat(displayName, "Icon");
-    Icon = (0, _pure.default)(Icon);
-    Icon.muiName = 'SvgIcon';
-    return Icon;
-  }
-  var _default = createSvgIcon;
-  exports.default = _default;
-});
-unwrapExports(createSvgIcon_1);
-const require$$0$1 = _dll_react;
-var HelpOutline = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$1);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  }), _react.default.createElement("path", {
-    d: "M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"
-  })), 'HelpOutline');
-  exports.default = _default;
-});
-var HelpIcon = unwrapExports(HelpOutline);
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {Tooltip: Tooltip} = _dll_material_ui__core;
-const {IconButton: IconButton} = _dll_material_ui__core;
-const {Typography: Typography} = _dll_material_ui__core;
-const PropTypes$1 = _dll_prop_types;
-const React$1 = _dll_react;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/card-bar.jsx";
-const CardBar = props => {
-  const {classes, header, children, mini} = props;
-  return React$1.createElement('div', {
-    className: classes.cardBar,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 12
-    }
-  }, React$1.createElement(Typography, {
-    variant: mini ? 'subheading' : 'h5',
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 13
-    }
-  }, header), children && React$1.createElement(Tooltip, {
-    title: children,
-    classes: {
-      tooltip: classes.tooltip
-    },
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 15
-    }
-  }, React$1.createElement(IconButton, {
-    'aria-label': "Delete",
-    className: classes.button,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 16
-    }
-  }, React$1.createElement(HelpIcon, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 17
-    }
-  }))));
-};
-CardBar.propTypes = {
-  classes: PropTypes$1.object,
-  mini: PropTypes$1.bool,
-  header: PropTypes$1.string,
-  children: PropTypes$1.node
-};
-const styles$1 = theme => ({
-  cardBar: {
-    display: 'flex',
-    justifyContent: 'space-between',
-    paddingBottom: theme.spacing.unit * 2,
-    paddingTop: theme.spacing.unit * 2
-  },
-  button: {
-    margin: 0,
-    padding: 0
-  },
-  tooltip: {
-    fontSize: '12px'
-  }
-});
-var CardBar$1 = withStyles$1(styles$1)(CardBar);
-const React$2 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/size.jsx";
-const Size = props => {
-  const {size, onChange} = props;
-  const changeWidth = (e, width) => onChange({
-    ...props.size,
-    width
-  });
-  return React$2.createElement(MiniField, {
-    label: "Width",
-    value: size.width,
-    onChange: changeWidth,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$2,
-      lineNumber: 11
-    }
-  });
-};
-Size.propTypes = {
-  size: PropTypes$2.shape({
-    width: PropTypes$2.number,
-    height: PropTypes$2.number
-  }),
-  onChange: PropTypes$2.func.isRequired
-};
-const styles$2 = () => ({
-  class: {}
-});
-var Size$1 = withStyles$2(styles$2)(Size);
-const PropTypes$3 = _dll_prop_types;
-const React$3 = _dll_react;
-const _jsxFileName$3 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/domain.jsx";
-const DOMAIN_BEGIN = 'domainBegin';
-const DOMAIN_END = 'domainEnd';
-const sort = domain => {
-  if (domain.min <= domain.max) {
-    return domain;
-  }
-  return {
-    min: domain.max,
-    max: domain.min
-  };
-};
-class Domain extends React$3.Component {
-  constructor(props) {
-    super(props);
-    this.changeMin = this.change.bind(this, 'min');
-    this.changeMax = this.change.bind(this, 'max');
-  }
-  change(key, event, value) {
-    const {onChange} = this.props;
-    const update = {
-      ...this.props.domain,
-      [key]: value
-    };
-    onChange(sort(update));
-  }
-  render() {
-    const {domain} = this.props;
-    return React$3.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 34
-      }
-    }, React$3.createElement(MiniField, {
-      label: "Minimum",
-      value: domain.min,
-      name: DOMAIN_BEGIN,
-      onChange: this.changeMin,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 36
-      }
-    }), React$3.createElement(MiniField, {
-      label: "Maximum",
-      value: domain.max,
-      name: DOMAIN_END,
-      onChange: this.changeMax,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 42
-      }
-    }));
-  }
-}
-Domain.propTypes = {
-  domain: PropTypes$3.shape({
-    min: PropTypes$3.number,
-    max: PropTypes$3.number
-  }),
-  onChange: PropTypes$3.func.isRequired
-};
-const React$4 = _dll_react;
-const PropTypes$4 = _dll_prop_types;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const {InputCheckbox: InputCheckbox} = _dll_pie_lib__config_ui;
-const _jsxFileName$4 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/arrows.jsx";
-class Arrows extends React$4.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$4.object.isRequired,
-      className: PropTypes$4.string,
-      arrows: PropTypes$4.shape({
-        left: PropTypes$4.bool,
-        right: PropTypes$4.bool
-      }).isRequired,
-      onChange: PropTypes$4.func
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      arrows: {
-        left: true,
-        right: true
-      }
-    };
-  }
-  constructor(props) {
-    super(props);
-    this.change = (key, event, value) => {
-      const update = {
-        ...this.props.arrows,
-        [key]: value
-      };
-      this.props.onChange(update);
-    };
-    this.changeLeft = this.change.bind(this, 'left');
-    this.changeRight = this.change.bind(this, 'right');
-  }
-  render() {
-    const {classes, className, arrows} = this.props;
-    return React$4.createElement('div', {
-      className: classnames(classes.arrows, className),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 33
-      }
-    }, React$4.createElement(InputCheckbox, {
-      className: classes.checkbox,
-      label: 'Left',
-      checked: arrows.left,
-      onChange: this.changeLeft,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 34
-      }
-    }), " ", React$4.createElement(InputCheckbox, {
-      className: classes.checkbox,
-      label: 'Right',
-      checked: arrows.right,
-      onChange: this.changeRight,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 41
-      }
-    }));
-  }
-}
-Arrows.__initStatic();
-Arrows.__initStatic2();
-const styles$3 = theme => ({
-  arrows: {
-    paddingTop: theme.spacing.unit * 2
-  }
-});
-var Arrows$1 = withStyles$3(styles$3)(Arrows);
-const {Button: Button} = _dll_material_ui__core;
-const React$5 = _dll_react;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const PropTypes$5 = _dll_prop_types;
-const _jsxFileName$5 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/point-config.jsx";
-const {Point} = pointChooser;
-const styles$4 = {
-  displayToggles: {
-    paddingTop: '20px'
-  }
-};
-class PointConfig extends React$5.Component {
-  static __initStatic() {
-    this.propTypes = {
-      onSelectionChange: PropTypes$5.func,
-      selection: PropTypes$5.object,
-      classes: PropTypes$5.object
-    };
-  }
-  constructor(props) {
-    super(props);
-    this.state = {
-      selection: props.selection
-    };
-  }
-  toggle(point) {
-    const update = {
-      ...this.state.selection
-    };
-    update[point] = !update[point];
-    this._stateUpdate(update);
-  }
-  toggleAll(value) {
-    const display = [...PointConfig.types].reduce((acc, point) => {
-      acc[point] = value;
-      return acc;
-    }, {});
-    this._stateUpdate(display);
-  }
-  _stateUpdate(selection) {
-    this.setState({
-      selection
-    }, () => {
-      this.props.onSelectionChange(this.state.selection);
-    });
-  }
-  active(point) {
-    return this.state.selection[point] === true;
-  }
-  render() {
-    const {classes} = this.props;
-    const icons = PointConfig.types.map(point => {
-      return React$5.createElement(Point, {
-        iconKey: point.toLowerCase(),
-        key: point.toLowerCase(),
-        onClick: this.toggle.bind(this, point),
-        active: this.active(point),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$5,
-          lineNumber: 58
-        }
-      });
-    });
-    return React$5.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 68
-      }
-    }, React$5.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 69
-      }
-    }, icons), React$5.createElement('div', {
-      className: classes.displayToggles,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 70
-      }
-    }, React$5.createElement(Button, {
-      variant: "outlined",
-      size: "small",
-      onClick: this.toggleAll.bind(this, true),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 71
-      }
-    }, "Display All"), React$5.createElement(Button, {
-      variant: "outlined",
-      size: "small",
-      onClick: this.toggleAll.bind(this, false),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 78
-      }
-    }, "None")));
-  }
-}
-PointConfig.__initStatic();
-PointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];
-var PointConfig$1 = withStyles$4(styles$4, {
-  name: 'PointConfig'
-})(PointConfig);
-const React$6 = _dll_react;
-const PropTypes$6 = _dll_prop_types;
-const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
-const math = _dll_mathjs;
-const _jsxFileName$6 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/ticks.jsx";
-const Ticks = props => {
-  const {classes, ticks, onChange, domain} = props;
-  const changeMinor = (e, minor) => onChange({
-    ...props.ticks,
-    minor
-  });
-  const changeMajor = (e, major) => onChange({
-    ...props.ticks,
-    major
-  });
-  const t = tickUtils.normalizeTicks(domain, ticks);
-  const minorLimits = tickUtils.minorLimits(domain);
-  return React$6.createElement(React$6.Fragment, {
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 17
-    }
-  }, React$6.createElement(MiniField, {
-    label: "Frequency",
-    value: math.number(t.minor),
-    min: math.number(minorLimits.min),
-    max: math.number(minorLimits.max),
-    className: classes.nl,
-    onChange: changeMinor,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 18
-    }
-  }), React$6.createElement(MiniField, {
-    label: "Labels",
-    value: math.number(t.major),
-    className: classes.nl,
-    onChange: changeMajor,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$6,
-      lineNumber: 26
-    }
-  }));
-};
-Ticks.propTypes = {
-  classes: PropTypes$6.object.isRequired,
-  onChange: PropTypes$6.func,
-  ticks: PropTypes$6.shape({
-    major: PropTypes$6.number,
-    minor: PropTypes$6.number
-  }),
-  domain: PropTypes$6.shape({
-    min: PropTypes$6.number,
-    max: PropTypes$6.number
-  })
-};
-const styles$5 = () => ({});
-var Ticks$1 = withStyles$5(styles$5)(Ticks);
-const model = {
-  correctResponse: [],
-  graph: {
-    domain: {
-      min: -5,
-      max: 5
-    },
-    ticks: {
-      minor: 1,
-      major: 2
-    },
-    arrows: {
-      left: true,
-      right: true
-    },
-    maxNumberOfPoints: 20,
-    width: 500,
-    height: 400,
-    initialType: 'PF',
-    exhibitOnly: false,
-    availableTypes: {
-      PF: true,
-      LFF: true,
-      LEF: true,
-      LFE: true,
-      LEE: true,
-      RFN: true,
-      RFP: true,
-      REN: true,
-      REP: true
-    },
-    initialElements: []
-  }
-};
-const configuration = {
-  prompt: {
-    settings: true,
-    label: 'Prompt'
-  }
-};
-const {InputCheckbox: InputCheckbox$1} = _dll_pie_lib__config_ui;
-const {FeedbackConfig: FeedbackConfig} = _dll_pie_lib__config_ui;
-const {FormSection: FormSection} = _dll_pie_lib__config_ui;
-const EditableHtml = _dll_pie_lib__editable_html;
-const PropTypes$7 = _dll_prop_types;
-const {Button: Button$1} = _dll_material_ui__core;
-const React$7 = _dll_react;
-const {cloneDeep: cloneDeep} = _dll_lodash;
-const {withStyles: withStyles$6} = _dll_material_ui__core_styles;
-const _jsxFileName$7 = "/home/ede/dev/github/pie-framework/pie-elements/packages/number-line/configure/src/main.jsx";
-const trimModel = model => ({
-  ...model,
-  feedback: undefined,
-  prompt: undefined,
-  graph: {
-    ...model.graph,
-    title: undefined
-  },
-  correctResponse: undefined
-});
-const {lineIsSwitched, switchGraphLine, toGraphFormat, toSessionFormat} = dataConverter;
-const styles$6 = theme => ({
-  maxNumberOfPoints: {
-    width: '150px'
-  },
-  checkbox: {
-    marginTop: theme.spacing.unit * 2
-  },
-  row: {
-    display: 'flex',
-    flexWrap: 'wrap',
-    '& > *': {
-      paddingRight: theme.spacing.unit * 2
-    }
-  },
-  hide: {
-    opacity: 0.5
-  },
-  resetDefaults: {
-    margin: '20px 0'
-  },
-  pointTypeChooser: {
-    margin: '20px 0'
-  },
-  promptHolder: {
-    width: '100%',
-    paddingBottom: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2
-  },
-  prompt: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%'
-  },
-  section: {
-    margin: 0,
-    padding: 0
-  }
-});
-const toPointType = response => {
-  function rest(response) {
-    if (response.pointType) {
-      if (response.direction) {
-        return `${response.pointType[0]}${response.direction[0]}`;
-      }
-      return response.pointType[0];
-    } else {
-      return `${response.leftPoint[0]}${response.rightPoint[0]}`;
-    }
-  }
-  return `${response.type[0]}${rest(response)}`.toUpperCase();
-};
-class Main extends React$7.Component {
-  constructor(...args) {
-    super(...args);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-    Main.prototype.__init4.call(this);
-    Main.prototype.__init5.call(this);
-    Main.prototype.__init6.call(this);
-    Main.prototype.__init7.call(this);
-    Main.prototype.__init8.call(this);
-    Main.prototype.__init9.call(this);
-    Main.prototype.__init10.call(this);
-    Main.prototype.__init11.call(this);
-    Main.prototype.__init12.call(this);
-    Main.prototype.__init13.call(this);
-    Main.prototype.__init14.call(this);
-    Main.prototype.__init15.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$7.object.isRequired,
-      model: PropTypes$7.object.isRequired,
-      configuration: PropTypes$7.object.isRequired,
-      onChange: PropTypes$7.func.isRequired
-    };
-  }
-  __init() {
-    this.graphChange = o => {
-      const {onChange} = this.props;
-      const graph = {
-        ...this.props.model.graph,
-        ...o
-      };
-      onChange({
-        graph
-      });
-    };
-  }
-  __init2() {
-    this.changeSize = ({width, height}) => this.graphChange({
-      width,
-      height
-    });
-  }
-  __init3() {
-    this.changeMaxNoOfPoints = (e, maxNumberOfPoints) => this.graphChange({
-      maxNumberOfPoints
-    });
-  }
-  __init4() {
-    this.changeGraphTitle = title => this.graphChange({
-      title
-    });
-  }
-  __init5() {
-    this.changeTicks = ticks => {
-      const {model, onChange} = this.props;
-      const correctResponse = tickUtils.snapElements(model.graph.domain, ticks, model.correctResponse);
-      const initialElements = tickUtils.snapElements(model.graph.domain, ticks, model.graph.initialElements);
-      const graph = {
-        ...this.props.model.graph,
-        ticks,
-        initialElements
-      };
-      onChange({
-        graph,
-        correctResponse
-      });
-    };
-  }
-  __init6() {
-    this.changeArrows = arrows => this.graphChange({
-      arrows
-    });
-  }
-  __init7() {
-    this.setDefaults = () => {
-      this.props.onChange({
-        graph: cloneDeep(model.graph)
-      });
-    };
-  }
-  __init8() {
-    this.exhibitChanged = (event, value) => {
-      const graph = {
-        ...this.props.model.graph,
-        exhibitOnly: value
-      };
-      this.props.onChange({
-        graph
-      });
-    };
-  }
-  __init9() {
-    this.moveCorrectResponse = (index, el, position) => {
-      const {onChange, model} = this.props;
-      el.position = position;
-      const update = toSessionFormat(el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el);
-      const correctResponse = [...model.correctResponse];
-      correctResponse[index] = update;
-      onChange({
-        correctResponse
-      });
-    };
-  }
-  __init10() {
-    this.moveInitialView = (index, el, position) => {
-      const {model, onChange} = this.props;
-      el.position = position;
-      const update = toSessionFormat(el.type === 'line' && lineIsSwitched(el) ? switchGraphLine(el) : el);
-      const initialElements = [...this.props.model.graph.initialElements];
-      initialElements[index] = update;
-      const graph = {
-        ...model.graph,
-        initialElements
-      };
-      onChange({
-        graph
-      });
-    };
-  }
-  __init11() {
-    this.availableTypesChange = availableTypes => {
-      const {model, onChange} = this.props;
-      new Set(model.correctResponse.map(toPointType)).forEach(pointType => {
-        availableTypes[pointType] = true;
-      });
-      const graph = {
-        ...model.graph,
-        availableTypes
-      };
-      onChange({
-        graph
-      });
-    };
-  }
-  __init12() {
-    this.deleteCorrectResponse = indices => {
-      const {model, onChange} = this.props;
-      const correctResponse = model.correctResponse.filter((v, index) => {
-        return !indices.some(d => d === index);
-      });
-      onChange({
-        correctResponse
-      });
-    };
-  }
-  __init13() {
-    this.deleteInitialView = indices => {
-      const {model, onChange} = this.props;
-      const initialElements = model.graph.initialElements.filter((v, index) => {
-        return !indices.some(d => d === index);
-      });
-      const graph = {
-        ...model.graph,
-        initialElements
-      };
-      onChange({
-        graph
-      });
-    };
-  }
-  __init14() {
-    this.addCorrectResponse = data => {
-      const {model, onChange} = this.props;
-      const correctResponse = [...model.correctResponse];
-      correctResponse.push(toSessionFormat(data));
-      onChange({
-        correctResponse
-      });
-    };
-  }
-  __init15() {
-    this.addInitialView = data => {
-      const {onChange, model} = this.props;
-      const graph = {
-        ...model.graph
-      };
-      graph.initialElements = graph.initialElements || [];
-      graph.initialElements.push(toSessionFormat(data));
-      onChange({
-        graph
-      });
-    };
-  }
-  render() {
-    const {classes, model, onChange, configuration} = this.props;
-    const {graph} = model;
-    const {prompt = {}} = configuration || ({});
-    const correctResponse = cloneDeep(model.correctResponse || []).map(toGraphFormat);
-    const initialView = cloneDeep(graph.initialElements || []).map(toGraphFormat);
-    return React$7.createElement('div', {
-      className: classes.root,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 217
-      }
-    }, prompt.settings && React$7.createElement(FormSection, {
-      label: prompt.label,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 220
-      }
-    }, React$7.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.prompt,
-      onChange: prompt => onChange({
-        prompt
-      }),
-      nonEmpty: false,
-      disableUnderline: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 221
-      }
-    })), React$7.createElement(CardBar$1, {
-      header: "Attributes",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 231
-      }
-    }, "Set up the number line by entering the domain and number of tick marks to display. Labels on the number line can be edited or removed by clicking on the label."), React$7.createElement('div', {
-      className: classes.row,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 237
-      }
-    }, React$7.createElement(FormSection, {
-      label: 'Size',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 238
-      }
-    }, React$7.createElement(Size$1, {
-      size: graph,
-      onChange: this.changeSize,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 239
-      }
-    })), React$7.createElement(FormSection, {
-      label: 'Domain',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 242
-      }
-    }, React$7.createElement(Domain, {
-      domain: graph.domain,
-      onChange: domain => this.graphChange({
-        domain
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 243
-      }
-    }))), React$7.createElement('div', {
-      className: classes.row,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 249
-      }
-    }, React$7.createElement(FormSection, {
-      label: 'Ticks',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 250
-      }
-    }, React$7.createElement(Ticks$1, {
-      ticks: graph.ticks,
-      onChange: this.changeTicks,
-      domain: graph.domain,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 251
-      }
-    })), React$7.createElement(FormSection, {
-      label: 'Arrows',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 257
-      }
-    }, React$7.createElement(Arrows$1, {
-      arrows: graph.arrows,
-      onChange: this.changeArrows,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 258
-      }
-    }))), React$7.createElement(FormSection, {
-      label: 'Title',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 261
-      }
-    }, React$7.createElement(EditableHtml, {
-      markup: graph.title || '',
-      onChange: this.changeGraphTitle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 262
-      }
-    })), React$7.createElement(FormSection, {
-      label: 'Limits',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 267
-      }
-    }, React$7.createElement(NumberTextField$1, {
-      className: classes.maxNumberOfPoints,
-      label: "Max No of Elements",
-      min: 1,
-      max: 20,
-      value: graph.maxNumberOfPoints,
-      onChange: this.changeMaxNoOfPoints,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 268
-      }
-    })), React$7.createElement(Button$1, {
-      variant: "outlined",
-      mini: true,
-      color: "primary",
-      onClick: this.setDefaults,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 277
-      }
-    }, "Reset to default values"), React$7.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 285
-      }
-    }), React$7.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 286
-      }
-    }), !graph.exhibitOnly && React$7.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 289
-      }
-    }, React$7.createElement(CardBar$1, {
-      header: "Correct Response",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 290
-      }
-    }, "Select answer type and place it on the number line. Intersecting points, line segments and/or rays will appear above the number line.", ' ', React$7.createElement('i', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 294
-      }
-    }, "Note: A maximum of 20 points, line segments or rays may be plotted.")), React$7.createElement(NumberLineComponent, {
-      onMoveElement: this.moveCorrectResponse,
-      onDeleteElements: this.deleteCorrectResponse,
-      onAddElement: this.addCorrectResponse,
-      answer: correctResponse,
-      model: trimModel(model),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 300
-      }
-    }), React$7.createElement(CardBar$1, {
-      header: "Available Types",
-      mini: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 308
-      }
-    }, "Click on the input options to be displayed to the students. All inputs will display by default."), React$7.createElement('div', {
-      className: classes.pointTypeChooser,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 312
-      }
-    }, React$7.createElement(PointConfig$1, {
-      onSelectionChange: this.availableTypesChange,
-      selection: graph.availableTypes,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 313
-      }
-    }))), React$7.createElement(CardBar$1, {
-      header: "Initial view/Make Exhibit",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 320
-      }
-    }, "Use this number line to set a starting point, line segment or ray. This is optional. ", React$7.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 322
-      }
-    }), "This number line may also be used to make an exhibit number line, which can not be manipulated by a student."), React$7.createElement(NumberLineComponent, {
-      onMoveElement: this.moveInitialView,
-      onDeleteElements: this.deleteInitialView,
-      onAddElement: this.addInitialView,
-      answer: initialView,
-      model: trimModel(model),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 326
-      }
-    }), React$7.createElement(InputCheckbox$1, {
-      label: "Make exhibit",
-      className: classes.checkbox,
-      checked: graph.exhibitOnly,
-      onChange: this.exhibitChanged,
-      value: 'exhibitOnly',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 333
-      }
-    }), !graph.exhibitOnly && React$7.createElement(React$7.Fragment, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 342
-      }
-    }, React$7.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 343
-      }
-    }), React$7.createElement(FeedbackConfig, {
-      feedback: model.feedback,
-      onChange: feedback => onChange({
-        feedback
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$7,
-        lineNumber: 344
-      }
-    })));
-  }
-}
-Main.__initStatic();
-var Main$1 = withStyles$6(styles$6, {
-  name: 'Main'
-})(Main);
-const React$8 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-class NumberLine extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model$1 = {}) => ({
-      ...model,
-      ...model$1
-    });
-  }
-  constructor() {
-    super();
-    NumberLine.prototype.__init.call(this);
-    this._model = NumberLine.createDefaultModel();
-    this._configuration = configuration;
-  }
-  set model(s) {
-    this._model = NumberLine.createDefaultModel(s);
-    this._rerender();
-  }
-  __init() {
-    this.onChange = o => {
-      this._model = {
-        ...this._model,
-        ...o
-      };
-      this.dispatchEvent(new ModelUpdatedEvent(this._model, true));
-      this._rerender();
-    };
-  }
-  _rerender() {
-    let element = React$8.createElement(Main$1, {
-      model: this._model,
-      configuration: this._configuration,
-      onChange: this.onChange
-    });
-    ReactDOM.render(element, this);
-  }
-}
-NumberLine.__initStatic();
-export default NumberLine;