temml 0.10.2 → 0.10.3

package/dist/temml.mjs

@@ -188,7 +188,7 @@ class Settings {
     this.leqno = utils.deflt(options.leqno, false);                // boolean
     this.errorColor = utils.deflt(options.errorColor, "#b22222");  // string
     this.macros = options.macros || {};
-    this.wrap = utils.deflt(options.wrap, "none");         // "none" | "tex" | "="
+    this.wrap = utils.deflt(options.wrap, "tex");                    // "tex" | "="
     this.xml = utils.deflt(options.xml, false);                     // boolean
     this.colorIsTextColor = utils.deflt(options.colorIsTextColor, false);  // booelean
     this.strict = utils.deflt(options.strict, false);    // boolean
@@ -1747,10 +1747,12 @@ for (let i = 0; i < 10; i++) {
  * Then the top level of a <math> element can be occupied by <mrow> elements, and the browser
  * will break after a <mrow> if the expression extends beyond the container limit.
  *
- * We want the expression to render with soft line breaks after each top-level binary or
+ * The default is for soft line breaks after each top-level binary or
  * relational operator, per TeXbook p. 173. So we gather the expression into <mrow>s so that
  * each <mrow> ends in a binary or relational operator.
  *
+ * An option is for soft line breaks before an "=" sign. That changes the <mrow>s.
+ *
  * Soft line breaks will not work in Chromium and Safari, only Firefox.
  *
  * Hopefully browsers will someday do their own linebreaking and we will be able to delete
@@ -2096,18 +2098,6 @@ function buildMathML(tree, texExpression, style, settings) {
     wrapper = new mathMLTree.MathNode("semantics", [wrapper, annotation]);
   }
 
-  if (wrap !== "none" && wrapper.children.length > 1) {
-    const maths = [];
-    for (let i = 0; i < wrapper.children.length; i++) {
-      const math = new mathMLTree.MathNode("math", [wrapper.children[i]]);
-      if (settings.xml) {
-        math.setAttribute("xmlns", "http://www.w3.org/1998/Math/MathML");
-      }
-      maths.push(math);
-    }
-    return mathMLTree.newDocumentFragment(maths)
-  }
-
   const math = new mathMLTree.MathNode("math", [wrapper]);
 
   if (settings.xml) {
@@ -2115,6 +2105,9 @@ function buildMathML(tree, texExpression, style, settings) {
   }
   if (settings.displayMode) {
     math.setAttribute("display", "block");
+    math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
+      ? "inline"
+      : "inline-block";
   }
   return math;
 }
@@ -12975,7 +12968,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.10.2";
+const version = "0.10.3";
 
 function postProcess(block) {
   const labelMap = {};

package/dist/temmlPostProcess.js

@@ -14,7 +14,7 @@
    * https://mit-license.org/
    */
 
-  const version = "0.10.2";
+  const version = "0.10.3";
 
   function postProcess(block) {
     const labelMap = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "temml",
-  "version": "0.10.2",
+  "version": "0.10.3",
   "description": "TeX to MathML conversion in JavaScript.",
   "main": "dist/temml.js",
   "homepage": "https://temml.org",

package/src/Settings.js

@@ -17,7 +17,7 @@ export default class Settings {
     this.leqno = utils.deflt(options.leqno, false);                // boolean
     this.errorColor = utils.deflt(options.errorColor, "#b22222");  // string
     this.macros = options.macros || {};
-    this.wrap = utils.deflt(options.wrap, "none")         // "none" | "tex" | "="
+    this.wrap = utils.deflt(options.wrap, "tex")                    // "tex" | "="
     this.xml = utils.deflt(options.xml, false);                     // boolean
     this.colorIsTextColor = utils.deflt(options.colorIsTextColor, false);  // booelean
     this.strict = utils.deflt(options.strict, false);    // boolean

package/src/buildMathML.js

@@ -209,18 +209,6 @@ export default function buildMathML(tree, texExpression, style, settings) {
     wrapper = new mathMLTree.MathNode("semantics", [wrapper, annotation]);
   }
 
-  if (wrap !== "none" && wrapper.children.length > 1) {
-    const maths = []
-    for (let i = 0; i < wrapper.children.length; i++) {
-      const math = new mathMLTree.MathNode("math", [wrapper.children[i]])
-      if (settings.xml) {
-        math.setAttribute("xmlns", "http://www.w3.org/1998/Math/MathML")
-      }
-      maths.push(math)
-    }
-    return mathMLTree.newDocumentFragment(maths)
-  }
-
   const math = new mathMLTree.MathNode("math", [wrapper])
 
   if (settings.xml) {
@@ -228,6 +216,9 @@ export default function buildMathML(tree, texExpression, style, settings) {
   }
   if (settings.displayMode) {
     math.setAttribute("display", "block");
+    math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
+      ? "inline"
+      : "inline-block"
   }
   return math;
 }

package/src/linebreaking.js

@@ -13,10 +13,12 @@ import mathMLTree from "./mathMLTree"
  * Then the top level of a <math> element can be occupied by <mrow> elements, and the browser
  * will break after a <mrow> if the expression extends beyond the container limit.
  *
- * We want the expression to render with soft line breaks after each top-level binary or
+ * The default is for soft line breaks after each top-level binary or
  * relational operator, per TeXbook p. 173. So we gather the expression into <mrow>s so that
  * each <mrow> ends in a binary or relational operator.
  *
+ * An option is for soft line breaks before an "=" sign. That changes the <mrow>s.
+ *
  * Soft line breaks will not work in Chromium and Safari, only Firefox.
  *
  * Hopefully browsers will someday do their own linebreaking and we will be able to delete

package/src/postProcess.js

@@ -8,7 +8,7 @@
  * https://mit-license.org/
  */
 
-export const version = "0.10.2";
+export const version = "0.10.3";
 
 export function postProcess(block) {
   const labelMap = {}