@pie-element/math-inline 5.9.9 → 5.9.12

package/module/print.js

@@ -1,1909 +0,0 @@
-import {_dll_react, _dll_debug, _dll_prop_types, _dll_classnames, _dll_material_ui__core, _dll_material_ui__core_styles, _dll_pie_lib__render_ui, _dll_material_ui__icons, _dll_pie_lib__correct_answer_toggle, _dll_lodash, _dll_react_dom} from "../../../@pie-lib/shared-module@^1.4.15/module/index.js";
-import {_dll_pie_lib__math_rendering} from "../../../@pie-lib/math-rendering-module@^1.1.3/module/index.js";
-import {_dll_pie_lib__math_input, _dll_pie_framework__mathquill} from "../../../@pie-lib/math-edit-module@^1.2.2/module/index.js";
-const ResponseTypes = {
-  advanced: 'Advanced Multi',
-  simple: 'Simple'
-};
-const {HorizontalKeypad: HorizontalKeypad$1} = _dll_pie_lib__math_input;
-const {mq: mq$3} = _dll_pie_lib__math_input;
-const {updateSpans: updateSpans$1} = _dll_pie_lib__math_input;
-const React$6 = _dll_react;
-const debug$2 = _dll_debug;
-const PropTypes$5 = _dll_prop_types;
-const cx$3 = _dll_classnames;
-const {Button: Button} = _dll_material_ui__core;
-const {MenuItem: MenuItem} = _dll_material_ui__core;
-const {Select: Select} = _dll_material_ui__core;
-const {withStyles: withStyles$5} = _dll_material_ui__core_styles;
-const {color: color$2} = _dll_pie_lib__render_ui;
-const {InputContainer: InputContainer} = _dll_pie_lib__render_ui;
-const _jsxFileName$5 = "/home/circleci/repo/node_modules/@pie-lib/math-toolbar/src/editor-and-pad.jsx";
-const log$2 = debug$2('@pie-lib:math-toolbar:editor-and-pad');
-const decimalRegex = /\.|,/g;
-const toNodeData = data => {
-  if (!data) {
-    return;
-  }
-  const {type, value} = data;
-  if (type === 'command' || type === 'cursor') {
-    return data;
-  } else if (type === 'answer') {
-    return {
-      type: 'answer',
-      ...data
-    };
-  } else if (value === 'clear') {
-    return {
-      type: 'clear'
-    };
-  } else {
-    return {
-      type: 'write',
-      value
-    };
-  }
-};
-class EditorAndPad extends React$6.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classNames: PropTypes$5.object,
-      keypadMode: PropTypes$5.oneOfType([PropTypes$5.string, PropTypes$5.number]),
-      autoFocus: PropTypes$5.bool,
-      allowAnswerBlock: PropTypes$5.bool,
-      showKeypad: PropTypes$5.bool,
-      controlledKeypad: PropTypes$5.bool,
-      controlledKeypadMode: PropTypes$5.bool,
-      noDecimal: PropTypes$5.bool,
-      additionalKeys: PropTypes$5.array,
-      latex: PropTypes$5.string.isRequired,
-      onAnswerBlockAdd: PropTypes$5.func,
-      onFocus: PropTypes$5.func,
-      onBlur: PropTypes$5.func,
-      onChange: PropTypes$5.func.isRequired,
-      classes: PropTypes$5.object
-    };
-  }
-  constructor(props) {
-    super(props);
-    EditorAndPad.prototype.__init.call(this);
-    EditorAndPad.prototype.__init2.call(this);
-    EditorAndPad.prototype.__init3.call(this);
-    EditorAndPad.prototype.__init4.call(this);
-    EditorAndPad.prototype.__init5.call(this);
-    EditorAndPad.prototype.__init6.call(this);
-    this.state = {
-      equationEditor: 'item-authoring',
-      addDisabled: false
-    };
-  }
-  componentDidMount() {
-    if (this.input && this.props.autoFocus) {
-      this.input.focus();
-    }
-  }
-  __init() {
-    this.onClick = data => {
-      const {noDecimal} = this.props;
-      const c = toNodeData(data);
-      log$2('mathChange: ', c);
-      if (noDecimal && (c.value === '.' || c.value === ',')) {
-        return;
-      }
-      if (c.type === 'clear') {
-        log$2('call clear...');
-        this.input.clear();
-      } else if (c.type === 'command') {
-        this.input.command(c.value);
-      } else if (c.type === 'cursor') {
-        this.input.keystroke(c.value);
-      } else if (c.type === 'answer') {
-        this.input.write('%response%');
-      } else {
-        this.input.write(c.value);
-      }
-    };
-  }
-  __init2() {
-    this.updateDisable = isEdit => {
-      const {maxResponseAreas} = this.props;
-      if (maxResponseAreas) {
-        const shouldDisable = this.checkResponseAreasNumber(maxResponseAreas, isEdit);
-        this.setState({
-          addDisabled: shouldDisable
-        });
-      }
-    };
-  }
-  __init3() {
-    this.onAnswerBlockClick = () => {
-      this.props.onAnswerBlockAdd();
-      this.onClick({
-        type: 'answer'
-      });
-      this.updateDisable(true);
-    };
-  }
-  __init4() {
-    this.onEditorChange = latex => {
-      const {onChange, noDecimal} = this.props;
-      updateSpans$1();
-      this.updateDisable(true);
-      if (noDecimal && (latex.indexOf('.') !== -1 || latex.indexOf(',') !== -1) && this.input) {
-        this.input.clear();
-        this.input.write(latex.replace(decimalRegex, ''));
-        return;
-      }
-      onChange(latex);
-    };
-  }
-  shouldComponentUpdate(nextProps, nextState) {
-    const inputIsDifferent = this.input.mathField.latex() !== nextProps.latex;
-    log$2('[shouldComponentUpdate] ', 'inputIsDifferent: ', inputIsDifferent);
-    if (!inputIsDifferent && this.props.keypadMode !== nextProps.keypadMode) {
-      return true;
-    }
-    if (!inputIsDifferent && this.props.noDecimal !== nextProps.noDecimal) {
-      return true;
-    }
-    if (!inputIsDifferent && this.state.equationEditor !== nextState.equationEditor) {
-      return true;
-    }
-    if (!inputIsDifferent && this.props.controlledKeypad) {
-      return this.props.showKeypad !== nextProps.showKeypad;
-    }
-    return inputIsDifferent;
-  }
-  __init5() {
-    this.onEditorTypeChange = evt => {
-      this.setState({
-        equationEditor: evt.target.value
-      });
-    };
-  }
-  __init6() {
-    this.checkResponseAreasNumber = (maxResponseAreas, isEdit) => {
-      const {latex} = this.input && this.input.props || ({});
-      if (latex) {
-        const count = (latex.match(/answerBlock/g) || []).length;
-        return isEdit ? count === maxResponseAreas - 1 : count === maxResponseAreas;
-      }
-      return false;
-    };
-  }
-  render() {
-    const {classNames, keypadMode, allowAnswerBlock, additionalKeys, controlledKeypad, controlledKeypadMode, showKeypad, noDecimal, latex, onFocus, onBlur, classes, error} = this.props;
-    const shouldShowKeypad = !controlledKeypad || controlledKeypad && showKeypad;
-    const {addDisabled} = this.state;
-    log$2('[render]', latex);
-    return React$6.createElement('div', {
-      className: cx$3(classes.mathToolbar, classNames.mathToolbar),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 188
-      }
-    }, React$6.createElement('div', {
-      className: classes.inputAndTypeContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 189
-      }
-    }, controlledKeypadMode && React$6.createElement(InputContainer, {
-      label: "Equation Editor",
-      className: classes.selectContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 191
-      }
-    }, React$6.createElement(Select, {
-      className: classes.select,
-      onChange: this.onEditorTypeChange,
-      value: this.state.equationEditor,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 192
-      }
-    }, React$6.createElement(MenuItem, {
-      value: "non-negative-integers",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 197
-      }
-    }, "Numeric - Non-Negative Integers"), React$6.createElement(MenuItem, {
-      value: "integers",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 198
-      }
-    }, "Numeric - Integers"), React$6.createElement(MenuItem, {
-      value: "decimals",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 199
-      }
-    }, "Numeric - Decimals"), React$6.createElement(MenuItem, {
-      value: "fractions",
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 200
-      }
-    }, "Numeric - Fractions"), React$6.createElement(MenuItem, {
-      value: 1,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 201
-      }
-    }, "Grade 1 - 2"), React$6.createElement(MenuItem, {
-      value: 3,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 202
-      }
-    }, "Grade 3 - 5"), React$6.createElement(MenuItem, {
-      value: 6,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 203
-      }
-    }, "Grade 6 - 7"), React$6.createElement(MenuItem, {
-      value: 8,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 204
-      }
-    }, "Grade 8 - HS"), React$6.createElement(MenuItem, {
-      value: 'geometry',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 205
-      }
-    }, "Geometry"), React$6.createElement(MenuItem, {
-      value: 'advanced-algebra',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 206
-      }
-    }, "Advanced Algebra"), React$6.createElement(MenuItem, {
-      value: 'statistics',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 207
-      }
-    }, "Statistics"), React$6.createElement(MenuItem, {
-      value: 'item-authoring',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 208
-      }
-    }, "Item Authoring"))), React$6.createElement('div', {
-      className: cx$3(classes.inputContainer, error ? classes.error : ''),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 212
-      }
-    }, React$6.createElement(mq$3.Input, {
-      onFocus: () => {
-        onFocus && onFocus();
-        this.updateDisable(false);
-      },
-      onBlur: event => {
-        this.updateDisable(false);
-        onBlur && onBlur(event);
-      },
-      className: cx$3(classes.mathEditor, classNames.editor, !controlledKeypadMode ? classes.longMathEditor : ''),
-      innerRef: r => this.input = r,
-      latex: latex,
-      onChange: this.onEditorChange,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 213
-      }
-    }))), allowAnswerBlock && React$6.createElement(Button, {
-      className: classes.addAnswerBlockButton,
-      type: "primary",
-      style: {
-        bottom: shouldShowKeypad ? '320px' : '20px'
-      },
-      onClick: this.onAnswerBlockClick,
-      disabled: addDisabled,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 234
-      }
-    }, "+ Response Area"), React$6.createElement('hr', {
-      className: classes.hr,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 244
-      }
-    }), shouldShowKeypad && React$6.createElement(HorizontalKeypad$1, {
-      additionalKeys: additionalKeys,
-      mode: controlledKeypadMode ? this.state.equationEditor : keypadMode,
-      onClick: this.onClick,
-      noDecimal: noDecimal,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$5,
-        lineNumber: 246
-      }
-    }));
-  }
-}
-EditorAndPad.__initStatic();
-const styles$3 = theme => ({
-  inputAndTypeContainer: {
-    display: 'flex',
-    alignItems: 'center',
-    '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      minWidth: '1.23em',
-      '& *': {
-        lineHeight: '1 !important'
-      },
-      '&:before': {
-        top: '-0.4em',
-        left: '-1px'
-      },
-      '&:after': {
-        top: '-2.36em',
-        right: '-1px'
-      },
-      '&.mq-empty:after': {
-        top: '-0.45em'
-      }
-    },
-    '& .mq-overarrow.mq-arrow-right': {
-      '&:before': {
-        top: '-0.4em',
-        right: '-1px'
-      }
-    }
-  },
-  selectContainer: {
-    flex: 'initial',
-    width: '25%',
-    minWidth: '100px',
-    marginLeft: '15px',
-    marginTop: '5px',
-    marginBottom: '5px',
-    marginRight: '5px'
-  },
-  mathEditor: {
-    maxWidth: '400px',
-    color: color$2.text(),
-    backgroundColor: color$2.background(),
-    padding: theme.spacing.unit
-  },
-  longMathEditor: {
-    maxWidth: '500px'
-  },
-  addAnswerBlockButton: {
-    position: 'absolute',
-    right: '12px',
-    border: '1px solid lightgrey'
-  },
-  hr: {
-    padding: 0,
-    margin: 0,
-    height: '1px',
-    border: 'none',
-    borderBottom: `solid 1px ${theme.palette.primary.main}`
-  },
-  mathToolbar: {
-    zIndex: 9,
-    position: 'relative',
-    textAlign: 'center',
-    width: 'auto',
-    '& > .mq-math-mode': {
-      border: 'solid 1px lightgrey'
-    },
-    '& > .mq-focused': {
-      outline: 'none',
-      boxShadow: 'none',
-      border: `dotted 1px ${theme.palette.primary.main}`,
-      borderRadius: '0px'
-    },
-    '& .mq-overarrow-inner': {
-      border: 'none !important',
-      paddingTop: '0 !important'
-    },
-    '& .mq-overarrow-inner-right': {
-      display: 'none !important'
-    },
-    '& .mq-overarrow-inner-left': {
-      display: 'none !important'
-    },
-    '& .mq-longdiv-inner': {
-      borderTop: '1px solid !important',
-      paddingTop: '1.5px !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      minWidth: '1.23em'
-    },
-    '& .mq-parallelogram': {
-      lineHeight: 0.85
-    }
-  },
-  inputContainer: {
-    minWidth: '500px',
-    maxWidth: '900px',
-    minHeight: '40px',
-    width: '100%',
-    display: 'flex',
-    marginTop: theme.spacing.unit,
-    marginBottom: theme.spacing.unit
-  },
-  error: {
-    border: '2px solid red'
-  }
-});
-var EditorAndPad$1 = withStyles$5(styles$3)(EditorAndPad);
-const React$5 = _dll_react;
-const {IconButton: IconButton} = _dll_material_ui__core;
-const {Check: Check} = _dll_material_ui__icons;
-const {withStyles: withStyles$4} = _dll_material_ui__core_styles;
-const PropTypes$4 = _dll_prop_types;
-const _jsxFileName$4 = "/home/circleci/repo/node_modules/@pie-lib/math-toolbar/src/done-button.jsx";
-const RawDoneButton = ({classes, onClick}) => React$5.createElement(IconButton, {
-  'aria-label': "Done",
-  className: classes.iconRoot,
-  onClick: onClick,
-  classes: {
-    label: classes.label,
-    root: classes.iconRoot
-  },
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$4,
-    lineNumber: 9
-  }
-}, React$5.createElement(Check, {
-  __self: undefined,
-  __source: {
-    fileName: _jsxFileName$4,
-    lineNumber: 18
-  }
-}));
-RawDoneButton.propTypes = {
-  classes: PropTypes$4.object.isRequired,
-  onClick: PropTypes$4.func
-};
-const styles$2 = {
-  iconRoot: {
-    verticalAlign: 'top',
-    width: '28px',
-    height: '28px',
-    color: '#00bb00'
-  },
-  label: {
-    position: 'absolute',
-    top: '2px'
-  }
-};
-const DoneButton = withStyles$4(styles$2)(RawDoneButton);
-const React$4 = _dll_react;
-const classNames = _dll_classnames;
-const debug$1 = _dll_debug;
-const {withStyles: withStyles$3} = _dll_material_ui__core_styles;
-const PropTypes$3 = _dll_prop_types;
-const {mq: mq$2} = _dll_pie_lib__math_input;
-const _jsxFileName$3 = "/home/circleci/repo/node_modules/@pie-lib/math-toolbar/src/math-preview.jsx";
-const log$1 = debug$1('@pie-lib:math-toolbar:math-preview');
-class RawMathPreview extends React$4.Component {
-  static __initStatic() {
-    this.propTypes = {
-      latex: PropTypes$3.string,
-      node: PropTypes$3.object,
-      classes: PropTypes$3.object,
-      isSelected: PropTypes$3.bool,
-      onFocus: PropTypes$3.func,
-      onBlur: PropTypes$3.func
-    };
-  }
-  render() {
-    log$1('[render] data: ', this.props.node.data);
-    const latex = this.props.node.data.get('latex');
-    const {classes, isSelected, onFocus, onBlur} = this.props;
-    return React$4.createElement('div', {
-      className: classNames(classes.root, isSelected && classes.selected),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 25
-      }
-    }, ' ', React$4.createElement('span', {
-      className: classes.insideOverlay,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 27
-      }
-    }), React$4.createElement(mq$2.Static, {
-      latex: latex,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$3,
-        lineNumber: 28
-      }
-    }));
-  }
-}
-RawMathPreview.__initStatic();
-const mp = theme => ({
-  root: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    position: 'relative',
-    '& > .mq-math-mode': {
-      border: 'solid 1px lightgrey'
-    },
-    '& > .mq-focused': {
-      outline: 'none',
-      boxShadow: 'none',
-      border: 'solid 1px black',
-      borderRadius: '0px'
-    },
-    '& *': {
-      fontFamily: 'Roboto, Helvetica, Arial, sans-serif !important'
-    },
-    '& .mq-overarrow-inner': {
-      paddingTop: '0 !important',
-      border: 'none !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      minWidth: '1.23em',
-      '& *': {
-        lineHeight: '1 !important'
-      },
-      '&:before': {
-        top: '-0.4em',
-        left: '-1px'
-      },
-      '&:after': {
-        top: '-2.36em',
-        right: '-1px'
-      },
-      '&.mq-empty:after': {
-        top: '-0.45em'
-      }
-    },
-    '& .mq-overarrow.mq-arrow-right': {
-      '&:before': {
-        top: '-0.4em',
-        right: '-1px'
-      }
-    },
-    '& .mq-overarrow-inner-right': {
-      display: 'none !important'
-    },
-    '& .mq-overarrow-inner-left': {
-      display: 'none !important'
-    },
-    '& .mq-longdiv-inner': {
-      borderTop: '1px solid !important',
-      paddingTop: '1.5px !important'
-    },
-    '& .mq-parallelogram': {
-      lineHeight: 0.85
-    }
-  },
-  selected: {
-    border: `solid 1px ${theme.palette.primary.main}`,
-    '& > .mq-math-mode': {
-      border: 'solid 0px lightgrey'
-    }
-  },
-  insideOverlay: {
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
-    top: 0
-  }
-});
-withStyles$3(mp)(RawMathPreview);
-const React$3 = _dll_react;
-const PropTypes$2 = _dll_prop_types;
-const cx$2 = _dll_classnames;
-const {withStyles: withStyles$2} = _dll_material_ui__core_styles;
-const _jsxFileName$2 = "/home/circleci/repo/node_modules/@pie-lib/math-toolbar/src/index.jsx";
-class MathToolbar extends React$3.Component {
-  static __initStatic() {
-    this.propTypes = {
-      autoFocus: PropTypes$2.bool,
-      allowAnswerBlock: PropTypes$2.bool,
-      controlledKeypad: PropTypes$2.bool,
-      controlledKeypadMode: PropTypes$2.bool,
-      keypadMode: PropTypes$2.oneOfType([PropTypes$2.string, PropTypes$2.number]),
-      classNames: PropTypes$2.object,
-      showKeypad: PropTypes$2.bool,
-      noDecimal: PropTypes$2.bool,
-      additionalKeys: PropTypes$2.array,
-      latex: PropTypes$2.string.isRequired,
-      onAnswerBlockAdd: PropTypes$2.func,
-      onChange: PropTypes$2.func,
-      onDone: PropTypes$2.func.isRequired,
-      onFocus: PropTypes$2.func,
-      onBlur: PropTypes$2.func,
-      hideDoneButton: PropTypes$2.bool
-    };
-  }
-  static __initStatic2() {
-    this.defaultProps = {
-      classNames: {},
-      keypadMode: 'item-authoring',
-      autoFocus: false,
-      allowAnswerBlock: false,
-      controlledKeypad: false,
-      controlledKeypadMode: false,
-      noDecimal: false,
-      showKeypad: true,
-      additionalKeys: [],
-      onChange: () => {},
-      onAnswerBlockAdd: () => {},
-      onFocus: () => {},
-      hideDoneButton: false
-    };
-  }
-  constructor(props) {
-    super(props);
-    MathToolbar.prototype.__init.call(this);
-    MathToolbar.prototype.__init2.call(this);
-    this.state = {
-      latex: props.latex
-    };
-  }
-  __init() {
-    this.done = () => {
-      this.props.onDone(this.state.latex);
-    };
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    this.setState({
-      latex: nextProps.latex
-    });
-  }
-  __init2() {
-    this.onChange = latex => {
-      this.setState({
-        latex
-      });
-      this.props.onChange(latex);
-    };
-  }
-  render() {
-    const {latex} = this.state;
-    const {classNames, autoFocus, allowAnswerBlock, onAnswerBlockAdd, controlledKeypad, controlledKeypadMode, keypadMode, noDecimal, additionalKeys, showKeypad, onFocus, onBlur, hideDoneButton, error, maxResponseAreas} = this.props;
-    return React$3.createElement(PureToolbar, {
-      autoFocus: autoFocus,
-      classNames: classNames,
-      onAnswerBlockAdd: onAnswerBlockAdd,
-      allowAnswerBlock: allowAnswerBlock,
-      latex: latex,
-      additionalKeys: additionalKeys,
-      noDecimal: noDecimal,
-      keypadMode: keypadMode,
-      onChange: this.onChange,
-      onDone: this.done,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      showKeypad: showKeypad,
-      controlledKeypad: controlledKeypad,
-      controlledKeypadMode: controlledKeypadMode,
-      hideDoneButton: hideDoneButton,
-      error: error,
-      maxResponseAreas: maxResponseAreas,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 88
-      }
-    });
-  }
-}
-MathToolbar.__initStatic();
-MathToolbar.__initStatic2();
-class RawPureToolbar extends React$3.Component {
-  static __initStatic3() {
-    this.propTypes = {
-      classNames: PropTypes$2.object,
-      latex: PropTypes$2.string.isRequired,
-      keypadMode: PropTypes$2.oneOfType([PropTypes$2.string, PropTypes$2.number]),
-      onChange: PropTypes$2.func.isRequired,
-      onDone: PropTypes$2.func.isRequired,
-      onBlur: PropTypes$2.func,
-      onAnswerBlockAdd: PropTypes$2.func,
-      additionalKeys: PropTypes$2.array,
-      onFocus: PropTypes$2.func,
-      classes: PropTypes$2.object.isRequired,
-      autoFocus: PropTypes$2.bool,
-      noDecimal: PropTypes$2.bool,
-      allowAnswerBlock: PropTypes$2.bool,
-      controlledKeypad: PropTypes$2.bool,
-      controlledKeypadMode: PropTypes$2.bool,
-      showKeypad: PropTypes$2.bool,
-      hideDoneButton: PropTypes$2.bool
-    };
-  }
-  render() {
-    const {classNames, autoFocus, allowAnswerBlock, onAnswerBlockAdd, controlledKeypad, controlledKeypadMode, additionalKeys, showKeypad, keypadMode, noDecimal, latex, onChange, onDone, onFocus, onBlur, hideDoneButton, classes, error, maxResponseAreas} = this.props;
-    return React$3.createElement('div', {
-      className: cx$2(classes.pureToolbar, (classNames || ({})).toolbar),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 157
-      }
-    }, React$3.createElement('div', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 158
-      }
-    }), React$3.createElement(EditorAndPad$1, {
-      autoFocus: autoFocus,
-      keypadMode: keypadMode,
-      classNames: classNames || ({}),
-      controlledKeypad: controlledKeypad,
-      controlledKeypadMode: controlledKeypadMode,
-      noDecimal: noDecimal,
-      showKeypad: showKeypad,
-      additionalKeys: additionalKeys,
-      allowAnswerBlock: allowAnswerBlock,
-      onAnswerBlockAdd: onAnswerBlockAdd,
-      latex: latex,
-      onChange: onChange,
-      onFocus: onFocus,
-      onBlur: onBlur,
-      error: error,
-      maxResponseAreas: maxResponseAreas,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 159
-      }
-    }), (!controlledKeypad || controlledKeypad && showKeypad) && !hideDoneButton && React$3.createElement(DoneButton, {
-      onClick: onDone,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$2,
-        lineNumber: 178
-      }
-    }));
-  }
-}
-RawPureToolbar.__initStatic3();
-const styles$1 = () => ({
-  pureToolbar: {
-    display: 'flex',
-    width: '100%',
-    zIndex: 8,
-    alignItems: 'center'
-  }
-});
-const PureToolbar = withStyles$2(styles$1)(RawPureToolbar);
-const React$2 = _dll_react;
-const cx$1 = _dll_classnames;
-const {withStyles: withStyles$1} = _dll_material_ui__core_styles;
-const PropTypes$1 = _dll_prop_types;
-const {color: color$1} = _dll_pie_lib__render_ui;
-const {mq: mq$1} = _dll_pie_lib__math_input;
-const _jsxFileName$1 = "/home/circleci/repo/packages/math-inline/src/simple-question-block.jsx";
-class SimpleQuestionBlockRaw extends React$2.Component {
-  constructor(...args) {
-    super(...args);
-    SimpleQuestionBlockRaw.prototype.__init.call(this);
-    SimpleQuestionBlockRaw.prototype.__init2.call(this);
-    SimpleQuestionBlockRaw.prototype.__init3.call(this);
-  }
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes$1.object,
-      onSimpleResponseChange: PropTypes$1.func,
-      model: PropTypes$1.object.isRequired,
-      emptyResponse: PropTypes$1.bool,
-      session: PropTypes$1.object.isRequired,
-      showCorrect: PropTypes$1.bool
-    };
-  }
-  __init() {
-    this.state = {
-      showKeypad: true
-    };
-  }
-  __init2() {
-    this.onFocus = () => this.setState({
-      showKeypad: true
-    });
-  }
-  __init3() {
-    this.onBlur = e => {
-      const {relatedTarget, currentTarget} = e || ({});
-      if (!relatedTarget || !currentTarget || relatedTarget.offsetParent !== currentTarget.offsetParent) {
-        this.setState({
-          showKeypad: false
-        });
-      }
-    };
-  }
-  render() {
-    const {classes, model, showCorrect, session, emptyResponse, onSimpleResponseChange} = this.props;
-    const {config, disabled, correctness, view} = model || ({});
-    if (!config) {
-      return;
-    }
-    const correct = correctness && correctness.correct;
-    const {responses, equationEditor} = config;
-    return React$2.createElement('div', {
-      className: classes.expression,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 54
-      }
-    }, showCorrect || disabled ? React$2.createElement('div', {
-      className: cx$1(classes.static, {
-        [classes.incorrect]: !emptyResponse && !correct && !showCorrect,
-        [classes.correct]: !emptyResponse && (correct || showCorrect)
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 56
-      }
-    }, React$2.createElement(mq$1.Static, {
-      latex: showCorrect ? responses && responses.length && responses[0].answer : session.response || '',
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 62
-      }
-    })) : React$2.createElement(MathToolbar, {
-      classNames: {
-        editor: classes.responseEditor
-      },
-      latex: session.response || '',
-      keypadMode: equationEditor,
-      onChange: onSimpleResponseChange,
-      onDone: () => {},
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      controlledKeypad: true,
-      showKeypad: this.state.showKeypad,
-      hideDoneButton: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName$1,
-        lineNumber: 69
-      }
-    }));
-  }
-}
-SimpleQuestionBlockRaw.__initStatic();
-const SimpleQuestionBlock = withStyles$1(theme => ({
-  responseEditor: {
-    display: 'flex',
-    justifyContent: 'center',
-    width: 'auto',
-    maxWidth: 'fit-content',
-    height: 'auto',
-    textAlign: 'left',
-    padding: theme.spacing.unit,
-    '&.mq-math-mode': {
-      border: `1px solid ${color$1.primaryLight()}`
-    }
-  },
-  expression: {
-    marginTop: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit * 2,
-    padding: theme.spacing.unit
-  },
-  static: {
-    color: color$1.text(),
-    background: color$1.background(),
-    border: `1px solid ${color$1.primaryLight()}`,
-    width: 'fit-content',
-    fontSize: '1rem',
-    padding: theme.spacing.unit / 2,
-    '& > .mq-math-mode': {
-      '& > .mq-hasCursor': {
-        '& > .mq-cursor': {
-          display: 'none'
-        }
-      }
-    }
-  },
-  correct: {
-    border: `2px solid ${color$1.correct()} !important`,
-    padding: theme.spacing.unit,
-    letterSpacing: '0.5px'
-  },
-  incorrect: {
-    border: `2px solid ${color$1.incorrect()} !important`,
-    padding: theme.spacing.unit,
-    letterSpacing: '0.5px'
-  }
-}))(SimpleQuestionBlockRaw);
-const React$1 = _dll_react;
-const PropTypes = _dll_prop_types;
-const CorrectAnswerToggle = _dll_pie_lib__correct_answer_toggle;
-const {Feedback: Feedback} = _dll_pie_lib__render_ui;
-const {Collapsible: Collapsible} = _dll_pie_lib__render_ui;
-const {Readable: Readable} = _dll_pie_lib__render_ui;
-const {hasText: hasText} = _dll_pie_lib__render_ui;
-const {PreviewPrompt: PreviewPrompt} = _dll_pie_lib__render_ui;
-const {color: color} = _dll_pie_lib__render_ui;
-const {withStyles: withStyles} = _dll_material_ui__core_styles;
-const {Tooltip: Tooltip} = _dll_material_ui__core;
-const {isEqual: isEqual} = _dll_lodash;
-const {isEmpty: isEmpty} = _dll_lodash;
-const cx = _dll_classnames;
-const {mq: mq} = _dll_pie_lib__math_input;
-const {HorizontalKeypad: HorizontalKeypad} = _dll_pie_lib__math_input;
-const {updateSpans: updateSpans} = _dll_pie_lib__math_input;
-const MathQuill = _dll_pie_framework__mathquill;
-const {renderMath: renderMath$1} = _dll_pie_lib__math_rendering;
-const _jsxFileName = "/home/circleci/repo/packages/math-inline/src/main.jsx";
-function _optionalChain(ops) {
-  let lastAccessLHS = undefined;
-  let value = ops[0];
-  let i = 1;
-  while (i < ops.length) {
-    const op = ops[i];
-    const fn = ops[i + 1];
-    i += 2;
-    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
-      return undefined;
-    }
-    if (op === 'access' || op === 'optionalAccess') {
-      lastAccessLHS = value;
-      value = fn(value);
-    } else if (op === 'call' || op === 'optionalCall') {
-      value = fn((...args) => value.call(lastAccessLHS, ...args));
-      lastAccessLHS = undefined;
-    }
-  }
-  return value;
-}
-let registered = false;
-const NEWLINE_LATEX = /\\newline/g;
-const REGEX = /{{response}}/gm;
-const DEFAULT_KEYPAD_VARIANT = 6;
-const IS_SAFARI = (/^((?!chrome|android).)*safari/i).test(navigator.userAgent);
-function generateAdditionalKeys(keyData = []) {
-  return keyData.map(key => ({
-    name: key,
-    latex: key,
-    write: key,
-    label: key
-  }));
-}
-function getKeyPadWidth(additionalKeys = [], equationEditor) {
-  return Math.floor(additionalKeys.length / 5) * 30 + (equationEditor === 'miscellaneous' ? 600 : 500);
-}
-function prepareForStatic(model, state) {
-  const {config, disabled} = model || ({});
-  const {expression, responses, printMode, alwaysShowCorrect} = config || ({});
-  if (config && expression) {
-    const modelExpression = expression;
-    if (state.showCorrect) {
-      return responses && responses.length && responses[0].answer;
-    }
-    let answerBlocks = 1;
-    return (modelExpression || '').replace(REGEX, function () {
-      const answer = state.session.answers[`r${answerBlocks}`];
-      if (printMode && !alwaysShowCorrect) {
-        const blankSpace = ('\\ \\ ').repeat(30) + '\\newline ';
-        return `\\MathQuillMathField[r${answerBlocks++}]{${blankSpace.repeat(3)}}`;
-      }
-      if (disabled) {
-        return `\\embed{answerBlock}[r${answerBlocks++}]`;
-      }
-      return `\\MathQuillMathField[r${answerBlocks++}]{${answer && answer.value || ''}}`;
-    }).replace(NEWLINE_LATEX, '\\embed{newLine}[]');
-  }
-}
-class Main extends React$1.Component {
-  static __initStatic() {
-    this.propTypes = {
-      classes: PropTypes.object,
-      session: PropTypes.object.isRequired,
-      onSessionChange: PropTypes.func,
-      model: PropTypes.object.isRequired
-    };
-  }
-  constructor(props) {
-    super(props);
-    Main.prototype.__init.call(this);
-    Main.prototype.__init2.call(this);
-    Main.prototype.__init3.call(this);
-    Main.prototype.__init4.call(this);
-    Main.prototype.__init5.call(this);
-    Main.prototype.__init6.call(this);
-    Main.prototype.__init7.call(this);
-    Main.prototype.__init8.call(this);
-    Main.prototype.__init9.call(this);
-    Main.prototype.__init10.call(this);
-    Main.prototype.__init11.call(this);
-    Main.prototype.__init12.call(this);
-    const answers = {};
-    if (props.model.config && props.model.config.expression) {
-      let answerBlocks = 1;
-      (props.model.config.expression || '').replace(REGEX, () => {
-        answers[`r${answerBlocks}`] = {
-          value: props.session && props.session.answers && props.session.answers[`r${answerBlocks}`] && props.session.answers[`r${answerBlocks}`].value || ''
-        };
-        answerBlocks += 1;
-      });
-    }
-    this.state = {
-      session: {
-        ...props.session,
-        answers
-      },
-      activeAnswerBlock: '',
-      showCorrect: this.props.model.config.alwaysShowCorrect || false
-    };
-  }
-  UNSAFE_componentWillMount() {
-    const {classes} = this.props;
-    if (typeof window !== 'undefined') {
-      let MQ = MathQuill.getInterface(2);
-      if (!registered) {
-        MQ.registerEmbed('answerBlock', data => {
-          return {
-            htmlString: `<div class="${classes.blockContainer}">
-                <div class="${classes.blockResponse}" id="${data}Index">R</div>
-                <div class="${classes.blockMath}">
-                  <span id="${data}"></span>
-                </div>
-              </div>`,
-            text: () => 'text',
-            latex: () => `\\embed{answerBlock}[${data}]`
-          };
-        });
-        registered = true;
-      }
-    }
-  }
-  __init() {
-    this.handleAnswerBlockDomUpdate = () => {
-      const {model, classes} = this.props;
-      const {session, showCorrect} = this.state;
-      const answers = session.answers;
-      if (this.root && model.disabled && !showCorrect) {
-        Object.keys(answers).forEach(answerId => {
-          const el = this.root.querySelector(`#${answerId}`);
-          const indexEl = this.root.querySelector(`#${answerId}Index`);
-          if (el) {
-            let MQ = MathQuill.getInterface(2);
-            const answer = answers[answerId];
-            el.textContent = answer && answer.value || '';
-            if (!model.view) ; else {
-              el.parentElement.parentElement.classList.remove(classes.correct);
-              el.parentElement.parentElement.classList.remove(classes.incorrect);
-            }
-            MQ.StaticMath(el);
-            indexEl.textContent = 'R';
-          }
-        });
-      }
-      renderMath$1(this.root);
-    };
-  }
-  componentDidUpdate() {
-    this.handleAnswerBlockDomUpdate();
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const {config} = this.props.model;
-    const {config: nextConfig = {}} = nextProps.model || ({});
-    if (config.env && config.env.mode !== 'evaluate' || nextConfig.env && nextConfig.env.mode !== 'evaluate') {
-      this.setState({
-        ...this.state.session,
-        showCorrect: false
-      });
-    }
-    if (nextConfig.alwaysShowCorrect) {
-      this.setState({
-        showCorrect: true
-      });
-    }
-    if (config && config.responses && config.responses.length !== nextConfig.responses.length || !config && nextConfig && nextConfig.responses || config && nextConfig && config.expression !== nextConfig.expression) {
-      const newAnswers = {};
-      const answers = this.state.session.answers;
-      let answerBlocks = 1;
-      (nextConfig.expression || '').replace(REGEX, () => {
-        newAnswers[`r${answerBlocks}`] = {
-          value: answers && answers[`r${answerBlocks}`] && answers[`r${answerBlocks}`].value || ''
-        };
-        answerBlocks++;
-      });
-      this.setState(state => ({
-        session: {
-          ...state.session,
-          completeAnswer: this.mqStatic && this.mqStatic.mathField.latex(),
-          answers: newAnswers
-        }
-      }), this.handleAnswerBlockDomUpdate);
-    }
-  }
-  shouldComponentUpdate(nextProps, nextState) {
-    const sameModel = isEqual(this.props.model, nextProps.model);
-    const sameState = isEqual(this.state, nextState);
-    return !sameModel || !sameState;
-  }
-  componentDidMount() {
-    this.handleAnswerBlockDomUpdate();
-    setTimeout(() => renderMath$1(this.root), 100);
-  }
-  __init2() {
-    this.onDone = () => {};
-  }
-  __init3() {
-    this.onSimpleResponseChange = response => {
-      this.setState(state => ({
-        session: {
-          ...state.session,
-          response
-        }
-      }), this.callOnSessionChange);
-    };
-  }
-  __init4() {
-    this.onSubFieldFocus = id => {
-      this.setState({
-        activeAnswerBlock: id
-      });
-    };
-  }
-  __init5() {
-    this.toNodeData = data => {
-      if (!data) {
-        return;
-      }
-      const {type, value} = data;
-      if (type === 'command' || type === 'cursor') {
-        return data;
-      } else if (type === 'answer') {
-        return {
-          type: 'answer',
-          ...data
-        };
-      } else if (value === 'clear') {
-        return {
-          type: 'clear'
-        };
-      } else {
-        return {
-          type: 'write',
-          value
-        };
-      }
-    };
-  }
-  __init6() {
-    this.setInput = input => {
-      this.input = input;
-    };
-  }
-  __init7() {
-    this.onClick = data => {
-      const c = this.toNodeData(data);
-      if (c.type === 'clear') {
-        this.input.clear();
-      } else if (c.type === 'command') {
-        if (Array.isArray(c.value)) {
-          c.value.forEach(vv => {
-            this.input.cmd(vv);
-          });
-        } else {
-          this.input.cmd(c.value);
-        }
-      } else if (c.type === 'cursor') {
-        this.input.keystroke(c.value);
-      } else {
-        this.input.write(c.value);
-      }
-      this.input.focus();
-    };
-  }
-  __init8() {
-    this.callOnSessionChange = () => {
-      const {onSessionChange} = this.props;
-      if (onSessionChange) {
-        onSessionChange(this.state.session);
-      }
-    };
-  }
-  __init9() {
-    this.toggleShowCorrect = show => {
-      this.setState({
-        showCorrect: show
-      }, this.handleAnswerBlockDomUpdate);
-    };
-  }
-  __init10() {
-    this.subFieldChanged = (name, subfieldValue) => {
-      updateSpans();
-      if (name) {
-        this.setState(state => ({
-          session: {
-            ...state.session,
-            completeAnswer: this.mqStatic && this.mqStatic.mathField.latex(),
-            answers: {
-              ...state.session.answers,
-              [name]: {
-                value: subfieldValue
-              }
-            }
-          }
-        }), this.callOnSessionChange);
-      }
-    };
-  }
-  __init11() {
-    this.getFieldName = (changeField, fields) => {
-      const {answers} = this.state.session;
-      if (Object.keys(answers || ({})).length) {
-        const keys = Object.keys(answers);
-        return keys.find(k => {
-          const tf = fields[k];
-          return tf && tf.id == changeField.id;
-        });
-      }
-    };
-  }
-  __init12() {
-    this.onBlur = e => {
-      const {relatedTarget, currentTarget} = e || ({});
-      if (!relatedTarget || !currentTarget || !IS_SAFARI && !_optionalChain([relatedTarget, 'optionalAccess', _13 => _13.offsetParent, 'optionalAccess', _14 => _14.children, 'access', _15 => _15[0], 'optionalAccess', _16 => _16.attributes, 'optionalAccess', _17 => _17['data-keypad']]) || IS_SAFARI && !_optionalChain([relatedTarget, 'optionalAccess', _18 => _18.offsetParent, 'optionalAccess', _19 => _19.children, 'access', _20 => _20[0], 'optionalAccess', _21 => _21.children, 'access', _22 => _22[0], 'optionalAccess', _23 => _23.attributes, 'optionalAccess', _24 => _24['data-keypad']])) {
-        this.setState({
-          activeAnswerBlock: ''
-        });
-      }
-    };
-  }
-  setTooltipRef(ref) {
-    setTimeout(() => {
-      if (ref && IS_SAFARI) {
-        const div = document.querySelector('[role=\'tooltip\']');
-        if (div) {
-          const el = div.firstChild;
-          el.setAttribute('tabindex', '-1');
-        }
-      }
-    }, 1);
-  }
-  render() {
-    const {model, classes} = this.props;
-    const {activeAnswerBlock, showCorrect, session} = this.state;
-    const {config, correctness, disabled, view, teacherInstructions, rationale, feedback, animationsDisabled, printMode, alwaysShowCorrect} = model || ({});
-    if (!config) {
-      return null;
-    }
-    const {showNote, note, prompt, responses, responseType, equationEditor, customKeys, env: {mode, role} = {}} = config || ({});
-    const displayNote = (showCorrect || mode === 'view' && role === 'instructor') && showNote && note;
-    const emptyResponse = isEmpty(responses);
-    const showCorrectAnswerToggle = !emptyResponse && correctness && correctness.correctness !== 'correct';
-    const tooltipModeEnabled = disabled && correctness;
-    const additionalKeys = generateAdditionalKeys(customKeys);
-    const correct = correctness && correctness.correct;
-    const staticLatex = prepareForStatic(model, this.state) || '';
-    const viewMode = disabled && !correctness;
-    const studentPrintMode = printMode && !alwaysShowCorrect;
-    const printView = React$1.createElement('div', {
-      className: classes.printContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 411
-      }
-    }, React$1.createElement(mq.Static, {
-      ref: mqStatic => this.mqStatic = mqStatic || this.mqStatic,
-      latex: staticLatex,
-      onSubFieldChange: this.subFieldChanged,
-      getFieldName: this.getFieldName,
-      setInput: this.setInput,
-      onSubFieldFocus: this.onSubFieldFocus,
-      onBlur: this.onBlur,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 412
-      }
-    }));
-    const midContent = React$1.createElement('div', {
-      className: classes.main,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 424
-      }
-    }, prompt && React$1.createElement('div', {
-      className: classes.content,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 426
-      }
-    }, React$1.createElement(PreviewPrompt, {
-      prompt: prompt,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 427
-      }
-    })), studentPrintMode ? printView : React$1.createElement(Readable, {
-      false: true,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 430
-      }
-    }, React$1.createElement('div', {
-      className: classes.inputAndKeypadContainer,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 431
-      }
-    }, responseType === ResponseTypes.simple && React$1.createElement(SimpleQuestionBlock, {
-      onSimpleResponseChange: this.onSimpleResponseChange,
-      showCorrect: showCorrect,
-      emptyResponse: emptyResponse,
-      model: model,
-      session: session,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 433
-      }
-    }), responseType === ResponseTypes.advanced && React$1.createElement('div', {
-      className: cx(classes.expression, {
-        [classes.incorrect]: !emptyResponse && !correct && !showCorrect,
-        [classes.correct]: !emptyResponse && (correct || showCorrect),
-        [classes.showCorrectness]: !emptyResponse && disabled && correctness && !view,
-        [classes.correctAnswerShown]: showCorrect,
-        [classes.printCorrect]: printMode && alwaysShowCorrect
-      }),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 442
-      }
-    }, React$1.createElement(Tooltip, {
-      ref: ref => this.setTooltipRef(ref),
-      interactive: true,
-      open: !!activeAnswerBlock,
-      classes: {
-        tooltip: classes.keypadTooltip,
-        popper: classes.keypadTooltipPopper
-      },
-      title: Object.keys(session.answers).map(answerId => answerId === activeAnswerBlock && !(showCorrect || disabled) && React$1.createElement('div', {
-        'data-keypad': true,
-        key: answerId,
-        className: classes.responseContainer,
-        style: {
-          width: getKeyPadWidth(additionalKeys, equationEditor)
-        },
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 463
-        }
-      }, React$1.createElement(HorizontalKeypad, {
-        additionalKeys: additionalKeys,
-        mode: equationEditor || DEFAULT_KEYPAD_VARIANT,
-        onClick: this.onClick,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 472
-        }
-      })) || null),
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 451
-      }
-    }, React$1.createElement(mq.Static, {
-      ref: mqStatic => this.mqStatic = mqStatic || this.mqStatic,
-      latex: staticLatex,
-      onSubFieldChange: this.subFieldChanged,
-      getFieldName: this.getFieldName,
-      setInput: this.setInput,
-      onSubFieldFocus: this.onSubFieldFocus,
-      onBlur: this.onBlur,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 482
-      }
-    }))))), viewMode && teacherInstructions && hasText(teacherInstructions) && React$1.createElement(React$1.Fragment, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 498
-      }
-    }, !animationsDisabled ? React$1.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Teacher Instructions',
-        visible: 'Hide Teacher Instructions'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 499
-      }
-    }, React$1.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 502
-      }
-    })) : React$1.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: teacherInstructions
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 503
-      }
-    }), React$1.createElement('br', {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 504
-      }
-    })), viewMode && rationale && hasText(rationale) && React$1.createElement(React$1.Fragment, {
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 510
-      }
-    }, !animationsDisabled ? React$1.createElement(Collapsible, {
-      labels: {
-        hidden: 'Show Rationale',
-        visible: 'Hide Rationale'
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 511
-      }
-    }, React$1.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: rationale
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 514
-      }
-    })) : React$1.createElement('div', {
-      dangerouslySetInnerHTML: {
-        __html: rationale
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 515
-      }
-    })), viewMode && displayNote && React$1.createElement('div', {
-      className: classes.note,
-      dangerouslySetInnerHTML: {
-        __html: `<strong>Note:</strong> ${note}`
-      },
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 521
-      }
-    }));
-    if (tooltipModeEnabled && (showCorrectAnswerToggle || teacherInstructions || rationale || feedback)) {
-      return React$1.createElement(Tooltip, {
-        interactive: true,
-        classes: {
-          tooltip: classes.tooltip,
-          popper: classes.tooltipPopper
-        },
-        title: React$1.createElement('div', {
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 539
-          }
-        }, React$1.createElement('div', {
-          className: classes.main,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 540
-          }
-        }, showCorrectAnswerToggle && React$1.createElement(CorrectAnswerToggle, {
-          className: classes.toggle,
-          show: true,
-          toggled: showCorrect,
-          onToggle: this.toggleShowCorrect,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 542
-          }
-        })), teacherInstructions && hasText(teacherInstructions) && [React$1.createElement(Collapsible, {
-          key: "collapsible",
-          labels: {
-            hidden: 'Show Teacher Instructions',
-            visible: 'Hide Teacher Instructions'
-          },
-          className: classes.collapsible,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 551
-          }
-        }, React$1.createElement(PreviewPrompt, {
-          prompt: teacherInstructions,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 559
-          }
-        })), React$1.createElement('br', {
-          key: "br",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 561
-          }
-        })], rationale && hasText(rationale) && [React$1.createElement(Collapsible, {
-          key: "collapsible",
-          labels: {
-            hidden: 'Show Rationale',
-            visible: 'Hide Rationale'
-          },
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 564
-          }
-        }, React$1.createElement(PreviewPrompt, {
-          prompt: rationale,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 571
-          }
-        })), React$1.createElement('br', {
-          key: "br",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 573
-          }
-        })], displayNote && hasText(note) && [React$1.createElement(Collapsible, {
-          key: "collapsible",
-          labels: {
-            hidden: 'Show Note',
-            visible: 'Hide Note'
-          },
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 576
-          }
-        }, React$1.createElement(PreviewPrompt, {
-          prompt: note,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 583
-          }
-        })), React$1.createElement('br', {
-          key: "br",
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 585
-          }
-        })], feedback && React$1.createElement(Feedback, {
-          correctness: correctness.correctness,
-          feedback: feedback,
-          __self: this,
-          __source: {
-            fileName: _jsxFileName,
-            lineNumber: 588
-          }
-        })),
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 532
-        }
-      }, React$1.createElement('div', {
-        className: classes.mainContainer,
-        ref: r => this.root = r || this.root,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 596
-        }
-      }, midContent));
-    }
-    return React$1.createElement('div', {
-      className: classes.mainContainer,
-      ref: r => this.root = r || this.root,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 606
-      }
-    }, midContent);
-  }
-}
-Main.__initStatic();
-const styles = theme => ({
-  mainContainer: {
-    display: 'inline-block'
-  },
-  tooltip: {
-    background: `${color.primaryLight()} !important`,
-    color: color.text(),
-    padding: theme.spacing.unit * 2,
-    border: `1px solid ${color.secondary()}`,
-    fontSize: '16px',
-    '& :not(.MathJax) > table tr': {
-      '&:nth-child(2n)': {
-        backgroundColor: 'unset !important'
-      }
-    }
-  },
-  tooltipPopper: {
-    opacity: 1
-  },
-  keypadTooltip: {
-    fontSize: 'initial',
-    background: 'transparent',
-    width: '600px',
-    marginTop: 0,
-    paddingTop: 0
-  },
-  keypadTooltipPopper: {
-    background: 'transparent',
-    width: '650px',
-    opacity: 1
-  },
-  main: {
-    width: '100%',
-    position: 'relative',
-    padding: theme.spacing.unit / 2,
-    backgroundColor: color.background(),
-    color: color.text()
-  },
-  title: {
-    fontSize: '1.1rem',
-    display: 'block',
-    marginTop: theme.spacing.unit * 2,
-    marginBottom: theme.spacing.unit
-  },
-  content: {
-    marginTop: theme.spacing.unit * 2
-  },
-  note: {
-    paddingTop: '15px'
-  },
-  collapsible: {
-    marginTop: theme.spacing.unit * 2
-  },
-  responseContainer: {
-    zIndex: 10,
-    minWidth: '400px',
-    marginTop: theme.spacing.unit * 2
-  },
-  expression: {
-    maxWidth: 'fit-content',
-    '& > .mq-math-mode': {
-      '& > .mq-root-block': {
-        '& > .mq-editable-field': {
-          minWidth: '10px',
-          margin: theme.spacing.unit * 2 / 3,
-          padding: theme.spacing.unit / 4
-        }
-      },
-      '& sup': {
-        top: 0
-      }
-    }
-  },
-  inputAndKeypadContainer: {
-    position: 'relative',
-    '& .mq-overarrow-inner': {
-      border: 'none !important',
-      padding: '0 !important'
-    },
-    '& .mq-overarrow-inner-right': {
-      display: 'none !important'
-    },
-    '& .mq-overarrow-inner-left': {
-      display: 'none !important'
-    },
-    '& .mq-overarrow.mq-arrow-both': {
-      minWidth: '1.23em',
-      '& *': {
-        lineHeight: '1 !important'
-      },
-      '&:before': {
-        top: '-0.4em',
-        left: '-1px'
-      },
-      '&:after': {
-        top: '-2.4em',
-        right: '-1px'
-      },
-      '&.mq-empty:after': {
-        top: '-0.45em'
-      }
-    },
-    '& .mq-overarrow.mq-arrow-right': {
-      '&:before': {
-        top: '-0.4em',
-        right: '-1px'
-      }
-    },
-    '& .mq-longdiv-inner': {
-      borderTop: '1px solid !important',
-      paddingTop: '1.5px !important'
-    },
-    '& .mq-parallelogram': {
-      lineHeight: 0.85
-    }
-  },
-  showCorrectness: {
-    border: '2px solid'
-  },
-  correctAnswerShown: {
-    padding: theme.spacing.unit,
-    letterSpacing: '0.5px'
-  },
-  printCorrect: {
-    border: `2px solid ${color.correct()} !important`
-  },
-  correct: {
-    borderColor: `${color.correct()} !important`
-  },
-  incorrect: {
-    borderColor: `${color.incorrect()} !important`
-  },
-  blockContainer: {
-    margin: `${theme.spacing.unit}px !important`,
-    display: 'inline-flex',
-    border: '2px solid grey !important'
-  },
-  blockResponse: {
-    flex: 2,
-    color: 'grey',
-    background: 'lightgrey',
-    fontSize: '0.8rem !important',
-    padding: `${theme.spacing.unit / 2}px !important`,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    borderRight: `2px solid ${color.disabled()} !important`
-  },
-  toggle: {
-    color: color.text()
-  },
-  blockMath: {
-    color: color.text(),
-    backgroundColor: color.background(),
-    padding: `${theme.spacing.unit / 2}px !important`,
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'center',
-    flex: 8,
-    '& > .mq-math-mode': {
-      '& > .mq-hasCursor': {
-        '& > .mq-cursor': {
-          display: 'none'
-        }
-      }
-    }
-  },
-  printContainer: {
-    marginBottom: '10px',
-    pointerEvents: 'none'
-  }
-});
-var Main$1 = withStyles(styles)(Main);
-const React = _dll_react;
-const ReactDOM = _dll_react_dom;
-const {debounce: debounce} = _dll_lodash;
-const debug = _dll_debug;
-const {renderMath: renderMath} = _dll_pie_lib__math_rendering;
-const log = debug('pie-element:math-inline:print');
-const preparePrintModel = (model, opts) => {
-  const instr = opts.role === 'instructor';
-  model.prompt = model.promptEnabled !== false ? model.prompt : undefined;
-  model.teacherInstructions = instr && model.teacherInstructionsEnabled !== false ? model.teacherInstructions : undefined;
-  model.rationale = instr && model.rationaleEnabled !== false ? model.rationale : undefined;
-  model.showTeacherInstructions = instr;
-  model.alwaysShowCorrect = instr;
-  model.printMode = true;
-  model.feedback = undefined;
-  model.expression = model.expression || '{{response}}';
-  model.animationsDisabled = true;
-  return {
-    ...model,
-    disabled: true,
-    config: {
-      ...model,
-      env: {
-        mode: instr ? 'evaluate' : model.mode,
-        role: opts.role
-      }
-    }
-  };
-};
-class MathInlinePrint extends HTMLElement {
-  constructor() {
-    super();
-    this._options = null;
-    this._model = null;
-    this._session = [];
-    this._rerender = debounce(() => {
-      if (this._model && this._session) {
-        const printModel = preparePrintModel(this._model, this._options);
-        const element = this._options && React.createElement(Main$1, {
-          model: printModel,
-          session: {}
-        });
-        ReactDOM.render(element, this, () => {
-          log('render complete - render math');
-          renderMath(this);
-        });
-      } else {
-        log('skip');
-      }
-    }, 50, {
-      leading: false,
-      trailing: true
-    });
-  }
-  set options(o) {
-    this._options = o;
-  }
-  set model(s) {
-    this._model = s;
-    this._rerender();
-  }
-  connectedCallback() {}
-}
-export {MathInlinePrint as default};