temml 0.10.29 → 0.10.30

package/README.md

@@ -2,13 +2,13 @@
 
 | Library       | Minified JavaScript + CSS |
 |:--------------|:-------------------------:|
-| Temml         |         157 KB            |
+| Temml         |         158 KB            |
 | MathJax 2.7.5 |         338 KB            |
 | KaTeX         |         280 KB            |
 | TeXZilla      |         168 KB            |
 
 As a futher advantage, Temml can use local system fonts. The minimum Temml installation serves a font file that is only 10kb. Sadly, Chromium has some rendering bugs when using system fonts. It
-work better with the Latin Modern font, a 380 KB file.
+works better with the Latin Modern font, a 380 KB file.
 
 Temml’s coverage of LaTeX functions is as good as MathJax, slightly better than KaTeX 0.16.0 and substantially better than TeXZilla. See a [detailed coverage comparison](https://temml.org/docs/en/comparison.html).
 

package/dist/temml.cjs

@@ -3391,6 +3391,7 @@ defineFunction({
       type: "color",
       mode: parser.mode,
       color,
+      isTextColor: true,
       body: ordargument(body)
     }
   },
@@ -3423,6 +3424,7 @@ defineFunction({
       type: "color",
       mode: parser.mode,
       color,
+      isTextColor: false,
       body
     }
   },
@@ -3866,10 +3868,8 @@ function checkDelimiter(delim, context) {
   if (symDelim && delimiters.includes(symDelim.text)) {
     // If a character is not in the MathML operator dictionary, it will not stretch.
     // Replace such characters w/characters that will stretch.
-    if (["/", "\u2044"].includes(symDelim.text)) { symDelim.text = "\u2215"; }
     if (["<", "\\lt"].includes(symDelim.text)) { symDelim.text = "⟨"; }
     if ([">", "\\gt"].includes(symDelim.text)) { symDelim.text = "⟩"; }
-    if (symDelim.text === "\\backslash") { symDelim.text = "\u2216"; }
     return symDelim;
   } else if (symDelim) {
     throw new ParseError(`Invalid delimiter '${symDelim.text}' after '${context.funcName}'`, delim);
@@ -3878,6 +3878,9 @@ function checkDelimiter(delim, context) {
   }
 }
 
+//                               /         \
+const needExplicitStretch = ["\u002F", "\u005C", "\\backslash", "\\vert", "|"];
+
 defineFunction({
   type: "delimsizing",
   names: [
@@ -3930,8 +3933,7 @@ defineFunction({
       // defaults.
       node.setAttribute("fence", "false");
     }
-    if (group.delim === "\u2216" || group.delim === "\\vert" ||
-        group.delim === "|" || group.delim.indexOf("arrow") > -1) {
+    if (needExplicitStretch.includes(group.delim) || group.delim.indexOf("arrow") > -1) {
       // We have to explicitly set stretchy to true.
       node.setAttribute("stretchy", "true");
     }
@@ -4017,7 +4019,7 @@ defineFunction({
     const leftNode = new mathMLTree.MathNode("mo", [makeText(group.left, group.mode)]);
     leftNode.setAttribute("fence", "true");
     leftNode.setAttribute("form", "prefix");
-    if (group.left === "\u2216" || group.left.indexOf("arrow") > -1) {
+    if (group.left === "/" || group.left === "\u005C" || group.left.indexOf("arrow") > -1) {
       leftNode.setAttribute("stretchy", "true");
     }
     inner.unshift(leftNode);
@@ -4029,6 +4031,15 @@ defineFunction({
     if (group.right === "\u2216" || group.right.indexOf("arrow") > -1) {
       rightNode.setAttribute("stretchy", "true");
     }
+    if (group.body.length > 0) {
+      const lastElement = group.body[group.body.length - 1];
+      if (lastElement.type === "color" && !lastElement.isTextColor) {
+        // \color is a switch. If the last element is of type "color" then
+        // the user set the \color switch and left it on.
+        // A \right delimiter turns the switch off, but the delimiter itself gets the color.
+        rightNode.setAttribute("mathcolor", lastElement.color);
+      }
+    }
     inner.push(rightNode);
 
     return makeRow(inner);
@@ -13491,7 +13502,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.10.29";
+const version = "0.10.30";
 
 function postProcess(block) {
   const labelMap = {};

package/dist/temml.js

@@ -3392,6 +3392,7 @@ var temml = (function () {
         type: "color",
         mode: parser.mode,
         color,
+        isTextColor: true,
         body: ordargument(body)
       }
     },
@@ -3424,6 +3425,7 @@ var temml = (function () {
         type: "color",
         mode: parser.mode,
         color,
+        isTextColor: false,
         body
       }
     },
@@ -3867,10 +3869,8 @@ var temml = (function () {
     if (symDelim && delimiters.includes(symDelim.text)) {
       // If a character is not in the MathML operator dictionary, it will not stretch.
       // Replace such characters w/characters that will stretch.
-      if (["/", "\u2044"].includes(symDelim.text)) { symDelim.text = "\u2215"; }
       if (["<", "\\lt"].includes(symDelim.text)) { symDelim.text = "⟨"; }
       if ([">", "\\gt"].includes(symDelim.text)) { symDelim.text = "⟩"; }
-      if (symDelim.text === "\\backslash") { symDelim.text = "\u2216"; }
       return symDelim;
     } else if (symDelim) {
       throw new ParseError(`Invalid delimiter '${symDelim.text}' after '${context.funcName}'`, delim);
@@ -3879,6 +3879,9 @@ var temml = (function () {
     }
   }
 
+  //                               /         \
+  const needExplicitStretch = ["\u002F", "\u005C", "\\backslash", "\\vert", "|"];
+
   defineFunction({
     type: "delimsizing",
     names: [
@@ -3931,8 +3934,7 @@ var temml = (function () {
         // defaults.
         node.setAttribute("fence", "false");
       }
-      if (group.delim === "\u2216" || group.delim === "\\vert" ||
-          group.delim === "|" || group.delim.indexOf("arrow") > -1) {
+      if (needExplicitStretch.includes(group.delim) || group.delim.indexOf("arrow") > -1) {
         // We have to explicitly set stretchy to true.
         node.setAttribute("stretchy", "true");
       }
@@ -4018,7 +4020,7 @@ var temml = (function () {
       const leftNode = new mathMLTree.MathNode("mo", [makeText(group.left, group.mode)]);
       leftNode.setAttribute("fence", "true");
       leftNode.setAttribute("form", "prefix");
-      if (group.left === "\u2216" || group.left.indexOf("arrow") > -1) {
+      if (group.left === "/" || group.left === "\u005C" || group.left.indexOf("arrow") > -1) {
         leftNode.setAttribute("stretchy", "true");
       }
       inner.unshift(leftNode);
@@ -4030,6 +4032,15 @@ var temml = (function () {
       if (group.right === "\u2216" || group.right.indexOf("arrow") > -1) {
         rightNode.setAttribute("stretchy", "true");
       }
+      if (group.body.length > 0) {
+        const lastElement = group.body[group.body.length - 1];
+        if (lastElement.type === "color" && !lastElement.isTextColor) {
+          // \color is a switch. If the last element is of type "color" then
+          // the user set the \color switch and left it on.
+          // A \right delimiter turns the switch off, but the delimiter itself gets the color.
+          rightNode.setAttribute("mathcolor", lastElement.color);
+        }
+      }
       inner.push(rightNode);
 
       return makeRow(inner);
@@ -11578,7 +11589,7 @@ var temml = (function () {
    * https://mit-license.org/
    */
 
-  const version = "0.10.29";
+  const version = "0.10.30";
 
   function postProcess(block) {
     const labelMap = {};