temml 0.11.9 → 0.11.10

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); }
@@ -2822,7 +2821,7 @@ const paddedNode = (group, lspace = 0.3, rspace = 0, mustSmash = false) => {
   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)
@@ -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.
@@ -9384,7 +9371,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 +9400,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
   }
 });
@@ -10789,6 +10776,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 +10791,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,
@@ -14022,7 +14028,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.11.09";
+const version = "0.11.10";
 
 function postProcess(block) {
   const labelMap = {};

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); }
@@ -2823,7 +2822,7 @@ var temml = (function () {
     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)
@@ -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.
@@ -7471,7 +7458,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 +7487,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
     }
   });
@@ -8876,6 +8863,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 +8878,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,
@@ -12109,7 +12115,7 @@ var temml = (function () {
    * https://mit-license.org/
    */
 
-  const version = "0.11.09";
+  const version = "0.11.10";
 
   function postProcess(block) {
     const labelMap = {};