temml 0.11.9 → 0.11.11

package/dist/temml.js

@@ -2406,13 +2406,12 @@ var temml = (function () {
 
   const taggedExpression = (expression, tag, style, leqno) => {
     tag = buildExpressionRow(tag[0].body, style);
-    tag = consolidateText(tag);
-    tag.classes.push("tml-tag");
+    tag = consolidateText(tag);  // tag is now an <mtext> element
+    tag.classes.push("tml-tag"); // to be available for \ref
 
     const label = getLabel(expression); // from a \label{} function.
     expression = new mathMLTree.MathNode("mtd", [expression]);
     const rowArray = [glue$1(), expression, glue$1()];
-    rowArray[leqno ? 0 : 2].classes.push(leqno ? "tml-left" : "tml-right");
     rowArray[leqno ? 0 : 2].children.push(tag);
     const mtr = new mathMLTree.MathNode("mtr", rowArray, ["tml-tageqn"]);
     if (label) { mtr.setAttribute("id", label); }
@@ -2809,21 +2808,21 @@ var temml = (function () {
 
   // Helper functions
 
-  const padding$1 = width => {
+  const padding = width => {
     const node = new mathMLTree.MathNode("mspace");
     node.setAttribute("width", width + "em");
     return node
   };
 
   const paddedNode = (group, lspace = 0.3, rspace = 0, mustSmash = false) => {
-    if (group == null && rspace === 0) { return padding$1(lspace) }
+    if (group == null && rspace === 0) { return padding(lspace) }
     const row = group ? [group] : [];
-    if (lspace !== 0)   { row.unshift(padding$1(lspace)); }
-    if (rspace > 0) { row.push(padding$1(rspace)); }
+    if (lspace !== 0)   { row.unshift(padding(lspace)); }
+    if (rspace > 0) { row.push(padding(rspace)); }
     if (mustSmash) {
       // Used for the bottom arrow in a {CD} environment
       const mpadded = new mathMLTree.MathNode("mpadded", row);
-      mpadded.setAttribute("height", "0");
+      mpadded.setAttribute("height", "0.1px"); // Don't use 0. WebKit would hide it.
       return mpadded
     } else {
       return new mathMLTree.MathNode("mrow", row)
@@ -2951,8 +2950,8 @@ var temml = (function () {
       const node = munderoverNode(group.name, group.body, group.below, style);
       // Create operator spacing for a relation.
       const row = [node];
-      row.unshift(padding$1(0.2778));
-      row.push(padding$1(0.2778));
+      row.unshift(padding(0.2778));
+      row.push(padding(0.2778));
       return new mathMLTree.MathNode("mrow", row)
     }
   });
@@ -3016,13 +3015,13 @@ var temml = (function () {
         botNode.setAttribute("width", "0.5em");
         wrapper = new mathMLTree.MathNode(
           "mpadded",
-          [padding$1(0.2778), botNode, raiseNode, padding$1(0.2778)]
+          [padding(0.2778), botNode, raiseNode, padding(0.2778)]
         );
       } else {
         raiseNode.setAttribute("width", (group.name === "\\equilibriumRight" ? "0.5em" : "0"));
         wrapper = new mathMLTree.MathNode(
           "mpadded",
-          [padding$1(0.2778), raiseNode, botArrow, padding$1(0.2778)]
+          [padding(0.2778), raiseNode, botArrow, padding(0.2778)]
         );
       }
 
@@ -3315,19 +3314,19 @@ var temml = (function () {
         return new mathMLTree.MathNode("mrow", style)  // empty label
       }
       // Abuse an <mtable> to create vertically centered content.
-      const mtd = new mathMLTree.MathNode("mtd", [buildGroup$1(group.label, style)]);
+      const mrow = buildGroup$1(group.label, style);
+      if (group.side === "left") {
+        mrow.classes.push("tml-shift-left");
+      }
+      const mtd = new mathMLTree.MathNode("mtd", [mrow]);
       mtd.style.padding = "0";
       const mtr = new mathMLTree.MathNode("mtr", [mtd]);
       const mtable = new mathMLTree.MathNode("mtable", [mtr]);
       const label = new mathMLTree.MathNode("mpadded", [mtable]);
       // Set the label width to zero so that the arrow will be centered under the corner cell.
-      label.setAttribute("width", "0");
+      label.setAttribute("width", "0.1px"); // Don't use 0. WebKit would hide it.
       label.setAttribute("displaystyle", "false");
       label.setAttribute("scriptlevel", "1");
-      if (group.side === "left") {
-        label.style.display = "flex";
-        label.style.justifyContent = "flex-end";
-      }
       return label;
     }
   });
@@ -4561,7 +4560,6 @@ var temml = (function () {
 
         if (group.envClasses.includes("multline")) {
           const align = i === 0 ? "left" : i === numRows - 1 ? "right" : "center";
-          mtd.setAttribute("columnalign", align);
           if (align !== "center") {
             mtd.classes.push("tml-" + align);
           }
@@ -4591,10 +4589,8 @@ var temml = (function () {
           row.push(glue(group));
           if (group.leqno) {
             row[0].children.push(tagElement);
-            row[0].classes.push("tml-left");
           } else {
             row[row.length - 1].children.push(tagElement);
-            row[row.length - 1].classes.push("tml-right");
           }
         }
       }
@@ -4635,8 +4631,10 @@ var temml = (function () {
         }
       }
       if (mustSquashRow) {
-        // All the cell contents are \hphantom. Squash the padding.
+        // All the cell contents are \hphantom. Squash the cell.
         for (let j = 0; j < mtr.children.length; j++) {
+          mtr.children[j].style.display = "block";  // necessary in Firefox only
+          mtr.children[j].style.height = "0";       // necessary in Firefox only
           mtr.children[j].style.paddingTop = "0";
           mtr.children[j].style.paddingBottom = "0";
         }
@@ -4723,7 +4721,7 @@ var temml = (function () {
           }
           if (group.autoTag) {
             const k = group.leqno ? 0 : row.children.length - 1;
-            row.children[k].classes = ["tml-" + (group.leqno ? "left" : "right")];
+            row.children[k].classes = [];  // Default is center.
           }
         }
         if (row.children.length > 1 && group.envClasses.includes("cases")) {
@@ -4754,7 +4752,6 @@ var temml = (function () {
     }
 
     // Column separator lines and column alignment
-    let align = "";
 
     if (group.cols && group.cols.length > 0) {
       const cols = group.cols;
@@ -4783,7 +4780,6 @@ var temml = (function () {
       for (let i = iStart; i < iEnd; i++) {
         if (cols[i].type === "align") {
           const colAlign = alignMap[cols[i].align];
-          align += colAlign;
           iCol += 1;
           for (const row of table.children) {
             if (colAlign.trim() !== "center" && iCol < row.children.length) {
@@ -4821,15 +4817,6 @@ var temml = (function () {
         }
       }
     }
-    if (group.autoTag) {
-       // allow for glue cells on each side
-      align = "left " + (align.length > 0 ? align : "center ") + "right ";
-    }
-    if (align) {
-      // Firefox reads this attribute, not the -webkit-left|right written above.
-      // TODO: When Chrome no longer needs "-webkit-", use CSS and delete the next line.
-      table.setAttribute("columnalign", align.trim());
-    }
 
     if (group.envClasses.includes("small")) {
       // A small array. Wrap in scriptstyle.
@@ -6008,6 +5995,9 @@ var temml = (function () {
 
   // Delimiter functions
   function checkDelimiter(delim, context) {
+    if (delim.type === "ordgroup" && delim.body.length === 1) {
+      delim = delim.body[0]; // Unwrap the braces
+    }
     const symDelim = checkSymbolNodeType(delim);
     if (symDelim && delimiters.includes(symDelim.text)) {
       // If a character is not in the MathML operator dictionary, it will not stretch.
@@ -6239,26 +6229,8 @@ var temml = (function () {
     }
   });
 
-  const padding = _ => {
-    const node = new mathMLTree.MathNode("mspace");
-    node.setAttribute("width", "3pt");
-    return node
-  };
-
   const mathmlBuilder$7 = (group, style) => {
-    let node;
-    if (group.label.indexOf("colorbox") > -1 || group.label === "\\boxed") {
-      // MathML core does not support +width attribute in <mpadded>.
-      // Firefox does not reliably add side padding.
-      // Insert <mspace>
-      node = new mathMLTree.MathNode("mrow", [
-        padding(),
-        buildGroup$1(group.body, style),
-        padding()
-      ]);
-    } else {
-      node = new mathMLTree.MathNode("menclose", [buildGroup$1(group.body, style)]);
-    }
+    const node = new mathMLTree.MathNode("menclose", [buildGroup$1(group.body, style)]);
     switch (group.label) {
       case "\\overline":
         node.setAttribute("notation", "top"); // for Firefox & WebKit
@@ -6306,7 +6278,7 @@ var temml = (function () {
       case "\\boxed":
         // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty
         node.setAttribute("notation", "box");
-        node.style.padding = "padding: 3pt 0 3pt 0";
+        node.style.padding = "3pt";
         node.style.border = "1px solid";
         node.setAttribute("scriptlevel", "0");
         node.setAttribute("displaystyle", "true");
@@ -6323,12 +6295,10 @@ var temml = (function () {
         //const fboxsep = 3; // 3 pt from LaTeX source2e
         //node.setAttribute("height", `+${2 * fboxsep}pt`)
         //node.setAttribute("voffset", `${fboxsep}pt`)
-        const style = { padding: "3pt 0 3pt 0" };
-
+        node.style.padding = "3pt";
         if (group.label === "\\fcolorbox") {
-          style.border = "0.0667em solid " + String(group.borderColor);
+          node.style.border = "0.0667em solid " + String(group.borderColor);
         }
-        node.style = style;
         break
       }
     }
@@ -7471,7 +7441,7 @@ var temml = (function () {
         const phantomInner = buildExpression(ordargument(group.body), style);
         const phantom = new mathMLTree.MathNode("mphantom", phantomInner);
         strut = new mathMLTree.MathNode("mpadded", [phantom]);
-        strut.setAttribute("width", "0px");
+        strut.setAttribute("width", "0.1px");  // Don't use 0. WebKit would hide it.
       }
 
       const inner = buildGroup$1(group.body, style);
@@ -7500,7 +7470,7 @@ var temml = (function () {
           node.style.justifyContent = "center";
         }
       }
-      node.setAttribute("width", "0px");
+      node.setAttribute("width", "0.1px"); // Don't use 0. WebKit would hide it.
       return node
     }
   });
@@ -7618,17 +7588,17 @@ var temml = (function () {
         if (doSpacing ) {
           if (group.mclass === "mbin") {
             // medium space
-            node.children.unshift(padding$1(0.2222));
-            node.children.push(padding$1(0.2222));
+            node.children.unshift(padding(0.2222));
+            node.children.push(padding(0.2222));
           } else if (group.mclass === "mrel") {
             // thickspace
-            node.children.unshift(padding$1(0.2778));
-            node.children.push(padding$1(0.2778));
+            node.children.unshift(padding(0.2778));
+            node.children.push(padding(0.2778));
           } else if (group.mclass === "mpunct") {
-            node.children.push(padding$1(0.1667));
+            node.children.push(padding(0.1667));
           } else if (group.mclass === "minner") {
-            node.children.unshift(padding$1(0.0556));  // 1 mu is the most likely option
-            node.children.push(padding$1(0.0556));
+            node.children.unshift(padding(0.0556));  // 1 mu is the most likely option
+            node.children.push(padding(0.0556));
           }
         }
       } else {
@@ -8876,6 +8846,11 @@ var temml = (function () {
     }
   });
 
+  // Letters that are x-height w/o a descender.
+  const xHeights = ['a', 'c', 'e', 'ı', 'm', 'n', 'o', 'r', 's', 'u', 'v', 'w', 'x', 'z', 'α',
+    'ε', 'ι', 'κ', 'ν', 'ο', 'π', 'σ', 'τ', 'υ', 'ω', '\\alpha', '\\epsilon', "\\iota",
+    '\\kappa', '\\nu', '\\omega', '\\pi', '\\tau', '\\omega'];
+
   defineFunction({
     type: "sqrt",
     names: ["\\sqrt"],
@@ -8886,6 +8861,20 @@ var temml = (function () {
     handler({ parser }, args, optArgs) {
       const index = optArgs[0];
       const body = args[0];
+      // Check if the body consists entirely of an x-height letter.
+      // TODO: Remove this check after Chromium is fixed.
+      if (body.body && body.body.length === 1 && body.body[0].text &&
+            xHeights.includes(body.body[0].text)) {
+        // Chromium does not put enough space above an x-height letter.
+        // Insert a strut.
+        body.body.push({
+          "type": "rule",
+          "mode": "math",
+          "shift": null,
+          "width": { "number": 0, "unit": "pt" },
+          "height": { "number": 0.5, "unit": "em" }
+        });
+      }
       return {
         type: "sqrt",
         mode: parser.mode,
@@ -9173,10 +9162,10 @@ var temml = (function () {
       } else if (group.needsSpacing) {
         // Fix a MathML bug that occurs when a <mo> is between two <mtext> elements.
         if (group.family === "bin") {
-          return new mathMLTree.MathNode("mrow", [padding$1(0.222), node, padding$1(0.222)])
+          return new mathMLTree.MathNode("mrow", [padding(0.222), node, padding(0.222)])
         } else {
           // REL spacing
-          return new mathMLTree.MathNode("mrow", [padding$1(0.2778), node, padding$1(0.2778)])
+          return new mathMLTree.MathNode("mrow", [padding(0.2778), node, padding(0.2778)])
         }
       }
       return node;
@@ -12109,7 +12098,7 @@ var temml = (function () {
    * https://mit-license.org/
    */
 
-  const version = "0.11.09";
+  const version = "0.11.11";
 
   function postProcess(block) {
     const labelMap = {};