@pie-element/match-list 1.12.3 → 1.12.4-next.1016

package/module/element.js

@@ -1,1325 +0,0 @@
-import {_dll_react, _dll_material_ui__core, _dll_prop_types, _dll_material_ui__core_styles, _dll_react_dnd, _dll_pie_lib__drag, _dll_lodash, _dll_pie_lib__render_ui, _dll_pie_lib__correct_answer_toggle, _dll_react_dom, _dll_pie_framework__pie_player_events, _dll_pie_lib__math_rendering} from "../../../@pie-ui/shared-lib@^4.3.3/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 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;
-    }
-  })();
-});
-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 ArrowDropDown = 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", {
-    d: "M7 10l5 5 5-5z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'ArrowDropDown');
-  exports.default = _default;
-});
-var ArrowHead = unwrapExports(ArrowDropDown);
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/match-list/src/arrow.js";
-class Arrow extends React.Component {
-  static __initStatic() {
-    this.propTypes = {
-      direction: PropTypes.string,
-      classes: PropTypes.object.isRequired
-    };
-  }
-  render() {
-    const {direction, classes} = this.props;
-    const extraStyle = direction === 'left' ? {} : {
-      transform: 'rotate(180deg)'
-    };
-    return React.createElement('div', {
-      className: classes.arrow,
-      style: extraStyle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 23
-      }
-    }, React.createElement(ArrowHead, {
-      style: {
-        transform: 'rotate(90deg)',
-        color: '#979797',
-        fontSize: 40
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 27
-      }
-    }), React.createElement('span', {
-      className: classnames(classes.line, {
-        [classes.right]: direction !== 'left'
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 34
-      }
-    }));
-  }
-}
-Arrow.__initStatic();
-const styledArrow = withStyles({
-  arrow: {
-    display: 'inline-block',
-    position: 'relative',
-    width: '100%'
-  },
-  line: {
-    backgroundColor: '#979797',
-    bottom: 19,
-    content: '""',
-    display: 'block',
-    height: 1,
-    left: 20,
-    position: 'absolute',
-    width: '100%'
-  },
-  right: {
-    bottom: 20
-  }
-})(Arrow);
-const {DragSource: DragSource} = _dll_react_dnd;
-const {DropTarget: DropTarget} = _dll_react_dnd;
-const PropTypes$1 = _dll_prop_types;
-const React$1 = _dll_react;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const {PlaceHolder: PlaceHolder} = _dll_pie_lib__drag;
-const {isEmpty: isEmpty} = _dll_lodash;
-const {color: color} = _dll_pie_lib__render_ui;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/match-list/src/answer.js";
-const log = browser('pie-elements:match-title:answer');
-const Holder = withStyles$1(() => ({
-  number: {
-    width: '100%',
-    fontSize: '18px',
-    textAlign: 'center',
-    color: 'rgba(0,0,0,0.6)'
-  },
-  placeholder: {
-    display: 'flex',
-    padding: '0',
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: '40px'
-  }
-}))(({classes, index, isOver, disabled}) => React$1.createElement(PlaceHolder, {
-  className: classes.placeholder,
-  disabled: disabled,
-  isOver: isOver,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$1,
-    lineNumber: 29
-  }
-}, index !== undefined && React$1.createElement('div', {
-  className: classes.number,
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$1,
-    lineNumber: 34
-  }
-}, index)));
-Holder.propTypes = {
-  index: PropTypes$1.number,
-  isOver: PropTypes$1.bool,
-  disabled: PropTypes$1.bool
-};
-const AnswerContent = withStyles$1({
-  over: {
-    opacity: 0.2
-  },
-  answerContent: {
-    color: color.text(),
-    backgroundColor: color.background(),
-    border: '1px solid #c2c2c2',
-    cursor: 'pointer',
-    width: '100%',
-    padding: '10px',
-    boxSizing: 'border-box',
-    overflow: 'hidden',
-    transition: 'opacity 200ms linear',
-    wordBreak: 'break-word'
-  },
-  dragging: {
-    opacity: 0.5
-  },
-  disabled: {
-    backgroundColor: color.background(),
-    opacity: 0.6,
-    cursor: 'not-allowed'
-  },
-  incorrect: {
-    border: `1px solid ${color.incorrect()}`
-  },
-  correct: {
-    border: `1px solid ${color.correct()}`
-  }
-})(props => {
-  const {classes, isDragging, isOver, title, disabled, empty, outcome, guideIndex, type} = props;
-  if (empty) {
-    return React$1.createElement(Holder, {
-      index: guideIndex,
-      isOver: isOver,
-      disabled: disabled,
-      type: type,
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 89
-      }
-    });
-  } else {
-    const names = classnames(classes.answerContent, isDragging && !disabled && classes.dragging, isOver && !disabled && classes.over, disabled && classes.disabled, outcome && classes[outcome]);
-    return React$1.createElement('div', {
-      className: names,
-      dangerouslySetInnerHTML: {
-        __html: title
-      },
-      __self: undefined,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 106
-      }
-    });
-  }
-});
-class Answer extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      className: PropTypes$1.string,
-      connectDragSource: PropTypes$1.func,
-      connectDropTarget: PropTypes$1.func,
-      isDragging: PropTypes$1.bool.isRequired,
-      id: PropTypes$1.any,
-      title: PropTypes$1.string,
-      isOver: PropTypes$1.bool,
-      classes: PropTypes$1.object.isRequired,
-      empty: PropTypes$1.bool,
-      type: PropTypes$1.string,
-      disabled: PropTypes$1.bool,
-      correct: PropTypes$1.bool
-    };
-  }
-  render() {
-    const {id, title, isDragging, className, connectDragSource, connectDropTarget, disabled, classes, isOver, type, correct} = this.props;
-    log('[render], props: ', this.props);
-    const name = classnames(className, classes.answer, {
-      [classes.correct]: correct === true,
-      [classes.incorrect]: correct === false
-    });
-    const content = React$1.createElement('div', {
-      className: name,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 150
-      }
-    }, React$1.createElement(AnswerContent, {
-      title: title,
-      id: id,
-      isOver: isOver,
-      empty: isEmpty(title),
-      isDragging: isDragging,
-      disabled: disabled,
-      type: type,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 151
-      }
-    }));
-    const droppable = connectDropTarget ? connectDropTarget(content) : content;
-    return connectDragSource ? connectDragSource(droppable) : droppable;
-  }
-}
-Answer.__initStatic();
-const StyledAnswer = withStyles$1({
-  answer: {
-    boxSizing: 'border-box',
-    minHeight: 40,
-    minWidth: '100px',
-    overflow: 'hidden',
-    margin: '10px 0',
-    padding: '0px',
-    textAlign: 'center'
-  },
-  incorrect: {
-    border: `1px solid var(--feedback-incorrect-bg-color, ${color.incorrect()})`
-  },
-  correct: {
-    border: `1px solid var(--feedback-correct-bg-color, ${color.correct()})`
-  }
-})(Answer);
-const answerTarget = {
-  drop(props, monitor) {
-    const draggedItem = monitor.getItem();
-    if (draggedItem.instanceId === props.instanceId) {
-      props.onPlaceAnswer(props.promptId, draggedItem.id);
-    }
-  },
-  canDrop(props, monitor) {
-    const draggedItem = monitor.getItem();
-    return draggedItem.instanceId === props.instanceId;
-  }
-};
-const DropAnswer = DropTarget('Answer', answerTarget, (connect, monitor) => ({
-  connectDropTarget: connect.dropTarget(),
-  isOver: monitor.isOver()
-}))(StyledAnswer);
-const answerSource = {
-  canDrag(props) {
-    return props.draggable && !props.disabled;
-  },
-  beginDrag(props) {
-    return {
-      id: props.id,
-      type: props.type,
-      instanceId: props.instanceId
-    };
-  },
-  endDrag(props, monitor) {
-    if (!monitor.didDrop()) {
-      if (props.type === 'target') {
-        props.onRemoveChoice(monitor.getItem());
-      }
-    }
-  }
-};
-const DragAnswer = DragSource('Answer', answerSource, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
-}))(StyledAnswer);
-const DragAndDropAnswer = DragSource('Answer', answerSource, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
-}))(DropAnswer);
-const React$2 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const {isEmpty: isEmpty$1} = _dll_lodash;
-const {isUndefined: isUndefined} = _dll_lodash;
-const {reduce: reduce} = _dll_lodash;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/match-list/src/answer-area.jsx";
-class AnswerArea extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    AnswerArea.prototype.__init.call(this);
-    AnswerArea.prototype.__init2.call(this);
-    AnswerArea.prototype.__init3.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$2.object,
-      session: PropTypes$2.object.isRequired,
-      showCorrect: PropTypes$2.bool.isRequired,
-      disabled: PropTypes$2.bool.isRequired,
-      onSessionChange: PropTypes$2.func,
-      onRemoveAnswer: PropTypes$2.func,
-      onPlaceAnswer: PropTypes$2.func.isRequired,
-      instanceId: PropTypes$2.string.isRequired,
-      model: PropTypes$2.object.isRequired,
-      prompt: PropTypes$2.string
-    };
-  }
-  __init() {
-    this.getAnswerFromSession = promptId => {
-      const {model, session, showCorrect} = this.props;
-      const {config} = model;
-      const answerId = showCorrect ? config.prompts.find(p => p.id === promptId).relatedAnswer : session.value && session.value[promptId];
-      const answer = config.answers.find(answer => answer.id === answerId);
-      return answer || ({});
-    };
-  }
-  __init2() {
-    this.getCorrectOrIncorrectMap = () => {
-      const {model, session, showCorrect} = this.props;
-      const {config} = model;
-      const sessionValue = session.value || config.prompts.reduce((obj, prompt) => {
-        obj[prompt.id] = undefined;
-        return obj;
-      }, {});
-      if (model.mode !== 'evaluate') {
-        return {};
-      }
-      if (showCorrect) {
-        return config.prompts.reduce((obj, prompt) => {
-          obj[prompt.id] = true;
-          return obj;
-        }, {});
-      }
-      const correctPromptMap = config.prompts.reduce((obj, prompt) => {
-        if (!isUndefined(prompt.relatedAnswer)) {
-          obj[prompt.id] = prompt.relatedAnswer;
-        }
-        return obj;
-      }, {});
-      return reduce(sessionValue, (obj, val, key) => {
-        obj[key] = correctPromptMap[key] === sessionValue[key];
-        return obj;
-      }, {});
-    };
-  }
-  __init3() {
-    this.buildRows = () => {
-      const {model} = this.props;
-      const {config} = model;
-      const prompts = config.prompts || [];
-      return prompts.map(prompt => {
-        const sessionAnswer = this.getAnswerFromSession(prompt.id);
-        return {
-          ...prompt,
-          sessionAnswer
-        };
-      });
-    };
-  }
-  render() {
-    const {classes, disabled, onPlaceAnswer, instanceId, onRemoveAnswer} = this.props;
-    const rows = this.buildRows();
-    const correctnessMap = this.getCorrectOrIncorrectMap();
-    return React$2.createElement('div', {
-      className: classes.itemList,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 99
-      }
-    }, rows.map(({sessionAnswer, title, id}, index) => {
-      return React$2.createElement('div', {
-        className: classes.row,
-        style: {
-          display: 'flex'
-        },
-        key: index,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 103
-        }
-      }, React$2.createElement('div', {
-        className: classes.promptEntry,
-        dangerouslySetInnerHTML: {
-          __html: title
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 110
-        }
-      }), React$2.createElement('div', {
-        className: classes.arrowEntry,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 114
-        }
-      }, React$2.createElement(styledArrow, {
-        direction: "left",
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 117
-        }
-      }), React$2.createElement(styledArrow, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 118
-        }
-      })), React$2.createElement(DragAndDropAnswer, {
-        key: index,
-        className: classes.answer,
-        index: index,
-        promptId: id,
-        correct: correctnessMap[id],
-        draggable: !isEmpty$1(sessionAnswer),
-        disabled: disabled,
-        instanceId: instanceId,
-        id: sessionAnswer.id,
-        onPlaceAnswer: (place, id) => onPlaceAnswer(place, id),
-        title: sessionAnswer.title,
-        type: 'target',
-        onRemoveChoice: () => onRemoveAnswer(id),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$2,
-          lineNumber: 120
-        }
-      }));
-    }));
-  }
-}
-AnswerArea.__initStatic();
-const styles = () => ({
-  answer: {
-    flex: 1
-  },
-  arrowEntry: {
-    alignItems: 'normal',
-    display: 'flex',
-    height: 40,
-    margin: '10px 20px'
-  },
-  itemList: {
-    alignItems: 'flex-start',
-    display: 'flex',
-    flex: 1,
-    flexDirection: 'column',
-    justifyContent: 'space-between'
-  },
-  promptEntry: {
-    border: '1px solid #c2c2c2',
-    boxSizing: 'border-box',
-    flex: 1,
-    margin: '10px 0',
-    minHeight: 40,
-    overflow: 'hidden',
-    padding: 10,
-    textAlign: 'center',
-    width: '100%',
-    wordBreak: 'break-word'
-  },
-  row: {
-    alignItems: 'center',
-    display: 'flex',
-    justifyContent: 'space-between',
-    width: '100%'
-  }
-});
-var AnswerArea$1 = withStyles$2(styles)(AnswerArea);
-const React$3 = _dll_react;
-const PropTypes$3 = _dll_prop_types;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const {isEmpty: isEmpty$2} = _dll_lodash;
-const {isUndefined: isUndefined$1} = _dll_lodash;
-const {find: find} = _dll_lodash;
-const _jsxFileName$3 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/match-list/src/choices-list.jsx";
-class ChoicesList extends React$3.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$3.object,
-      session: PropTypes$3.object.isRequired,
-      instanceId: PropTypes$3.string.isRequired,
-      model: PropTypes$3.object.isRequired,
-      disabled: PropTypes$3.bool.isRequired
-    };
-  }
-  render() {
-    const {model, classes, disabled, session, instanceId} = this.props;
-    const {config} = model;
-    const {duplicates} = config;
-    return React$3.createElement('div', {
-      className: classes.answersContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 30
-      }
-    }, config.answers.filter(answer => duplicates || isEmpty$2(session) || !session.value || isUndefined$1(find(session.value, val => val === answer.id))).map(answer => React$3.createElement(DragAnswer, {
-      key: answer.id,
-      instanceId: instanceId,
-      className: classes.choice,
-      draggable: true,
-      disabled: disabled,
-      session: session,
-      type: 'choice',
-      ...answer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 35
-      }
-    })));
-  }
-}
-ChoicesList.__initStatic();
-const styles$1 = () => ({
-  answersContainer: {
-    alignItems: 'center',
-    display: 'flex',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    justifyContent: 'space-between',
-    marginTop: 50
-  },
-  choice: {
-    minHeight: '40px',
-    minWidth: '200px',
-    height: 'initial'
-  }
-});
-var ChoicesList$1 = withStyles$3(styles$1)(ChoicesList);
-const React$4 = _dll_react;
-const PropTypes$4 = _dll_prop_types;
-const {withDragContext: withDragContext} = _dll_pie_lib__drag;
-const {swap: swap} = _dll_pie_lib__drag;
-const CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
-const {color: color$1} = _dll_pie_lib__render_ui;
-const {Feedback: Feedback} = _dll_pie_lib__render_ui;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const {uniqueId: uniqueId} = _dll_lodash;
-const {isUndefined: isUndefined$2} = _dll_lodash;
-const {findKey: findKey} = _dll_lodash;
-const _jsxFileName$4 = "/home/ede/dev/github/pie-framework/pie-elements/node_modules/@pie-ui/match-list/src/main.jsx";
-class Main extends React$4.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$4.object,
-      session: PropTypes$4.object.isRequired,
-      onSessionChange: PropTypes$4.func,
-      model: PropTypes$4.object.isRequired,
-      prompt: PropTypes$4.string
-    };
-  }
-  constructor(props) {
-    super(props);
-    Main.prototype.__init.call(this);
-    this.instanceId = uniqueId();
-    this.state = {
-      showCorrectAnswer: false
-    };
-  }
-  onRemoveAnswer(id) {
-    const {session, onSessionChange} = this.props;
-    session.value[id] = undefined;
-    onSessionChange(session);
-  }
-  onPlaceAnswer(place, id) {
-    const {session, onSessionChange, model} = this.props;
-    const {config: {duplicates}} = model;
-    if (isUndefined$2(session.value)) {
-      session.value = {};
-    }
-    const choiceKey = findKey(session.value, val => val === id);
-    if (choiceKey && !duplicates) {
-      session.value = swap(session.value, choiceKey, place);
-    } else {
-      session.value[place] = id;
-    }
-    onSessionChange(session);
-  }
-  __init() {
-    this.toggleShowCorrect = () => {
-      this.setState({
-        showCorrectAnswer: !this.state.showCorrectAnswer
-      });
-    };
-  }
-  render() {
-    const {showCorrectAnswer} = this.state;
-    const {classes, model, session} = this.props;
-    const {config, mode} = model;
-    const {prompt} = config;
-    return React$4.createElement('div', {
-      className: classes.mainContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 69
-      }
-    }, React$4.createElement(CorrectAnswerToggle, {
-      show: mode === 'evaluate',
-      toggled: showCorrectAnswer,
-      onToggle: this.toggleShowCorrect,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 70
-      }
-    }), React$4.createElement('div', {
-      className: classes.prompt,
-      dangerouslySetInnerHTML: {
-        __html: prompt
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 75
-      }
-    }), React$4.createElement(AnswerArea$1, {
-      instanceId: this.instanceId,
-      model: model,
-      session: session,
-      onPlaceAnswer: (place, id) => this.onPlaceAnswer(place, id),
-      onRemoveAnswer: id => this.onRemoveAnswer(id),
-      disabled: mode !== 'gather',
-      showCorrect: showCorrectAnswer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 79
-      }
-    }), React$4.createElement(ChoicesList$1, {
-      instanceId: this.instanceId,
-      model: model,
-      session: session,
-      disabled: mode !== 'gather',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 88
-      }
-    }), model.correctness && model.feedback && !showCorrectAnswer && React$4.createElement(Feedback, {
-      correctness: model.correctness.correctness,
-      feedback: model.feedback,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 98
-      }
-    }));
-  }
-}
-Main.__initStatic();
-const styles$2 = theme => ({
-  mainContainer: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center',
-    color: color$1.text(),
-    backgroundColor: color$1.background(),
-    padding: theme.spacing.unit * 3 / 2
-  },
-  promptList: {
-    alignItems: 'flex-start'
-  },
-  main: {
-    width: '100%'
-  },
-  toggle: {
-    paddingBottom: theme.spacing.unit * 3
-  },
-  prompt: {
-    verticalAlign: 'middle'
-  }
-});
-const styledMain = withStyles$4(styles$2)(Main);
-var Main$1 = withDragContext(styledMain);
-const React$5 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {SessionChangedEvent: SessionChangedEvent} = _dll_pie_framework__pie_player_events;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const log$1 = browser('pie-ui:graph-lines');
-const isComplete = (session, model) => {
-  if (!session) {
-    return false;
-  }
-  const value = session.value;
-  let complete = true;
-  if (value) {
-    (model.config.prompts || []).forEach(prompt => {
-      if (!Number.isFinite(value[prompt.id])) {
-        complete = false;
-      }
-    });
-  }
-  return complete;
-};
-class MatchList extends HTMLElement {
-  constructor() {
-    super();
-  }
-  set model(m) {
-    this._model = m;
-    this._render();
-  }
-  set session(s) {
-    this._session = s;
-    this._render();
-  }
-  sessionChanged(s) {
-    this._session.value = s.value;
-    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), isComplete(this._session, this._model)));
-    log$1('session: ', this._session);
-    this._render();
-  }
-  connectedCallback() {
-    this._render();
-  }
-  _render() {
-    if (!this._model || !this._session) {
-      return;
-    }
-    const el = React$5.createElement(Main$1, {
-      model: this._model,
-      session: this._session,
-      onSessionChange: this.sessionChanged.bind(this)
-    });
-    ReactDOM.render(el, this, () => {
-      renderMath(this);
-    });
-  }
-}
-export default MatchList;
-export {Main$1 as Component, isComplete};