@pie-element/math-templated 3.0.1-next.3 → 3.0.1-next.5

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.6",
+    "@pie-lib/pie-toolbox": "2.0.8",
     "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.6",
+    "@pie-lib/pie-toolbox": "2.0.8",
     "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.4/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.3/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.6/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.5/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;
@@ -50037,6 +50037,29 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       return node.setAttribute("displaystyle", "true");
     });
   };
+  var createPlaceholder = function createPlaceholder(element) {
+    var _element$previousSibl;
+    if (!element.previousSibling || !((_element$previousSibl = element.previousSibling.classList) !== null && _element$previousSibl !== void 0 && _element$previousSibl.contains("math-placeholder"))) {
+      var _element$parentNode;
+      element.dataset.originalDisplay = element.style.display || "";
+      element.style.display = "none";
+      var placeholder = document.createElement("span");
+      placeholder.style.cssText = "height: 10px; width: 50px; display: inline-block; vertical-align: middle; justify-content: center; background: #fafafa; border-radius: 4px;";
+      placeholder.classList.add("math-placeholder");
+      (_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode.insertBefore(placeholder, element);
+    }
+  };
+  var removePlaceholdersAndRestoreDisplay = function removePlaceholdersAndRestoreDisplay() {
+    document.querySelectorAll(".math-placeholder").forEach(function (placeholder) {
+      var _targetElement$datase;
+      var targetElement = placeholder.nextElementSibling;
+      if (targetElement && ((_targetElement$datase = targetElement.dataset) === null || _targetElement$datase === void 0 ? void 0 : _targetElement$datase.originalDisplay) !== undefined) {
+        targetElement.style.display = targetElement.dataset.originalDisplay;
+        delete targetElement.dataset.originalDisplay;
+      }
+      placeholder.remove();
+    });
+  };
   var removeExcessMjxContainers = function removeExcessMjxContainers(content) {
     var elements = content.querySelectorAll("[data-latex][data-math-handled=\"true\"]");
     elements.forEach(function (element) {
@@ -50050,6 +50073,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
+    if (!(executeOn instanceof HTMLElement)) return;
     fixMathElements(executeOn);
     adjustMathMLStyle(executeOn);
     var mathJaxInstance = getGlobal().instance;
@@ -50058,6 +50082,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -50144,6 +50169,13 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
       script.async = true;
       document.head.appendChild(script);
+      setTimeout(function () {
+        if (!window.mathjaxLoadedComplete) {
+          var _document, _document$body;
+          var mathElements = (_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.querySelectorAll("[data-latex]");
+          (mathElements || []).forEach(createPlaceholder);
+        }
+      });
     });
   };
   exports.initializeMathJax = initializeMathJax;

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.4/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.3/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.6/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.5/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;
@@ -28927,6 +28927,29 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       return node.setAttribute("displaystyle", "true");
     });
   };
+  var createPlaceholder = function createPlaceholder(element) {
+    var _element$previousSibl;
+    if (!element.previousSibling || !((_element$previousSibl = element.previousSibling.classList) !== null && _element$previousSibl !== void 0 && _element$previousSibl.contains("math-placeholder"))) {
+      var _element$parentNode;
+      element.dataset.originalDisplay = element.style.display || "";
+      element.style.display = "none";
+      var placeholder = document.createElement("span");
+      placeholder.style.cssText = "height: 10px; width: 50px; display: inline-block; vertical-align: middle; justify-content: center; background: #fafafa; border-radius: 4px;";
+      placeholder.classList.add("math-placeholder");
+      (_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode.insertBefore(placeholder, element);
+    }
+  };
+  var removePlaceholdersAndRestoreDisplay = function removePlaceholdersAndRestoreDisplay() {
+    document.querySelectorAll(".math-placeholder").forEach(function (placeholder) {
+      var _targetElement$datase;
+      var targetElement = placeholder.nextElementSibling;
+      if (targetElement && ((_targetElement$datase = targetElement.dataset) === null || _targetElement$datase === void 0 ? void 0 : _targetElement$datase.originalDisplay) !== undefined) {
+        targetElement.style.display = targetElement.dataset.originalDisplay;
+        delete targetElement.dataset.originalDisplay;
+      }
+      placeholder.remove();
+    });
+  };
   var removeExcessMjxContainers = function removeExcessMjxContainers(content) {
     var elements = content.querySelectorAll("[data-latex][data-math-handled=\"true\"]");
     elements.forEach(function (element) {
@@ -28940,6 +28963,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
+    if (!(executeOn instanceof HTMLElement)) return;
     fixMathElements(executeOn);
     adjustMathMLStyle(executeOn);
     var mathJaxInstance = getGlobal().instance;
@@ -28948,6 +28972,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -29034,6 +29059,13 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
       script.async = true;
       document.head.appendChild(script);
+      setTimeout(function () {
+        if (!window.mathjaxLoadedComplete) {
+          var _document, _document$body;
+          var mathElements = (_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.querySelectorAll("[data-latex]");
+          (mathElements || []).forEach(createPlaceholder);
+        }
+      });
     });
   };
   exports.initializeMathJax = initializeMathJax;

package/module/manifest.json

@@ -4,11 +4,11 @@
   "modules": [
     {
       "name": "@pie-lib/pie-toolbox-math-rendering-module",
-      "version": "2.0.4"
+      "version": "2.0.6"
     },
     {
       "name": "@pie-lib/pie-toolbox-module",
-      "version": "5.0.3"
+      "version": "5.0.5"
     }
   ]
 }

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.4/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.3/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.6/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.5/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;
@@ -28890,6 +28890,29 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       return node.setAttribute("displaystyle", "true");
     });
   };
+  var createPlaceholder = function createPlaceholder(element) {
+    var _element$previousSibl;
+    if (!element.previousSibling || !((_element$previousSibl = element.previousSibling.classList) !== null && _element$previousSibl !== void 0 && _element$previousSibl.contains("math-placeholder"))) {
+      var _element$parentNode;
+      element.dataset.originalDisplay = element.style.display || "";
+      element.style.display = "none";
+      var placeholder = document.createElement("span");
+      placeholder.style.cssText = "height: 10px; width: 50px; display: inline-block; vertical-align: middle; justify-content: center; background: #fafafa; border-radius: 4px;";
+      placeholder.classList.add("math-placeholder");
+      (_element$parentNode = element.parentNode) === null || _element$parentNode === void 0 ? void 0 : _element$parentNode.insertBefore(placeholder, element);
+    }
+  };
+  var removePlaceholdersAndRestoreDisplay = function removePlaceholdersAndRestoreDisplay() {
+    document.querySelectorAll(".math-placeholder").forEach(function (placeholder) {
+      var _targetElement$datase;
+      var targetElement = placeholder.nextElementSibling;
+      if (targetElement && ((_targetElement$datase = targetElement.dataset) === null || _targetElement$datase === void 0 ? void 0 : _targetElement$datase.originalDisplay) !== undefined) {
+        targetElement.style.display = targetElement.dataset.originalDisplay;
+        delete targetElement.dataset.originalDisplay;
+      }
+      placeholder.remove();
+    });
+  };
   var removeExcessMjxContainers = function removeExcessMjxContainers(content) {
     var elements = content.querySelectorAll("[data-latex][data-math-handled=\"true\"]");
     elements.forEach(function (element) {
@@ -28903,6 +28926,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
   };
   var renderContentWithMathJax = function renderContentWithMathJax(executeOn) {
     executeOn = executeOn || document.body;
+    if (!(executeOn instanceof HTMLElement)) return;
     fixMathElements(executeOn);
     adjustMathMLStyle(executeOn);
     var mathJaxInstance = getGlobal().instance;
@@ -28911,6 +28935,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -28997,6 +29022,13 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       script.src = ("https://cdn.jsdelivr.net/npm/mathjax@").concat(MathJaxVersion, "/es5/tex-chtml-full.js");
       script.async = true;
       document.head.appendChild(script);
+      setTimeout(function () {
+        if (!window.mathjaxLoadedComplete) {
+          var _document, _document$body;
+          var mathElements = (_document = document) === null || _document === void 0 ? void 0 : (_document$body = _document.body) === null || _document$body === void 0 ? void 0 : _document$body.querySelectorAll("[data-latex]");
+          (mathElements || []).forEach(createPlaceholder);
+        }
+      });
     });
   };
   exports.initializeMathJax = initializeMathJax;

package/package.json

@@ -4,19 +4,19 @@
     "access": "public"
   },
   "repository": "pie-framework/pie-elements",
-  "version": "3.0.1-next.3+321147b40",
+  "version": "3.0.1-next.5+c363be48f",
   "description": "",
   "dependencies": {
     "@material-ui/core": "^3.9.2",
     "@pie-framework/pie-player-events": "^0.1.0",
-    "@pie-lib/pie-toolbox": "2.0.6",
+    "@pie-lib/pie-toolbox": "2.0.8",
     "prop-types": "^15.6.1",
     "react": "^16.8.1",
     "react-dom": "^16.8.1"
   },
   "author": "",
   "license": "ISC",
-  "gitHead": "321147b4072f2a6200d155f7f09c712960fe078c",
+  "gitHead": "c363be48f9428024d4acc1eed05cd598840ffe3a",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },