@pie-lib/math-input 6.28.6-esmbeta.2 → 6.29.0-mui-update.0

package/lib/math-input.js

@@ -1,71 +1,68 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.MathInput = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
+var _styles = require("@mui/material/styles");
 var mq = _interopRequireWildcard(require("./mq"));
-
 var _keys = require("./keys");
-
 var _keypad = _interopRequireDefault(require("./keypad"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var log = (0, _debug["default"])('pie-lib:math-input');
-
-var MathInput = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(MathInput, _React$Component);
-
-  var _super = _createSuper(MathInput);
-
+var grey = 'rgba(0, 0, 0, 0.23)';
+var MathInputContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme,
+    focused = _ref.focused;
+  return {
+    borderRadius: '4px',
+    border: "solid 1px ".concat(focused ? theme.palette.primary.main : grey),
+    marginTop: theme.spacing(1),
+    marginBottom: theme.spacing(1),
+    transition: 'border 200ms linear'
+  };
+});
+var PadContainer = (0, _styles.styled)('div')({
+  width: '100%',
+  display: 'flex'
+});
+var StyledMqInput = (0, _styles.styled)(mq.Input)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    width: '100%',
+    border: "solid 0px ".concat(theme.palette.primary.light),
+    transition: 'border 200ms linear',
+    padding: theme.spacing(1),
+    '&.mq-focused': {
+      outline: 'none',
+      boxShadow: 'none',
+      border: "solid 0px ".concat(theme.palette.primary.dark)
+    }
+  };
+});
+var MathInput = exports.MathInput = /*#__PURE__*/function (_React$Component) {
   function MathInput(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, MathInput);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "keypadPress", function (key) {
+    _this = _callSuper(this, MathInput, [props]);
+    (0, _defineProperty2["default"])(_this, "keypadPress", function (key) {
       log('[keypadPress] key:', key);
-
       if (!_this.input) {
         return;
       }
-
       if (key.latex && !key.command) {
         _this.input.write(key.latex);
       } else if (key.write) {
@@ -76,19 +73,18 @@ var MathInput = /*#__PURE__*/function (_React$Component) {
         _this.input.keystroke(key.keystroke);
       }
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputFocus", function () {
+    (0, _defineProperty2["default"])(_this, "inputFocus", function () {
       _this.setState({
         focused: true
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputBlur", function () {
+    (0, _defineProperty2["default"])(_this, "inputBlur", function () {
       _this.setState({
         focused: false
       });
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "changeLatex", function (l) {
+    (0, _defineProperty2["default"])(_this, "changeLatex", function (l) {
       var onChange = _this.props.onChange;
-
       if (onChange && l !== _this.props.latex) {
         log('[changeLatex]', l, _this.props.latex);
         onChange(l);
@@ -99,24 +95,22 @@ var MathInput = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(MathInput, [{
+  (0, _inherits2["default"])(MathInput, _React$Component);
+  return (0, _createClass2["default"])(MathInput, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          keyset = _this$props.keyset,
-          latex = _this$props.latex;
+        className = _this$props.className,
+        keyset = _this$props.keyset,
+        latex = _this$props.latex;
       var focused = this.state.focused;
       var showKeypad = true; // TODO: add support for different displayModes - displayMode === 'block' || focused;
 
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.mathInput, className, focused && classes.focused)
-      }, /*#__PURE__*/_react["default"].createElement(mq.Input, {
-        className: classes.mqInput,
+      return /*#__PURE__*/_react["default"].createElement(MathInputContainer, {
+        className: className,
+        focused: focused
+      }, /*#__PURE__*/_react["default"].createElement(StyledMqInput, {
         innerRef: function innerRef(r) {
           return _this2.input = r;
         },
@@ -124,21 +118,15 @@ var MathInput = /*#__PURE__*/function (_React$Component) {
         onBlur: this.inputBlur,
         latex: latex,
         onChange: this.changeLatex
-      }), showKeypad && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.pad
-      }, /*#__PURE__*/_react["default"].createElement(_keypad["default"], {
+      }), showKeypad && /*#__PURE__*/_react["default"].createElement(PadContainer, null, /*#__PURE__*/_react["default"].createElement(_keypad["default"], {
         baseSet: _keys.baseSet,
         additionalKeys: keyset,
         onPress: this.keypadPress
       })));
     }
   }]);
-  return MathInput;
 }(_react["default"].Component);
-
-exports.MathInput = MathInput;
 (0, _defineProperty2["default"])(MathInput, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   keyset: _propTypes["default"].array,
   displayMode: _propTypes["default"].oneOf(['block', 'block-on-focus']),
@@ -149,44 +137,5 @@ exports.MathInput = MathInput;
   keyset: [],
   displayMode: 'block'
 });
-var grey = 'rgba(0, 0, 0, 0.23)';
-
-var styles = function styles(theme) {
-  return {
-    formGroup: {
-      display: 'flex',
-      textAlign: 'right',
-      "float": 'right'
-    },
-    pad: {
-      width: '100%',
-      display: 'flex'
-    },
-    mathInput: {
-      borderRadius: '4px',
-      border: "solid 1px ".concat(grey),
-      marginTop: theme.spacing.unit,
-      marginBottom: theme.spacing.unit,
-      transition: 'border 200ms linear'
-    },
-    focused: {
-      border: "solid 1px ".concat(theme.palette.primary.main)
-    },
-    mqInput: {
-      width: '100%',
-      border: "solid 0px ".concat(theme.palette.primary.light),
-      transition: 'border 200ms linear',
-      padding: theme.spacing.unit,
-      '&.mq-focused': {
-        outline: 'none',
-        boxShadow: 'none',
-        border: "solid 0px ".concat(theme.palette.primary.dark)
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(MathInput);
-
-exports["default"] = _default;
+var _default = exports["default"] = MathInput;
 //# sourceMappingURL=math-input.js.map

package/lib/math-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/math-input.jsx"],"names":["log","MathInput","props","key","input","latex","command","write","keystroke","setState","focused","l","onChange","state","classes","className","keyset","showKeypad","mathInput","mqInput","r","inputFocus","inputBlur","changeLatex","pad","baseSet","keypadPress","React","Component","PropTypes","object","isRequired","string","array","displayMode","oneOf","func","grey","styles","theme","formGroup","display","textAlign","width","borderRadius","border","marginTop","spacing","unit","marginBottom","transition","palette","primary","main","light","padding","outline","boxShadow","dark"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport * as mq from './mq';\nimport { baseSet } from './keys';\nimport KeyPad from './keypad';\nimport debug from 'debug';\n\nconst log = debug('pie-lib:math-input');\n\nexport class MathInput extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    keyset: PropTypes.array,\n    displayMode: PropTypes.oneOf(['block', 'block-on-focus']),\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    keyset: [],\n    displayMode: 'block',\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      focused: false,\n    };\n  }\n\n  keypadPress = (key) => {\n    log('[keypadPress] key:', key);\n\n    if (!this.input) {\n      return;\n    }\n\n    if (key.latex && !key.command) {\n      this.input.write(key.latex);\n    } else if (key.write) {\n      this.input.write(key.write);\n    } else if (key.command) {\n      this.input.command(key.command);\n    } else if (key.keystroke) {\n      this.input.keystroke(key.keystroke);\n    }\n  };\n\n  inputFocus = () => {\n    this.setState({ focused: true });\n  };\n\n  inputBlur = () => {\n    this.setState({ focused: false });\n  };\n\n  changeLatex = (l) => {\n    const { onChange } = this.props;\n\n    if (onChange && l !== this.props.latex) {\n      log('[changeLatex]', l, this.props.latex);\n      onChange(l);\n    }\n  };\n\n  render() {\n    const { classes, className, keyset, latex } = this.props;\n    const { focused } = this.state;\n\n    const showKeypad = true; // TODO: add support for different displayModes - displayMode === 'block' || focused;\n\n    return (\n      <div className={classNames(classes.mathInput, className, focused && classes.focused)}>\n        <mq.Input\n          className={classes.mqInput}\n          innerRef={(r) => (this.input = r)}\n          onFocus={this.inputFocus}\n          onBlur={this.inputBlur}\n          latex={latex}\n          onChange={this.changeLatex}\n        />\n        {showKeypad && (\n          <div className={classes.pad}>\n            <KeyPad baseSet={baseSet} additionalKeys={keyset} onPress={this.keypadPress} />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst grey = 'rgba(0, 0, 0, 0.23)';\nconst styles = (theme) => ({\n  formGroup: {\n    display: 'flex',\n    textAlign: 'right',\n    float: 'right',\n  },\n  pad: {\n    width: '100%',\n    display: 'flex',\n  },\n  mathInput: {\n    borderRadius: '4px',\n    border: `solid 1px ${grey}`,\n    marginTop: theme.spacing.unit,\n    marginBottom: theme.spacing.unit,\n    transition: 'border 200ms linear',\n  },\n  focused: {\n    border: `solid 1px ${theme.palette.primary.main}`,\n  },\n  mqInput: {\n    width: '100%',\n    border: `solid 0px ${theme.palette.primary.light}`,\n    transition: 'border 200ms linear',\n    padding: theme.spacing.unit,\n    '&.mq-focused': {\n      outline: 'none',\n      boxShadow: 'none',\n      border: `solid 0px ${theme.palette.primary.dark}`,\n    },\n  },\n});\nexport default withStyles(styles)(MathInput);\n"],"file":"math-input.js"}
+{"version":3,"file":"math-input.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","mq","_interopRequireWildcard","_keys","_keypad","_debug","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","log","debug","grey","MathInputContainer","styled","_ref","theme","focused","borderRadius","border","concat","palette","primary","main","marginTop","spacing","marginBottom","transition","PadContainer","width","display","StyledMqInput","Input","_ref2","light","padding","outline","boxShadow","dark","MathInput","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","key","input","latex","command","write","keystroke","setState","l","onChange","state","_inherits2","_createClass2","value","render","_this2","_this$props","className","keyset","showKeypad","createElement","innerRef","onFocus","inputFocus","onBlur","inputBlur","changeLatex","baseSet","additionalKeys","onPress","keypadPress","React","Component","PropTypes","string","array","displayMode","oneOf","func","_default"],"sources":["../src/math-input.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport * as mq from './mq';\nimport { baseSet } from './keys';\nimport KeyPad from './keypad';\nimport debug from 'debug';\n\nconst log = debug('pie-lib:math-input');\n\nconst grey = 'rgba(0, 0, 0, 0.23)';\n\nconst MathInputContainer = styled('div')(({ theme, focused }) => ({\n  borderRadius: '4px',\n  border: `solid 1px ${focused ? theme.palette.primary.main : grey}`,\n  marginTop: theme.spacing(1),\n  marginBottom: theme.spacing(1),\n  transition: 'border 200ms linear',\n}));\n\nconst PadContainer = styled('div')({\n  width: '100%',\n  display: 'flex',\n});\n\nconst StyledMqInput = styled(mq.Input)(({ theme }) => ({\n  width: '100%',\n  border: `solid 0px ${theme.palette.primary.light}`,\n  transition: 'border 200ms linear',\n  padding: theme.spacing(1),\n  '&.mq-focused': {\n    outline: 'none',\n    boxShadow: 'none',\n    border: `solid 0px ${theme.palette.primary.dark}`,\n  },\n}));\n\nexport class MathInput extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    keyset: PropTypes.array,\n    displayMode: PropTypes.oneOf(['block', 'block-on-focus']),\n    latex: PropTypes.string,\n    onChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    keyset: [],\n    displayMode: 'block',\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      focused: false,\n    };\n  }\n\n  keypadPress = (key) => {\n    log('[keypadPress] key:', key);\n\n    if (!this.input) {\n      return;\n    }\n\n    if (key.latex && !key.command) {\n      this.input.write(key.latex);\n    } else if (key.write) {\n      this.input.write(key.write);\n    } else if (key.command) {\n      this.input.command(key.command);\n    } else if (key.keystroke) {\n      this.input.keystroke(key.keystroke);\n    }\n  };\n\n  inputFocus = () => {\n    this.setState({ focused: true });\n  };\n\n  inputBlur = () => {\n    this.setState({ focused: false });\n  };\n\n  changeLatex = (l) => {\n    const { onChange } = this.props;\n\n    if (onChange && l !== this.props.latex) {\n      log('[changeLatex]', l, this.props.latex);\n      onChange(l);\n    }\n  };\n\n  render() {\n    const { className, keyset, latex } = this.props;\n    const { focused } = this.state;\n\n    const showKeypad = true; // TODO: add support for different displayModes - displayMode === 'block' || focused;\n\n    return (\n      <MathInputContainer className={className} focused={focused}>\n        <StyledMqInput\n          innerRef={(r) => (this.input = r)}\n          onFocus={this.inputFocus}\n          onBlur={this.inputBlur}\n          latex={latex}\n          onChange={this.changeLatex}\n        />\n        {showKeypad && (\n          <PadContainer>\n            <KeyPad baseSet={baseSet} additionalKeys={keyset} onPress={this.keypadPress} />\n          </PadContainer>\n        )}\n      </MathInputContainer>\n    );\n  }\n}\n\nexport default MathInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/mq/common-mq-styles.js

@@ -1,19 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.supsubStyles = exports.longdivStyles = exports["default"] = exports.commonMqKeyboardStyles = exports.commonMqFontStyles = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-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 commonMqFontStyles = {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var commonMqFontStyles = exports.commonMqFontStyles = {
   fontFamily: 'MJXZERO, MJXTEX !important',
   '-webkit-font-smoothing': 'antialiased !important',
   '& .mq-math-mode > span > var': {
@@ -29,8 +24,7 @@ var commonMqFontStyles = {
     fontFamily: 'MJXZERO, MJXTEX !important'
   }
 };
-exports.commonMqFontStyles = commonMqFontStyles;
-var longdivStyles = {
+var longdivStyles = exports.longdivStyles = {
   '& .mq-longdiv-inner': {
     marginTop: '-1px',
     marginLeft: '5px !important;',
@@ -44,8 +38,7 @@ var longdivStyles = {
     display: 'inline-flex !important'
   }
 };
-exports.longdivStyles = longdivStyles;
-var supsubStyles = {
+var supsubStyles = exports.supsubStyles = {
   '& .mq-math-mode sup.mq-nthroot': {
     fontSize: '70% !important',
     verticalAlign: '0.5em !important',
@@ -63,7 +56,6 @@ var supsubStyles = {
       marginBottom: '0px !important'
     }
   },
-
   /* But when the base is a fraction, move it higher */
   '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {
     verticalAlign: '0.4em !important'
@@ -72,8 +64,7 @@ var supsubStyles = {
     verticalAlign: '0.4em !important'
   }
 };
-exports.supsubStyles = supsubStyles;
-var commonMqKeyboardStyles = {
+var commonMqKeyboardStyles = exports.commonMqKeyboardStyles = {
   '& *': _objectSpread(_objectSpread(_objectSpread({}, commonMqFontStyles), longdivStyles), {}, {
     '& .mq-math-mode .mq-sqrt-prefix': {
       top: '0 !important'
@@ -99,12 +90,10 @@ var commonMqKeyboardStyles = {
     }
   })
 };
-exports.commonMqKeyboardStyles = commonMqKeyboardStyles;
-var _default = {
+var _default = exports["default"] = {
   commonMqFontStyles: commonMqFontStyles,
   longdivStyles: longdivStyles,
   supsubStyles: supsubStyles,
   commonMqKeyboardStyles: commonMqKeyboardStyles
 };
-exports["default"] = _default;
 //# sourceMappingURL=common-mq-styles.js.map

package/lib/mq/common-mq-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mq/common-mq-styles.js"],"names":["commonMqFontStyles","fontFamily","longdivStyles","marginTop","marginLeft","padding","display","supsubStyles","fontSize","verticalAlign","paddingRight","marginBottom","commonMqKeyboardStyles","top","paddingTop"],"mappings":";;;;;;;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAG;AAChCC,EAAAA,UAAU,EAAE,4BADoB;AAEhC,4BAA0B,wBAFM;AAIhC,kCAAgC;AAC9BA,IAAAA,UAAU,EAAE;AADkB,GAJA;AAOhC,8BAA4B;AAC1BA,IAAAA,UAAU,EAAE;AADc,GAPI;AAUhC,oCAAkC;AAChCA,IAAAA,UAAU,EAAE;AADoB,GAVF;AAahC,mDAAiD;AAC/CA,IAAAA,UAAU,EAAE;AADmC;AAbjB,CAA3B;;AAkBA,IAAMC,aAAa,GAAG;AAC3B,yBAAuB;AACrBC,IAAAA,SAAS,EAAE,MADU;AAErBC,IAAAA,UAAU,EAAE,iBAFS;AAIrB,qBAAiB;AACfC,MAAAA,OAAO,EAAE,cADM;AAEfD,MAAAA,UAAU,EAAE,gBAFG;AAGfD,MAAAA,SAAS,EAAE;AAHI;AAJI,GADI;AAY3B,iCAA+B;AAC7BG,IAAAA,OAAO,EAAE;AADoB;AAZJ,CAAtB;;AAiBA,IAAMC,YAAY,GAAG;AAC1B,oCAAkC;AAChCC,IAAAA,QAAQ,EAAE,gBADsB;AAEhCC,IAAAA,aAAa,EAAE,kBAFiB;AAGhCC,IAAAA,YAAY,EAAE;AAHkB,GADR;AAM1B,gCAA8B;AAC5BF,IAAAA,QAAQ,EAAE;AADkB,GANJ;AAS1B,mBAAiB;AACfA,IAAAA,QAAQ,EAAE;AADK,GATS;AAY1B,4CAA0C;AACxCC,IAAAA,aAAa,EAAE,mBADyB;AAGxC,iBAAa;AACXE,MAAAA,YAAY,EAAE;AADH;AAH2B,GAZhB;;AAmB1B;AACA,2DAAyD;AACvDF,IAAAA,aAAa,EAAE;AADwC,GApB/B;AAwB1B,oEAAkE;AAChEA,IAAAA,aAAa,EAAE;AADiD;AAxBxC,CAArB;;AA6BA,IAAMG,sBAAsB,GAAG;AACpC,uDACKZ,kBADL,GAEKE,aAFL;AAGE,uCAAmC;AACjCW,MAAAA,GAAG,EAAE;AAD4B,KAHrC;AAOE,iCAA6B;AAC3BR,MAAAA,OAAO,EAAE;AADkB,KAP/B;AAWE,kCAA8B;AAC5BG,MAAAA,QAAQ,EAAE;AADkB,KAXhC;AAeE,qCAAiC;AAC/BL,MAAAA,SAAS,EAAE,MADoB;AAE/BW,MAAAA,UAAU,EAAE;AAFmB,KAfnC;AAoBE,iCAA6B;AAC3BL,MAAAA,aAAa,EAAE;AADY,KApB/B;AAwBE,mEAA+D;AAC7DJ,MAAAA,OAAO,EAAE;AADoD,KAxBjE;AA4BE,kEAA8D;AAC5DA,MAAAA,OAAO,EAAE;AADmD;AA5BhE;AADoC,CAA/B;;eAmCQ;AACbL,EAAAA,kBAAkB,EAAlBA,kBADa;AAEbE,EAAAA,aAAa,EAAbA,aAFa;AAGbK,EAAAA,YAAY,EAAZA,YAHa;AAIbK,EAAAA,sBAAsB,EAAtBA;AAJa,C","sourcesContent":["export const commonMqFontStyles = {\n  fontFamily: 'MJXZERO, MJXTEX !important',\n  '-webkit-font-smoothing': 'antialiased !important',\n\n  '& .mq-math-mode > span > var': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode span var': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode .mq-nonSymbola': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode > span > var.mq-operator-name': {\n    fontFamily: 'MJXZERO, MJXTEX !important',\n  },\n};\n\nexport const longdivStyles = {\n  '& .mq-longdiv-inner': {\n    marginTop: '-1px',\n    marginLeft: '5px !important;',\n\n    '& > .mq-empty': {\n      padding: '0 !important',\n      marginLeft: '0px !important',\n      marginTop: '2px',\n    },\n  },\n\n  '& .mq-math-mode .mq-longdiv': {\n    display: 'inline-flex !important',\n  },\n};\n\nexport const supsubStyles = {\n  '& .mq-math-mode sup.mq-nthroot': {\n    fontSize: '70% !important',\n    verticalAlign: '0.5em !important',\n    paddingRight: '0.15em',\n  },\n  '& .mq-math-mode .mq-supsub': {\n    fontSize: '70.7% !important',\n  },\n  '& .mq-supsub ': {\n    fontSize: '70.7%',\n  },\n  '& .mq-math-mode .mq-supsub.mq-sup-only': {\n    verticalAlign: '-0.1em !important',\n\n    '& .mq-sup': {\n      marginBottom: '0px !important',\n    },\n  },\n  /* But when the base is a fraction, move it higher */\n  '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {\n    verticalAlign: '0.4em !important',\n  },\n\n  '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {\n    verticalAlign: '0.4em !important',\n  },\n};\n\nexport const commonMqKeyboardStyles = {\n  '& *': {\n    ...commonMqFontStyles,\n    ...longdivStyles,\n    '& .mq-math-mode .mq-sqrt-prefix': {\n      top: '0 !important',\n    },\n\n    '& .mq-math-mode .mq-empty': {\n      padding: '9px 1px !important',\n    },\n\n    '& .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important',\n    },\n\n    '& .mq-math-mode .mq-sqrt-stem': {\n      marginTop: '-5px',\n      paddingTop: '4px',\n    },\n\n    '& .mq-math-mode .mq-paren': {\n      verticalAlign: 'middle !important',\n    },\n\n    '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n      padding: '0 !important',\n    },\n\n    '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n      padding: '0 !important',\n    },\n  },\n};\n\nexport default {\n  commonMqFontStyles,\n  longdivStyles,\n  supsubStyles,\n  commonMqKeyboardStyles,\n};\n"],"file":"common-mq-styles.js"}
+{"version":3,"file":"common-mq-styles.js","names":["commonMqFontStyles","exports","fontFamily","longdivStyles","marginTop","marginLeft","padding","display","supsubStyles","fontSize","verticalAlign","paddingRight","marginBottom","commonMqKeyboardStyles","_objectSpread","top","paddingTop","_default"],"sources":["../../src/mq/common-mq-styles.js"],"sourcesContent":["export const commonMqFontStyles = {\n  fontFamily: 'MJXZERO, MJXTEX !important',\n  '-webkit-font-smoothing': 'antialiased !important',\n\n  '& .mq-math-mode > span > var': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode span var': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode .mq-nonSymbola': {\n    fontFamily: 'MJXZERO, MJXTEX-I !important',\n  },\n  '& .mq-math-mode > span > var.mq-operator-name': {\n    fontFamily: 'MJXZERO, MJXTEX !important',\n  },\n};\n\nexport const longdivStyles = {\n  '& .mq-longdiv-inner': {\n    marginTop: '-1px',\n    marginLeft: '5px !important;',\n\n    '& > .mq-empty': {\n      padding: '0 !important',\n      marginLeft: '0px !important',\n      marginTop: '2px',\n    },\n  },\n\n  '& .mq-math-mode .mq-longdiv': {\n    display: 'inline-flex !important',\n  },\n};\n\nexport const supsubStyles = {\n  '& .mq-math-mode sup.mq-nthroot': {\n    fontSize: '70% !important',\n    verticalAlign: '0.5em !important',\n    paddingRight: '0.15em',\n  },\n  '& .mq-math-mode .mq-supsub': {\n    fontSize: '70.7% !important',\n  },\n  '& .mq-supsub ': {\n    fontSize: '70.7%',\n  },\n  '& .mq-math-mode .mq-supsub.mq-sup-only': {\n    verticalAlign: '-0.1em !important',\n\n    '& .mq-sup': {\n      marginBottom: '0px !important',\n    },\n  },\n  /* But when the base is a fraction, move it higher */\n  '& .mq-math-mode .mq-fraction + .mq-supsub.mq-sup-only': {\n    verticalAlign: '0.4em !important',\n  },\n\n  '& .mq-math-mode .mq-supsub.mq-sup-only.mq-after-fraction-group': {\n    verticalAlign: '0.4em !important',\n  },\n};\n\nexport const commonMqKeyboardStyles = {\n  '& *': {\n    ...commonMqFontStyles,\n    ...longdivStyles,\n    '& .mq-math-mode .mq-sqrt-prefix': {\n      top: '0 !important',\n    },\n\n    '& .mq-math-mode .mq-empty': {\n      padding: '9px 1px !important',\n    },\n\n    '& .mq-math-mode .mq-supsub': {\n      fontSize: '70.7% !important',\n    },\n\n    '& .mq-math-mode .mq-sqrt-stem': {\n      marginTop: '-5px',\n      paddingTop: '4px',\n    },\n\n    '& .mq-math-mode .mq-paren': {\n      verticalAlign: 'middle !important',\n    },\n\n    '& .mq-math-mode .mq-overarrow .mq-overarrow-inner .mq-empty': {\n      padding: '0 !important',\n    },\n\n    '& .mq-math-mode .mq-overline .mq-overline-inner .mq-empty ': {\n      padding: '0 !important',\n    },\n  },\n};\n\nexport default {\n  commonMqFontStyles,\n  longdivStyles,\n  supsubStyles,\n  commonMqKeyboardStyles,\n};\n"],"mappings":";;;;;;;;;;AAAO,IAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG;EAChCE,UAAU,EAAE,4BAA4B;EACxC,wBAAwB,EAAE,wBAAwB;EAElD,8BAA8B,EAAE;IAC9BA,UAAU,EAAE;EACd,CAAC;EACD,0BAA0B,EAAE;IAC1BA,UAAU,EAAE;EACd,CAAC;EACD,gCAAgC,EAAE;IAChCA,UAAU,EAAE;EACd,CAAC;EACD,+CAA+C,EAAE;IAC/CA,UAAU,EAAE;EACd;AACF,CAAC;AAEM,IAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG;EAC3B,qBAAqB,EAAE;IACrBC,SAAS,EAAE,MAAM;IACjBC,UAAU,EAAE,iBAAiB;IAE7B,eAAe,EAAE;MACfC,OAAO,EAAE,cAAc;MACvBD,UAAU,EAAE,gBAAgB;MAC5BD,SAAS,EAAE;IACb;EACF,CAAC;EAED,6BAA6B,EAAE;IAC7BG,OAAO,EAAE;EACX;AACF,CAAC;AAEM,IAAMC,YAAY,GAAAP,OAAA,CAAAO,YAAA,GAAG;EAC1B,gCAAgC,EAAE;IAChCC,QAAQ,EAAE,gBAAgB;IAC1BC,aAAa,EAAE,kBAAkB;IACjCC,YAAY,EAAE;EAChB,CAAC;EACD,4BAA4B,EAAE;IAC5BF,QAAQ,EAAE;EACZ,CAAC;EACD,eAAe,EAAE;IACfA,QAAQ,EAAE;EACZ,CAAC;EACD,wCAAwC,EAAE;IACxCC,aAAa,EAAE,mBAAmB;IAElC,WAAW,EAAE;MACXE,YAAY,EAAE;IAChB;EACF,CAAC;EACD;EACA,uDAAuD,EAAE;IACvDF,aAAa,EAAE;EACjB,CAAC;EAED,gEAAgE,EAAE;IAChEA,aAAa,EAAE;EACjB;AACF,CAAC;AAEM,IAAMG,sBAAsB,GAAAZ,OAAA,CAAAY,sBAAA,GAAG;EACpC,KAAK,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACAd,kBAAkB,GAClBG,aAAa;IAChB,iCAAiC,EAAE;MACjCY,GAAG,EAAE;IACP,CAAC;IAED,2BAA2B,EAAE;MAC3BT,OAAO,EAAE;IACX,CAAC;IAED,4BAA4B,EAAE;MAC5BG,QAAQ,EAAE;IACZ,CAAC;IAED,+BAA+B,EAAE;MAC/BL,SAAS,EAAE,MAAM;MACjBY,UAAU,EAAE;IACd,CAAC;IAED,2BAA2B,EAAE;MAC3BN,aAAa,EAAE;IACjB,CAAC;IAED,6DAA6D,EAAE;MAC7DJ,OAAO,EAAE;IACX,CAAC;IAED,4DAA4D,EAAE;MAC5DA,OAAO,EAAE;IACX;EAAC;AAEL,CAAC;AAAC,IAAAW,QAAA,GAAAhB,OAAA,cAEa;EACbD,kBAAkB,EAAlBA,kBAAkB;EAClBG,aAAa,EAAbA,aAAa;EACbK,YAAY,EAAZA,YAAY;EACZK,sBAAsB,EAAtBA;AACF,CAAC","ignoreList":[]}

package/lib/mq/custom-elements.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.registerLineBreak = void 0;
-
-var registerLineBreak = function registerLineBreak(MQ) {
+var registerLineBreak = exports.registerLineBreak = function registerLineBreak(MQ) {
   MQ.registerEmbed('newLine', function () {
     return {
       htmlString: '<div class="newLine"></div>',
@@ -18,6 +17,4 @@ var registerLineBreak = function registerLineBreak(MQ) {
     };
   });
 };
-
-exports.registerLineBreak = registerLineBreak;
 //# sourceMappingURL=custom-elements.js.map

package/lib/mq/custom-elements.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mq/custom-elements.js"],"names":["registerLineBreak","MQ","registerEmbed","htmlString","text","latex"],"mappings":";;;;;;;AAAA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAASC,EAAT,EAAa;AACrCA,EAAAA,EAAE,CAACC,aAAH,CAAiB,SAAjB,EAA4B,YAAM;AAChC,WAAO;AACLC,MAAAA,UAAU,EAAE,6BADP;AAELC,MAAAA,IAAI,EAAE;AAAA,eAAM,UAAN;AAAA,OAFD;AAGLC,MAAAA,KAAK,EAAE;AAAA,eAAM,oBAAN;AAAA;AAHF,KAAP;AAKD,GAND;AAOD,CARD","sourcesContent":["const registerLineBreak = function(MQ) {\n  MQ.registerEmbed('newLine', () => {\n    return {\n      htmlString: '<div class=\"newLine\"></div>',\n      text: () => 'testText',\n      latex: () => '\\\\embed{newLine}[]',\n    };\n  });\n};\n\nexport { registerLineBreak };\n"],"file":"custom-elements.js"}
+{"version":3,"file":"custom-elements.js","names":["registerLineBreak","exports","MQ","registerEmbed","htmlString","text","latex"],"sources":["../../src/mq/custom-elements.js"],"sourcesContent":["const registerLineBreak = function(MQ) {\n  MQ.registerEmbed('newLine', () => {\n    return {\n      htmlString: '<div class=\"newLine\"></div>',\n      text: () => 'testText',\n      latex: () => '\\\\embed{newLine}[]',\n    };\n  });\n};\n\nexport { registerLineBreak };\n"],"mappings":";;;;;;AAAA,IAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAYE,EAAE,EAAE;EACrCA,EAAE,CAACC,aAAa,CAAC,SAAS,EAAE,YAAM;IAChC,OAAO;MACLC,UAAU,EAAE,6BAA6B;MACzCC,IAAI,EAAE,SAANA,IAAIA,CAAA;QAAA,OAAQ,UAAU;MAAA;MACtBC,KAAK,EAAE,SAAPA,KAAKA,CAAA;QAAA,OAAQ,oBAAoB;MAAA;IACnC,CAAC;EACH,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/mq/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,10 +22,7 @@ Object.defineProperty(exports, "Static", {
     return _static["default"];
   }
 });
-
 var _input = _interopRequireDefault(require("./input"));
-
 var _static = _interopRequireDefault(require("./static"));
-
 var _commonMqStyles = _interopRequireDefault(require("./common-mq-styles"));
 //# sourceMappingURL=index.js.map

package/lib/mq/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/mq/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","sourcesContent":["import Input from './input';\nimport Static from './static';\nimport CommonMqStyles from './common-mq-styles';\n\nexport { Input, Static, CommonMqStyles };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["_input","_interopRequireDefault","require","_static","_commonMqStyles"],"sources":["../../src/mq/index.js"],"sourcesContent":["import Input from './input';\nimport Static from './static';\nimport CommonMqStyles from './common-mq-styles';\n\nexport { Input, Static, CommonMqStyles };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA","ignoreList":[]}