@pie-element/graphing 3.5.3 → 3.5.4-next.1016

package/module/configure.js

@@ -1,1260 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core_styles, _dll_material_ui__core, _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 {_dll_pie_lib__graphing} from "../../../@pie-ui/shared-graphing@^4.5.18/module/index.js";
-function createCommonjsModule(fn, module) {
-  return (module = {
-    exports: {}
-  }, fn(module, module.exports), module.exports);
-}
-var s = 1000;
-var m = s * 60;
-var h = m * 60;
-var d = h * 24;
-var w = d * 7;
-var y = d * 365.25;
-var ms = function (val, options) {
-  options = options || ({});
-  var type = typeof val;
-  if (type === 'string' && val.length > 0) {
-    return parse(val);
-  } else if (type === 'number' && isFinite(val)) {
-    return options.long ? fmtLong(val) : fmtShort(val);
-  }
-  throw new Error('val is not a non-empty string or a valid number. val=' + JSON.stringify(val));
-};
-function parse(str) {
-  str = String(str);
-  if (str.length > 100) {
-    return;
-  }
-  var match = (/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i).exec(str);
-  if (!match) {
-    return;
-  }
-  var n = parseFloat(match[1]);
-  var type = (match[2] || 'ms').toLowerCase();
-  switch (type) {
-    case 'years':
-    case 'year':
-    case 'yrs':
-    case 'yr':
-    case 'y':
-      return n * y;
-    case 'weeks':
-    case 'week':
-    case 'w':
-      return n * w;
-    case 'days':
-    case 'day':
-    case 'd':
-      return n * d;
-    case 'hours':
-    case 'hour':
-    case 'hrs':
-    case 'hr':
-    case 'h':
-      return n * h;
-    case 'minutes':
-    case 'minute':
-    case 'mins':
-    case 'min':
-    case 'm':
-      return n * m;
-    case 'seconds':
-    case 'second':
-    case 'secs':
-    case 'sec':
-    case 's':
-      return n * s;
-    case 'milliseconds':
-    case 'millisecond':
-    case 'msecs':
-    case 'msec':
-    case 'ms':
-      return n;
-    default:
-      return undefined;
-  }
-}
-function fmtShort(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return Math.round(ms / d) + 'd';
-  }
-  if (msAbs >= h) {
-    return Math.round(ms / h) + 'h';
-  }
-  if (msAbs >= m) {
-    return Math.round(ms / m) + 'm';
-  }
-  if (msAbs >= s) {
-    return Math.round(ms / s) + 's';
-  }
-  return ms + 'ms';
-}
-function fmtLong(ms) {
-  var msAbs = Math.abs(ms);
-  if (msAbs >= d) {
-    return plural(ms, msAbs, d, 'day');
-  }
-  if (msAbs >= h) {
-    return plural(ms, msAbs, h, 'hour');
-  }
-  if (msAbs >= m) {
-    return plural(ms, msAbs, m, 'minute');
-  }
-  if (msAbs >= s) {
-    return plural(ms, msAbs, s, 'second');
-  }
-  return ms + ' ms';
-}
-function plural(ms, msAbs, n, name) {
-  var isPlural = msAbs >= n * 1.5;
-  return Math.round(ms / n) + ' ' + name + (isPlural ? 's' : '');
-}
-function setup(env) {
-  createDebug.debug = createDebug;
-  createDebug.default = createDebug;
-  createDebug.coerce = coerce;
-  createDebug.disable = disable;
-  createDebug.enable = enable;
-  createDebug.enabled = enabled;
-  createDebug.humanize = ms;
-  createDebug.destroy = destroy;
-  Object.keys(env).forEach(key => {
-    createDebug[key] = env[key];
-  });
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    let hash = 0;
-    for (let i = 0; i < namespace.length; i++) {
-      hash = (hash << 5) - hash + namespace.charCodeAt(i);
-      hash |= 0;
-    }
-    return createDebug.colors[Math.abs(hash) % createDebug.colors.length];
-  }
-  createDebug.selectColor = selectColor;
-  function createDebug(namespace) {
-    let prevTime;
-    let enableOverride = null;
-    function debug(...args) {
-      if (!debug.enabled) {
-        return;
-      }
-      const self = debug;
-      const curr = Number(new Date());
-      const ms = curr - (prevTime || curr);
-      self.diff = ms;
-      self.prev = prevTime;
-      self.curr = curr;
-      prevTime = curr;
-      args[0] = createDebug.coerce(args[0]);
-      if (typeof args[0] !== 'string') {
-        args.unshift('%O');
-      }
-      let index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, (match, format) => {
-        if (match === '%%') {
-          return '%';
-        }
-        index++;
-        const formatter = createDebug.formatters[format];
-        if (typeof formatter === 'function') {
-          const val = args[index];
-          match = formatter.call(self, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self, args);
-      const logFn = self.log || createDebug.log;
-      logFn.apply(self, args);
-    }
-    debug.namespace = namespace;
-    debug.useColors = createDebug.useColors();
-    debug.color = createDebug.selectColor(namespace);
-    debug.extend = extend;
-    debug.destroy = createDebug.destroy;
-    Object.defineProperty(debug, 'enabled', {
-      enumerable: true,
-      configurable: false,
-      get: () => enableOverride === null ? createDebug.enabled(namespace) : enableOverride,
-      set: v => {
-        enableOverride = v;
-      }
-    });
-    if (typeof createDebug.init === 'function') {
-      createDebug.init(debug);
-    }
-    return debug;
-  }
-  function extend(namespace, delimiter) {
-    const newDebug = createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
-    newDebug.log = this.log;
-    return newDebug;
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.names = [];
-    createDebug.skips = [];
-    let i;
-    const split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
-    const len = split.length;
-    for (i = 0; i < len; i++) {
-      if (!split[i]) {
-        continue;
-      }
-      namespaces = split[i].replace(/\*/g, '.*?');
-      if (namespaces[0] === '-') {
-        createDebug.skips.push(new RegExp('^' + namespaces.substr(1) + '$'));
-      } else {
-        createDebug.names.push(new RegExp('^' + namespaces + '$'));
-      }
-    }
-  }
-  function disable() {
-    const namespaces = [...createDebug.names.map(toNamespace), ...createDebug.skips.map(toNamespace).map(namespace => '-' + namespace)].join(',');
-    createDebug.enable('');
-    return namespaces;
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === '*') {
-      return true;
-    }
-    let i;
-    let len;
-    for ((i = 0, len = createDebug.skips.length); i < len; i++) {
-      if (createDebug.skips[i].test(name)) {
-        return false;
-      }
-    }
-    for ((i = 0, len = createDebug.names.length); i < len; i++) {
-      if (createDebug.names[i].test(name)) {
-        return true;
-      }
-    }
-    return false;
-  }
-  function toNamespace(regexp) {
-    return regexp.toString().substring(2, regexp.toString().length - 2).replace(/\.\*\?$/, '*');
-  }
-  function coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  function destroy() {
-    console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common = setup;
-var browser = createCommonjsModule(function (module, exports) {
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  exports.destroy = (() => {
-    let warned = false;
-    return () => {
-      if (!warned) {
-        warned = true;
-        console.warn('Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.');
-      }
-    };
-  })();
-  exports.colors = ['#0000CC', '#0000FF', '#0033CC', '#0033FF', '#0066CC', '#0066FF', '#0099CC', '#0099FF', '#00CC00', '#00CC33', '#00CC66', '#00CC99', '#00CCCC', '#00CCFF', '#3300CC', '#3300FF', '#3333CC', '#3333FF', '#3366CC', '#3366FF', '#3399CC', '#3399FF', '#33CC00', '#33CC33', '#33CC66', '#33CC99', '#33CCCC', '#33CCFF', '#6600CC', '#6600FF', '#6633CC', '#6633FF', '#66CC00', '#66CC33', '#9900CC', '#9900FF', '#9933CC', '#9933FF', '#99CC00', '#99CC33', '#CC0000', '#CC0033', '#CC0066', '#CC0099', '#CC00CC', '#CC00FF', '#CC3300', '#CC3333', '#CC3366', '#CC3399', '#CC33CC', '#CC33FF', '#CC6600', '#CC6633', '#CC9900', '#CC9933', '#CCCC00', '#CCCC33', '#FF0000', '#FF0033', '#FF0066', '#FF0099', '#FF00CC', '#FF00FF', '#FF3300', '#FF3333', '#FF3366', '#FF3399', '#FF33CC', '#FF33FF', '#FF6600', '#FF6633', '#FF9900', '#FF9933', '#FFCC00', '#FFCC33'];
-  function useColors() {
-    if (typeof window !== 'undefined' && window.process && (window.process.type === 'renderer' || window.process.__nwjs)) {
-      return true;
-    }
-    if (typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)) {
-      return false;
-    }
-    return typeof document !== 'undefined' && document.documentElement && document.documentElement.style && document.documentElement.style.WebkitAppearance || typeof window !== 'undefined' && window.console && (window.console.firebug || window.console.exception && window.console.table) || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/) && parseInt(RegExp.$1, 10) >= 31 || typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/);
-  }
-  function formatArgs(args) {
-    args[0] = (this.useColors ? '%c' : '') + this.namespace + (this.useColors ? ' %c' : ' ') + args[0] + (this.useColors ? '%c ' : ' ') + '+' + module.exports.humanize(this.diff);
-    if (!this.useColors) {
-      return;
-    }
-    const c = 'color: ' + this.color;
-    args.splice(1, 0, c, 'color: inherit');
-    let index = 0;
-    let lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, match => {
-      if (match === '%%') {
-        return;
-      }
-      index++;
-      if (match === '%c') {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c);
-  }
-  exports.log = console.debug || console.log || (() => {});
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem('debug', namespaces);
-      } else {
-        exports.storage.removeItem('debug');
-      }
-    } catch (error) {}
-  }
-  function load() {
-    let r;
-    try {
-      r = exports.storage.getItem('debug');
-    } catch (error) {}
-    if (!r && typeof process !== 'undefined' && ('env' in process)) {
-      r = process.env.DEBUG;
-    }
-    return r;
-  }
-  function localstorage() {
-    try {
-      return localStorage;
-    } catch (error) {}
-  }
-  module.exports = common(exports);
-  const {formatters} = module.exports;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.destroy;
-browser.colors;
-browser.log;
-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 React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {TextField: TextField} = _dll_material_ui__core;
-const {Typography: Typography} = _dll_material_ui__core;
-const {get: get} = _dll_lodash;
-const {set: set} = _dll_lodash;
-const {NumberTextField: NumberTextField} = _dll_pie_lib__config_ui;
-const {GraphContainer: GraphContainer} = _dll_pie_lib__graphing;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/graphing/configure/src/graphing-config.jsx";
-const AuthoringColumn = ({columnKey, axis, classes, model}) => {
-  const rows = [{
-    key: '${columnKey}-min-max',
-    inputs: [{
-      key: `${columnKey}.min`,
-      label: 'Min value',
-      className: classes.smallInput
-    }, {
-      key: `${columnKey}.max`,
-      label: 'Max value',
-      className: classes.smallInput
-    }]
-  }, {
-    key: `${columnKey}-tick-frequency`,
-    inputs: [{
-      key: `${columnKey}.step`,
-      label: 'Tick frequency'
-    }]
-  }, {
-    key: `${columnKey}-tick-label-frequency`,
-    inputs: [{
-      key: `${columnKey}.labelStep`,
-      label: 'Tick label frequency'
-    }]
-  }, {
-    key: `${columnKey}-axis-label`,
-    inputs: [{
-      type: 'text',
-      key: `${axis}-axis-label-input`,
-      label: `${axis} Axis Label`
-    }]
-  }];
-  return React.createElement('div', {
-    className: classes.column,
-    key: columnKey,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 58
-    }
-  }, `${columnKey.toUpperCase()} (${axis.toUpperCase()})`, rows.map(row => React.createElement('div', {
-    className: classes.row,
-    key: row.key,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 62
-    }
-  }, row.inputs.map(input => {
-    if (input.type === 'text') {
-      return React.createElement(TextField, {
-        className: classes.input,
-        label: input.label.toUpperCase(),
-        value: model[`${axis}AxisLabel`],
-        onChange: ({target}) => undefined.onChangeInputValue(`${axis}AxisLabel`, target.value),
-        __self: undefined,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 66
-        }
-      });
-    }
-    return React.createElement(TextField, {
-      type: "number",
-      key: input.key,
-      label: input.label.toUpperCase(),
-      onChange: (event, value) => undefined.onChangeInputValue(input.key, value),
-      value: get(model, input.key),
-      className: input.className || classes.input,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 76
-      }
-    });
-  }))));
-};
-AuthoringColumn.propTypes = {
-  axis: PropTypes.String,
-  classes: PropTypes.object,
-  columnKey: PropTypes.String,
-  model: PropTypes.object
-};
-const styles = theme => ({
-  container: {
-    marginTop: theme.spacing.unit * 3,
-    marginBottom: theme.spacing.unit * 3,
-    display: 'flex',
-    flex: 1
-  },
-  column: {
-    flex: 1
-  },
-  row: {
-    marginTop: theme.spacing.unit * 2,
-    flex: 1
-  },
-  settings: {
-    display: 'flex',
-    flexDirection: 'row'
-  },
-  input: {
-    width: 'calc(100% -  32px)'
-  },
-  smallInput: {
-    width: 'calc(50% -  32px)'
-  }
-});
-class GraphingConfig extends React.Component {
-  constructor(...args) {
-    super(...args);
-    GraphingConfig.prototype.__init.call(this);
-    GraphingConfig.prototype.__init2.call(this);
-    GraphingConfig.prototype.__init3.call(this);
-    GraphingConfig.prototype.__init4.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object.isRequired,
-      model: PropTypes.object.isRequired,
-      onChange: PropTypes.func.isRequired,
-      authoringEnabled: PropTypes.bool
-    };
-  }
-  __init() {
-    this.onChangeInputValue = (key, value) => {
-      const {model} = this.props;
-      set(model, key, value);
-      this.props.onChange(model);
-    };
-  }
-  __init2() {
-    this.renderInput = (key, label, className) => {
-      const {classes, model} = this.props;
-      return React.createElement(NumberTextField, {
-        key: key,
-        label: label.toUpperCase(),
-        onChange: (event, value) => this.onChangeInputValue(key, value),
-        value: get(model, key),
-        className: className || classes.input,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 158
-        }
-      });
-    };
-  }
-  __init3() {
-    this.renderRow = (key, content) => {
-      const {classes} = this.props;
-      return React.createElement('div', {
-        className: classes.row,
-        key: key,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 158
-        }
-      }, content);
-    };
-  }
-  __init4() {
-    this.changeBackgroundMarks = backgroundMarks => {
-      const model = {
-        ...this.props.model,
-        backgroundMarks
-      };
-      this.props.onChange(model);
-    };
-  }
-  render() {
-    const {classes, model, authoringEnabled} = this.props;
-    let {graph} = model || ({});
-    const {arrows, backgroundMarks, domain, labels, range, title, toolbarTools} = model || ({});
-    graph = graph || ({});
-    return React.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 176
-      }
-    }, "Define Graph Attributes", React.createElement('div', {
-      className: classes.container,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 179
-      }
-    }, authoringEnabled && React.createElement('div', {
-      className: classnames(classes.column, classes.settings),
-      key: "settings",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 182
-      }
-    }, React.createElement(AuthoringColumn, {
-      columnKey: "domain",
-      axis: "x",
-      classes: classes,
-      model: model,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 183
-      }
-    }), React.createElement(AuthoringColumn, {
-      columnKey: "range",
-      axis: "y",
-      classes: classes,
-      model: model,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 184
-      }
-    })), React.createElement('div', {
-      className: classes.column,
-      key: "graph",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 189
-      }
-    }, React.createElement(Typography, {
-      component: "div",
-      type: "body1",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 190
-      }
-    }, React.createElement('span', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 191
-      }
-    }, "Use the tools below to set background shapes")), React.createElement(GraphContainer, {
-      axesSettings: {
-        includeArrows: arrows
-      },
-      backgroundMarks: [],
-      domain: domain,
-      key: "graphing-config",
-      labels: labels,
-      marks: backgroundMarks,
-      onChangeMarks: this.changeBackgroundMarks,
-      range: range,
-      size: {
-        width: graph.width,
-        height: graph.height
-      },
-      title: title,
-      toolbarTools: toolbarTools,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 194
-      }
-    }))));
-  }
-}
-GraphingConfig.__initStatic();
-var GraphingConfig$1 = withStyles(styles)(GraphingConfig);
-const React$1 = _dll_react;
-const PropTypes$1 = _dll_prop_types;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {set: set$1} = _dll_lodash;
-const {GraphContainer: Graph} = _dll_pie_lib__graphing;
-const {tools: tools} = _dll_pie_lib__graphing;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/packages/graphing/configure/src/correct-response.jsx";
-const {allTools} = tools;
-const styles$1 = theme => ({
-  column: {
-    flex: 1
-  },
-  graphingTools: {
-    marginTop: theme.spacing.unit * 3,
-    color: '#ababab'
-  },
-  availableTools: {
-    marginTop: theme.spacing.unit * 3,
-    marginBottom: theme.spacing.unit * 3,
-    display: 'flex'
-  },
-  availableTool: {
-    cursor: 'pointer',
-    margin: theme.spacing.unit,
-    padding: theme.spacing.unit,
-    textTransform: 'capitalize'
-  },
-  selectedTool: {
-    background: '#d8d8d8',
-    border: '2px solid #ababab'
-  },
-  container: {
-    border: '2px solid #ababab',
-    borderRadius: '4px',
-    padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 4}px`,
-    background: '#fafafa'
-  },
-  button: {
-    marginTop: theme.spacing.unit * 3,
-    cursor: 'pointer',
-    background: '#eee',
-    padding: theme.spacing.unit * 2,
-    width: 'fit-content',
-    borderRadius: '4px'
-  }
-});
-const Tools = ({classes, toolbarTools, toggleToolBarTool}) => {
-  const allToolsNoLabel = (allTools || []).filter(tool => tool !== 'label');
-  return React$1.createElement('div', {
-    className: classes.graphingTools,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 55
-    }
-  }, "GRAPHING TOOLS", React$1.createElement('div', {
-    className: classes.availableTools,
-    __self: undefined,
-    __source: {
-      fileName: _jsxFileName$1,
-      lineNumber: 58
-    }
-  }, [...allToolsNoLabel, 'label'].map(tool => {
-    const selected = toolbarTools.find(t => t === tool);
-    return React$1.createElement('div', {
-      key: tool,
-      className: classnames(classes.availableTool, selected && classes.selectedTool),
-      onClick: () => toggleToolBarTool(tool),
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 63
-      }
-    }, tool.toUpperCase());
-  })));
-};
-Tools.propTypes = {
-  classes: PropTypes$1.object.isRequired,
-  toolbarTools: PropTypes$1.arrayOf(PropTypes$1.string),
-  toggleToolBarTool: PropTypes$1.func
-};
-class CorrectResponse extends React$1.Component {
-  constructor(...args) {
-    super(...args);
-    CorrectResponse.prototype.__init.call(this);
-    CorrectResponse.prototype.__init2.call(this);
-    CorrectResponse.prototype.__init3.call(this);
-    CorrectResponse.prototype.__init4.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$1.object.isRequired,
-      model: PropTypes$1.object.isRequired,
-      onChange: PropTypes$1.func.isRequired,
-      toolbarTools: PropTypes$1.arrayOf(PropTypes$1.String)
-    };
-  }
-  __init() {
-    this.changeMarks = (key, marks) => {
-      const {model, onChange} = this.props;
-      set$1(model, `answers.${key}.marks`, marks);
-      onChange(model);
-    };
-  }
-  __init2() {
-    this.changeToolbarTools = toolbarTools => {
-      const {model, onChange} = this.props;
-      model.toolbarTools = toolbarTools;
-      onChange(model);
-    };
-  }
-  __init3() {
-    this.toggleToolBarTool = tool => {
-      const {toolbarTools} = this.props.model;
-      const index = toolbarTools.findIndex(t => tool === t);
-      if (index >= 0) {
-        const update = [...toolbarTools];
-        update.splice(index, 1);
-        this.changeToolbarTools(update);
-      } else {
-        this.changeToolbarTools([...toolbarTools, tool]);
-      }
-    };
-  }
-  __init4() {
-    this.addAlternateResponse = () => {
-      const {model, onChange} = this.props;
-      const {answers} = model || ({});
-      const answersKeys = Object.keys(answers || ({}));
-      set$1(model, `answers.${`alternate${answersKeys.length}`}`, {
-        name: `Alternate ${answersKeys.length}`,
-        marks: []
-      });
-      onChange(model);
-    };
-  }
-  render() {
-    const {classes, model} = this.props;
-    let {graph} = model || ({});
-    const {answers, arrows, backgroundMarks, domain, labels, range, title, toolbarTools} = model || ({});
-    graph = graph || ({});
-    const answersKeys = Object.keys(answers || ({}));
-    return React$1.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 144
-      }
-    }, "Define Correct Response", React$1.createElement(Tools, {
-      classes: classes,
-      toggleToolBarTool: this.toggleToolBarTool,
-      toolbarTools: toolbarTools,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 146
-      }
-    }), React$1.createElement('div', {
-      className: classes.container,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 152
-      }
-    }, answersKeys.map(mark => {
-      const {marks, name} = answers[mark] || ({});
-      return React$1.createElement('div', {
-        key: `correct-response-graph-${name}`,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$1,
-          lineNumber: 157
-        }
-      }, React$1.createElement('p', {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$1,
-          lineNumber: 158
-        }
-      }, name), React$1.createElement(Graph, {
-        axesSettings: {
-          includeArrows: arrows
-        },
-        backgroundMarks: backgroundMarks,
-        domain: domain,
-        labels: labels,
-        marks: marks,
-        onChangeMarks: newMarks => this.changeMarks(mark, newMarks),
-        range: range,
-        size: {
-          width: graph.width,
-          height: graph.height
-        },
-        title: title,
-        toolbarTools: toolbarTools,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$1,
-          lineNumber: 160
-        }
-      }));
-    }), React$1.createElement('div', {
-      className: classes.button,
-      onClick: this.addAlternateResponse,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 176
-      }
-    }, "ADD ALTERNATE")));
-  }
-}
-CorrectResponse.__initStatic();
-var CorrectResponse$1 = withStyles$1(styles$1)(CorrectResponse);
-const React$2 = _dll_react;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const PropTypes$2 = _dll_prop_types;
-const {Typography: Typography$1} = _dll_material_ui__core;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
-const EditableHtml = _dll_pie_lib__editable_html;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/packages/graphing/configure/src/configure.jsx";
-const {Panel, toggle, radio} = settings;
-const log = browser('@pie-element:graphing:configure');
-const styles$2 = theme => ({
-  title: {
-    fontSize: '1.1rem',
-    display: 'block',
-    marginTop: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit
-  },
-  content: {
-    marginTop: theme.spacing.unit * 2
-  },
-  promptHolder: {
-    width: '100%',
-    paddingBottom: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2,
-    marginTop: theme.spacing.unit * 2
-  },
-  prompt: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%'
-  }
-});
-class Configure extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    Configure.prototype.__init.call(this);
-    Configure.prototype.__init2.call(this);
-    Configure.prototype.__init3.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      onModelChanged: PropTypes$2.func,
-      onConfigurationChanged: PropTypes$2.func,
-      classes: PropTypes$2.object,
-      imageSupport: PropTypes$2.object,
-      model: PropTypes$2.object.isRequired,
-      configuration: PropTypes$2.object.isRequired
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      classes: {}
-    };
-  }
-  __init() {
-    this.onRationaleChange = rationale => {
-      const {onModelChanged, model} = this.props;
-      onModelChanged({
-        ...model,
-        rationale
-      });
-    };
-  }
-  __init2() {
-    this.onPromptChange = prompt => {
-      const {onModelChanged, model} = this.props;
-      onModelChanged({
-        ...model,
-        prompt
-      });
-    };
-  }
-  __init3() {
-    this.onTeacherInstructionsChange = teacherInstructions => {
-      const {onModelChanged, model} = this.props;
-      onModelChanged({
-        ...model,
-        teacherInstructions
-      });
-    };
-  }
-  render() {
-    const {classes, model, configuration, onConfigurationChanged, onModelChanged, imageSupport} = this.props;
-    const config = model.graph;
-    const {arrows = {}, title = {}, padding = {}, labels = {}, rationale = {}, scoringType = {}, studentInstructions = {}, teacherInstructions = {}, prompt = {}, authoring = {}} = configuration || ({});
-    log('[render] model', model);
-    const {teacherInstructionsEnabled, promptEnabled, rationaleEnabled} = model || ({});
-    return React$2.createElement(layout.ConfigLayout, {
-      settings: React$2.createElement(Panel, {
-        model: model,
-        configuration: configuration,
-        onChangeModel: onModelChanged,
-        onChangeConfiguration: onConfigurationChanged,
-        groups: {
-          'Item Type': {
-            arrows: arrows.settings && toggle(arrows.label),
-            'title.enabled': title.settings && toggle(title.label, true),
-            padding: padding.settings && toggle(padding.label),
-            labels: labels.settings && toggle(labels.label)
-          },
-          Properties: {
-            'authoring.enabled': authoring.settings && toggle(authoring.label, true),
-            teacherInstructionsEnabled: teacherInstructions.settings && toggle(teacherInstructions.label),
-            studentInstructionsEnabled: studentInstructions.settings && toggle(studentInstructions.label),
-            promptEnabled: prompt.settings && toggle(prompt.label),
-            rationaleEnabled: rationale.settings && toggle(rationale.label),
-            scoringType: scoringType.settings && radio(scoringType.label, ['dichotomous', 'partial scoring'])
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 97
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 95
-      }
-    }, React$2.createElement('div', {
-      className: classes.content,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 128
-      }
-    }, React$2.createElement(Typography$1, {
-      component: "div",
-      type: "body1",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 129
-      }
-    }, React$2.createElement('span', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 130
-      }
-    }, "This interaction asks a student to draw a line that meets specific criteria. The student will draw the line by clicking on two points on the graph.")), teacherInstructionsEnabled && React$2.createElement(InputContainer, {
-      label: teacherInstructions.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 138
-      }
-    }, React$2.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.teacherInstructions || '',
-      onChange: this.onTeacherInstructionsChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 142
-      }
-    })), promptEnabled && React$2.createElement(InputContainer, {
-      label: prompt.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 153
-      }
-    }, React$2.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.prompt,
-      onChange: this.onPromptChange,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      disableUnderline: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 157
-      }
-    })), rationaleEnabled && React$2.createElement(InputContainer, {
-      label: rationale.label || 'Rationale',
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 169
-      }
-    }, React$2.createElement(EditableHtml, {
-      className: classes.prompt,
-      markup: model.rationale || '',
-      onChange: this.onRationaleChange,
-      imageSupport: imageSupport,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 173
-      }
-    })), React$2.createElement(GraphingConfig$1, {
-      authoringEnabled: authoring && authoring.enabled,
-      config: config,
-      model: model,
-      onChange: this.props.onModelChanged,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 182
-      }
-    }), React$2.createElement(CorrectResponse$1, {
-      config: config,
-      model: model,
-      onChange: this.props.onModelChanged,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 189
-      }
-    })));
-  }
-}
-Configure.__initStatic();
-Configure.__initStatic2();
-var Configure$1 = withStyles$2(styles$2)(Configure);
-const {tools: tools$1} = _dll_pie_lib__graphing;
-const {allTools: allTools$1 = []} = tools$1;
-var defaultValues = {
-  model: {
-    answers: {},
-    arrows: true,
-    backgroundMarks: [],
-    domain: {
-      min: -5,
-      max: 5,
-      step: 1,
-      labelStep: 1,
-      axisLabel: 'x'
-    },
-    graph: {
-      width: 500,
-      height: 500
-    },
-    labels: {},
-    padding: true,
-    prompt: '',
-    range: {
-      min: -5,
-      max: 5,
-      step: 1,
-      labelStep: 1,
-      axisLabel: 'y'
-    },
-    rationale: '',
-    title: '',
-    toolbarTools: allTools$1,
-    promptEnabled: true,
-    rationaleEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true
-  },
-  configuration: {
-    authoring: {
-      settings: false,
-      label: 'Allow authoring',
-      enabled: false
-    },
-    arrows: {
-      settings: false,
-      label: 'Include arrows'
-    },
-    padding: {
-      settings: false,
-      label: 'Padding'
-    },
-    labels: {
-      settings: false,
-      label: 'Labels',
-      enabled: true
-    },
-    prompt: {
-      settings: true,
-      label: 'Item Stem'
-    },
-    rationale: {
-      settings: true,
-      label: 'Rationale'
-    },
-    scoringType: {
-      settings: false,
-      label: 'Scoring Type'
-    },
-    studentInstructions: {
-      settings: false,
-      label: 'Student Instructions'
-    },
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    },
-    title: {
-      settings: false,
-      label: 'Graph Title',
-      enabled: true
-    }
-  }
-};
-const React$3 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {isEmpty: isEmpty} = _dll_lodash;
-const {DeleteImageEvent: DeleteImageEvent} = _dll_pie_framework__pie_configure_events;
-const {InsertImageEvent: InsertImageEvent} = _dll_pie_framework__pie_configure_events;
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const log$1 = browser('pie-elements:graphing:configure');
-const sortedAnswers = answers => {
-  answers = answers || ({});
-  return Object.keys(answers).sort().reduce((result, key) => {
-    result[key] = answers[key];
-    return result;
-  }, {});
-};
-class GraphLinesConfigure extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model = {}) => {
-      if (!isEmpty(model.answers) && model.answers.hasOwnProperty('correctAnswer')) {
-        model.answers = Object.assign({
-          correctAnswer: model.answers.correctAnswer
-        }, sortedAnswers(model.answers));
-      }
-      return {
-        ...defaultValues.model,
-        ...model
-      };
-    };
-  }
-  constructor() {
-    super();
-    GraphLinesConfigure.prototype.__init.call(this);
-    GraphLinesConfigure.prototype.__init2.call(this);
-    GraphLinesConfigure.prototype.__init3.call(this);
-    GraphLinesConfigure.prototype.__init4.call(this);
-    this._model = GraphLinesConfigure.createDefaultModel();
-    this._configuration = defaultValues.configuration;
-  }
-  set model(m) {
-    this._model = GraphLinesConfigure.createDefaultModel(m);
-    this._render();
-  }
-  set configuration(c) {
-    this._configuration = c;
-    this._render();
-  }
-  __init() {
-    this.onModelChanged = model => {
-      this._model = model;
-      this._render();
-      log$1('[onModelChanged]: ', this._model);
-      this.dispatchEvent(new ModelUpdatedEvent(this._model, true));
-    };
-  }
-  __init2() {
-    this.onConfigurationChanged = config => {
-      this._configuration = config;
-      this._render();
-    };
-  }
-  __init3() {
-    this.insertImage = handler => {
-      this.dispatchEvent(new InsertImageEvent(handler));
-    };
-  }
-  __init4() {
-    this.onDeleteImage = (src, done) => {
-      this.dispatchEvent(new DeleteImageEvent(src, done));
-    };
-  }
-  _render() {
-    if (this._model) {
-      const el = React$3.createElement(Configure$1, {
-        onModelChanged: this.onModelChanged,
-        onConfigurationChanged: this.onConfigurationChanged,
-        model: this._model,
-        configuration: this._configuration,
-        imageSupport: {
-          add: this.insertImage,
-          delete: this.onDeleteImage
-        }
-      });
-      ReactDOM.render(el, this);
-    }
-  }
-}
-GraphLinesConfigure.__initStatic();
-export default GraphLinesConfigure;