@pie-element/math-inline 7.22.1-next.23 → 7.22.1-next.27

package/module/element.js

@@ -20,7 +20,45 @@ function getAugmentedNamespace(n) {
   });
   return a;
 }
-var styles$3 = {};
+var lib$8 = {};
+Object.defineProperty(lib$8, "__esModule", {
+  value: true
+});
+class ModelSetEvent extends CustomEvent {
+  constructor(component, complete, hasModel) {
+    super(ModelSetEvent.TYPE, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        complete,
+        component,
+        hasModel
+      }
+    });
+    this.component = component;
+    this.complete = complete;
+  }
+}
+ModelSetEvent.TYPE = 'model-set';
+var ModelSetEvent_1 = lib$8.ModelSetEvent = ModelSetEvent;
+class SessionChangedEvent extends CustomEvent {
+  constructor(component, complete) {
+    super(SessionChangedEvent.TYPE, {
+      bubbles: true,
+      composed: true,
+      detail: {
+        complete,
+        component
+      }
+    });
+    this.component = component;
+    this.complete = complete;
+  }
+}
+SessionChangedEvent.TYPE = 'session-changed';
+var SessionChangedEvent_1 = lib$8.SessionChangedEvent = SessionChangedEvent;
+var defaults$1 = {};
+var utils$1 = {};
 var interopRequireDefault = {
   exports: {}
 };
@@ -33,6 +71,248 @@ var interopRequireDefault = {
   (module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports);
 })(interopRequireDefault);
 getDefaultExportFromCjs(interopRequireDefault.exports);
+var defineProperty$3 = {
+  exports: {}
+};
+(function (module) {
+  function _defineProperty(obj, key, value) {
+    if ((key in obj)) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  (module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports);
+})(defineProperty$3);
+getDefaultExportFromCjs(defineProperty$3.exports);
+var _interopRequireDefault$r = interopRequireDefault.exports;
+Object.defineProperty(utils$1, "__esModule", {
+  value: true
+});
+utils$1.getPluginProps = utils$1.generateValidationMessage = utils$1.ResponseTypes = void 0;
+var _defineProperty2$7 = _interopRequireDefault$r(defineProperty$3.exports);
+function ownKeys$7(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    (enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols));
+  }
+  return keys;
+}
+function _objectSpread$7(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) {
+      (0, _defineProperty2$7["default"])(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+var ResponseTypes$1 = {
+  advanced: 'Advanced Multi',
+  simple: 'Simple'
+};
+utils$1.ResponseTypes = ResponseTypes$1;
+var generateValidationMessage = function generateValidationMessage() {
+  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var maxResponseAreas = config.maxResponseAreas;
+  var responseType = model.responseType;
+  var responseAreasMessage = '';
+  var answersMessage = '\nAll correct answers (the primary and any alternates) should not be empty and should be unique.';
+  if (responseType === 'Advanced Multi') {
+    responseAreasMessage = '\nThere should be at least 1 ' + (maxResponseAreas ? ("and at most ").concat(maxResponseAreas, " ") : '') + 'response area' + (maxResponseAreas ? 's' : '') + ' defined.';
+  }
+  return 'Validation requirements:' + answersMessage + responseAreasMessage;
+};
+utils$1.generateValidationMessage = generateValidationMessage;
+var getPluginProps = function getPluginProps() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var baseInputConfiguration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return _objectSpread$7(_objectSpread$7({}, baseInputConfiguration), props);
+};
+utils$1.getPluginProps = getPluginProps;
+(function (exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  exports["default"] = void 0;
+  var _utils = utils$1;
+  var _default = {
+    model: {
+      partialScoring: true,
+      responseType: _utils.ResponseTypes.advanced,
+      element: 'math-inline',
+      feedback: {
+        correct: {
+          "default": 'Correct',
+          type: 'none'
+        },
+        incorrect: {
+          "default": 'Incorrect',
+          type: 'none'
+        },
+        partial: {
+          "default": 'Nearly',
+          type: 'none'
+        }
+      },
+      equationEditor: '8',
+      expression: '',
+      rationale: 'Rationale goes here.',
+      prompt: '',
+      responses: [],
+      customKeys: [],
+      scoringType: 'auto',
+      feedbackEnabled: false,
+      promptEnabled: true,
+      rationaleEnabled: true,
+      teacherInstructionsEnabled: true,
+      studentInstructionsEnabled: true,
+      toolbarEditorPosition: 'bottom',
+      validationDefault: 'literal',
+      ignoreOrderDefault: false,
+      allowTrailingZerosDefault: false
+    },
+    configuration: {
+      baseInputConfiguration: {
+        audio: {
+          disabled: false
+        },
+        video: {
+          disabled: false
+        },
+        image: {
+          disabled: false
+        }
+      },
+      prompt: {
+        settings: true,
+        label: 'Prompt',
+        inputConfiguration: {
+          audio: {
+            disabled: false
+          },
+          video: {
+            disabled: false
+          },
+          image: {
+            disabled: false
+          }
+        },
+        required: false
+      },
+      feedback: {
+        settings: true,
+        label: 'Feedback'
+      },
+      responseType: {
+        settings: true,
+        label: 'Response type'
+      },
+      rationale: {
+        settings: true,
+        label: 'Rationale',
+        inputConfiguration: {
+          audio: {
+            disabled: false
+          },
+          video: {
+            disabled: false
+          },
+          image: {
+            disabled: false
+          }
+        },
+        required: false
+      },
+      settingsPanelDisabled: false,
+      spellCheck: {
+        label: 'Spellcheck',
+        settings: false,
+        enabled: true
+      },
+      scoringType: {
+        settings: false,
+        label: 'Scoring Type'
+      },
+      studentInstructions: {
+        settings: false,
+        label: 'Student Instructions'
+      },
+      teacherInstructions: {
+        settings: true,
+        label: 'Teacher Instructions',
+        inputConfiguration: {
+          audio: {
+            disabled: false
+          },
+          video: {
+            disabled: false
+          },
+          image: {
+            disabled: false
+          }
+        },
+        required: false
+      },
+      partialScoring: {
+        settings: false,
+        label: 'Allow Partial Scoring'
+      },
+      ignoreOrder: {
+        settings: false,
+        label: 'Ignore Order',
+        enabled: true
+      },
+      allowTrailingZeros: {
+        settings: false,
+        label: 'Allow Trailing Zeros',
+        enabled: true
+      },
+      maxImageWidth: {
+        teacherInstructions: 300,
+        prompt: 300,
+        rationale: 300
+      },
+      maxImageHeight: {
+        teacherInstructions: 300,
+        prompt: 300,
+        rationale: 300
+      },
+      withRubric: {
+        settings: false,
+        label: 'Add Rubric'
+      },
+      mathMlOptions: {
+        mmlOutput: false,
+        mmlEditing: false
+      },
+      language: {
+        settings: false,
+        label: 'Specify Language',
+        enabled: false
+      },
+      languageChoices: {
+        label: 'Language Choices',
+        options: []
+      }
+    }
+  };
+  exports["default"] = _default;
+})(defaults$1);
+var defaults = getDefaultExportFromCjs(defaults$1);
+var styles$3 = {};
 var createGenerateClassName$2 = {};
 var warning$2 = function () {};
 {
@@ -68,12 +348,12 @@ var warning$2 = function () {};
   };
 }
 var warning_1 = warning$2;
-var _interopRequireDefault$r = interopRequireDefault.exports;
+var _interopRequireDefault$q = interopRequireDefault.exports;
 Object.defineProperty(createGenerateClassName$2, "__esModule", {
   value: true
 });
 createGenerateClassName$2.default = createGenerateClassName$1;
-var _warning$c = _interopRequireDefault$r(warning_1);
+var _warning$c = _interopRequireDefault$q(warning_1);
 var escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;
 function safePrefix(classNamePrefix) {
   var prefix = String(classNamePrefix);
@@ -99,26 +379,6 @@ function createGenerateClassName$1() {
   };
 }
 var createMuiTheme$1 = {};
-var defineProperty$3 = {
-  exports: {}
-};
-(function (module) {
-  function _defineProperty(obj, key, value) {
-    if ((key in obj)) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-    return obj;
-  }
-  (module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports);
-})(defineProperty$3);
-getDefaultExportFromCjs(defineProperty$3.exports);
 var _extends$2 = {
   exports: {}
 };
@@ -293,14 +553,14 @@ var isPlainObject = function isPlainObject(o) {
   return true;
 };
 var createBreakpoints$1 = {};
-var _interopRequireDefault$q = interopRequireDefault.exports;
+var _interopRequireDefault$p = interopRequireDefault.exports;
 Object.defineProperty(createBreakpoints$1, "__esModule", {
   value: true
 });
 createBreakpoints$1.default = createBreakpoints;
 createBreakpoints$1.keys = void 0;
-var _extends2$a = _interopRequireDefault$q(_extends$2.exports);
-var _objectWithoutProperties2$9 = _interopRequireDefault$q(objectWithoutProperties.exports);
+var _extends2$a = _interopRequireDefault$p(_extends$2.exports);
+var _objectWithoutProperties2$9 = _interopRequireDefault$p(objectWithoutProperties.exports);
 var keys = ['xs', 'sm', 'md', 'lg', 'xl'];
 createBreakpoints$1.keys = keys;
 function createBreakpoints(breakpoints) {
@@ -348,13 +608,13 @@ function createBreakpoints(breakpoints) {
   }, other);
 }
 var createMixins$1 = {};
-var _interopRequireDefault$p = interopRequireDefault.exports;
+var _interopRequireDefault$o = interopRequireDefault.exports;
 Object.defineProperty(createMixins$1, "__esModule", {
   value: true
 });
 createMixins$1.default = createMixins;
-var _defineProperty2$7 = _interopRequireDefault$p(defineProperty$3.exports);
-var _extends3$2 = _interopRequireDefault$p(_extends$2.exports);
+var _defineProperty2$6 = _interopRequireDefault$o(defineProperty$3.exports);
+var _extends3$2 = _interopRequireDefault$o(_extends$2.exports);
 function createMixins(breakpoints, spacing, mixins) {
   var _toolbar;
   return (0, _extends3$2.default)({
@@ -363,16 +623,16 @@ function createMixins(breakpoints, spacing, mixins) {
       return (0, _extends3$2.default)({
         paddingLeft: spacing.unit * 2,
         paddingRight: spacing.unit * 2
-      }, styles, (0, _defineProperty2$7.default)({}, breakpoints.up('sm'), (0, _extends3$2.default)({
+      }, styles, (0, _defineProperty2$6.default)({}, breakpoints.up('sm'), (0, _extends3$2.default)({
         paddingLeft: spacing.unit * 3,
         paddingRight: spacing.unit * 3
       }, styles[breakpoints.up('sm')])));
     },
     toolbar: (_toolbar = {
       minHeight: 56
-    }, (0, _defineProperty2$7.default)(_toolbar, ("").concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
+    }, (0, _defineProperty2$6.default)(_toolbar, ("").concat(breakpoints.up('xs'), " and (orientation: landscape)"), {
       minHeight: 48
-    }), (0, _defineProperty2$7.default)(_toolbar, breakpoints.up('sm'), {
+    }), (0, _defineProperty2$6.default)(_toolbar, breakpoints.up('sm'), {
       minHeight: 64
     }), _toolbar)
   }, mixins);
@@ -482,7 +742,7 @@ var common = {
 var _default$s = common;
 common$1.default = _default$s;
 var colorManipulator = {};
-var _interopRequireDefault$o = interopRequireDefault.exports;
+var _interopRequireDefault$n = interopRequireDefault.exports;
 Object.defineProperty(colorManipulator, "__esModule", {
   value: true
 });
@@ -496,7 +756,7 @@ colorManipulator.emphasize = emphasize;
 colorManipulator.fade = fade;
 colorManipulator.darken = darken;
 colorManipulator.lighten = lighten;
-var _warning$b = _interopRequireDefault$o(warning_1);
+var _warning$b = _interopRequireDefault$n(warning_1);
 function clamp(value) {
   var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
@@ -629,21 +889,21 @@ function lighten(color, coefficient) {
   }
   return recomposeColor(color);
 }
-var _interopRequireDefault$n = interopRequireDefault.exports;
+var _interopRequireDefault$m = interopRequireDefault.exports;
 Object.defineProperty(createPalette$1, "__esModule", {
   value: true
 });
 createPalette$1.default = createPalette;
 createPalette$1.dark = createPalette$1.light = void 0;
-var _extends2$9 = _interopRequireDefault$n(_extends$2.exports);
-var _objectWithoutProperties2$8 = _interopRequireDefault$n(objectWithoutProperties.exports);
-var _warning$a = _interopRequireDefault$n(warning_1);
-var _deepmerge$3 = _interopRequireDefault$n(umd.exports);
-var _indigo = _interopRequireDefault$n(indigo$1);
-var _pink = _interopRequireDefault$n(pink$1);
-var _grey = _interopRequireDefault$n(grey$1);
-var _red = _interopRequireDefault$n(red$1);
-var _common = _interopRequireDefault$n(common$1);
+var _extends2$9 = _interopRequireDefault$m(_extends$2.exports);
+var _objectWithoutProperties2$8 = _interopRequireDefault$m(objectWithoutProperties.exports);
+var _warning$a = _interopRequireDefault$m(warning_1);
+var _deepmerge$3 = _interopRequireDefault$m(umd.exports);
+var _indigo = _interopRequireDefault$m(indigo$1);
+var _pink = _interopRequireDefault$m(pink$1);
+var _grey = _interopRequireDefault$m(grey$1);
+var _red = _interopRequireDefault$m(red$1);
+var _common = _interopRequireDefault$m(common$1);
 var _colorManipulator = colorManipulator;
 var light = {
   text: {
@@ -934,12 +1194,12 @@ var reactIs_development = {};
 {
   reactIs$1.exports = reactIs_development;
 }
-var _interopRequireDefault$m = interopRequireDefault.exports;
+var _interopRequireDefault$l = interopRequireDefault.exports;
 Object.defineProperty(componentPropType$1, "__esModule", {
   value: true
 });
 var default_1$4 = componentPropType$1.default = void 0;
-var _typeof2$2 = _interopRequireDefault$m(_typeof$3.exports);
+var _typeof2$2 = _interopRequireDefault$l(_typeof$3.exports);
 var _reactIs = reactIs$1.exports;
 function createComponentProp(isRequired) {
   return function componentPropType(props, key, componentName, location, propFullName) {
@@ -977,17 +1237,17 @@ function chainPropTypes(propType1, propType2) {
 var _default$q = chainPropTypes;
 default_1$3 = chainPropTypes$1.default = _default$q;
 var exactProp$1 = {};
-var _interopRequireDefault$l = interopRequireDefault.exports;
+var _interopRequireDefault$k = interopRequireDefault.exports;
 Object.defineProperty(exactProp$1, "__esModule", {
   value: true
 });
 var default_1$2 = exactProp$1.default = exactProp$1.specialProperty = void 0;
-var _defineProperty2$6 = _interopRequireDefault$l(defineProperty$3.exports);
-var _extends3$1 = _interopRequireDefault$l(_extends$2.exports);
+var _defineProperty2$5 = _interopRequireDefault$k(defineProperty$3.exports);
+var _extends3$1 = _interopRequireDefault$k(_extends$2.exports);
 var specialProperty = "exact-prop: \u200B";
 exactProp$1.specialProperty = specialProperty;
 function exactProp(propTypes) {
-  return (0, _extends3$1.default)({}, propTypes, (0, _defineProperty2$6.default)({}, specialProperty, function (props) {
+  return (0, _extends3$1.default)({}, propTypes, (0, _defineProperty2$5.default)({}, specialProperty, function (props) {
     var unsupportedProps = Object.keys(props).filter(function (prop) {
       return !propTypes.hasOwnProperty(prop);
     });
@@ -1050,15 +1310,15 @@ var index_es = Object.freeze({
   }
 });
 var require$$13 = getAugmentedNamespace(index_es);
-var _interopRequireDefault$k = interopRequireDefault.exports;
+var _interopRequireDefault$j = interopRequireDefault.exports;
 Object.defineProperty(createTypography$1, "__esModule", {
   value: true
 });
 createTypography$1.default = createTypography;
-var _extends2$8 = _interopRequireDefault$k(_extends$2.exports);
-var _objectWithoutProperties2$7 = _interopRequireDefault$k(objectWithoutProperties.exports);
-var _deepmerge$2 = _interopRequireDefault$k(umd.exports);
-var _warning$9 = _interopRequireDefault$k(warning_1);
+var _extends2$8 = _interopRequireDefault$j(_extends$2.exports);
+var _objectWithoutProperties2$7 = _interopRequireDefault$j(objectWithoutProperties.exports);
+var _deepmerge$2 = _interopRequireDefault$j(umd.exports);
+var _warning$9 = _interopRequireDefault$j(warning_1);
 var _utils$8 = require$$13;
 function round(value) {
   return Math.round(value * 1e5) / 1e5;
@@ -1238,13 +1498,13 @@ var spacing = {
 var _default$k = spacing;
 spacing$1.default = _default$k;
 var transitions = {};
-var _interopRequireDefault$j = interopRequireDefault.exports;
+var _interopRequireDefault$i = interopRequireDefault.exports;
 Object.defineProperty(transitions, "__esModule", {
   value: true
 });
 transitions.default = transitions.isNumber = transitions.isString = transitions.formatMs = transitions.duration = transitions.easing = void 0;
-var _objectWithoutProperties2$6 = _interopRequireDefault$j(objectWithoutProperties.exports);
-var _warning$8 = _interopRequireDefault$j(warning_1);
+var _objectWithoutProperties2$6 = _interopRequireDefault$i(objectWithoutProperties.exports);
+var _warning$8 = _interopRequireDefault$i(warning_1);
 var easing = {
   easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
   easeOut: 'cubic-bezier(0.0, 0, 0.2, 1)',
@@ -1314,26 +1574,26 @@ var zIndex = {
 };
 var _default$i = zIndex;
 zIndex$1.default = _default$i;
-var _interopRequireDefault$i = interopRequireDefault.exports;
+var _interopRequireDefault$h = interopRequireDefault.exports;
 Object.defineProperty(createMuiTheme$1, "__esModule", {
   value: true
 });
 createMuiTheme$1.default = void 0;
-var _defineProperty2$5 = _interopRequireDefault$i(defineProperty$3.exports);
-var _extends2$7 = _interopRequireDefault$i(_extends$2.exports);
-var _objectWithoutProperties2$5 = _interopRequireDefault$i(objectWithoutProperties.exports);
-var _deepmerge$1 = _interopRequireDefault$i(umd.exports);
-var _isPlainObject = _interopRequireDefault$i(isPlainObject);
-var _warning$7 = _interopRequireDefault$i(warning_1);
-var _createBreakpoints = _interopRequireDefault$i(createBreakpoints$1);
-var _createMixins = _interopRequireDefault$i(createMixins$1);
-var _createPalette = _interopRequireDefault$i(createPalette$1);
-var _createTypography = _interopRequireDefault$i(createTypography$1);
-var _shadows = _interopRequireDefault$i(shadows$1);
-var _shape = _interopRequireDefault$i(shape$1);
-var _spacing = _interopRequireDefault$i(spacing$1);
-var _transitions = _interopRequireDefault$i(transitions);
-var _zIndex = _interopRequireDefault$i(zIndex$1);
+var _defineProperty2$4 = _interopRequireDefault$h(defineProperty$3.exports);
+var _extends2$7 = _interopRequireDefault$h(_extends$2.exports);
+var _objectWithoutProperties2$5 = _interopRequireDefault$h(objectWithoutProperties.exports);
+var _deepmerge$1 = _interopRequireDefault$h(umd.exports);
+var _isPlainObject = _interopRequireDefault$h(isPlainObject);
+var _warning$7 = _interopRequireDefault$h(warning_1);
+var _createBreakpoints = _interopRequireDefault$h(createBreakpoints$1);
+var _createMixins = _interopRequireDefault$h(createMixins$1);
+var _createPalette = _interopRequireDefault$h(createPalette$1);
+var _createTypography = _interopRequireDefault$h(createTypography$1);
+var _shadows = _interopRequireDefault$h(shadows$1);
+var _shape = _interopRequireDefault$h(shape$1);
+var _spacing = _interopRequireDefault$h(spacing$1);
+var _transitions = _interopRequireDefault$h(transitions);
+var _zIndex = _interopRequireDefault$h(zIndex$1);
 function createMuiTheme() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options$breakpoints = options.breakpoints, breakpointsInput = _options$breakpoints === void 0 ? {} : _options$breakpoints, _options$mixins = options.mixins, mixinsInput = _options$mixins === void 0 ? {} : _options$mixins, _options$palette = options.palette, paletteInput = _options$palette === void 0 ? {} : _options$palette, shadowsInput = options.shadows, _options$spacing = options.spacing, spacingInput = _options$spacing === void 0 ? {} : _options$spacing, _options$typography = options.typography, typographyInput = _options$typography === void 0 ? {} : _options$typography, other = (0, _objectWithoutProperties2$5.default)(options, ["breakpoints", "mixins", "palette", "shadows", "spacing", "typography"]);
@@ -1369,7 +1629,7 @@ function createMuiTheme() {
             traverse(child, key, depth + 1);
           }
         } else if (statesWarning.indexOf(key) !== -1 && Object.keys(child).length > 0) {
-          (0, _warning$7.default)(false, [("Material-UI: the `").concat(parentKey, "` component increases ") + ("the CSS specificity of the `").concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify((0, _defineProperty2$5.default)({}, ("&$").concat(key), child), null, 2), '', 'https://v3.material-ui.com/customization/overrides#internal-states'].join('\n'));
+          (0, _warning$7.default)(false, [("Material-UI: the `").concat(parentKey, "` component increases ") + ("the CSS specificity of the `").concat(key, "` internal state."), 'You can not override it like this: ', JSON.stringify(node, null, 2), '', 'Instead, you need to use the $ruleName syntax:', JSON.stringify((0, _defineProperty2$4.default)({}, ("&$").concat(key), child), null, 2), '', 'https://v3.material-ui.com/customization/overrides#internal-states'].join('\n'));
         }
       }
     };
@@ -1381,8 +1641,8 @@ function createMuiTheme() {
 var _default$h = createMuiTheme;
 createMuiTheme$1.default = _default$h;
 var jssPreset$1 = {};
-var lib$8 = {};
 var lib$7 = {};
+var lib$6 = {};
 var getDynamicStyles = {};
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
@@ -3631,8 +3891,8 @@ getDefaultExportFromCjs(Jss);
     return new _Jss2['default'](options);
   };
   exports['default'] = create();
-})(lib$7);
-getDefaultExportFromCjs(lib$7);
+})(lib$6);
+getDefaultExportFromCjs(lib$6);
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
     value: true
@@ -3665,7 +3925,7 @@ getDefaultExportFromCjs(lib$7);
     };
   })();
   exports['default'] = jssGlobal;
-  var _jss = lib$7;
+  var _jss = lib$6;
   function _classCallCheck(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
       throw new TypeError("Cannot call a class as a function");
@@ -3792,9 +4052,9 @@ getDefaultExportFromCjs(lib$7);
       onProcessRule: onProcessRule
     };
   }
-})(lib$8);
-getDefaultExportFromCjs(lib$8);
-var lib$6 = {};
+})(lib$7);
+getDefaultExportFromCjs(lib$7);
+var lib$5 = {};
 var warning = function () {};
 {
   warning = function (condition, format, args) {
@@ -3824,7 +4084,7 @@ var warning = function () {};
   };
 }
 var browser = warning;
-Object.defineProperty(lib$6, "__esModule", {
+Object.defineProperty(lib$5, "__esModule", {
   value: true
 });
 var _extends$1 = Object.assign || (function (target) {
@@ -3838,10 +4098,10 @@ var _extends$1 = Object.assign || (function (target) {
   }
   return target;
 });
-lib$6.default = jssNested;
+lib$5.default = jssNested;
 var _warning$6 = browser;
-var _warning2 = _interopRequireDefault$h(_warning$6);
-function _interopRequireDefault$h(obj) {
+var _warning2 = _interopRequireDefault$g(_warning$6);
+function _interopRequireDefault$g(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
@@ -3916,7 +4176,7 @@ function jssNested() {
     onProcessStyle: onProcessStyle
   };
 }
-var lib$5 = {};
+var lib$4 = {};
 var uppercasePattern = /[A-Z]/g;
 var msPattern = /^ms-/;
 var cache = {};
@@ -3978,9 +4238,9 @@ var require$$0$2 = getAugmentedNamespace(hyphenateStyleName$1);
       onChangeValue: onChangeValue
     };
   }
-})(lib$5);
-getDefaultExportFromCjs(lib$5);
-var lib$4 = {};
+})(lib$4);
+getDefaultExportFromCjs(lib$4);
+var lib$3 = {};
 var defaultUnits = {};
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
@@ -4171,10 +4431,10 @@ getDefaultExportFromCjs(defaultUnits);
       onChangeValue: onChangeValue
     };
   }
-})(lib$4);
-getDefaultExportFromCjs(lib$4);
-var lib$3 = {};
+})(lib$3);
+getDefaultExportFromCjs(lib$3);
 var lib$2 = {};
+var lib$1 = {};
 var prefix = {};
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
@@ -4334,14 +4594,14 @@ getDefaultExportFromCjs(supportedValue);
   exports.prefix = _prefix2['default'];
   exports.supportedProperty = _supportedProperty2['default'];
   exports.supportedValue = _supportedValue2['default'];
-})(lib$2);
-getDefaultExportFromCjs(lib$2);
+})(lib$1);
+getDefaultExportFromCjs(lib$1);
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
   exports['default'] = jssVendorPrefixer;
-  var _cssVendor = lib$2;
+  var _cssVendor = lib$1;
   var vendor = _interopRequireWildcard(_cssVendor);
   function _interopRequireWildcard(obj) {
     if (obj && obj.__esModule) {
@@ -4389,9 +4649,9 @@ getDefaultExportFromCjs(lib$2);
       onChangeValue: onChangeValue
     };
   }
-})(lib$3);
-getDefaultExportFromCjs(lib$3);
-var lib$1 = {};
+})(lib$2);
+getDefaultExportFromCjs(lib$2);
+var lib = {};
 (function (exports) {
   Object.defineProperty(exports, "__esModule", {
     value: true
@@ -4414,19 +4674,19 @@ var lib$1 = {};
       onProcessStyle: onProcessStyle
     };
   }
-})(lib$1);
-getDefaultExportFromCjs(lib$1);
-var _interopRequireDefault$g = interopRequireDefault.exports;
+})(lib);
+getDefaultExportFromCjs(lib);
+var _interopRequireDefault$f = interopRequireDefault.exports;
 Object.defineProperty(jssPreset$1, "__esModule", {
   value: true
 });
 jssPreset$1.default = void 0;
-var _jssGlobal = _interopRequireDefault$g(lib$8);
-var _jssNested = _interopRequireDefault$g(lib$6);
-var _jssCamelCase = _interopRequireDefault$g(lib$5);
-var _jssDefaultUnit = _interopRequireDefault$g(lib$4);
-var _jssVendorPrefixer = _interopRequireDefault$g(lib$3);
-var _jssPropsSort = _interopRequireDefault$g(lib$1);
+var _jssGlobal = _interopRequireDefault$f(lib$7);
+var _jssNested = _interopRequireDefault$f(lib$5);
+var _jssCamelCase = _interopRequireDefault$f(lib$4);
+var _jssDefaultUnit = _interopRequireDefault$f(lib$3);
+var _jssVendorPrefixer = _interopRequireDefault$f(lib$2);
+var _jssPropsSort = _interopRequireDefault$f(lib);
 function jssPreset() {
   return {
     plugins: [(0, _jssGlobal.default)(), (0, _jssNested.default)(), (0, _jssCamelCase.default)(), (0, _jssDefaultUnit.default)(), typeof window === 'undefined' ? null : (0, _jssVendorPrefixer.default)(), (0, _jssPropsSort.default)()]
@@ -4642,16 +4902,16 @@ var brcast_es = Object.freeze({
 });
 var require$$12$2 = getAugmentedNamespace(brcast_es);
 var themeListener$1 = {};
-var _interopRequireDefault$f = interopRequireDefault.exports;
+var _interopRequireDefault$e = interopRequireDefault.exports;
 Object.defineProperty(themeListener$1, "__esModule", {
   value: true
 });
 themeListener$1.default = themeListener$1.CHANNEL = void 0;
-var _defineProperty2$4 = _interopRequireDefault$f(defineProperty$3.exports);
+var _defineProperty2$3 = _interopRequireDefault$e(defineProperty$3.exports);
 var CHANNEL = '__THEMING__';
 themeListener$1.CHANNEL = CHANNEL;
 var themeListener = {
-  contextTypes: (0, _defineProperty2$4.default)({}, CHANNEL, function () {}),
+  contextTypes: (0, _defineProperty2$3.default)({}, CHANNEL, function () {}),
   initial: function initial(context) {
     if (!context[CHANNEL]) {
       return null;
@@ -4675,22 +4935,22 @@ themeListener$1.default = _default$f;
 const require$$9$5 = _dll_react;
 const require$$10$3 = _dll_prop_types;
 var _interopRequireWildcard$1 = interopRequireWildcard.exports;
-var _interopRequireDefault$e = interopRequireDefault.exports;
+var _interopRequireDefault$d = interopRequireDefault.exports;
 Object.defineProperty(MuiThemeProvider, "__esModule", {
   value: true
 });
 MuiThemeProvider.default = MuiThemeProvider.MuiThemeProviderOld = void 0;
-var _extends2$6 = _interopRequireDefault$e(_extends$2.exports);
-var _defineProperty2$3 = _interopRequireDefault$e(defineProperty$3.exports);
-var _classCallCheck2$7 = _interopRequireDefault$e(classCallCheck$2.exports);
-var _createClass2$7 = _interopRequireDefault$e(createClass$2.exports);
-var _possibleConstructorReturn2$7 = _interopRequireDefault$e(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2$5 = _interopRequireDefault$e(getPrototypeOf$2.exports);
-var _inherits2$7 = _interopRequireDefault$e(inherits$1.exports);
-var _react$9 = _interopRequireDefault$e(require$$9$5);
-var _propTypes$8 = _interopRequireDefault$e(require$$10$3);
-var _warning$5 = _interopRequireDefault$e(warning_1);
-var _brcast = _interopRequireDefault$e(require$$12$2);
+var _extends2$6 = _interopRequireDefault$d(_extends$2.exports);
+var _defineProperty2$2 = _interopRequireDefault$d(defineProperty$3.exports);
+var _classCallCheck2$7 = _interopRequireDefault$d(classCallCheck$2.exports);
+var _createClass2$7 = _interopRequireDefault$d(createClass$2.exports);
+var _possibleConstructorReturn2$7 = _interopRequireDefault$d(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2$5 = _interopRequireDefault$d(getPrototypeOf$2.exports);
+var _inherits2$7 = _interopRequireDefault$d(inherits$1.exports);
+var _react$9 = _interopRequireDefault$d(require$$9$5);
+var _propTypes$8 = _interopRequireDefault$d(require$$10$3);
+var _warning$5 = _interopRequireDefault$d(warning_1);
+var _brcast = _interopRequireDefault$d(require$$12$2);
 var _utils$7 = require$$13;
 var _themeListener$2 = _interopRequireWildcard$1(themeListener$1);
 var MuiThemeProviderOld = (function (_React$Component) {
@@ -4719,7 +4979,7 @@ var MuiThemeProviderOld = (function (_React$Component) {
       if (sheetsManager !== undefined) {
         muiThemeProviderOptions.sheetsManager = sheetsManager;
       }
-      return (_ref = {}, (0, _defineProperty2$3.default)(_ref, _themeListener$2.CHANNEL, this.broadcast), (0, _defineProperty2$3.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref);
+      return (_ref = {}, (0, _defineProperty2$2.default)(_ref, _themeListener$2.CHANNEL, this.broadcast), (0, _defineProperty2$2.default)(_ref, "muiThemeProviderOptions", muiThemeProviderOptions), _ref);
     }
   }, {
     key: "componentDidMount",
@@ -4891,13 +5151,13 @@ var ns = {
 var _default$d = ns;
 reactJssContext.default = _default$d;
 var mergeClasses$1 = {};
-var _interopRequireDefault$d = interopRequireDefault.exports;
+var _interopRequireDefault$c = interopRequireDefault.exports;
 Object.defineProperty(mergeClasses$1, "__esModule", {
   value: true
 });
 mergeClasses$1.default = void 0;
-var _extends2$5 = _interopRequireDefault$d(_extends$2.exports);
-var _warning$4 = _interopRequireDefault$d(warning_1);
+var _extends2$5 = _interopRequireDefault$c(_extends$2.exports);
+var _warning$4 = _interopRequireDefault$c(warning_1);
 var _utils$6 = require$$13;
 function mergeClasses() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -4947,15 +5207,15 @@ var multiKeyStore = {
 var _default$b = multiKeyStore;
 multiKeyStore$1.default = _default$b;
 var getStylesCreator$1 = {};
-var _interopRequireDefault$c = interopRequireDefault.exports;
+var _interopRequireDefault$b = interopRequireDefault.exports;
 Object.defineProperty(getStylesCreator$1, "__esModule", {
   value: true
 });
 getStylesCreator$1.default = void 0;
-var _extends2$4 = _interopRequireDefault$c(_extends$2.exports);
-var _typeof2$1 = _interopRequireDefault$c(_typeof$3.exports);
-var _warning$3 = _interopRequireDefault$c(warning_1);
-var _deepmerge = _interopRequireDefault$c(umd.exports);
+var _extends2$4 = _interopRequireDefault$b(_extends$2.exports);
+var _typeof2$1 = _interopRequireDefault$b(_typeof$3.exports);
+var _warning$3 = _interopRequireDefault$b(warning_1);
+var _deepmerge = _interopRequireDefault$b(umd.exports);
 function arrayMerge(destination, source) {
   return source;
 }
@@ -5008,34 +5268,34 @@ var _default$9 = getThemeProps;
 getThemeProps$1.default = _default$9;
 const require$$9$4 = _dll_react;
 const require$$10$2 = _dll_prop_types;
-var _interopRequireDefault$b = interopRequireDefault.exports;
+var _interopRequireDefault$a = interopRequireDefault.exports;
 Object.defineProperty(withStyles, "__esModule", {
   value: true
 });
 withStyles.default = withStyles.sheetsManager = void 0;
-var _defineProperty2$2 = _interopRequireDefault$b(defineProperty$3.exports);
-var _extends3 = _interopRequireDefault$b(_extends$2.exports);
-var _classCallCheck2$6 = _interopRequireDefault$b(classCallCheck$2.exports);
-var _createClass2$6 = _interopRequireDefault$b(createClass$2.exports);
-var _possibleConstructorReturn2$6 = _interopRequireDefault$b(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2$4 = _interopRequireDefault$b(getPrototypeOf$2.exports);
-var _inherits2$6 = _interopRequireDefault$b(inherits$1.exports);
-var _objectWithoutProperties2$4 = _interopRequireDefault$b(objectWithoutProperties.exports);
-var _react$8 = _interopRequireDefault$b(require$$9$4);
-var _propTypes$7 = _interopRequireDefault$b(require$$10$2);
-var _warning$2 = _interopRequireDefault$b(warning_1);
-var _hoistNonReactStatics$1 = _interopRequireDefault$b(hoistNonReactStatics_cjs);
+var _defineProperty2$1 = _interopRequireDefault$a(defineProperty$3.exports);
+var _extends3 = _interopRequireDefault$a(_extends$2.exports);
+var _classCallCheck2$6 = _interopRequireDefault$a(classCallCheck$2.exports);
+var _createClass2$6 = _interopRequireDefault$a(createClass$2.exports);
+var _possibleConstructorReturn2$6 = _interopRequireDefault$a(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2$4 = _interopRequireDefault$a(getPrototypeOf$2.exports);
+var _inherits2$6 = _interopRequireDefault$a(inherits$1.exports);
+var _objectWithoutProperties2$4 = _interopRequireDefault$a(objectWithoutProperties.exports);
+var _react$8 = _interopRequireDefault$a(require$$9$4);
+var _propTypes$7 = _interopRequireDefault$a(require$$10$2);
+var _warning$2 = _interopRequireDefault$a(warning_1);
+var _hoistNonReactStatics$1 = _interopRequireDefault$a(hoistNonReactStatics_cjs);
 var _utils$5 = require$$13;
-var _jss = lib$7;
-var _reactJssContext = _interopRequireDefault$b(reactJssContext);
-var _jssPreset = _interopRequireDefault$b(jssPreset$1);
-var _mergeClasses = _interopRequireDefault$b(mergeClasses$1);
-var _multiKeyStore = _interopRequireDefault$b(multiKeyStore$1);
-var _createMuiTheme$1 = _interopRequireDefault$b(createMuiTheme$1);
-var _themeListener$1 = _interopRequireDefault$b(themeListener$1);
-var _createGenerateClassName = _interopRequireDefault$b(createGenerateClassName$2);
-var _getStylesCreator = _interopRequireDefault$b(getStylesCreator$1);
-var _getThemeProps = _interopRequireDefault$b(getThemeProps$1);
+var _jss = lib$6;
+var _reactJssContext = _interopRequireDefault$a(reactJssContext);
+var _jssPreset = _interopRequireDefault$a(jssPreset$1);
+var _mergeClasses = _interopRequireDefault$a(mergeClasses$1);
+var _multiKeyStore = _interopRequireDefault$a(multiKeyStore$1);
+var _createMuiTheme$1 = _interopRequireDefault$a(createMuiTheme$1);
+var _themeListener$1 = _interopRequireDefault$a(themeListener$1);
+var _createGenerateClassName = _interopRequireDefault$a(createGenerateClassName$2);
+var _getStylesCreator = _interopRequireDefault$a(getStylesCreator$1);
+var _getThemeProps = _interopRequireDefault$a(getThemeProps$1);
 var jss = (0, _jss.create)((0, _jssPreset.default)());
 var generateClassName = (0, _createGenerateClassName.default)();
 var indexCounter = -10e10;
@@ -5246,7 +5506,7 @@ var withStylesOld = function withStylesOld(stylesOrCreator) {
     };
     WithStyles.contextTypes = (0, _extends3.default)((_extends2 = {
       muiThemeProviderOptions: _propTypes$7.default.object
-    }, (0, _defineProperty2$2.default)(_extends2, _reactJssContext.default.jss, _propTypes$7.default.object), (0, _defineProperty2$2.default)(_extends2, _reactJssContext.default.sheetOptions, _propTypes$7.default.object), (0, _defineProperty2$2.default)(_extends2, _reactJssContext.default.sheetsRegistry, _propTypes$7.default.object), _extends2), listenToTheme ? _themeListener$1.default.contextTypes : {});
+    }, (0, _defineProperty2$1.default)(_extends2, _reactJssContext.default.jss, _propTypes$7.default.object), (0, _defineProperty2$1.default)(_extends2, _reactJssContext.default.sheetOptions, _propTypes$7.default.object), (0, _defineProperty2$1.default)(_extends2, _reactJssContext.default.sheetsRegistry, _propTypes$7.default.object), _extends2), listenToTheme ? _themeListener$1.default.contextTypes : {});
     {
       WithStyles.displayName = ("WithStyles(").concat((0, _utils$5.getDisplayName)(Component), ")");
     }
@@ -5273,24 +5533,24 @@ withStyles.default = _default$8;
 var withTheme = {};
 const require$$8$3 = _dll_react;
 const require$$9$3 = _dll_prop_types;
-var _interopRequireDefault$a = interopRequireDefault.exports;
+var _interopRequireDefault$9 = interopRequireDefault.exports;
 Object.defineProperty(withTheme, "__esModule", {
   value: true
 });
 withTheme.default = void 0;
-var _extends2$3 = _interopRequireDefault$a(_extends$2.exports);
-var _objectWithoutProperties2$3 = _interopRequireDefault$a(objectWithoutProperties.exports);
-var _classCallCheck2$5 = _interopRequireDefault$a(classCallCheck$2.exports);
-var _createClass2$5 = _interopRequireDefault$a(createClass$2.exports);
-var _possibleConstructorReturn2$5 = _interopRequireDefault$a(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2$3 = _interopRequireDefault$a(getPrototypeOf$2.exports);
-var _inherits2$5 = _interopRequireDefault$a(inherits$1.exports);
-var _react$7 = _interopRequireDefault$a(require$$8$3);
-var _propTypes$6 = _interopRequireDefault$a(require$$9$3);
-var _hoistNonReactStatics = _interopRequireDefault$a(hoistNonReactStatics_cjs);
+var _extends2$3 = _interopRequireDefault$9(_extends$2.exports);
+var _objectWithoutProperties2$3 = _interopRequireDefault$9(objectWithoutProperties.exports);
+var _classCallCheck2$5 = _interopRequireDefault$9(classCallCheck$2.exports);
+var _createClass2$5 = _interopRequireDefault$9(createClass$2.exports);
+var _possibleConstructorReturn2$5 = _interopRequireDefault$9(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2$3 = _interopRequireDefault$9(getPrototypeOf$2.exports);
+var _inherits2$5 = _interopRequireDefault$9(inherits$1.exports);
+var _react$7 = _interopRequireDefault$9(require$$8$3);
+var _propTypes$6 = _interopRequireDefault$9(require$$9$3);
+var _hoistNonReactStatics = _interopRequireDefault$9(hoistNonReactStatics_cjs);
 var _utils$4 = require$$13;
-var _createMuiTheme = _interopRequireDefault$a(createMuiTheme$1);
-var _themeListener = _interopRequireDefault$a(themeListener$1);
+var _createMuiTheme = _interopRequireDefault$9(createMuiTheme$1);
+var _themeListener = _interopRequireDefault$9(themeListener$1);
 var defaultTheme;
 function getDefaultTheme() {
   if (defaultTheme) {
@@ -5430,7 +5690,7 @@ var RootRef$1 = {};
 var reactHelpers = {};
 const require$$1$1 = _dll_react;
 const require$$2$1 = _dll_classnames;
-var _interopRequireDefault$9 = interopRequireDefault.exports;
+var _interopRequireDefault$8 = interopRequireDefault.exports;
 Object.defineProperty(reactHelpers, "__esModule", {
   value: true
 });
@@ -5438,8 +5698,8 @@ reactHelpers.cloneElementWithClassName = cloneElementWithClassName;
 reactHelpers.cloneChildrenWithClassName = cloneChildrenWithClassName;
 reactHelpers.isMuiElement = isMuiElement;
 reactHelpers.setRef = setRef;
-var _react$6 = _interopRequireDefault$9(require$$1$1);
-var _classnames$1 = _interopRequireDefault$9(require$$2$1);
+var _react$6 = _interopRequireDefault$8(require$$1$1);
+var _classnames$1 = _interopRequireDefault$8(require$$2$1);
 function cloneElementWithClassName(child, className) {
   return _react$6.default.cloneElement(child, {
     className: (0, _classnames$1.default)(child.props.className, className)
@@ -5463,19 +5723,19 @@ function setRef(ref, value) {
 const require$$6$1 = _dll_react;
 const require$$7$1 = _dll_react_dom;
 const require$$8$2 = _dll_prop_types;
-var _interopRequireDefault$8 = interopRequireDefault.exports;
+var _interopRequireDefault$7 = interopRequireDefault.exports;
 Object.defineProperty(RootRef$1, "__esModule", {
   value: true
 });
 RootRef$1.default = void 0;
-var _classCallCheck2$4 = _interopRequireDefault$8(classCallCheck$2.exports);
-var _createClass2$4 = _interopRequireDefault$8(createClass$2.exports);
-var _possibleConstructorReturn2$4 = _interopRequireDefault$8(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2$2 = _interopRequireDefault$8(getPrototypeOf$2.exports);
-var _inherits2$4 = _interopRequireDefault$8(inherits$1.exports);
-var _react$5 = _interopRequireDefault$8(require$$6$1);
-var _reactDom$3 = _interopRequireDefault$8(require$$7$1);
-var _propTypes$5 = _interopRequireDefault$8(require$$8$2);
+var _classCallCheck2$4 = _interopRequireDefault$7(classCallCheck$2.exports);
+var _createClass2$4 = _interopRequireDefault$7(createClass$2.exports);
+var _possibleConstructorReturn2$4 = _interopRequireDefault$7(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2$2 = _interopRequireDefault$7(getPrototypeOf$2.exports);
+var _inherits2$4 = _interopRequireDefault$7(inherits$1.exports);
+var _react$5 = _interopRequireDefault$7(require$$6$1);
+var _reactDom$3 = _interopRequireDefault$7(require$$7$1);
+var _propTypes$5 = _interopRequireDefault$7(require$$8$2);
 var _utils$3 = require$$13;
 var _reactHelpers = reactHelpers;
 var RootRef = (function (_React$Component) {
@@ -5540,7 +5800,7 @@ RootRef$1.default = _default$6;
 })(RootRef$2);
 getDefaultExportFromCjs(RootRef$2);
 var helpers = {};
-var _interopRequireDefault$7 = interopRequireDefault.exports;
+var _interopRequireDefault$6 = interopRequireDefault.exports;
 Object.defineProperty(helpers, "__esModule", {
   value: true
 });
@@ -5549,8 +5809,8 @@ helpers.contains = contains;
 helpers.findIndex = findIndex$1;
 helpers.find = find$1;
 helpers.createChainedFunction = createChainedFunction;
-var _typeof2 = _interopRequireDefault$7(_typeof$3.exports);
-var _warning$1 = _interopRequireDefault$7(warning_1);
+var _typeof2 = _interopRequireDefault$6(_typeof$3.exports);
+var _warning$1 = _interopRequireDefault$6(warning_1);
 function capitalize$1(string) {
   if (typeof string !== 'string') {
     throw new Error('Material-UI: capitalize(string) expects a string argument.');
@@ -5688,8 +5948,8 @@ var PropTypes$3 = {};
 const require$$0$1 = _dll_prop_types;
 PropTypes$3.__esModule = true;
 PropTypes$3.classNamesShape = PropTypes$3.timeoutsShape = void 0;
-var _propTypes$4 = _interopRequireDefault$6(require$$0$1);
-function _interopRequireDefault$6(obj) {
+var _propTypes$4 = _interopRequireDefault$5(require$$0$1);
+function _interopRequireDefault$5(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
@@ -5719,11 +5979,11 @@ const require$$2 = _dll_react_dom;
 Transition$1.__esModule = true;
 Transition$1.default = Transition$1.EXITING = Transition$1.ENTERED = Transition$1.ENTERING = Transition$1.EXITED = Transition$1.UNMOUNTED = void 0;
 var PropTypes$2 = _interopRequireWildcard(require$$0);
-var _react$4 = _interopRequireDefault$5(require$$1);
-var _reactDom$2 = _interopRequireDefault$5(require$$2);
+var _react$4 = _interopRequireDefault$4(require$$1);
+var _reactDom$2 = _interopRequireDefault$4(require$$2);
 var _reactLifecyclesCompat = require$$3;
 var _PropTypes = PropTypes$3;
-function _interopRequireDefault$5(obj) {
+function _interopRequireDefault$4(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
   };
@@ -6048,16 +6308,16 @@ Transition.ENTERED = 3;
 Transition.EXITING = 4;
 var _default$5 = (0, _reactLifecyclesCompat.polyfill)(Transition);
 Transition$1.default = _default$5;
-var utils$1 = {};
-Object.defineProperty(utils$1, "__esModule", {
+var utils = {};
+Object.defineProperty(utils, "__esModule", {
   value: true
 });
-utils$1.getTransitionProps = getTransitionProps;
-utils$1.reflow = void 0;
+utils.getTransitionProps = getTransitionProps;
+utils.reflow = void 0;
 var reflow = function reflow(node) {
   return node.scrollTop;
 };
-utils$1.reflow = reflow;
+utils.reflow = reflow;
 function getTransitionProps(props, options) {
   var timeout = props.timeout, _props$style = props.style, style = _props$style === void 0 ? {} : _props$style;
   return {
@@ -6067,23 +6327,23 @@ function getTransitionProps(props, options) {
 }
 const require$$8$1 = _dll_react;
 const require$$9$2 = _dll_prop_types;
-var _interopRequireDefault$4 = interopRequireDefault.exports;
+var _interopRequireDefault$3 = interopRequireDefault.exports;
 Object.defineProperty(Grow$1, "__esModule", {
   value: true
 });
 Grow$1.default = void 0;
-var _extends2$2 = _interopRequireDefault$4(_extends$2.exports);
-var _objectWithoutProperties2$2 = _interopRequireDefault$4(objectWithoutProperties.exports);
-var _classCallCheck2$3 = _interopRequireDefault$4(classCallCheck$2.exports);
-var _createClass2$3 = _interopRequireDefault$4(createClass$2.exports);
-var _possibleConstructorReturn2$3 = _interopRequireDefault$4(possibleConstructorReturn$1.exports);
-var _getPrototypeOf3$1 = _interopRequireDefault$4(getPrototypeOf$2.exports);
-var _inherits2$3 = _interopRequireDefault$4(inherits$1.exports);
-var _react$3 = _interopRequireDefault$4(require$$8$1);
-var _propTypes$3 = _interopRequireDefault$4(require$$9$2);
-var _Transition = _interopRequireDefault$4(Transition$1);
-var _withTheme = _interopRequireDefault$4(withTheme);
-var _utils$2 = utils$1;
+var _extends2$2 = _interopRequireDefault$3(_extends$2.exports);
+var _objectWithoutProperties2$2 = _interopRequireDefault$3(objectWithoutProperties.exports);
+var _classCallCheck2$3 = _interopRequireDefault$3(classCallCheck$2.exports);
+var _createClass2$3 = _interopRequireDefault$3(createClass$2.exports);
+var _possibleConstructorReturn2$3 = _interopRequireDefault$3(possibleConstructorReturn$1.exports);
+var _getPrototypeOf3$1 = _interopRequireDefault$3(getPrototypeOf$2.exports);
+var _inherits2$3 = _interopRequireDefault$3(inherits$1.exports);
+var _react$3 = _interopRequireDefault$3(require$$8$1);
+var _propTypes$3 = _interopRequireDefault$3(require$$9$2);
+var _Transition = _interopRequireDefault$3(Transition$1);
+var _withTheme = _interopRequireDefault$3(withTheme);
+var _utils$2 = utils;
 function getScale(value) {
   return ("scale(").concat(value, ", ").concat(Math.pow(value, 2), ")");
 }
@@ -7475,20 +7735,20 @@ ownerDocument$1.default = _default$3;
 const require$$6 = _dll_react;
 const require$$7 = _dll_react_dom;
 const require$$8 = _dll_prop_types;
-var _interopRequireDefault$3 = interopRequireDefault.exports;
+var _interopRequireDefault$2 = interopRequireDefault.exports;
 Object.defineProperty(Portal$1, "__esModule", {
   value: true
 });
 Portal$1.default = void 0;
-var _classCallCheck2$2 = _interopRequireDefault$3(classCallCheck$2.exports);
-var _createClass2$2 = _interopRequireDefault$3(createClass$2.exports);
-var _possibleConstructorReturn2$2 = _interopRequireDefault$3(possibleConstructorReturn$1.exports);
-var _getPrototypeOf3 = _interopRequireDefault$3(getPrototypeOf$2.exports);
-var _inherits2$2 = _interopRequireDefault$3(inherits$1.exports);
-var _react$2 = _interopRequireDefault$3(require$$6);
-var _reactDom$1 = _interopRequireDefault$3(require$$7);
-var _propTypes$2 = _interopRequireDefault$3(require$$8);
-var _ownerDocument = _interopRequireDefault$3(ownerDocument$1);
+var _classCallCheck2$2 = _interopRequireDefault$2(classCallCheck$2.exports);
+var _createClass2$2 = _interopRequireDefault$2(createClass$2.exports);
+var _possibleConstructorReturn2$2 = _interopRequireDefault$2(possibleConstructorReturn$1.exports);
+var _getPrototypeOf3 = _interopRequireDefault$2(getPrototypeOf$2.exports);
+var _inherits2$2 = _interopRequireDefault$2(inherits$1.exports);
+var _react$2 = _interopRequireDefault$2(require$$6);
+var _reactDom$1 = _interopRequireDefault$2(require$$7);
+var _propTypes$2 = _interopRequireDefault$2(require$$8);
+var _ownerDocument = _interopRequireDefault$2(ownerDocument$1);
 var _utils$1 = require$$13;
 function getContainer(container, defaultContainer) {
   container = typeof container === 'function' ? container() : container;
@@ -7594,24 +7854,24 @@ getDefaultExportFromCjs(Portal$2);
 const require$$9$1 = _dll_react;
 const require$$10$1 = _dll_react_dom;
 const require$$11 = _dll_prop_types;
-var _interopRequireDefault$2 = interopRequireDefault.exports;
+var _interopRequireDefault$1 = interopRequireDefault.exports;
 Object.defineProperty(Popper$2, "__esModule", {
   value: true
 });
 Popper$2.default = void 0;
-var _objectWithoutProperties2$1 = _interopRequireDefault$2(objectWithoutProperties.exports);
-var _extends2$1 = _interopRequireDefault$2(_extends$2.exports);
-var _classCallCheck2$1 = _interopRequireDefault$2(classCallCheck$2.exports);
-var _createClass2$1 = _interopRequireDefault$2(createClass$2.exports);
-var _possibleConstructorReturn2$1 = _interopRequireDefault$2(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2$1 = _interopRequireDefault$2(getPrototypeOf$2.exports);
-var _inherits2$1 = _interopRequireDefault$2(inherits$1.exports);
-var _assertThisInitialized2 = _interopRequireDefault$2(assertThisInitialized$1.exports);
-var _react$1 = _interopRequireDefault$2(require$$9$1);
-var _reactDom = _interopRequireDefault$2(require$$10$1);
-var _propTypes$1 = _interopRequireDefault$2(require$$11);
-var _popper = _interopRequireDefault$2(require$$12$1);
-var _Portal = _interopRequireDefault$2(Portal$2);
+var _objectWithoutProperties2$1 = _interopRequireDefault$1(objectWithoutProperties.exports);
+var _extends2$1 = _interopRequireDefault$1(_extends$2.exports);
+var _classCallCheck2$1 = _interopRequireDefault$1(classCallCheck$2.exports);
+var _createClass2$1 = _interopRequireDefault$1(createClass$2.exports);
+var _possibleConstructorReturn2$1 = _interopRequireDefault$1(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2$1 = _interopRequireDefault$1(getPrototypeOf$2.exports);
+var _inherits2$1 = _interopRequireDefault$1(inherits$1.exports);
+var _assertThisInitialized2 = _interopRequireDefault$1(assertThisInitialized$1.exports);
+var _react$1 = _interopRequireDefault$1(require$$9$1);
+var _reactDom = _interopRequireDefault$1(require$$10$1);
+var _propTypes$1 = _interopRequireDefault$1(require$$11);
+var _popper = _interopRequireDefault$1(require$$12$1);
+var _Portal = _interopRequireDefault$1(Portal$2);
 function flipPlacement(placement) {
   var direction = typeof window !== 'undefined' && document.body.getAttribute('dir') || 'ltr';
   if (direction !== 'rtl') {
@@ -7789,29 +8049,29 @@ getDefaultExportFromCjs(Popper$3);
 const require$$9 = _dll_react;
 const require$$10 = _dll_prop_types;
 const require$$12 = _dll_classnames;
-var _interopRequireDefault$1 = interopRequireDefault.exports;
+var _interopRequireDefault = interopRequireDefault.exports;
 Object.defineProperty(Tooltip$2, "__esModule", {
   value: true
 });
 Tooltip$2.default = Tooltip$2.styles = void 0;
-var _extends2 = _interopRequireDefault$1(_extends$2.exports);
-var _objectWithoutProperties2 = _interopRequireDefault$1(objectWithoutProperties.exports);
-var _classCallCheck2 = _interopRequireDefault$1(classCallCheck$2.exports);
-var _createClass2 = _interopRequireDefault$1(createClass$2.exports);
-var _possibleConstructorReturn2 = _interopRequireDefault$1(possibleConstructorReturn$1.exports);
-var _getPrototypeOf2 = _interopRequireDefault$1(getPrototypeOf$2.exports);
-var _inherits2 = _interopRequireDefault$1(inherits$1.exports);
-var _defineProperty2$1 = _interopRequireDefault$1(defineProperty$3.exports);
-var _react = _interopRequireDefault$1(require$$9);
-var _propTypes = _interopRequireDefault$1(require$$10);
-var _warning = _interopRequireDefault$1(warning_1);
-var _classnames = _interopRequireDefault$1(require$$12);
+var _extends2 = _interopRequireDefault(_extends$2.exports);
+var _objectWithoutProperties2 = _interopRequireDefault(objectWithoutProperties.exports);
+var _classCallCheck2 = _interopRequireDefault(classCallCheck$2.exports);
+var _createClass2 = _interopRequireDefault(createClass$2.exports);
+var _possibleConstructorReturn2 = _interopRequireDefault(possibleConstructorReturn$1.exports);
+var _getPrototypeOf2 = _interopRequireDefault(getPrototypeOf$2.exports);
+var _inherits2 = _interopRequireDefault(inherits$1.exports);
+var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
+var _react = _interopRequireDefault(require$$9);
+var _propTypes = _interopRequireDefault(require$$10);
+var _warning = _interopRequireDefault(warning_1);
+var _classnames = _interopRequireDefault(require$$12);
 var _utils = require$$13;
-var _RootRef = _interopRequireDefault$1(RootRef$2);
-var _withStyles = _interopRequireDefault$1(withStyles);
+var _RootRef = _interopRequireDefault(RootRef$2);
+var _withStyles = _interopRequireDefault(withStyles);
 var _helpers = helpers;
-var _Grow = _interopRequireDefault$1(Grow$2);
-var _Popper = _interopRequireDefault$1(Popper$3);
+var _Grow = _interopRequireDefault(Grow$2);
+var _Popper = _interopRequireDefault(Popper$3);
 var styles$1 = function styles(theme) {
   return {
     popper: {
@@ -7837,25 +8097,25 @@ var styles$1 = function styles(theme) {
       fontSize: theme.typography.pxToRem(14),
       lineHeight: ("").concat(theme.typography.round(16 / 14), "em")
     },
-    tooltipPlacementLeft: (0, _defineProperty2$1.default)({
+    tooltipPlacementLeft: (0, _defineProperty2.default)({
       transformOrigin: 'right center',
       margin: '0 24px '
     }, theme.breakpoints.up('sm'), {
       margin: '0 14px'
     }),
-    tooltipPlacementRight: (0, _defineProperty2$1.default)({
+    tooltipPlacementRight: (0, _defineProperty2.default)({
       transformOrigin: 'left center',
       margin: '0 24px'
     }, theme.breakpoints.up('sm'), {
       margin: '0 14px'
     }),
-    tooltipPlacementTop: (0, _defineProperty2$1.default)({
+    tooltipPlacementTop: (0, _defineProperty2.default)({
       transformOrigin: 'center bottom',
       margin: '24px 0'
     }, theme.breakpoints.up('sm'), {
       margin: '14px 0'
     }),
-    tooltipPlacementBottom: (0, _defineProperty2$1.default)({
+    tooltipPlacementBottom: (0, _defineProperty2.default)({
       transformOrigin: 'center top',
       margin: '24px 0'
     }, theme.breakpoints.up('sm'), {
@@ -8048,7 +8308,7 @@ var Tooltip$1 = (function (_React$Component) {
       return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_RootRef.default, {
         rootRef: this.onRootRef
       }, _react.default.cloneElement(children, childrenProps)), _react.default.createElement(_Popper.default, (0, _extends2.default)({
-        className: (0, _classnames.default)(classes.popper, (0, _defineProperty2$1.default)({}, classes.popperInteractive, interactive)),
+        className: (0, _classnames.default)(classes.popper, (0, _defineProperty2.default)({}, classes.popperInteractive, interactive)),
         placement: placement,
         anchorEl: this.childrenRef,
         open: open,
@@ -8059,7 +8319,7 @@ var Tooltip$1 = (function (_React$Component) {
         return _react.default.createElement(TransitionComponent, (0, _extends2.default)({
           timeout: theme.transitions.duration.shorter
         }, TransitionPropsInner, TransitionProps), _react.default.createElement("div", {
-          className: (0, _classnames.default)(classes.tooltip, (0, _defineProperty2$1.default)({}, classes.touch, _this2.ignoreNonTouchEvents), classes[("tooltipPlacement").concat((0, _helpers.capitalize)(placementInner.split('-')[0]))])
+          className: (0, _classnames.default)(classes.tooltip, (0, _defineProperty2.default)({}, classes.touch, _this2.ignoreNonTouchEvents), classes[("tooltipPlacement").concat((0, _helpers.capitalize)(placementInner.split('-')[0]))])
         }, title));
       }));
     }
@@ -8119,7 +8379,7 @@ Tooltip$2.default = _default;
   var _Tooltip = _interopRequireDefault(Tooltip$2);
 })(Tooltip$3);
 var Tooltip = getDefaultExportFromCjs(Tooltip$3);
-const ResponseTypes$1 = {
+const ResponseTypes = {
   advanced: 'Advanced Multi',
   simple: 'Simple'
 };
@@ -10689,7 +10949,7 @@ function transformOptions(options) {
   }
   return options;
 }
-function ownKeys$7(object, enumerableOnly) {
+function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
@@ -10699,12 +10959,12 @@ function ownKeys$7(object, enumerableOnly) {
   }
   return keys;
 }
-function _objectSpread$7(target) {
+function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) {
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
       _defineProperty__default["default"](target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
       Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
     });
   }
@@ -10791,9 +11051,9 @@ var I18n = (function (_EventEmitter) {
         }
       }
       var defOpts = get();
-      this.options = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread(_objectSpread(_objectSpread({}, defOpts), this.options), transformOptions(options));
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$7(_objectSpread$7({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread(_objectSpread({}, defOpts.interpolation), this.options.interpolation);
       }
       if (options.keySeparator !== undefined) {
         this.options.userDefinedKeySeparator = options.keySeparator;
@@ -11071,7 +11331,7 @@ var I18n = (function (_EventEmitter) {
           }
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$7({}, opts);
+          options = _objectSpread({}, opts);
         }
         options.lng = options.lng || fixedT.lng;
         options.lngs = options.lngs || fixedT.lngs;
@@ -11198,7 +11458,7 @@ var I18n = (function (_EventEmitter) {
       var _this8 = this;
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
-      var mergedOptions = _objectSpread$7(_objectSpread$7(_objectSpread$7({}, this.options), options), {
+      var mergedOptions = _objectSpread(_objectSpread(_objectSpread({}, this.options), options), {
         isClone: true
       });
       var clone = new I18n(mergedOptions);
@@ -11209,7 +11469,7 @@ var I18n = (function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$7({}, this.services);
+      clone.services = _objectSpread({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -12033,7 +12293,7 @@ class Main extends React$1.Component {
         fileName: _jsxFileName,
         lineNumber: 554
       }
-    }, responseType === ResponseTypes$1.simple && React$1.createElement(SimpleQuestionBlock, {
+    }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
       onSimpleResponseChange: this.onSimpleResponseChange,
       showCorrect: showCorrect,
       emptyResponse: emptyResponse,
@@ -12044,7 +12304,7 @@ class Main extends React$1.Component {
         fileName: _jsxFileName,
         lineNumber: 556
       }
-    }), responseType === ResponseTypes$1.advanced && React$1.createElement('div', {
+    }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
       className: cx(classes.expression, {
         [classes.incorrect]: !emptyResponse && !correct && !showCorrect,
         [classes.correct]: !emptyResponse && (correct || showCorrect),
@@ -12465,266 +12725,6 @@ const styles = theme => ({
   }
 });
 var Main$1 = styles$3.withStyles(styles)(Main);
-var lib = {};
-Object.defineProperty(lib, "__esModule", {
-  value: true
-});
-class ModelSetEvent extends CustomEvent {
-  constructor(component, complete, hasModel) {
-    super(ModelSetEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component,
-        hasModel
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-ModelSetEvent.TYPE = 'model-set';
-var ModelSetEvent_1 = lib.ModelSetEvent = ModelSetEvent;
-class SessionChangedEvent extends CustomEvent {
-  constructor(component, complete) {
-    super(SessionChangedEvent.TYPE, {
-      bubbles: true,
-      composed: true,
-      detail: {
-        complete,
-        component
-      }
-    });
-    this.component = component;
-    this.complete = complete;
-  }
-}
-SessionChangedEvent.TYPE = 'session-changed';
-var SessionChangedEvent_1 = lib.SessionChangedEvent = SessionChangedEvent;
-var defaults$1 = {};
-var utils = {};
-var _interopRequireDefault = interopRequireDefault.exports;
-Object.defineProperty(utils, "__esModule", {
-  value: true
-});
-utils.getPluginProps = utils.generateValidationMessage = utils.ResponseTypes = void 0;
-var _defineProperty2 = _interopRequireDefault(defineProperty$3.exports);
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    (enumerableOnly && (symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols));
-  }
-  return keys;
-}
-function _objectSpread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      (0, _defineProperty2["default"])(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
-  }
-  return target;
-}
-var ResponseTypes = {
-  advanced: 'Advanced Multi',
-  simple: 'Simple'
-};
-utils.ResponseTypes = ResponseTypes;
-var generateValidationMessage = function generateValidationMessage() {
-  var model = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var maxResponseAreas = config.maxResponseAreas;
-  var responseType = model.responseType;
-  var responseAreasMessage = '';
-  var answersMessage = '\nAll correct answers (the primary and any alternates) should not be empty and should be unique.';
-  if (responseType === 'Advanced Multi') {
-    responseAreasMessage = '\nThere should be at least 1 ' + (maxResponseAreas ? ("and at most ").concat(maxResponseAreas, " ") : '') + 'response area' + (maxResponseAreas ? 's' : '') + ' defined.';
-  }
-  return 'Validation requirements:' + answersMessage + responseAreasMessage;
-};
-utils.generateValidationMessage = generateValidationMessage;
-var getPluginProps = function getPluginProps() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var baseInputConfiguration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _objectSpread(_objectSpread({}, baseInputConfiguration), props);
-};
-utils.getPluginProps = getPluginProps;
-(function (exports) {
-  Object.defineProperty(exports, "__esModule", {
-    value: true
-  });
-  exports["default"] = void 0;
-  var _utils = utils;
-  var _default = {
-    model: {
-      partialScoring: true,
-      responseType: _utils.ResponseTypes.advanced,
-      element: 'math-inline',
-      feedback: {
-        correct: {
-          "default": 'Correct',
-          type: 'none'
-        },
-        incorrect: {
-          "default": 'Incorrect',
-          type: 'none'
-        },
-        partial: {
-          "default": 'Nearly',
-          type: 'none'
-        }
-      },
-      equationEditor: '8',
-      expression: '',
-      rationale: 'Rationale goes here.',
-      prompt: '',
-      responses: [],
-      customKeys: [],
-      scoringType: 'auto',
-      feedbackEnabled: false,
-      promptEnabled: true,
-      rationaleEnabled: true,
-      teacherInstructionsEnabled: true,
-      studentInstructionsEnabled: true,
-      toolbarEditorPosition: 'bottom',
-      validationDefault: 'literal',
-      ignoreOrderDefault: false,
-      allowTrailingZerosDefault: false
-    },
-    configuration: {
-      baseInputConfiguration: {
-        audio: {
-          disabled: false
-        },
-        video: {
-          disabled: false
-        },
-        image: {
-          disabled: false
-        }
-      },
-      prompt: {
-        settings: true,
-        label: 'Prompt',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      feedback: {
-        settings: true,
-        label: 'Feedback'
-      },
-      responseType: {
-        settings: true,
-        label: 'Response type'
-      },
-      rationale: {
-        settings: true,
-        label: 'Rationale',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      settingsPanelDisabled: false,
-      spellCheck: {
-        label: 'Spellcheck',
-        settings: false,
-        enabled: true
-      },
-      scoringType: {
-        settings: false,
-        label: 'Scoring Type'
-      },
-      studentInstructions: {
-        settings: false,
-        label: 'Student Instructions'
-      },
-      teacherInstructions: {
-        settings: true,
-        label: 'Teacher Instructions',
-        inputConfiguration: {
-          audio: {
-            disabled: false
-          },
-          video: {
-            disabled: false
-          },
-          image: {
-            disabled: false
-          }
-        },
-        required: false
-      },
-      partialScoring: {
-        settings: false,
-        label: 'Allow Partial Scoring'
-      },
-      ignoreOrder: {
-        settings: false,
-        label: 'Ignore Order',
-        enabled: true
-      },
-      allowTrailingZeros: {
-        settings: false,
-        label: 'Allow Trailing Zeros',
-        enabled: true
-      },
-      maxImageWidth: {
-        teacherInstructions: 300,
-        prompt: 300,
-        rationale: 300
-      },
-      maxImageHeight: {
-        teacherInstructions: 300,
-        prompt: 300,
-        rationale: 300
-      },
-      withRubric: {
-        settings: false,
-        label: 'Add Rubric'
-      },
-      mathMlOptions: {
-        mmlOutput: false,
-        mmlEditing: false
-      },
-      language: {
-        settings: false,
-        label: 'Specify Language',
-        enabled: false
-      },
-      languageChoices: {
-        label: 'Language Choices',
-        options: []
-      }
-    }
-  };
-  exports["default"] = _default;
-})(defaults$1);
-var defaults = getDefaultExportFromCjs(defaults$1);
 const React = _dll_react;
 const ReactDOM = _dll_react_dom;
 const debug = _dll_debug;
@@ -12738,9 +12738,19 @@ class MathInline extends HTMLElement {
       this.dispatchEvent(new SessionChangedEvent_1(this.tagName.toLowerCase(), true));
     }, 1000);
   }
+  setLangAttribute() {
+    const language = this._model && typeof this._model.language ? this._model.language : '';
+    const lang = language ? language.slice(0, 2) : 'en';
+    this.setAttribute('lang', lang);
+    const playerContainer = this.closest('.player-container');
+    if (playerContainer) {
+      playerContainer.setAttribute('lang', lang);
+    }
+  }
   set model(m) {
     this._model = m;
     this.dispatchEvent(new ModelSetEvent_1(this._model, true, !!this._model));
+    this.setLangAttribute();
     this._render();
   }
   set session(s) {