@pie-element/explicit-constructed-response 6.22.3-next.4 → 6.22.3-next.8

package/configure/package.json

@@ -8,7 +8,7 @@
     "@material-ui/core": "^3.9.2",
     "@material-ui/icons": "^3.0.1",
     "@pie-framework/pie-configure-events": "^1.3.0",
-    "@pie-lib/pie-toolbox": "1.30.2",
+    "@pie-lib/pie-toolbox": "1.31.0",
     "classnames": "^2.2.6",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",

package/controller/package.json

@@ -8,7 +8,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pie-lib/pie-toolbox": "1.30.2",
+    "@pie-lib/pie-toolbox": "1.31.0",
     "debug": "^3.1.0",
     "lodash": "^4.17.15",
     "type-of": "^2.0.1"

package/module/configure.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_lodash, _dll_debug} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.2/module/index.js";
 import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@4.24.3/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {

package/module/element.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.2/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.24.3/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -19152,34 +19152,49 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
+mathjaxScript.mathRenderingKEY = mathjaxScript.mathRenderingAccessibleKEY = mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
 var _renderMath = renderMath$2;
 var MathJaxVersion = '3.2.2';
 mathjaxScript.MathJaxVersion = MathJaxVersion;
-var initializeMathJax = function initializeMathJax(renderOpts) {
-  if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
-    console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
-  }
-  var texConfig = renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar ? {
-    macros: {
-      parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-      overarc: '\\overparen',
-      napprox: '\\not\\approx',
-      longdiv: '\\enclose{longdiv}'
-    },
-    inlineMath: [['$', '$'], ['\\(', '\\)']],
-    processEscapes: true,
-    displayMath: [['$$', '$$'], ['\\[', '\\]']]
-  } : {
-    macros: {
-      parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-      overarc: '\\overparen',
-      napprox: '\\not\\approx',
-      longdiv: '\\enclose{longdiv}'
-    },
-    displayMath: [['$$', '$$'], ['\\[', '\\]']]
-  };
-  window.mathjaxLoadedP = new Promise(function (resolve) {
+var mathRenderingKEY = '@pie-lib/math-rendering@2';
+mathjaxScript.mathRenderingKEY = mathRenderingKEY;
+var mathRenderingAccessibleKEY = '@pie-lib/math-rendering-accessible@1';
+mathjaxScript.mathRenderingAccessibleKEY = mathRenderingAccessibleKEY;
+var getMathJaxCustomKey = function getMathJaxCustomKey() {
+  var _window, _window$MathJax, _window2, _window2$MathJax, _window2$MathJax$conf;
+  return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
+};
+var mathJaxCustomKey = getMathJaxCustomKey();
+var defaultOpts = function defaultOpts() {
+  return (0, _renderMath.getGlobal)().opts || ({});
+};
+var initializeMathJax = function initializeMathJax(renderOpts, processMathJaxFullPage) {
+  window.MathJaxInitialised = true;
+  renderOpts = renderOpts || defaultOpts();
+  if ((!window.MathJax || window.MathJax.version !== MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+    var _renderOpts, _renderOpts2;
+    if ((_renderOpts = renderOpts) !== null && _renderOpts !== void 0 && _renderOpts.useSingleDollar) {
+      console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
+    }
+    var texConfig = (_renderOpts2 = renderOpts) !== null && _renderOpts2 !== void 0 && _renderOpts2.useSingleDollar ? {
+      macros: {
+        parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+        overarc: '\\overparen',
+        napprox: '\\not\\approx',
+        longdiv: '\\enclose{longdiv}'
+      },
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      processEscapes: true,
+      displayMath: [['$$', '$$'], ['\\[', '\\]']]
+    } : {
+      macros: {
+        parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+        overarc: '\\overparen',
+        napprox: '\\not\\approx',
+        longdiv: '\\enclose{longdiv}'
+      },
+      displayMath: [['$$', '$$'], ['\\[', '\\]']]
+    };
     window.MathJax = {
       startup: {
         typeset: false,
@@ -19198,7 +19213,10 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
           MathJax.startup.defaultReady();
           var globalObj = (0, _renderMath.getGlobal)();
           globalObj.instance = MathJax;
-          resolve();
+          if (processMathJaxFullPage) {
+            processMathJaxFullPage();
+          }
+          window.MathJaxLoaded = true;
         }
       },
       loader: {
@@ -19229,7 +19247,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
     script.async = true;
     document.body.appendChild(script);
-  });
+  }
 };
 mathjaxScript.initializeMathJax = initializeMathJax;
 var normalization$1 = {};
@@ -78907,7 +78925,7 @@ getDefaultExportFromCjs(mathRendering);
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
-  exports.getGlobal = exports.fixMathElements = exports.fixMathElement = exports["default"] = void 0;
+  exports.initializeMathJaxScript = exports.getGlobal = exports.fixMathElements = exports.fixMathElement = exports["default"] = void 0;
   var _typeof2 = _interopRequireDefault(_typeof$d.exports);
   var _mathjaxScript = mathjaxScript;
   var _normalization = normalization$1;
@@ -78958,22 +78976,17 @@ getDefaultExportFromCjs(mathRendering);
   };
   var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
   var NEWLINE_LATEX = '\\newline ';
-  var mathRenderingKEY = '@pie-lib/math-rendering@2';
-  var mathRenderingAccessibleKEY = '@pie-lib/math-rendering-accessible@1';
   var getGlobal = function getGlobal() {
     if (typeof window !== 'undefined') {
-      if (!window[mathRenderingAccessibleKEY]) {
-        window[mathRenderingAccessibleKEY] = {};
+      if (!window[_mathjaxScript.mathRenderingAccessibleKEY]) {
+        window[_mathjaxScript.mathRenderingAccessibleKEY] = {};
       }
-      return window[mathRenderingAccessibleKEY];
+      return window[_mathjaxScript.mathRenderingAccessibleKEY];
     } else {
       return {};
     }
   };
   exports.getGlobal = getGlobal;
-  var defaultOpts = function defaultOpts() {
-    return getGlobal().opts || ({});
-  };
   var fixMathElement = function fixMathElement(element) {
     if (element.dataset.mathHandled) {
       return;
@@ -79038,80 +79051,84 @@ getDefaultExportFromCjs(mathRendering);
       }
     });
   };
-  var getMathJaxCustomKey = function getMathJaxCustomKey() {
-    var _window, _window$MathJax, _window2, _window2$MathJax, _window2$MathJax$conf;
-    return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
+  var processMathJaxFullPage = function processMathJaxFullPage(executeOn) {
+    executeOn = executeOn || document.body;
+    var mathJaxInstance = getGlobal().instance;
+    if (mathJaxInstance) {
+      mathJaxInstance.texReset();
+      mathJaxInstance.typesetClear();
+      mathJaxInstance.typesetPromise([executeOn]).then(function () {
+        try {
+          removeExcessMjxContainers(executeOn);
+          removePlaceholdersAndRestoreDisplay();
+          var updatedDocument = mathJaxInstance.startup.document;
+          var list = updatedDocument.math.list;
+          for (var item = list.next; (0, _typeof2["default"])(item.data) !== 'symbol'; item = item.next) {
+            var mathMl = toMMl(item.data.root);
+            var parsedMathMl = mathMl.replaceAll('\n', '');
+            item.data.typesetRoot.setAttribute('data-mathml', parsedMathMl);
+          }
+        } catch (e) {
+          console.error('Error post-processing MathJax typesetting:', e.toString());
+        }
+        mathJaxInstance.startup.document.clear();
+      })["catch"](function (error) {
+        console.error('Error in typesetting with MathJax:', error);
+      });
+    }
+  };
+  var initializeMathJaxScript = function initializeMathJaxScript(renderOpts) {
+    if (!window.MathJaxInitialised) {
+      (0, _mathjaxScript.initializeMathJax)(renderOpts, processMathJaxFullPage);
+    }
   };
+  exports.initializeMathJaxScript = initializeMathJaxScript;
   var renderMath = function renderMath(el, renderOpts) {
     var isString = typeof el === 'string';
+    var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
       executeOn = div;
     }
-    var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
-      var mathJaxCustomKey = getMathJaxCustomKey();
-      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        renderOpts = renderOpts || defaultOpts();
-        (0, _mathjaxScript.initializeMathJax)(renderOpts);
-      }
-      if (isString && window.MathJax && window.mathjaxLoadedP) {
-        try {
-          MathJax.texReset();
-          MathJax.typesetClear();
-          window.MathJax.typeset([executeOn]);
-          var updatedDocument = window.MathJax.startup.document;
-          var list = updatedDocument.math.list;
-          var item = list.next;
-          var mathMl = toMMl(item.data.root);
-          var parsedMathMl = mathMl.replaceAll('\n', '');
-          return parsedMathMl;
-        } catch (error) {
-          console.error('Error rendering math:', error.message);
-        }
+      if (!window.MathJaxInitialised) {
+        (0, _mathjaxScript.initializeMathJax)(renderOpts, function () {
+          return processMathJaxFullPage(executeOn);
+        });
+        return;
       }
-      if (window.mathjaxLoadedP) {
-        window.mathjaxLoadedP.then(function () {
-          var mathJaxInstance = getGlobal().instance;
-          if (mathJaxInstance) {
-            mathJaxInstance.texReset();
-            mathJaxInstance.typesetClear();
-            mathJaxInstance.typesetPromise([executeOn]).then(function () {
-              try {
-                removeExcessMjxContainers(executeOn);
-                removePlaceholdersAndRestoreDisplay();
-                var _updatedDocument = mathJaxInstance.startup.document;
-                var _list = _updatedDocument.math.list;
-                for (var _item = _list.next; (0, _typeof2["default"])(_item.data) !== 'symbol'; _item = _item.next) {
-                  var _mathMl = toMMl(_item.data.root);
-                  var _parsedMathMl = _mathMl.replaceAll('\n', '');
-                  _item.data.typesetRoot.setAttribute('data-mathml', _parsedMathMl);
-                }
-              } catch (e) {
-                console.error('Error post-processing MathJax typesetting:', e.toString());
-              }
-              mathJaxInstance.startup.document.clear();
-            })["catch"](function (error) {
-              console.error('Error in typesetting with MathJax:', error);
-            });
+      if (window.MathJaxLoaded) {
+        if (isString) {
+          try {
+            MathJax.texReset();
+            MathJax.typesetClear();
+            window.MathJax.typeset([executeOn]);
+            var updatedDocument = window.MathJax.startup.document;
+            var list = updatedDocument.math.list;
+            var item = list.next;
+            var mathMl = toMMl(item.data.root);
+            var parsedMathMl = mathMl.replaceAll('\n', '');
+            return parsedMathMl;
+          } catch (error) {
+            console.error('Error rendering math:', error.message);
+            return '';
           }
-        })["catch"](function (error) {
-          console.error('Error in initializing MathJax:', error);
-        });
+        }
+        processMathJaxFullPage(executeOn);
       }
     };
     if (skipWaitForMathRenderingLib) {
       return renderMathAccessible();
     } else {
-      if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
+      if (window.hasOwnProperty(_mathjaxScript.mathRenderingKEY) && window[_mathjaxScript.mathRenderingKEY].instance) {
         removePlaceholdersAndRestoreDisplay();
         return mr.renderMath(executeOn, renderOpts);
       }
-      if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+      if (window.hasOwnProperty(_mathjaxScript.mathRenderingAccessibleKEY) && window[_mathjaxScript.mathRenderingAccessibleKEY].instance) {
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79121,7 +79138,7 @@ getDefaultExportFromCjs(mathRendering);
         var maxWaitTime = 500;
         var startTime = Date.now();
         var checkForLib = function checkForLib() {
-          var mathRenderingHasLoaded = window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance;
+          var mathRenderingHasLoaded = window.hasOwnProperty(_mathjaxScript.mathRenderingKEY) && window[_mathjaxScript.mathRenderingKEY].instance;
           var hasExceededMaxWait = Date.now() - startTime > maxWaitTime;
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
@@ -79156,9 +79173,16 @@ var mmlToLatex = {};
 getDefaultExportFromCjs(mmlToLatex);
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
+  var _typeof = _typeof$d.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
+  Object.defineProperty(exports, "initializeMathJaxScript", {
+    enumerable: true,
+    get: function get() {
+      return _renderMath.initializeMathJaxScript;
+    }
+  });
   Object.defineProperty(exports, "mmlToLatex", {
     enumerable: true,
     get: function get() {
@@ -79183,9 +79207,48 @@ getDefaultExportFromCjs(mmlToLatex);
       return _normalization.wrapMath;
     }
   });
-  var _renderMath = _interopRequireDefault(renderMath$2);
+  var _renderMath = _interopRequireWildcard(renderMath$2);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization$1;
+  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;
+  }
 })(mathRenderingAccessible);
 getDefaultExportFromCjs(mathRenderingAccessible);
 var choices = {};

package/module/manifest.json

@@ -4,7 +4,7 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "1.23.1"
+      "version": "1.23.2"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",

package/module/print.js

@@ -1,4 +1,4 @@
-import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.1/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_react_dom, _dll_classnames, _dll_pie_lib__pie_toolbox_math_rendering_accessible} from "../../../@pie-lib/pie-toolbox-math-rendering-module@1.23.2/module/index.js";
 import {_dll_pie_lib__pie_toolbox_correct_answer_toggle, _dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@4.24.3/module/index.js";
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 function getDefaultExportFromCjs(x) {
@@ -19115,34 +19115,49 @@ var mathjaxScript = {};
 Object.defineProperty(mathjaxScript, "__esModule", {
   value: true
 });
-mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
+mathjaxScript.mathRenderingKEY = mathjaxScript.mathRenderingAccessibleKEY = mathjaxScript.initializeMathJax = mathjaxScript.MathJaxVersion = void 0;
 var _renderMath = renderMath$2;
 var MathJaxVersion = '3.2.2';
 mathjaxScript.MathJaxVersion = MathJaxVersion;
-var initializeMathJax = function initializeMathJax(renderOpts) {
-  if (renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar) {
-    console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
-  }
-  var texConfig = renderOpts !== null && renderOpts !== void 0 && renderOpts.useSingleDollar ? {
-    macros: {
-      parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-      overarc: '\\overparen',
-      napprox: '\\not\\approx',
-      longdiv: '\\enclose{longdiv}'
-    },
-    inlineMath: [['$', '$'], ['\\(', '\\)']],
-    processEscapes: true,
-    displayMath: [['$$', '$$'], ['\\[', '\\]']]
-  } : {
-    macros: {
-      parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-      overarc: '\\overparen',
-      napprox: '\\not\\approx',
-      longdiv: '\\enclose{longdiv}'
-    },
-    displayMath: [['$$', '$$'], ['\\[', '\\]']]
-  };
-  window.mathjaxLoadedP = new Promise(function (resolve) {
+var mathRenderingKEY = '@pie-lib/math-rendering@2';
+mathjaxScript.mathRenderingKEY = mathRenderingKEY;
+var mathRenderingAccessibleKEY = '@pie-lib/math-rendering-accessible@1';
+mathjaxScript.mathRenderingAccessibleKEY = mathRenderingAccessibleKEY;
+var getMathJaxCustomKey = function getMathJaxCustomKey() {
+  var _window, _window$MathJax, _window2, _window2$MathJax, _window2$MathJax$conf;
+  return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
+};
+var mathJaxCustomKey = getMathJaxCustomKey();
+var defaultOpts = function defaultOpts() {
+  return (0, _renderMath.getGlobal)().opts || ({});
+};
+var initializeMathJax = function initializeMathJax(renderOpts, processMathJaxFullPage) {
+  window.MathJaxInitialised = true;
+  renderOpts = renderOpts || defaultOpts();
+  if ((!window.MathJax || window.MathJax.version !== MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
+    var _renderOpts, _renderOpts2;
+    if ((_renderOpts = renderOpts) !== null && _renderOpts !== void 0 && _renderOpts.useSingleDollar) {
+      console.warn('[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)');
+    }
+    var texConfig = (_renderOpts2 = renderOpts) !== null && _renderOpts2 !== void 0 && _renderOpts2.useSingleDollar ? {
+      macros: {
+        parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+        overarc: '\\overparen',
+        napprox: '\\not\\approx',
+        longdiv: '\\enclose{longdiv}'
+      },
+      inlineMath: [['$', '$'], ['\\(', '\\)']],
+      processEscapes: true,
+      displayMath: [['$$', '$$'], ['\\[', '\\]']]
+    } : {
+      macros: {
+        parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+        overarc: '\\overparen',
+        napprox: '\\not\\approx',
+        longdiv: '\\enclose{longdiv}'
+      },
+      displayMath: [['$$', '$$'], ['\\[', '\\]']]
+    };
     window.MathJax = {
       startup: {
         typeset: false,
@@ -19161,7 +19176,10 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
           MathJax.startup.defaultReady();
           var globalObj = (0, _renderMath.getGlobal)();
           globalObj.instance = MathJax;
-          resolve();
+          if (processMathJaxFullPage) {
+            processMathJaxFullPage();
+          }
+          window.MathJaxLoaded = true;
         }
       },
       loader: {
@@ -19192,7 +19210,7 @@ var initializeMathJax = function initializeMathJax(renderOpts) {
     script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
     script.async = true;
     document.body.appendChild(script);
-  });
+  }
 };
 mathjaxScript.initializeMathJax = initializeMathJax;
 var normalization$1 = {};
@@ -78870,7 +78888,7 @@ getDefaultExportFromCjs(mathRendering);
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
-  exports.getGlobal = exports.fixMathElements = exports.fixMathElement = exports["default"] = void 0;
+  exports.initializeMathJaxScript = exports.getGlobal = exports.fixMathElements = exports.fixMathElement = exports["default"] = void 0;
   var _typeof2 = _interopRequireDefault(_typeof$d.exports);
   var _mathjaxScript = mathjaxScript;
   var _normalization = normalization$1;
@@ -78921,22 +78939,17 @@ getDefaultExportFromCjs(mathRendering);
   };
   var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
   var NEWLINE_LATEX = '\\newline ';
-  var mathRenderingKEY = '@pie-lib/math-rendering@2';
-  var mathRenderingAccessibleKEY = '@pie-lib/math-rendering-accessible@1';
   var getGlobal = function getGlobal() {
     if (typeof window !== 'undefined') {
-      if (!window[mathRenderingAccessibleKEY]) {
-        window[mathRenderingAccessibleKEY] = {};
+      if (!window[_mathjaxScript.mathRenderingAccessibleKEY]) {
+        window[_mathjaxScript.mathRenderingAccessibleKEY] = {};
       }
-      return window[mathRenderingAccessibleKEY];
+      return window[_mathjaxScript.mathRenderingAccessibleKEY];
     } else {
       return {};
     }
   };
   exports.getGlobal = getGlobal;
-  var defaultOpts = function defaultOpts() {
-    return getGlobal().opts || ({});
-  };
   var fixMathElement = function fixMathElement(element) {
     if (element.dataset.mathHandled) {
       return;
@@ -79001,80 +79014,84 @@ getDefaultExportFromCjs(mathRendering);
       }
     });
   };
-  var getMathJaxCustomKey = function getMathJaxCustomKey() {
-    var _window, _window$MathJax, _window2, _window2$MathJax, _window2$MathJax$conf;
-    return ((_window = window) === null || _window === void 0 ? void 0 : (_window$MathJax = _window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.customKey) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$MathJax = _window2.MathJax) === null || _window2$MathJax === void 0 ? void 0 : (_window2$MathJax$conf = _window2$MathJax.config) === null || _window2$MathJax$conf === void 0 ? void 0 : _window2$MathJax$conf.customKey);
+  var processMathJaxFullPage = function processMathJaxFullPage(executeOn) {
+    executeOn = executeOn || document.body;
+    var mathJaxInstance = getGlobal().instance;
+    if (mathJaxInstance) {
+      mathJaxInstance.texReset();
+      mathJaxInstance.typesetClear();
+      mathJaxInstance.typesetPromise([executeOn]).then(function () {
+        try {
+          removeExcessMjxContainers(executeOn);
+          removePlaceholdersAndRestoreDisplay();
+          var updatedDocument = mathJaxInstance.startup.document;
+          var list = updatedDocument.math.list;
+          for (var item = list.next; (0, _typeof2["default"])(item.data) !== 'symbol'; item = item.next) {
+            var mathMl = toMMl(item.data.root);
+            var parsedMathMl = mathMl.replaceAll('\n', '');
+            item.data.typesetRoot.setAttribute('data-mathml', parsedMathMl);
+          }
+        } catch (e) {
+          console.error('Error post-processing MathJax typesetting:', e.toString());
+        }
+        mathJaxInstance.startup.document.clear();
+      })["catch"](function (error) {
+        console.error('Error in typesetting with MathJax:', error);
+      });
+    }
+  };
+  var initializeMathJaxScript = function initializeMathJaxScript(renderOpts) {
+    if (!window.MathJaxInitialised) {
+      (0, _mathjaxScript.initializeMathJax)(renderOpts, processMathJaxFullPage);
+    }
   };
+  exports.initializeMathJaxScript = initializeMathJaxScript;
   var renderMath = function renderMath(el, renderOpts) {
     var isString = typeof el === 'string';
+    var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
     var executeOn = document.body;
     if (isString) {
       var div = document.createElement('div');
       div.innerHTML = el;
       executeOn = div;
     }
-    var _ref = renderOpts || ({}), skipWaitForMathRenderingLib = _ref.skipWaitForMathRenderingLib;
     var renderMathAccessible = function renderMathAccessible() {
       fixMathElements(executeOn);
       adjustMathMLStyle(executeOn);
-      var mathJaxCustomKey = getMathJaxCustomKey();
-      if ((!window.MathJax || window.MathJax.version !== _mathjaxScript.MathJaxVersion) && !window.mathjaxLoadedP || mathJaxCustomKey && mathJaxCustomKey !== mathRenderingAccessibleKEY) {
-        renderOpts = renderOpts || defaultOpts();
-        (0, _mathjaxScript.initializeMathJax)(renderOpts);
-      }
-      if (isString && window.MathJax && window.mathjaxLoadedP) {
-        try {
-          MathJax.texReset();
-          MathJax.typesetClear();
-          window.MathJax.typeset([executeOn]);
-          var updatedDocument = window.MathJax.startup.document;
-          var list = updatedDocument.math.list;
-          var item = list.next;
-          var mathMl = toMMl(item.data.root);
-          var parsedMathMl = mathMl.replaceAll('\n', '');
-          return parsedMathMl;
-        } catch (error) {
-          console.error('Error rendering math:', error.message);
-        }
+      if (!window.MathJaxInitialised) {
+        (0, _mathjaxScript.initializeMathJax)(renderOpts, function () {
+          return processMathJaxFullPage(executeOn);
+        });
+        return;
       }
-      if (window.mathjaxLoadedP) {
-        window.mathjaxLoadedP.then(function () {
-          var mathJaxInstance = getGlobal().instance;
-          if (mathJaxInstance) {
-            mathJaxInstance.texReset();
-            mathJaxInstance.typesetClear();
-            mathJaxInstance.typesetPromise([executeOn]).then(function () {
-              try {
-                removeExcessMjxContainers(executeOn);
-                removePlaceholdersAndRestoreDisplay();
-                var _updatedDocument = mathJaxInstance.startup.document;
-                var _list = _updatedDocument.math.list;
-                for (var _item = _list.next; (0, _typeof2["default"])(_item.data) !== 'symbol'; _item = _item.next) {
-                  var _mathMl = toMMl(_item.data.root);
-                  var _parsedMathMl = _mathMl.replaceAll('\n', '');
-                  _item.data.typesetRoot.setAttribute('data-mathml', _parsedMathMl);
-                }
-              } catch (e) {
-                console.error('Error post-processing MathJax typesetting:', e.toString());
-              }
-              mathJaxInstance.startup.document.clear();
-            })["catch"](function (error) {
-              console.error('Error in typesetting with MathJax:', error);
-            });
+      if (window.MathJaxLoaded) {
+        if (isString) {
+          try {
+            MathJax.texReset();
+            MathJax.typesetClear();
+            window.MathJax.typeset([executeOn]);
+            var updatedDocument = window.MathJax.startup.document;
+            var list = updatedDocument.math.list;
+            var item = list.next;
+            var mathMl = toMMl(item.data.root);
+            var parsedMathMl = mathMl.replaceAll('\n', '');
+            return parsedMathMl;
+          } catch (error) {
+            console.error('Error rendering math:', error.message);
+            return '';
           }
-        })["catch"](function (error) {
-          console.error('Error in initializing MathJax:', error);
-        });
+        }
+        processMathJaxFullPage(executeOn);
       }
     };
     if (skipWaitForMathRenderingLib) {
       return renderMathAccessible();
     } else {
-      if (window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance) {
+      if (window.hasOwnProperty(_mathjaxScript.mathRenderingKEY) && window[_mathjaxScript.mathRenderingKEY].instance) {
         removePlaceholdersAndRestoreDisplay();
         return mr.renderMath(executeOn, renderOpts);
       }
-      if (window.hasOwnProperty(mathRenderingAccessibleKEY) && window[mathRenderingAccessibleKEY].instance) {
+      if (window.hasOwnProperty(_mathjaxScript.mathRenderingAccessibleKEY) && window[_mathjaxScript.mathRenderingAccessibleKEY].instance) {
         return renderMathAccessible();
       }
       var waitForMathRenderingLib = function waitForMathRenderingLib(renderMathAccessibleCallback) {
@@ -79084,7 +79101,7 @@ getDefaultExportFromCjs(mathRendering);
         var maxWaitTime = 500;
         var startTime = Date.now();
         var checkForLib = function checkForLib() {
-          var mathRenderingHasLoaded = window.hasOwnProperty(mathRenderingKEY) && window[mathRenderingKEY].instance;
+          var mathRenderingHasLoaded = window.hasOwnProperty(_mathjaxScript.mathRenderingKEY) && window[_mathjaxScript.mathRenderingKEY].instance;
           var hasExceededMaxWait = Date.now() - startTime > maxWaitTime;
           if (mathRenderingHasLoaded || hasExceededMaxWait) {
             clearInterval(checkIntervalId);
@@ -79119,9 +79136,16 @@ var mmlToLatex = {};
 getDefaultExportFromCjs(mmlToLatex);
 (function (exports) {
   var _interopRequireDefault = interopRequireDefault.exports;
+  var _typeof = _typeof$d.exports;
   Object.defineProperty(exports, "__esModule", {
     value: true
   });
+  Object.defineProperty(exports, "initializeMathJaxScript", {
+    enumerable: true,
+    get: function get() {
+      return _renderMath.initializeMathJaxScript;
+    }
+  });
   Object.defineProperty(exports, "mmlToLatex", {
     enumerable: true,
     get: function get() {
@@ -79146,9 +79170,48 @@ getDefaultExportFromCjs(mmlToLatex);
       return _normalization.wrapMath;
     }
   });
-  var _renderMath = _interopRequireDefault(renderMath$2);
+  var _renderMath = _interopRequireWildcard(renderMath$2);
   var _mmlToLatex = _interopRequireDefault(mmlToLatex);
   var _normalization = normalization$1;
+  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;
+  }
 })(mathRenderingAccessible);
 getDefaultExportFromCjs(mathRenderingAccessible);
 var choices = {};

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "6.22.3-next.4+9d0f87467",
+  "version": "6.22.3-next.8+1dd6cd9ce",
   "description": "",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
@@ -12,7 +12,7 @@
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "1.30.2",
+    "@pie-lib/pie-toolbox": "1.31.0",
     "classnames": "^2.2.5",
     "lodash": "^4.17.10",
     "prop-types": "^15.6.1",
@@ -21,7 +21,7 @@
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "9d0f87467cb2a85e309a8ae0340d8092515b4cc9",
+  "gitHead": "1dd6cd9ce2b68e511748963f567e94c1af5cb32c",
   "main": "lib/index.js",
   "module": "src/index.js",
   "exports": {