@pie-element/complex-rubric 3.0.1-next.3 → 3.0.1-next.5

package/controller/package.json

@@ -7,7 +7,7 @@
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@pie-lib/pie-toolbox": "2.0.6",
+    "@pie-lib/pie-toolbox": "2.0.8",
     "lodash": "^4.17.15"
   },
   "author": "",

package/module/configure.js

@@ -1,6 +1,6 @@
-import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.4/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_classnames, _dll_react_dom, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
 import RubricConfigure from '@pie-element/rubric/configure/lib';
-import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.3/module/index.js";
+import {_dll_pie_lib__pie_toolbox_editable_html, _dll_pie_lib__pie_toolbox_render_ui, _dll_pie_lib__pie_toolbox_config_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -49087,6 +49087,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) {
@@ -49100,6 +49123,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;
@@ -49108,6 +49132,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -49194,6 +49219,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_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.4/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.3/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -72367,6 +72367,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) {
@@ -72380,6 +72403,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;
@@ -72388,6 +72412,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -72474,6 +72499,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_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.4/module/index.js";
-import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.3/module/index.js";
+import {_dll_react, _dll_prop_types, _dll_react_dom, _dll_classnames, _dll_debug, _dll_lodash, _dll_react_dom_server, _dll_pie_framework__mathquill} from "../../../@pie-lib/pie-toolbox-math-rendering-module@2.0.6/module/index.js";
+import {_dll_pie_lib__pie_toolbox_render_ui} from "../../../@pie-lib/pie-toolbox-module@5.0.5/module/index.js";
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {
     e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
@@ -72367,6 +72367,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) {
@@ -72380,6 +72403,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;
@@ -72388,6 +72412,7 @@ getDefaultExportFromCjs(SerializedMmlVisitor);
       mathJaxInstance.typesetClear();
       mathJaxInstance.typesetPromise([executeOn]).then(function () {
         try {
+          removePlaceholdersAndRestoreDisplay();
           removeExcessMjxContainers(executeOn);
           var updatedDocument = mathJaxInstance.startup.document;
           var list = updatedDocument.math.list;
@@ -72474,6 +72499,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

@@ -1,21 +1,21 @@
 {
   "name": "@pie-element/complex-rubric",
   "repository": "pie-framework/pie-elements",
-  "version": "3.0.1-next.3+321147b40",
+  "version": "3.0.1-next.5+c363be48f",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
     "@material-ui/core": "^3.9.2",
-    "@pie-element/multi-trait-rubric": "^4.0.1-next.3+321147b40",
-    "@pie-element/rubric": "^4.0.1-next.3+321147b40",
+    "@pie-element/multi-trait-rubric": "^4.0.1-next.5+c363be48f",
+    "@pie-element/rubric": "^4.0.1-next.5+c363be48f",
     "@pie-framework/pie-player-events": "^0.1.0",
     "classnames": "^2.2.5",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2"
   },
-  "gitHead": "321147b4072f2a6200d155f7f09c712960fe078c",
+  "gitHead": "c363be48f9428024d4acc1eed05cd598840ffe3a",
   "scripts": {
     "postpublish": "../../scripts/postpublish"
   },