temml 0.11.9 → 0.11.11

package/README.md

@@ -2,7 +2,7 @@
 
 | Library       | Minified JavaScript + CSS |
 |:--------------|:-------------------------:|
-| Temml         |         170 KB            |
+| Temml         |         171 KB            |
 | MathJax 2.7.5 |         338 KB            |
 | KaTeX         |         280 KB            |
 | TeXZilla      |         168 KB            |

package/dist/Temml-Asana.css

@@ -117,6 +117,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -138,6 +141,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/Temml-Latin-Modern.css

@@ -131,6 +131,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -152,6 +155,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/Temml-Libertinus.css

@@ -133,6 +133,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -154,6 +157,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/Temml-Local.css

@@ -124,6 +124,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -145,6 +148,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/Temml-NotoSans.css

@@ -126,6 +126,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -147,6 +150,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+  
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/Temml-STIX2.css

@@ -123,6 +123,9 @@ menclose {
   text-align: left;
 }
 
+/* For CD labels that grow to the left in Firefox and WebKit */
+.tml-shift-left { margin-left:-200% }
+
 /* Styles for Chromium only */
 @supports (not (-webkit-backdrop-filter: blur(1px))) and (not (-moz-appearance: none)) {
   /* Italic correction on accents */
@@ -144,6 +147,10 @@ menclose {
   .chr-lrg-vec {
     transform: scale(0.75) translate(0.21em, 0)
   }
+
+  /* For CD labels that grow to the left */
+  .tml-shift-left { margin-left:-100% }
+
   /* MathML Core & Chromium do not support the MathML 3.0 element <menclose> attributes. */
   /* So use styles. */
   menclose {

package/dist/temml.cjs

@@ -2405,13 +2405,12 @@ const getLabel = parent => {
 
 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); }
@@ -2808,21 +2807,21 @@ const calculateSize = function(sizeValue, style) {
 
 // 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)
@@ -2950,8 +2949,8 @@ defineFunction({
     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)
   }
 });
@@ -3015,13 +3014,13 @@ defineFunction({
       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)]
       );
     }
 
@@ -3314,19 +3313,19 @@ defineFunction({
       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;
   }
 });
@@ -6474,7 +6473,6 @@ const mathmlBuilder$9 = function(group, style) {
 
       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);
         }
@@ -6504,10 +6502,8 @@ const mathmlBuilder$9 = function(group, style) {
         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");
         }
       }
     }
@@ -6548,8 +6544,10 @@ const mathmlBuilder$9 = function(group, style) {
       }
     }
     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";
       }
@@ -6636,7 +6634,7 @@ const mathmlBuilder$9 = function(group, style) {
         }
         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")) {
@@ -6667,7 +6665,6 @@ const mathmlBuilder$9 = function(group, style) {
   }
 
   // Column separator lines and column alignment
-  let align = "";
 
   if (group.cols && group.cols.length > 0) {
     const cols = group.cols;
@@ -6696,7 +6693,6 @@ const mathmlBuilder$9 = function(group, style) {
     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) {
@@ -6734,15 +6730,6 @@ const mathmlBuilder$9 = function(group, style) {
       }
     }
   }
-  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.
@@ -7921,6 +7908,9 @@ const sizeToMaxHeight = [0, 1.2, 1.8, 2.4, 3.0];
 
 // 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.
@@ -8152,26 +8142,8 @@ defineFunction({
   }
 });
 
-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
@@ -8219,7 +8191,7 @@ const mathmlBuilder$7 = (group, style) => {
     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");
@@ -8236,12 +8208,10 @@ const mathmlBuilder$7 = (group, style) => {
       //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
     }
   }
@@ -9384,7 +9354,7 @@ defineFunction({
       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);
@@ -9413,7 +9383,7 @@ defineFunction({
         node.style.justifyContent = "center";
       }
     }
-    node.setAttribute("width", "0px");
+    node.setAttribute("width", "0.1px"); // Don't use 0. WebKit would hide it.
     return node
   }
 });
@@ -9531,17 +9501,17 @@ function mathmlBuilder$3(group, style) {
       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 {
@@ -10789,6 +10759,11 @@ defineFunction({
   }
 });
 
+// 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"],
@@ -10799,6 +10774,20 @@ defineFunction({
   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,
@@ -11086,10 +11075,10 @@ defineFunctionBuilders({
     } 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;
@@ -14022,7 +14011,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.11.09";
+const version = "0.11.11";
 
 function postProcess(block) {
   const labelMap = {};