@pie-element/match 4.7.2 → 4.7.3-next.1008

package/module/configure.js

@@ -1,1776 +0,0 @@
-import {_dll_react, _dll_prop_types, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_react_dnd, _dll_pie_lib__drag, _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";
-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;
-  Object.keys(env).forEach(function (key) {
-    createDebug[key] = env[key];
-  });
-  createDebug.instances = [];
-  createDebug.names = [];
-  createDebug.skips = [];
-  createDebug.formatters = {};
-  function selectColor(namespace) {
-    var hash = 0;
-    for (var 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) {
-    var prevTime;
-    function debug() {
-      if (!debug.enabled) {
-        return;
-      }
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
-      var self = debug;
-      var curr = Number(new Date());
-      var 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');
-      }
-      var index = 0;
-      args[0] = args[0].replace(/%([a-zA-Z%])/g, function (match, format) {
-        if (match === '%%') {
-          return match;
-        }
-        index++;
-        var formatter = createDebug.formatters[format];
-        if (typeof formatter === 'function') {
-          var val = args[index];
-          match = formatter.call(self, val);
-          args.splice(index, 1);
-          index--;
-        }
-        return match;
-      });
-      createDebug.formatArgs.call(self, args);
-      var logFn = self.log || createDebug.log;
-      logFn.apply(self, args);
-    }
-    debug.namespace = namespace;
-    debug.enabled = createDebug.enabled(namespace);
-    debug.useColors = createDebug.useColors();
-    debug.color = selectColor(namespace);
-    debug.destroy = destroy;
-    debug.extend = extend;
-    if (typeof createDebug.init === 'function') {
-      createDebug.init(debug);
-    }
-    createDebug.instances.push(debug);
-    return debug;
-  }
-  function destroy() {
-    var index = createDebug.instances.indexOf(this);
-    if (index !== -1) {
-      createDebug.instances.splice(index, 1);
-      return true;
-    }
-    return false;
-  }
-  function extend(namespace, delimiter) {
-    return createDebug(this.namespace + (typeof delimiter === 'undefined' ? ':' : delimiter) + namespace);
-  }
-  function enable(namespaces) {
-    createDebug.save(namespaces);
-    createDebug.names = [];
-    createDebug.skips = [];
-    var i;
-    var split = (typeof namespaces === 'string' ? namespaces : '').split(/[\s,]+/);
-    var 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 + '$'));
-      }
-    }
-    for (i = 0; i < createDebug.instances.length; i++) {
-      var instance = createDebug.instances[i];
-      instance.enabled = createDebug.enabled(instance.namespace);
-    }
-  }
-  function disable() {
-    createDebug.enable('');
-  }
-  function enabled(name) {
-    if (name[name.length - 1] === '*') {
-      return true;
-    }
-    var i;
-    var 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 coerce(val) {
-    if (val instanceof Error) {
-      return val.stack || val.message;
-    }
-    return val;
-  }
-  createDebug.enable(createDebug.load());
-  return createDebug;
-}
-var common = setup;
-var browser = createCommonjsModule(function (module, exports) {
-  function _typeof(obj) {
-    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-      _typeof = function _typeof(obj) {
-        return typeof obj;
-      };
-    } else {
-      _typeof = function _typeof(obj) {
-        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-      };
-    }
-    return _typeof(obj);
-  }
-  exports.log = log;
-  exports.formatArgs = formatArgs;
-  exports.save = save;
-  exports.load = load;
-  exports.useColors = useColors;
-  exports.storage = localstorage();
-  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;
-    }
-    var c = 'color: ' + this.color;
-    args.splice(1, 0, c, 'color: inherit');
-    var index = 0;
-    var lastC = 0;
-    args[0].replace(/%[a-zA-Z%]/g, function (match) {
-      if (match === '%%') {
-        return;
-      }
-      index++;
-      if (match === '%c') {
-        lastC = index;
-      }
-    });
-    args.splice(lastC, 0, c);
-  }
-  function log() {
-    var _console;
-    return (typeof console === "undefined" ? "undefined" : _typeof(console)) === 'object' && console.log && (_console = console).log.apply(_console, arguments);
-  }
-  function save(namespaces) {
-    try {
-      if (namespaces) {
-        exports.storage.setItem('debug', namespaces);
-      } else {
-        exports.storage.removeItem('debug');
-      }
-    } catch (error) {}
-  }
-  function load() {
-    var 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);
-  var formatters = module.exports.formatters;
-  formatters.j = function (v) {
-    try {
-      return JSON.stringify(v);
-    } catch (error) {
-      return '[UnexpectedJSONParseError]: ' + error.message;
-    }
-  };
-});
-browser.log;
-browser.formatArgs;
-browser.save;
-browser.load;
-browser.useColors;
-browser.storage;
-browser.colors;
-const React = _dll_react;
-const PropTypes = _dll_prop_types;
-const {Select: Select} = _dll_material_ui__core;
-const {MenuItem: MenuItem} = _dll_material_ui__core;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {InputContainer: InputContainer} = _dll_pie_lib__config_ui;
-const _jsxFileName = "/home/ede/dev/github/pie-framework/pie-elements/packages/match/configure/src/general-config-block.jsx";
-const styles = theme => ({
-  container: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex'
-  },
-  input: {
-    flex: 1
-  },
-  inputContainer: {
-    width: '90%'
-  }
-});
-class GeneralConfigBlock extends React.Component {
-  constructor(...args) {
-    super(...args);
-    GeneralConfigBlock.prototype.__init.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object.isRequired,
-      model: PropTypes.object.isRequired,
-      configuration: PropTypes.object.isRequired,
-      onResponseTypeChange: PropTypes.func.isRequired,
-      onLayoutChange: PropTypes.func.isRequired
-    };
-  }
-  __init() {
-    this.onChange = name => event => {
-      const {model, onLayoutChange, onResponseTypeChange} = this.props;
-      const newModel = {
-        ...model
-      };
-      newModel[name] = event.target.value;
-      if (name === 'layout') {
-        onLayoutChange(newModel[name]);
-      } else {
-        onResponseTypeChange(newModel[name]);
-      }
-    };
-  }
-  render() {
-    const {classes, model, configuration} = this.props;
-    const {layout = {}, choiceMode = {}} = configuration || ({});
-    return React.createElement('div', {
-      className: classes.container,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 51
-      }
-    }, React.createElement('div', {
-      className: classes.input,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 52
-      }
-    }, layout.settings && React.createElement(InputContainer, {
-      label: layout.label,
-      className: classes.inputContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 54
-      }
-    }, React.createElement(Select, {
-      className: classes.select,
-      onChange: this.onChange('layout'),
-      value: model.layout,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 58
-      }
-    }, React.createElement(MenuItem, {
-      value: 3,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 63
-      }
-    }, "3 Columns"), React.createElement(MenuItem, {
-      value: 4,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 64
-      }
-    }, "4 Columns"), React.createElement(MenuItem, {
-      value: 5,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 65
-      }
-    }, "5 Columns")))), React.createElement('div', {
-      className: classes.input,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 70
-      }
-    }, choiceMode.settings && React.createElement(InputContainer, {
-      label: choiceMode.label,
-      className: classes.inputContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 73
-      }
-    }, React.createElement(Select, {
-      className: classes.select,
-      onChange: this.onChange('choiceMode'),
-      value: model.choiceMode,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 74
-      }
-    }, React.createElement(MenuItem, {
-      value: "radio",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 79
-      }
-    }, "Radio - One Answer"), React.createElement(MenuItem, {
-      value: "checkbox",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 80
-      }
-    }, "Checkbox - Multiple Answers")))));
-  }
-}
-GeneralConfigBlock.__initStatic();
-var GeneralConfigBlock$1 = withStyles(styles)(GeneralConfigBlock);
-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 Add = 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: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'Add');
-  exports.default = _default;
-});
-var AddButton = unwrapExports(Add);
-const React$1 = _dll_react;
-const PropTypes$1 = _dll_prop_types;
-const {Button: Button} = _dll_material_ui__core;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const _jsxFileName$1 = "/home/ede/dev/github/pie-framework/pie-elements/packages/match/configure/src/add-row.jsx";
-class AddRowButton extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$1.object.isRequired,
-      onAddClick: PropTypes$1.func.isRequired
-    };
-  }
-  render() {
-    const {classes, onAddClick} = this.props;
-    return React$1.createElement(Button, {
-      className: classes.button,
-      disabled: false,
-      onClick: onAddClick,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 17
-      }
-    }, React$1.createElement(AddButton, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 18
-      }
-    }), "Add Another Row");
-  }
-}
-AddRowButton.__initStatic();
-const styles$1 = theme => ({
-  button: {
-    display: 'flex',
-    alignSelf: 'flex-start',
-    margin: 0,
-    marginBottom: theme.spacing.unit * 2
-  }
-});
-var AddRow = withStyles$1(styles$1)(AddRowButton);
-const require$$0$2 = _dll_react;
-var DragHandle = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$2);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("defs", null, _react.default.createElement("path", {
-    id: "a",
-    d: "M0 0h24v24H0V0z"
-  })), _react.default.createElement("path", {
-    d: "M20 9H4v2h16V9zM4 15h16v-2H4v2z"
-  })), 'DragHandle');
-  exports.default = _default;
-});
-var DragHandle$1 = unwrapExports(DragHandle);
-const require$$0$3 = _dll_react;
-var Delete = createCommonjsModule(function (module, exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports.default = void 0;
-  var _react = interopRequireDefault(require$$0$3);
-  var _createSvgIcon = interopRequireDefault(createSvgIcon_1);
-  var _default = (0, _createSvgIcon.default)(_react.default.createElement(_react.default.Fragment, null, _react.default.createElement("path", {
-    d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"
-  }), _react.default.createElement("path", {
-    fill: "none",
-    d: "M0 0h24v24H0z"
-  })), 'Delete');
-  exports.default = _default;
-});
-var Delete$1 = unwrapExports(Delete);
-const React$2 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const {Radio: Radio} = _dll_material_ui__core;
-const {Button: Button$1} = _dll_material_ui__core;
-const {DragSource: DragSource} = _dll_react_dnd;
-const {DropTarget: DropTarget} = _dll_react_dnd;
-const {Checkbox: Checkbox} = _dll_pie_lib__config_ui;
-const EditableHtml = _dll_pie_lib__editable_html;
-const _jsxFileName$2 = "/home/ede/dev/github/pie-framework/pie-elements/packages/match/configure/src/row.jsx";
-const log = browser('@pie-element:categorize:configure:choice');
-let canDrag = false;
-class Row extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    Row.prototype.__init.call(this);
-    Row.prototype.__init2.call(this);
-    Row.prototype.__init3.call(this);
-    Row.prototype.__init4.call(this);
-    Row.prototype.__init5.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$2.object.isRequired,
-      model: PropTypes$2.object.isRequired,
-      row: PropTypes$2.object.isRequired,
-      idx: PropTypes$2.number.isRequired,
-      isDragging: PropTypes$2.bool.isRequired,
-      onDeleteRow: PropTypes$2.func.isRequired,
-      onChange: PropTypes$2.func.isRequired,
-      connectDragSource: PropTypes$2.func.isRequired,
-      connectDropTarget: PropTypes$2.func.isRequired,
-      onMoveRow: PropTypes$2.func.isRequired,
-      imageSupport: PropTypes$2.shape({
-        add: PropTypes$2.func.isRequired,
-        delete: PropTypes$2.func.isRequired
-      }),
-      enableImages: PropTypes$2.bool
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {};
-  }
-  componentDidMount() {
-    document.addEventListener('mouseup', this.onMouseUpOnHandle);
-  }
-  __init() {
-    this.onRowTitleChange = rowIndex => value => {
-      const {model, onChange} = this.props;
-      const newModel = {
-        ...model
-      };
-      newModel.rows[rowIndex].title = value;
-      onChange(newModel);
-    };
-  }
-  __init2() {
-    this.onRowValueChange = (rowIndex, rowValueIndex) => event => {
-      const {model, onChange} = this.props;
-      const newModel = {
-        ...model
-      };
-      if (model.choiceMode === 'radio') {
-        for (let i = 0; i < newModel.rows[rowIndex].values.length; i++) {
-          newModel.rows[rowIndex].values[i] = false;
-        }
-      }
-      newModel.rows[rowIndex].values[rowValueIndex] = event.target.checked;
-      onChange(newModel);
-    };
-  }
-  __init3() {
-    this.onDeleteRow = idx => () => {
-      this.props.onDeleteRow(idx);
-    };
-  }
-  __init4() {
-    this.onMouseDownOnHandle = () => {
-      canDrag = true;
-    };
-  }
-  __init5() {
-    this.onMouseUpOnHandle = () => {
-      canDrag = false;
-    };
-  }
-  render() {
-    const {classes, imageSupport, connectDragSource, connectDropTarget, isDragging, model, row, idx, enableImages} = this.props;
-    const opacity = isDragging ? 0 : 1;
-    const content = React$2.createElement('div', {
-      style: {
-        opacity: opacity
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 94
-      }
-    }, React$2.createElement('span', {
-      itemID: 'handle',
-      className: classes.dragHandle,
-      onMouseDown: this.onMouseDownOnHandle,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 97
-      }
-    }, React$2.createElement(DragHandle$1, {
-      color: 'primary',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 102
-      }
-    })), React$2.createElement('div', {
-      className: classes.rowContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 104
-      }
-    }, React$2.createElement('div', {
-      className: classnames(classes.rowItem, classes.questionText),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 105
-      }
-    }, React$2.createElement(EditableHtml, {
-      imageSupport: imageSupport,
-      autoWidthToolbar: true,
-      disableUnderline: true,
-      label: 'label',
-      markup: row.title,
-      onChange: this.onRowTitleChange(idx),
-      className: classes.editor,
-      pluginProps: {
-        image: {
-          disabled: !enableImages
-        }
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 106
-      }
-    })), row.values.map((rowValue, rowIdx) => React$2.createElement('div', {
-      key: rowIdx,
-      className: classes.rowItem,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 122
-      }
-    }, model.choiceMode === 'radio' ? React$2.createElement(Radio, {
-      onChange: this.onRowValueChange(idx, rowIdx),
-      checked: rowValue === true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 124
-      }
-    }) : React$2.createElement(Checkbox, {
-      onChange: this.onRowValueChange(idx, rowIdx),
-      checked: rowValue === true,
-      label: '',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 129
-      }
-    }))), React$2.createElement('div', {
-      className: classes.deleteIcon,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 137
-      }
-    }, React$2.createElement(Button$1, {
-      onClick: this.onDeleteRow(idx),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 138
-      }
-    }, React$2.createElement(Delete$1, {
-      className: classes.deleteIcon,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 139
-      }
-    })))), React$2.createElement('hr', {
-      className: classes.separator,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 143
-      }
-    }));
-    return connectDragSource(connectDropTarget(content));
-  }
-}
-Row.__initStatic();
-Row.__initStatic2();
-const styles$2 = theme => ({
-  actions: {
-    padding: 0,
-    justifyContent: 'space-between'
-  },
-  choice: {
-    padding: theme.spacing.unit,
-    overflow: 'visible'
-  },
-  dragHandle: {
-    cursor: 'move'
-  },
-  dragDisabled: {
-    cursor: 'inherit'
-  },
-  container: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  rowContainer: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex',
-    alignItems: 'center',
-    flex: 1
-  },
-  rowItem: {
-    flex: 1,
-    display: 'flex',
-    justifyContent: 'center',
-    '&> div': {
-      width: '100%'
-    }
-  },
-  deleteIcon: {
-    flex: 0.5,
-    minWidth: '88px'
-  },
-  questionText: {
-    flex: 2,
-    display: 'flex',
-    justifyContent: 'flex-start'
-  },
-  separator: {
-    marginTop: theme.spacing.unit * 2,
-    border: 0,
-    borderTop: '2px solid lightgray',
-    width: '100%'
-  }
-});
-const StyledRow = withStyles$2(styles$2)(Row);
-const NAME = 'row-config';
-const choiceSource = {
-  canDrag() {
-    return canDrag;
-  },
-  beginDrag(props) {
-    return {
-      id: props.row.id,
-      index: props.idx
-    };
-  }
-};
-const StyledSource = DragSource(NAME, choiceSource, (connect, monitor) => ({
-  connectDragSource: connect.dragSource(),
-  isDragging: monitor.isDragging()
-}))(StyledRow);
-const choiceTarget = {
-  hover() {
-    log('[hover]');
-  },
-  drop(props, monitor) {
-    const item = monitor.getItem();
-    log('[drop] item: ', item, 'didDrop?', monitor.didDrop());
-    props.onMoveRow(item.index, props.idx);
-  }
-};
-const StyledSourceAndTarget = DropTarget(NAME, choiceTarget, connect => ({
-  connectDropTarget: connect.dropTarget()
-}))(StyledSource);
-const React$3 = _dll_react;
-const PropTypes$3 = _dll_prop_types;
-const {Button: Button$2} = _dll_material_ui__core;
-const {Input: Input} = _dll_material_ui__core;
-const {Typography: Typography} = _dll_material_ui__core;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const {swap: swap} = _dll_pie_lib__drag;
-const {withDragContext: withDragContext} = _dll_pie_lib__drag;
-const lodash = _dll_lodash;
-const _jsxFileName$3 = "/home/ede/dev/github/pie-framework/pie-elements/packages/match/configure/src/answer-config-block.jsx";
-const log$1 = browser('pie-elements:match:configure');
-const styles$3 = theme => ({
-  container: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  rowContainer: {
-    marginTop: theme.spacing.unit * 2,
-    display: 'flex',
-    alignItems: 'center',
-    flex: 1
-  },
-  rowItem: {
-    flex: 1,
-    display: 'flex',
-    justifyContent: 'center'
-  },
-  deleteIcon: {
-    flex: 0.5,
-    minWidth: '88px'
-  },
-  questionText: {
-    flex: 2,
-    display: 'flex',
-    justifyContent: 'flex-start'
-  },
-  rowTable: {
-    display: 'flex',
-    flexDirection: 'column'
-  },
-  separator: {
-    marginTop: theme.spacing.unit * 2,
-    border: 0,
-    borderTop: '2px solid lightgray',
-    width: '100%'
-  },
-  headerInput: {
-    textAlign: 'center',
-    maxWidth: '100px'
-  }
-});
-class AnswerConfigBlock extends React$3.Component {
-  constructor(...args) {
-    super(...args);
-    AnswerConfigBlock.prototype.__init.call(this);
-    AnswerConfigBlock.prototype.__init2.call(this);
-    AnswerConfigBlock.prototype.__init3.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$3.object.isRequired,
-      model: PropTypes$3.object.isRequired,
-      configuration: PropTypes$3.object.isRequired,
-      onChange: PropTypes$3.func.isRequired,
-      onDeleteRow: PropTypes$3.func.isRequired,
-      onAddRow: PropTypes$3.func.isRequired,
-      imageSupport: PropTypes$3.shape({
-        add: PropTypes$3.func.isRequired,
-        delete: PropTypes$3.func.isRequired
-      })
-    };
-  }
-  __init() {
-    this.moveRow = (from, to) => {
-      const {model, onChange} = this.props;
-      const newModel = {
-        ...model
-      };
-      const rows = newModel.rows;
-      log$1('[moveRow]: ', from, to);
-      const update = swap(rows, from, to);
-      log$1('update: ', update);
-      newModel.rows = update;
-      onChange(newModel);
-    };
-  }
-  __init2() {
-    this.onChange = (name, isBoolean) => ({target}) => {
-      const {model, onChange} = this.props;
-      let value;
-      if (isBoolean) {
-        value = target.checked;
-      } else {
-        value = target.value;
-      }
-      lodash.set(model, name, value);
-      onChange(model, name);
-    };
-  }
-  __init3() {
-    this.onHeaderChange = headerIndex => event => {
-      const {model, onChange} = this.props;
-      const newModel = {
-        ...model
-      };
-      newModel.headers[headerIndex] = event.target.value;
-      onChange(newModel);
-    };
-  }
-  render() {
-    const {classes, model, onAddRow, imageSupport, configuration} = this.props;
-    const {headers = {}} = configuration || ({});
-    return React$3.createElement('div', {
-      className: classes.container,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 122
-      }
-    }, React$3.createElement(Typography, {
-      type: "body1",
-      component: "div",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 123
-      }
-    }, "Click on the labels to edit or remove. Set the correct answers by clicking each correct answer per row."), React$3.createElement('div', {
-      className: classes.rowTable,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 127
-      }
-    }, React$3.createElement('div', {
-      className: classes.rowContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 128
-      }
-    }, headers.settings && model.headers.map((header, idx) => React$3.createElement('div', {
-      key: idx,
-      className: classnames(classes.rowItem, {
-        [classes.questionText]: idx === 0
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 131
-      }
-    }, React$3.createElement(Input, {
-      type: "text",
-      disableUnderline: true,
-      classes: idx === 0 ? null : {
-        input: classes.headerInput
-      },
-      onChange: this.onHeaderChange(idx),
-      value: header,
-      placeholder: "Enter Value",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 137
-      }
-    }))), React$3.createElement('div', {
-      className: classes.deleteIcon,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 147
-      }
-    }, React$3.createElement(Button$2, {
-      disabled: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 148
-      }
-    }, React$3.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 149
-      }
-    })))), React$3.createElement('hr', {
-      className: classes.separator,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 153
-      }
-    }), model.rows.map((row, idx) => React$3.createElement(StyledSourceAndTarget, {
-      key: idx,
-      model: model,
-      row: row,
-      idx: idx,
-      onDeleteRow: this.props.onDeleteRow,
-      onChange: this.props.onChange,
-      onMoveRow: this.moveRow,
-      imageSupport: imageSupport,
-      enableImages: model.enableImages,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 155
-      }
-    })), React$3.createElement(AddRow, {
-      onAddClick: onAddRow,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 167
-      }
-    })));
-  }
-}
-AnswerConfigBlock.__initStatic();
-var AnswerConfigBlock$1 = withDragContext(withStyles$3(styles$3)(AnswerConfigBlock));
-const React$4 = _dll_react;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const PropTypes$4 = _dll_prop_types;
-const {FeedbackConfig: FeedbackConfig} = _dll_pie_lib__config_ui;
-const {settings: settings} = _dll_pie_lib__config_ui;
-const {layout: layout} = _dll_pie_lib__config_ui;
-const {InputContainer: InputContainer$1} = _dll_pie_lib__config_ui;
-const EditableHtml$1 = _dll_pie_lib__editable_html;
-const _jsxFileName$4 = "/home/ede/dev/github/pie-framework/pie-elements/packages/match/configure/src/configure.jsx";
-const log$2 = browser('@pie-element:match:configure');
-const {Panel, toggle, radio} = settings;
-const styles$4 = 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%',
-    paddingTop: theme.spacing.unit * 2
-  },
-  prompt: {
-    paddingTop: theme.spacing.unit * 2,
-    width: '100%'
-  }
-});
-class Configure extends React$4.Component {
-  static __initStatic() {
-    this.propTypes = {
-      onModelChanged: PropTypes$4.func,
-      onConfigurationChanged: PropTypes$4.func,
-      classes: PropTypes$4.object,
-      model: PropTypes$4.object.isRequired,
-      configuration: PropTypes$4.object.isRequired,
-      imageSupport: PropTypes$4.shape({
-        add: PropTypes$4.func.isRequired,
-        delete: PropTypes$4.func.isRequired
-      })
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      classes: {}
-    };
-  }
-  constructor(props) {
-    super(props);
-    Configure.prototype.__init.call(this);
-    Configure.prototype.__init2.call(this);
-    Configure.prototype.__init3.call(this);
-    Configure.prototype.__init4.call(this);
-    Configure.prototype.__init5.call(this);
-    Configure.prototype.__init6.call(this);
-    Configure.prototype.__init7.call(this);
-    Configure.prototype.__init8.call(this);
-    Configure.prototype.__init9.call(this);
-    Configure.prototype.__init10.call(this);
-    Configure.prototype.__init11.call(this);
-    Configure.prototype.__init12.call(this);
-    this.rowIdCounter = props.model.rows[props.model.rows.length - 1].id + 1;
-    this.state = {
-      activeTab: 0
-    };
-  }
-  __init() {
-    this.onTabChange = (event, value) => {
-      this.setState({
-        activeTab: value
-      });
-    };
-  }
-  __init2() {
-    this.onChangeTabIndex = index => {
-      this.setState({
-        activeTab: index
-      });
-    };
-  }
-  __init3() {
-    this.onChange = model => {
-      this.props.onModelChanged(model);
-    };
-  }
-  __init4() {
-    this.onFeedbackChange = feedback => {
-      const {model, onModelChanged} = this.props;
-      model.feedback = feedback;
-      onModelChanged(model);
-    };
-  }
-  __init5() {
-    this.onDeleteRow = rowIndex => {
-      const {model} = this.props;
-      const newModel = {
-        ...model
-      };
-      newModel.rows.splice(rowIndex, 1);
-      this.onChange(newModel);
-    };
-  }
-  __init6() {
-    this.onAddRow = () => {
-      const {model} = this.props;
-      const newModel = {
-        ...model
-      };
-      newModel.rows = newModel.rows.concat({
-        id: this.rowIdCounter + 1,
-        title: `Question Text ${newModel.rows.length + 1}`,
-        values: new Array(model.layout - 1).fill(false)
-      });
-      this.rowIdCounter += 1;
-      this.onChange(newModel);
-    };
-  }
-  __init7() {
-    this.onLayoutChange = newLayout => {
-      const {model} = this.props;
-      const oldLayout = model.layout;
-      const newModel = {
-        ...model
-      };
-      if (newLayout > oldLayout) {
-        for (let i = 0; i < newLayout - oldLayout; i++) {
-          newModel.headers.push(`Column ${newModel.headers.length + 1}`);
-        }
-        newModel.rows.forEach(row => {
-          for (let i = 0; i < newLayout - oldLayout; i++) {
-            row.values.push(false);
-          }
-        });
-      } else if (newLayout < oldLayout) {
-        newModel.headers.splice(newLayout);
-        newModel.rows.forEach(row => {
-          row.values.splice(newLayout - 1);
-        });
-      }
-      newModel.layout = newLayout;
-      this.onChange(newModel);
-    };
-  }
-  __init8() {
-    this.onResponseTypeChange = newChoiceMode => {
-      const {model} = this.props;
-      const newModel = {
-        ...model
-      };
-      if (newChoiceMode === 'radio') {
-        newModel.rows.forEach(row => {
-          const trueCount = row.values.reduce((total, current) => current === true ? total + 1 : total);
-          if (trueCount > 1) {
-            row.values = new Array(model.layout - 1).fill(false);
-          }
-        });
-      }
-      newModel.choiceMode = newChoiceMode;
-      this.onChange(newModel);
-    };
-  }
-  __init9() {
-    this.onPartialScoringChange = partialScoring => {
-      this.props.model.partialScoring = partialScoring;
-      this.props.onModelChanged(this.props.model);
-    };
-  }
-  __init10() {
-    this.onPromptChanged = prompt => {
-      this.props.onModelChanged({
-        ...this.props.model,
-        prompt
-      });
-    };
-  }
-  __init11() {
-    this.onTeacherInstructionsChanged = teacherInstructions => {
-      this.props.onModelChanged({
-        ...this.props.model,
-        teacherInstructions
-      });
-    };
-  }
-  __init12() {
-    this.onRationaleChanged = rationale => {
-      this.props.onModelChanged({
-        ...this.props.model,
-        rationale
-      });
-    };
-  }
-  render() {
-    const {classes, model, imageSupport, onModelChanged, configuration, onConfigurationChanged} = this.props;
-    const {enableImages = {}, partialScoring = {}, teacherInstructions = {}, studentInstructions = {}, rationale = {}, lockChoiceOrder = {}, scoringType = {}, prompt = {}, feedback = {}} = configuration || ({});
-    const {teacherInstructionsEnabled, promptEnabled, rationaleEnabled, feedbackEnabled} = model || ({});
-    log$2('[render] model', model);
-    return React$4.createElement(layout.ConfigLayout, {
-      settings: React$4.createElement(Panel, {
-        model: model,
-        configuration: configuration,
-        onChangeModel: model => onModelChanged(model),
-        onChangeConfiguration: config => onConfigurationChanged(config),
-        groups: {
-          Settings: {
-            enableImages: enableImages.settings && toggle(enableImages.label),
-            partialScoring: partialScoring.settings && toggle(partialScoring.label),
-            lockChoiceOrder: lockChoiceOrder.settings && toggle(lockChoiceOrder.label),
-            feedbackEnabled: feedback.settings && toggle(feedback.label)
-          },
-          Properties: {
-            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, ['auto', 'rubric'])
-          }
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName$4,
-          lineNumber: 212
-        }
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 210
-      }
-    }, React$4.createElement('div', {
-      className: classes.content,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 245
-      }
-    }, teacherInstructionsEnabled && React$4.createElement(InputContainer$1, {
-      label: teacherInstructions.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 247
-      }
-    }, React$4.createElement(EditableHtml$1, {
-      className: classes.prompt,
-      markup: model.teacherInstructions || '',
-      onChange: this.onTeacherInstructionsChanged,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 251
-      }
-    })), promptEnabled && React$4.createElement(InputContainer$1, {
-      label: prompt.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 262
-      }
-    }, React$4.createElement(EditableHtml$1, {
-      className: classes.prompt,
-      markup: model.prompt,
-      onChange: this.onPromptChanged,
-      imageSupport: imageSupport,
-      nonEmpty: false,
-      disableUnderline: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 266
-      }
-    })), rationaleEnabled && React$4.createElement(InputContainer$1, {
-      label: rationale.label,
-      className: classes.promptHolder,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 278
-      }
-    }, React$4.createElement(EditableHtml$1, {
-      className: classes.prompt,
-      markup: model.rationale || '',
-      onChange: this.onRationaleChanged,
-      imageSupport: imageSupport,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 282
-      }
-    })), React$4.createElement(GeneralConfigBlock$1, {
-      model: model,
-      configuration: configuration,
-      onResponseTypeChange: this.onResponseTypeChange,
-      onLayoutChange: this.onLayoutChange,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 290
-      }
-    }), React$4.createElement(AnswerConfigBlock$1, {
-      model: model,
-      configuration: configuration,
-      imageSupport: imageSupport,
-      onChange: this.onChange,
-      onAddRow: this.onAddRow,
-      onDeleteRow: this.onDeleteRow,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 296
-      }
-    }), feedbackEnabled && React$4.createElement(FeedbackConfig, {
-      feedback: model.feedback,
-      onChange: this.onFeedbackChange,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$4,
-        lineNumber: 305
-      }
-    })));
-  }
-}
-Configure.__initStatic();
-Configure.__initStatic2();
-var Configure$1 = withStyles$4(styles$4)(Configure);
-var defaultValues = {
-  model: {
-    enableImages: true,
-    headers: ['Column 1', 'Column 2', 'Column 3'],
-    layout: 3,
-    lockChoiceOrder: true,
-    partialScoring: false,
-    choiceMode: 'radio',
-    prompt: 'Prompt goes here',
-    rows: [{
-      id: 1,
-      title: 'Question Text 1',
-      values: [false, false]
-    }],
-    scoringType: 'auto',
-    feedbackEnabled: true,
-    promptEnabled: true,
-    rationaleEnabled: true,
-    teacherInstructionsEnabled: true,
-    studentInstructionsEnabled: true
-  },
-  configuration: {
-    enableImages: {
-      settings: true,
-      label: 'Enable Images'
-    },
-    feedback: {
-      settings: true,
-      label: 'Feedback',
-      enabled: true
-    },
-    headers: {
-      settings: true
-    },
-    layout: {
-      settings: true,
-      label: 'Layout'
-    },
-    lockChoiceOrder: {
-      settings: true,
-      label: 'Lock Choice Order'
-    },
-    partialScoring: {
-      settings: false,
-      label: 'Allow Partial Scoring'
-    },
-    choiceMode: {
-      settings: true,
-      label: 'Response Type'
-    },
-    prompt: {
-      settings: true,
-      label: 'Prompt'
-    },
-    rationale: {
-      settings: true,
-      label: 'Rationale'
-    },
-    scoringType: {
-      settings: false,
-      label: 'Scoring Type'
-    },
-    studentInstructions: {
-      settings: false,
-      label: 'Student Instructions'
-    },
-    teacherInstructions: {
-      settings: true,
-      label: 'Teacher Instructions'
-    }
-  }
-};
-const React$5 = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {ModelUpdatedEvent: ModelUpdatedEvent} = _dll_pie_framework__pie_configure_events;
-const {DeleteImageEvent: DeleteImageEvent} = _dll_pie_framework__pie_configure_events;
-const {InsertImageEvent: InsertImageEvent} = _dll_pie_framework__pie_configure_events;
-const log$3 = browser('pie-elements:match:configure');
-class MatchConfigure extends HTMLElement {
-  static __initStatic() {
-    this.createDefaultModel = (model = {}) => ({
-      ...defaultValues.model,
-      ...model
-    });
-  }
-  constructor() {
-    super();
-    this._model = MatchConfigure.createDefaultModel();
-    this._configuration = defaultValues.configuration;
-  }
-  set model(m) {
-    this._model = MatchConfigure.createDefaultModel(m);
-    this._render();
-  }
-  set configuration(c) {
-    this._configuration = c;
-    this._render();
-  }
-  onModelChanged(model) {
-    this._model = model;
-    log$3('[onModelChanged]: ', this._model);
-    this._render();
-    this.dispatchEvent(new ModelUpdatedEvent(this._model, true));
-  }
-  onConfigurationChanged(config) {
-    this._configuration = config;
-    this._render();
-  }
-  insertImage(handler) {
-    this.dispatchEvent(new InsertImageEvent(handler));
-  }
-  onDeleteImage(src, done) {
-    this.dispatchEvent(new DeleteImageEvent(src, done));
-  }
-  _render() {
-    if (this._model) {
-      const el = React$5.createElement(Configure$1, {
-        onModelChanged: this.onModelChanged.bind(this),
-        onConfigurationChanged: this.onConfigurationChanged.bind(this),
-        model: this._model,
-        configuration: this._configuration,
-        imageSupport: {
-          add: this.insertImage.bind(this),
-          delete: this.onDeleteImage.bind(this)
-        }
-      });
-      ReactDOM.render(el, this);
-    }
-  }
-}
-MatchConfigure.__initStatic();
-export default MatchConfigure;