@pie-element/math-templated 3.1.2-next.5 → 3.1.2-next.54

package/configure/package.json

@@ -8,7 +8,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "2.0.11",
+    "@pie-lib/pie-toolbox": "2.0.13",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "prop-types": "^15.6.2",

package/controller/package.json

@@ -7,7 +7,7 @@
   "module": "src/index.js",
   "dependencies": {
     "@pie-framework/math-validation": "^1.2.2",
-    "@pie-lib/pie-toolbox": "2.0.11",
+    "@pie-lib/pie-toolbox": "2.0.13",
     "debug": "^3.1.0",
     "lodash": "^4.17.15"
   },

package/module/configure.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.9/module/index.js";
-import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
+import {_dll_pie_lib__pie_toolbox_config_ui, _dll_pie_lib__pie_toolbox_math_toolbar, _dll_pie_lib__pie_toolbox_editable_html} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -49977,6 +49977,52 @@ MmlVisitor$1.MmlVisitor = MmlVisitor;
   exports.SerializedMmlVisitor = SerializedMmlVisitor;
 })(SerializedMmlVisitor);
 getDefaultExportFromCjs(SerializedMmlVisitor);
+var TexError$1 = {};
+Object.defineProperty(TexError$1, "__esModule", {
+  value: true
+});
+var TexError = (function () {
+  function TexError(id, message) {
+    var rest = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+      rest[_i - 2] = arguments[_i];
+    }
+    this.id = id;
+    this.message = TexError.processString(message, rest);
+  }
+  TexError.processString = function (str, args) {
+    var parts = str.split(TexError.pattern);
+    for (var i = 1, m = parts.length; i < m; i += 2) {
+      var c = parts[i].charAt(0);
+      if (c >= '0' && c <= '9') {
+        parts[i] = args[parseInt(parts[i], 10) - 1];
+        if (typeof parts[i] === 'number') {
+          parts[i] = parts[i].toString();
+        }
+      } else if (c === '{') {
+        c = parts[i].substr(1);
+        if (c >= '0' && c <= '9') {
+          parts[i] = args[parseInt(parts[i].substr(1, parts[i].length - 2), 10) - 1];
+          if (typeof parts[i] === 'number') {
+            parts[i] = parts[i].toString();
+          }
+        } else {
+          var match = parts[i].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);
+          if (match) {
+            parts[i] = '%' + parts[i];
+          }
+        }
+      }
+      if (parts[i] == null) {
+        parts[i] = '???';
+      }
+    }
+    return parts.join('');
+  };
+  TexError.pattern = /%(\d+|\{\d+\}|\{[a-z]+:\%\d+(?:\|(?:%\{\d+\}|%.|[^\}])*)+\}|.)/g;
+  return TexError;
+})();
+TexError$1.default = TexError;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -49986,6 +50032,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   var _typeof2 = _interopRequireDefault(_typeof$3.exports);
   var _normalization = normalization;
   var _SerializedMmlVisitor = SerializedMmlVisitor;
+  var _TexError = _interopRequireDefault(TexError$1);
   var visitor = new _SerializedMmlVisitor.SerializedMmlVisitor();
   var toMMl = function toMMl(node) {
     return visitor.visitTree(node);
@@ -50071,6 +50118,15 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       }
     });
   };
+  var renderContentsWithMathJax = function renderContentsWithMathJax(el) {
+    if (el instanceof Array) {
+      el.forEach(function (elNode) {
+        return renderContentWithMathJax(elNode);
+      });
+    } else {
+      renderContentWithMathJax(el);
+    }
+  };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
     if (!(executeOn instanceof HTMLElement)) return;
@@ -50100,10 +50156,77 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       });
     }
   };
+  var convertMathJax2ToMathJax3 = function convertMathJax2ToMathJax3() {
+    var CommandMap = MathJax._.input.tex.SymbolMap.CommandMap;
+    var requireMap = MathJax.config.startup.requireMap;
+    var RequireLoad = MathJax._.input.tex.require.RequireConfiguration.RequireLoad;
+    var RequireMethods = {
+      Require: function Require(parser, name) {
+        var required = parser.GetArgument(name);
+        if (required.match(/[^_a-zA-Z0-9]/) || required === "") {
+          throw new _TexError["default"]("BadPackageName", "Argument for %1 is not a valid package name", name);
+        }
+        if (requireMap.hasOwnProperty(required)) {
+          required = requireMap[required];
+        }
+        RequireLoad(parser, required);
+      }
+    };
+    new CommandMap("require", {
+      require: "Require"
+    }, RequireMethods);
+    MathJax.Callback = function (args) {
+      if (Array.isArray(args)) {
+        if (args.length === 1 && typeof args[0] === "function") {
+          return args[0];
+        } else if (typeof args[0] === "string" && args[1] instanceof Object && typeof args[1][args[0]] === "function") {
+          return Function.bind.apply(args[1][args[0]], args.slice(1));
+        } else if (typeof args[0] === "function") {
+          return Function.bind.apply(args[0], [window].concat(args.slice(1)));
+        } else if (typeof args[1] === "function") {
+          return Function.bind.apply(args[1], [args[0]].concat(args.slice(2)));
+        }
+      } else if (typeof args === "function") {
+        return args;
+      }
+      throw Error("Can't make callback from given data");
+    };
+    MathJax.Hub = {
+      Queue: function Queue() {
+        for (var i = 0, m = arguments.length; i < m; i++) {
+          var fn = MathJax.Callback(arguments[i]);
+          MathJax.startup.promise = MathJax.startup.promise.then(fn);
+        }
+        return MathJax.startup.promise;
+      },
+      Typeset: function Typeset(elements, callback) {
+        var promise = MathJax.typesetPromise(elements);
+        if (callback) {
+          promise = promise.then(callback);
+        }
+        return promise;
+      },
+      Register: {
+        MessageHook: function MessageHook() {
+          console.log("MessageHooks are not supported in version 3");
+        },
+        StartupHook: function StartupHook() {
+          console.log("StartupHooks are not supported in version 3");
+        },
+        LoadHook: function LoadHook() {
+          console.log("LoadHooks are not supported in version 3");
+        }
+      },
+      Config: function Config() {
+        console.log("MathJax configurations should be converted for version 3");
+      }
+    };
+  };
   var initializeMathJax = function initializeMathJax(callback) {
     if (window.mathjaxLoadedP) {
       return;
     }
+    var PreviousMathJaxIsUsed = window.MathJax && window.MathJax.version && window.MathJax.version !== MathJaxVersion && window.MathJax.version[0] === '2';
     var texConfig = {
       macros: {
         parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
@@ -50113,11 +50236,28 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       },
       displayMath: [["$$", "$$"], ["\\[", "\\]"]]
     };
+    if (PreviousMathJaxIsUsed) {
+      texConfig.autoload = {
+        color: [],
+        colorv2: ["color"]
+      };
+    }
     window.mathjaxLoadedP = new Promise(function (resolve) {
       window.MathJax = {
         startup: {
+          requireMap: PreviousMathJaxIsUsed ? {
+            AMSmath: "ams",
+            AMSsymbols: "ams",
+            AMScd: "amscd",
+            HTML: "html",
+            noErrors: "noerrors",
+            noUndefined: "noundefined"
+          } : {},
           typeset: false,
           ready: function ready() {
+            if (PreviousMathJaxIsUsed) {
+              convertMathJax2ToMathJax3();
+            }
             var mathjax = MathJax._.mathjax.mathjax;
             var STATE = MathJax._.core.MathItem.STATE;
             var Menu = MathJax._.ui.menu.Menu.Menu;
@@ -50184,11 +50324,11 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
     var executeOn = document.body;
     if (!usedForMmlOutput) {
       if (window.mathjaxLoadedComplete) {
-        renderContentWithMathJax(el);
+        renderContentsWithMathJax(el);
       } else if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           window.mathjaxLoadedComplete = true;
-          renderContentWithMathJax(el);
+          renderContentsWithMathJax(el);
         })["catch"](function (error) {
           return console.error("Error in initializing MathJax:", error);
         });

package/module/element.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.9/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -28867,6 +28867,52 @@ MmlVisitor$1.MmlVisitor = MmlVisitor;
   exports.SerializedMmlVisitor = SerializedMmlVisitor;
 })(SerializedMmlVisitor);
 getDefaultExportFromCjs(SerializedMmlVisitor);
+var TexError$1 = {};
+Object.defineProperty(TexError$1, "__esModule", {
+  value: true
+});
+var TexError = (function () {
+  function TexError(id, message) {
+    var rest = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+      rest[_i - 2] = arguments[_i];
+    }
+    this.id = id;
+    this.message = TexError.processString(message, rest);
+  }
+  TexError.processString = function (str, args) {
+    var parts = str.split(TexError.pattern);
+    for (var i = 1, m = parts.length; i < m; i += 2) {
+      var c = parts[i].charAt(0);
+      if (c >= '0' && c <= '9') {
+        parts[i] = args[parseInt(parts[i], 10) - 1];
+        if (typeof parts[i] === 'number') {
+          parts[i] = parts[i].toString();
+        }
+      } else if (c === '{') {
+        c = parts[i].substr(1);
+        if (c >= '0' && c <= '9') {
+          parts[i] = args[parseInt(parts[i].substr(1, parts[i].length - 2), 10) - 1];
+          if (typeof parts[i] === 'number') {
+            parts[i] = parts[i].toString();
+          }
+        } else {
+          var match = parts[i].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);
+          if (match) {
+            parts[i] = '%' + parts[i];
+          }
+        }
+      }
+      if (parts[i] == null) {
+        parts[i] = '???';
+      }
+    }
+    return parts.join('');
+  };
+  TexError.pattern = /%(\d+|\{\d+\}|\{[a-z]+:\%\d+(?:\|(?:%\{\d+\}|%.|[^\}])*)+\}|.)/g;
+  return TexError;
+})();
+TexError$1.default = TexError;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -28876,6 +28922,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   var _typeof2 = _interopRequireDefault(_typeof$b.exports);
   var _normalization = normalization;
   var _SerializedMmlVisitor = SerializedMmlVisitor;
+  var _TexError = _interopRequireDefault(TexError$1);
   var visitor = new _SerializedMmlVisitor.SerializedMmlVisitor();
   var toMMl = function toMMl(node) {
     return visitor.visitTree(node);
@@ -28961,6 +29008,15 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       }
     });
   };
+  var renderContentsWithMathJax = function renderContentsWithMathJax(el) {
+    if (el instanceof Array) {
+      el.forEach(function (elNode) {
+        return renderContentWithMathJax(elNode);
+      });
+    } else {
+      renderContentWithMathJax(el);
+    }
+  };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
     if (!(executeOn instanceof HTMLElement)) return;
@@ -28990,10 +29046,77 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       });
     }
   };
+  var convertMathJax2ToMathJax3 = function convertMathJax2ToMathJax3() {
+    var CommandMap = MathJax._.input.tex.SymbolMap.CommandMap;
+    var requireMap = MathJax.config.startup.requireMap;
+    var RequireLoad = MathJax._.input.tex.require.RequireConfiguration.RequireLoad;
+    var RequireMethods = {
+      Require: function Require(parser, name) {
+        var required = parser.GetArgument(name);
+        if (required.match(/[^_a-zA-Z0-9]/) || required === "") {
+          throw new _TexError["default"]("BadPackageName", "Argument for %1 is not a valid package name", name);
+        }
+        if (requireMap.hasOwnProperty(required)) {
+          required = requireMap[required];
+        }
+        RequireLoad(parser, required);
+      }
+    };
+    new CommandMap("require", {
+      require: "Require"
+    }, RequireMethods);
+    MathJax.Callback = function (args) {
+      if (Array.isArray(args)) {
+        if (args.length === 1 && typeof args[0] === "function") {
+          return args[0];
+        } else if (typeof args[0] === "string" && args[1] instanceof Object && typeof args[1][args[0]] === "function") {
+          return Function.bind.apply(args[1][args[0]], args.slice(1));
+        } else if (typeof args[0] === "function") {
+          return Function.bind.apply(args[0], [window].concat(args.slice(1)));
+        } else if (typeof args[1] === "function") {
+          return Function.bind.apply(args[1], [args[0]].concat(args.slice(2)));
+        }
+      } else if (typeof args === "function") {
+        return args;
+      }
+      throw Error("Can't make callback from given data");
+    };
+    MathJax.Hub = {
+      Queue: function Queue() {
+        for (var i = 0, m = arguments.length; i < m; i++) {
+          var fn = MathJax.Callback(arguments[i]);
+          MathJax.startup.promise = MathJax.startup.promise.then(fn);
+        }
+        return MathJax.startup.promise;
+      },
+      Typeset: function Typeset(elements, callback) {
+        var promise = MathJax.typesetPromise(elements);
+        if (callback) {
+          promise = promise.then(callback);
+        }
+        return promise;
+      },
+      Register: {
+        MessageHook: function MessageHook() {
+          console.log("MessageHooks are not supported in version 3");
+        },
+        StartupHook: function StartupHook() {
+          console.log("StartupHooks are not supported in version 3");
+        },
+        LoadHook: function LoadHook() {
+          console.log("LoadHooks are not supported in version 3");
+        }
+      },
+      Config: function Config() {
+        console.log("MathJax configurations should be converted for version 3");
+      }
+    };
+  };
   var initializeMathJax = function initializeMathJax(callback) {
     if (window.mathjaxLoadedP) {
       return;
     }
+    var PreviousMathJaxIsUsed = window.MathJax && window.MathJax.version && window.MathJax.version !== MathJaxVersion && window.MathJax.version[0] === '2';
     var texConfig = {
       macros: {
         parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
@@ -29003,11 +29126,28 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       },
       displayMath: [["$$", "$$"], ["\\[", "\\]"]]
     };
+    if (PreviousMathJaxIsUsed) {
+      texConfig.autoload = {
+        color: [],
+        colorv2: ["color"]
+      };
+    }
     window.mathjaxLoadedP = new Promise(function (resolve) {
       window.MathJax = {
         startup: {
+          requireMap: PreviousMathJaxIsUsed ? {
+            AMSmath: "ams",
+            AMSsymbols: "ams",
+            AMScd: "amscd",
+            HTML: "html",
+            noErrors: "noerrors",
+            noUndefined: "noundefined"
+          } : {},
           typeset: false,
           ready: function ready() {
+            if (PreviousMathJaxIsUsed) {
+              convertMathJax2ToMathJax3();
+            }
             var mathjax = MathJax._.mathjax.mathjax;
             var STATE = MathJax._.core.MathItem.STATE;
             var Menu = MathJax._.ui.menu.Menu.Menu;
@@ -29074,11 +29214,11 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
     var executeOn = document.body;
     if (!usedForMmlOutput) {
       if (window.mathjaxLoadedComplete) {
-        renderContentWithMathJax(el);
+        renderContentsWithMathJax(el);
       } else if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           window.mathjaxLoadedComplete = true;
-          renderContentWithMathJax(el);
+          renderContentsWithMathJax(el);
         })["catch"](function (error) {
           return console.error("Error in initializing MathJax:", error);
         });

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.9"
+      "version": "2.0.11"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.6"
+      "version": "5.0.7"
     }
   ]
 }

package/module/print.js

@@ -1,5 +1,5 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.9/module/index.js";
-import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.6/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_lib__pie_toolbox_math_rendering_accessible, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.11/module/index.js";
+import {_dll_pie_lib__pie_toolbox_math_input, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_correct_answer_toggle} from "../../../@pie-lib/pie-toolbox-module@5.0.7/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -28830,6 +28830,52 @@ MmlVisitor$1.MmlVisitor = MmlVisitor;
   exports.SerializedMmlVisitor = SerializedMmlVisitor;
 })(SerializedMmlVisitor);
 getDefaultExportFromCjs(SerializedMmlVisitor);
+var TexError$1 = {};
+Object.defineProperty(TexError$1, "__esModule", {
+  value: true
+});
+var TexError = (function () {
+  function TexError(id, message) {
+    var rest = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+      rest[_i - 2] = arguments[_i];
+    }
+    this.id = id;
+    this.message = TexError.processString(message, rest);
+  }
+  TexError.processString = function (str, args) {
+    var parts = str.split(TexError.pattern);
+    for (var i = 1, m = parts.length; i < m; i += 2) {
+      var c = parts[i].charAt(0);
+      if (c >= '0' && c <= '9') {
+        parts[i] = args[parseInt(parts[i], 10) - 1];
+        if (typeof parts[i] === 'number') {
+          parts[i] = parts[i].toString();
+        }
+      } else if (c === '{') {
+        c = parts[i].substr(1);
+        if (c >= '0' && c <= '9') {
+          parts[i] = args[parseInt(parts[i].substr(1, parts[i].length - 2), 10) - 1];
+          if (typeof parts[i] === 'number') {
+            parts[i] = parts[i].toString();
+          }
+        } else {
+          var match = parts[i].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);
+          if (match) {
+            parts[i] = '%' + parts[i];
+          }
+        }
+      }
+      if (parts[i] == null) {
+        parts[i] = '???';
+      }
+    }
+    return parts.join('');
+  };
+  TexError.pattern = /%(\d+|\{\d+\}|\{[a-z]+:\%\d+(?:\|(?:%\{\d+\}|%.|[^\}])*)+\}|.)/g;
+  return TexError;
+})();
+TexError$1.default = TexError;
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
   Object.defineProperty(exports, "__esModule", {
@@ -28839,6 +28885,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   var _typeof2 = _interopRequireDefault(_typeof$b.exports);
   var _normalization = normalization;
   var _SerializedMmlVisitor = SerializedMmlVisitor;
+  var _TexError = _interopRequireDefault(TexError$1);
   var visitor = new _SerializedMmlVisitor.SerializedMmlVisitor();
   var toMMl = function toMMl(node) {
     return visitor.visitTree(node);
@@ -28924,6 +28971,15 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       }
     });
   };
+  var renderContentsWithMathJax = function renderContentsWithMathJax(el) {
+    if (el instanceof Array) {
+      el.forEach(function (elNode) {
+        return renderContentWithMathJax(elNode);
+      });
+    } else {
+      renderContentWithMathJax(el);
+    }
+  };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
     if (!(executeOn instanceof HTMLElement)) return;
@@ -28953,10 +29009,77 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       });
     }
   };
+  var convertMathJax2ToMathJax3 = function convertMathJax2ToMathJax3() {
+    var CommandMap = MathJax._.input.tex.SymbolMap.CommandMap;
+    var requireMap = MathJax.config.startup.requireMap;
+    var RequireLoad = MathJax._.input.tex.require.RequireConfiguration.RequireLoad;
+    var RequireMethods = {
+      Require: function Require(parser, name) {
+        var required = parser.GetArgument(name);
+        if (required.match(/[^_a-zA-Z0-9]/) || required === "") {
+          throw new _TexError["default"]("BadPackageName", "Argument for %1 is not a valid package name", name);
+        }
+        if (requireMap.hasOwnProperty(required)) {
+          required = requireMap[required];
+        }
+        RequireLoad(parser, required);
+      }
+    };
+    new CommandMap("require", {
+      require: "Require"
+    }, RequireMethods);
+    MathJax.Callback = function (args) {
+      if (Array.isArray(args)) {
+        if (args.length === 1 && typeof args[0] === "function") {
+          return args[0];
+        } else if (typeof args[0] === "string" && args[1] instanceof Object && typeof args[1][args[0]] === "function") {
+          return Function.bind.apply(args[1][args[0]], args.slice(1));
+        } else if (typeof args[0] === "function") {
+          return Function.bind.apply(args[0], [window].concat(args.slice(1)));
+        } else if (typeof args[1] === "function") {
+          return Function.bind.apply(args[1], [args[0]].concat(args.slice(2)));
+        }
+      } else if (typeof args === "function") {
+        return args;
+      }
+      throw Error("Can't make callback from given data");
+    };
+    MathJax.Hub = {
+      Queue: function Queue() {
+        for (var i = 0, m = arguments.length; i < m; i++) {
+          var fn = MathJax.Callback(arguments[i]);
+          MathJax.startup.promise = MathJax.startup.promise.then(fn);
+        }
+        return MathJax.startup.promise;
+      },
+      Typeset: function Typeset(elements, callback) {
+        var promise = MathJax.typesetPromise(elements);
+        if (callback) {
+          promise = promise.then(callback);
+        }
+        return promise;
+      },
+      Register: {
+        MessageHook: function MessageHook() {
+          console.log("MessageHooks are not supported in version 3");
+        },
+        StartupHook: function StartupHook() {
+          console.log("StartupHooks are not supported in version 3");
+        },
+        LoadHook: function LoadHook() {
+          console.log("LoadHooks are not supported in version 3");
+        }
+      },
+      Config: function Config() {
+        console.log("MathJax configurations should be converted for version 3");
+      }
+    };
+  };
   var initializeMathJax = function initializeMathJax(callback) {
     if (window.mathjaxLoadedP) {
       return;
     }
+    var PreviousMathJaxIsUsed = window.MathJax && window.MathJax.version && window.MathJax.version !== MathJaxVersion && window.MathJax.version[0] === '2';
     var texConfig = {
       macros: {
         parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
@@ -28966,11 +29089,28 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       },
       displayMath: [["$$", "$$"], ["\\[", "\\]"]]
     };
+    if (PreviousMathJaxIsUsed) {
+      texConfig.autoload = {
+        color: [],
+        colorv2: ["color"]
+      };
+    }
     window.mathjaxLoadedP = new Promise(function (resolve) {
       window.MathJax = {
         startup: {
+          requireMap: PreviousMathJaxIsUsed ? {
+            AMSmath: "ams",
+            AMSsymbols: "ams",
+            AMScd: "amscd",
+            HTML: "html",
+            noErrors: "noerrors",
+            noUndefined: "noundefined"
+          } : {},
           typeset: false,
           ready: function ready() {
+            if (PreviousMathJaxIsUsed) {
+              convertMathJax2ToMathJax3();
+            }
             var mathjax = MathJax._.mathjax.mathjax;
             var STATE = MathJax._.core.MathItem.STATE;
             var Menu = MathJax._.ui.menu.Menu.Menu;
@@ -29037,11 +29177,11 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
     var executeOn = document.body;
     if (!usedForMmlOutput) {
       if (window.mathjaxLoadedComplete) {
-        renderContentWithMathJax(el);
+        renderContentsWithMathJax(el);
       } else if (window.mathjaxLoadedP) {
         window.mathjaxLoadedP.then(function () {
           window.mathjaxLoadedComplete = true;
-          renderContentWithMathJax(el);
+          renderContentsWithMathJax(el);
         })["catch"](function (error) {
           return console.error("Error in initializing MathJax:", error);
         });

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.1.2-next.5+e3341f724",
+  "version": "3.1.2-next.54+4bc542ce4",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.11",
+    "@pie-lib/pie-toolbox": "2.0.13",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "e3341f724798a89533107df2293cdb49f875f898",
+  "gitHead": "4bc542ce49d923b9f281d7a15ba28e442acf2d6c",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },