temml 0.12.2 → 0.13.2

package/dist/temml.cjs

@@ -215,6 +215,7 @@ class Settings {
       : [Infinity, Infinity]
     );
     this.maxExpand = Math.max(0, deflt(options.maxExpand, 1000)); // number
+    this.wrapDelimiterPairs = true; // boolean
   }
 
   /**
@@ -996,8 +997,7 @@ defineSymbol(math, textord, "\u2135", "\\aleph", true);
 defineSymbol(math, textord, "\u2200", "\\forall", true);
 defineSymbol(math, textord, "\u210f", "\\hbar", true);
 defineSymbol(math, textord, "\u2203", "\\exists", true);
-// ∇ is actually a unary operator, not binary. But this works.
-defineSymbol(math, bin, "\u2207", "\\nabla", true);
+defineSymbol(math, open, "\u2207", "\\nabla", true);
 defineSymbol(math, textord, "\u266d", "\\flat", true);
 defineSymbol(math, textord, "\u2113", "\\ell", true);
 defineSymbol(math, textord, "\u266e", "\\natural", true);
@@ -1090,7 +1090,7 @@ defineSymbol(math, mathord, "\u2295", "\\Earth");
 
 // AMS Negated Binary Relations
 defineSymbol(math, rel, "\u226e", "\\nless", true);
-// Symbol names preceeded by "@" each have a corresponding macro.
+// Symbol names preceded by "@" each have a corresponding macro.
 defineSymbol(math, rel, "\u2a87", "\\lneq", true);
 defineSymbol(math, rel, "\u2268", "\\lneqq", true);
 defineSymbol(math, rel, "\u2268\ufe00", "\\lvertneqq");
@@ -2001,16 +2001,12 @@ for (let i = 0; i < 10; i++) {
  * much of this module.
  */
 
-const openDelims = "([{⌊⌈⟨⟮⎰⟦⦃";
-const closeDelims = ")]}⌋⌉⟩⟯⎱⟦⦄";
-
 function setLineBreaks(expression, wrapMode, isDisplayMode) {
   const mtrs = [];
   let mrows = [];
   let block = [];
   let numTopLevelEquals = 0;
   let i = 0;
-  let level = 0;
   while (i < expression.length) {
     while (expression[i] instanceof DocumentFragment) {
       expression.splice(i, 1, ...expression[i].children); // Expand the fragment.
@@ -2033,13 +2029,10 @@ function setLineBreaks(expression, wrapMode, isDisplayMode) {
     }
     block.push(node);
     if (node.type && node.type === "mo" && node.children.length === 1 &&
+        !(node.attributes.form && node.attributes.form === "prefix") && // unary operators
         !Object.prototype.hasOwnProperty.call(node.attributes, "movablelimits")) {
       const ch = node.children[0].text;
-      if (openDelims.indexOf(ch) > -1) {
-        level += 1;
-      } else if (closeDelims.indexOf(ch) > -1) {
-        level -= 1;
-      } else if (level === 0 && wrapMode === "=" && ch === "=") {
+      if (wrapMode === "=" && ch === "=") {
         numTopLevelEquals += 1;
         if (numTopLevelEquals > 1) {
           block.pop();
@@ -2048,7 +2041,7 @@ function setLineBreaks(expression, wrapMode, isDisplayMode) {
           mrows.push(element);
           block = [node];
         }
-      } else if (level === 0 && wrapMode === "tex" && ch !== "∇") {
+      } else if (wrapMode === "tex") {
         // Check if the following node is a \nobreak text node, e.g. "~""
         const next = i < expression.length - 1 ? expression[i + 1] : null;
         let glueIsFreeOfNobreak = true;
@@ -3070,7 +3063,7 @@ function assertSymbolNodeType(node) {
  * returns null.
  */
 function checkSymbolNodeType(node) {
-  if (node && (node.type === "atom" ||
+  if (node && (node.type === "atom" || node.type === "delimiter" ||
       Object.prototype.hasOwnProperty.call(NON_ATOMS, node.type))) {
     return node;
   }
@@ -3876,7 +3869,6 @@ const dotsByToken = {
   "\\iint": "\\dotsi",
   "\\iiint": "\\dotsi",
   "\\iiiint": "\\dotsi",
-  "\\idotsint": "\\dotsi",
   // Symbols whose definition starts with \DOTSX:
   "\\DOTSX": "\\dotsx"
 };
@@ -3958,7 +3950,7 @@ defineMacro("\\cdots", function(context) {
 defineMacro("\\dotsb", "\\cdots");
 defineMacro("\\dotsm", "\\cdots");
 defineMacro("\\dotsi", "\\!\\cdots");
-defineMacro("\\idotsint", "\\dotsi");
+defineMacro("\\idotsint", "\\int\\!\\cdots\\!\\int");
 // amsmath doesn't actually define \dotsx, but \dots followed by a macro
 // starting with \DOTSX implies \dotso, and then \extra@ detects this case
 // and forces the added `\,`.
@@ -4253,6 +4245,7 @@ defineMacro("\\upomega", "\\up@greek{\\omega}");
 // cmll package
 defineMacro("\\invamp", '\\mathbin{\\char"214b}');
 defineMacro("\\parr", '\\mathbin{\\char"214b}');
+defineMacro("\\upand", '\\mathbin{\\char"214b}'); // STIX package
 defineMacro("\\with", '\\mathbin{\\char"26}');
 defineMacro("\\multimapinv", '\\mathrel{\\char"27dc}');
 defineMacro("\\multimapboth", '\\mathrel{\\char"29df}');
@@ -7224,6 +7217,7 @@ defineFunction({
     // That way, the arrow will be an overlay on the content.
     const phantom = new MathNode("mphantom", [buildGroup$1(group.body, style)]);
     const arrow = new MathNode("mrow", [phantom], ["tml-cancelto"]);
+    arrow.style.color = style.color;
     if (group.isCharacterBox && smalls.indexOf(group.body.body[0].text) > -1) {
       arrow.style.left = "0.1em";
       arrow.style.width = "90%";
@@ -7255,6 +7249,7 @@ defineFunction({
       dummyNode = new MathNode("mphantom", [zeroWidthNode]); // Hide it.
     }
     const toNode = buildGroup$1(group.to, style);
+    toNode.style.color = style.color;
     const zeroWidthToNode = new MathNode("mpadded", [toNode]);
     if (!group.isCharacterBox || /[f∫∑]/.test(group.body.body[0].text)) {
       const w = new MathNode("mspace", []);
@@ -7313,7 +7308,7 @@ const toHex = num => {
 
 // Colors from Tables 4.1 and 4.2 of the xcolor package.
 // Table 4.1 (lower case) RGB values are taken from chroma and xcolor.dtx.
-// Table 4.2 (Capitalizzed) values were sampled, because Chroma contains a unreliable
+// Table 4.2 (Capitalized) values were sampled, because Chroma contains a unreliable
 // conversion from cmyk to RGB. See https://tex.stackexchange.com/a/537274.
 const xcolors = JSON.parse(`{
   "Apricot": "#ffb484",
@@ -7872,7 +7867,41 @@ const delimiterSizes = {
   "\\Bigg": { mclass: "mord", size: 4 }
 };
 
-const delimiters = [
+const leftToRight = {
+  "(": ")",
+  "\\lparen": "\\rparen",
+  "[": "]",
+  "\\lbrack": "\\rbrack",
+  "\\{": "\\}",
+  "\\lbrace": "\\rbrace",
+  "⦇": "⦈",
+  "\\llparenthesis": "\\rrparenthesis",
+  "\\lfloor": "\\rfloor",
+  "\u230a": "\u230b",
+  "\\lceil": "\\rceil",
+  "\u2308": "\u2309",
+  "\\langle": "\\rangle",
+  "\u27e8": "\u27e9",
+  "\\lAngle": "\\rAngle",
+  "\u27ea": "\u27eb",
+  "\\llangle": "\\rrangle",
+  "⦉": "⦊",
+  "\\lvert": "\\rvert",
+  "\\lVert": "\\rVert",
+  "\\lgroup": "\\rgroup",
+  "\u27ee": "\u27ef",
+  "\\lmoustache": "\\rmoustache",
+  "\u23b0": "\u23b1",
+  "\\llbracket": "\\rrbracket",
+  "\u27e6": "\u27e7",
+  "\\lBrace": "\\rBrace",
+  "\u2983": "\u2984"
+};
+
+const leftDelimiterNames = new Set(Object.keys(leftToRight));
+new Set(Object.values(leftToRight));
+
+const delimiters = new Set([
   "(",
   "\\lparen",
   ")",
@@ -7928,7 +7957,7 @@ const delimiters = [
   "\\llbracket",
   "\\rrbracket",
   "\u27e6",
-  "\u27e6",
+  "\u27e7",
   "\\lBrace",
   "\\rBrace",
   "\u2983",
@@ -7947,12 +7976,12 @@ const delimiters = [
   "\\updownarrow",
   "\\Updownarrow",
   "."
-];
+]);
 
 // Export isDelimiter for benefit of parser.
-const dels = ["}", "\\left", "\\middle", "\\right"];
+const dels = new Set(["}", "\\left", "\\middle", "\\right"]);
 const isDelimiter = str => str.length > 0 &&
-  (delimiters.includes(str) || delimiterSizes[str] || dels.includes(str));
+  (delimiters.has(str) || delimiterSizes[str] || dels.has(str));
 
 // Metrics of the different sizes. Found by looking at TeX's output of
 // $\bigl| // \Bigl| \biggl| \Biggl| \showlists$
@@ -7965,11 +7994,11 @@ function checkDelimiter(delim, context) {
     delim = delim.body[0]; // Unwrap the braces
   }
   const symDelim = checkSymbolNodeType(delim);
-  if (symDelim && delimiters.includes(symDelim.text)) {
+  if (symDelim && delimiters.has(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 (["<", "\\lt"].includes(symDelim.text)) { symDelim.text = "⟨"; }
-    if ([">", "\\gt"].includes(symDelim.text)) { symDelim.text = "⟩"; }
+    if (symDelim.text === "<" || symDelim.text === "\\lt") { symDelim.text = "⟨"; }
+    if (symDelim.text === ">" || symDelim.text === "\\gt") { symDelim.text = "⟩"; }
     return symDelim;
   } else if (symDelim) {
     throw new ParseError(`Invalid delimiter '${symDelim.text}' after '${context.funcName}'`, delim);
@@ -7979,7 +8008,16 @@ function checkDelimiter(delim, context) {
 }
 
 //                               /         \
-const needExplicitStretch = ["\u002F", "\u005C", "\\backslash", "\\vert", "|"];
+const needExplicitStretch = new Set(["\u002F", "\u005C", "\\backslash", "\u2216", "\\vert", "|"]);
+
+const makeFenceMo = (delim, mode, form, isStretchy) => {
+  const text = delim === "." ? "" : delim;
+  const node = new MathNode("mo", [makeText(text, mode)]);
+  node.setAttribute("fence", "true");
+  node.setAttribute("form", form);
+  node.setAttribute("stretchy", isStretchy ? "true" : "false");
+  return node;
+};
 
 defineFunction({
   type: "delimsizing",
@@ -8030,9 +8068,9 @@ defineFunction({
   },
   mathmlBuilder: (group) => {
     const children = [];
+    const delim = group.delim === "." ? "" : group.delim;
 
-    if (group.delim === ".") { group.delim = ""; }
-    children.push(makeText(group.delim, group.mode));
+    children.push(makeText(delim, group.mode));
 
     const node = new MathNode("mo", children);
 
@@ -8045,7 +8083,7 @@ defineFunction({
       // defaults.
       node.setAttribute("fence", "false");
     }
-    if (needExplicitStretch.includes(group.delim) || group.delim.indexOf("arrow") > -1) {
+    if (needExplicitStretch.has(delim) || delim.indexOf("arrow") > -1) {
       // We have to explicitly set stretchy to true.
       node.setAttribute("stretchy", "true");
     }
@@ -8058,7 +8096,7 @@ defineFunction({
 
 function assertParsed(group) {
   if (!group.body) {
-    throw new Error("Bug: The leftright ParseNode wasn't fully parsed.");
+    throw new Error("Bug: The delim ParseNode wasn't fully parsed.");
   }
 }
 
@@ -8089,17 +8127,10 @@ defineFunction({
     const delim = checkDelimiter(args[0], context);
 
     const parser = context.parser;
-    // Parse out the implicit body
     ++parser.leftrightDepth;
-    // parseExpression stops before '\\right' or `\\middle`
-    let body = parser.parseExpression(false, null, true);
+    let body = parser.parseExpression(false, "\\right", true);
     let nextToken = parser.fetch();
     while (nextToken.text === "\\middle") {
-      // `\middle`, from the ε-TeX package, ends one group and starts another group.
-      // We had to parse this expression with `breakOnMiddle` enabled in order
-      // to get TeX-compliant parsing of \over.
-      // But we do not want, at this point, to end on \middle, so continue
-      // to parse until we fetch a `\right`.
       parser.consume();
       const middle = parser.fetch().text;
       if (!symbols.math[middle]) {
@@ -8108,11 +8139,10 @@ defineFunction({
       checkDelimiter({ type: "atom", mode: "math", text: middle }, { funcName: "\\middle" });
       body.push({ type: "middle", mode: "math", delim: middle });
       parser.consume();
-      body = body.concat(parser.parseExpression(false, null, true));
+      body = body.concat(parser.parseExpression(false, "\\right", true));
       nextToken = parser.fetch();
     }
     --parser.leftrightDepth;
-    // Check the next token
     parser.expect("\\right", false);
     const right = assertNodeType(parser.parseFunction(), "leftright-right");
     return {
@@ -8120,35 +8150,90 @@ defineFunction({
       mode: parser.mode,
       body,
       left: delim.text,
-      right: right.delim
+      right: right.delim,
+      isStretchy: true
     };
   },
   mathmlBuilder: (group, style) => {
     assertParsed(group);
     const inner = buildExpression(group.body, style);
 
-    if (group.left === ".") { group.left = ""; }
-    const leftNode = new MathNode("mo", [makeText(group.left, group.mode)]);
-    leftNode.setAttribute("fence", "true");
-    leftNode.setAttribute("form", "prefix");
-    if (group.left === "/" || group.left === "\u005C" || group.left.indexOf("arrow") > -1) {
-      leftNode.setAttribute("stretchy", "true");
-    }
+    const leftNode = makeFenceMo(group.left, group.mode, "prefix", true);
     inner.unshift(leftNode);
 
-    if (group.right === ".") { group.right = ""; }
-    const rightNode = new MathNode("mo", [makeText(group.right, group.mode)]);
-    rightNode.setAttribute("fence", "true");
-    rightNode.setAttribute("form", "postfix");
-    if (group.right === "\u2216" || group.right.indexOf("arrow") > -1) {
-      rightNode.setAttribute("stretchy", "true");
+    const rightNode = makeFenceMo(group.right, group.mode, "postfix", true);
+    if (group.body.length > 0) {
+      const lastElement = group.body[group.body.length - 1];
+      if (lastElement.type === "color" && !lastElement.isTextColor) {
+        rightNode.setAttribute("mathcolor", lastElement.color);
+      }
     }
+    inner.push(rightNode);
+
+    return makeRow(inner);
+  }
+});
+
+defineFunction({
+  type: "delimiter",
+  names: Array.from(leftDelimiterNames),
+  props: {
+    numArgs: 0,
+    allowedInText: true,
+    allowedInMath: true,
+    allowedInArgument: true
+  },
+  handler: ({ parser, funcName, token }) => {
+    if (parser.mode === "text") {
+      return {
+        type: "textord",
+        mode: "text",
+        text: funcName,
+        loc: token.loc
+      }
+    } else if (!parser.settings.wrapDelimiterPairs) {
+      // Treat this token as an ordinary symbol.
+      return {
+        type: "atom",
+        mode: "math",
+        family: "open",
+        loc: token.loc,
+        text: funcName
+      };
+    }
+    // Otherwise, try to wrap a pair of delimiters with an <mrow>.
+    const rightDelim = leftToRight[funcName];
+    // Parse the inner expression, looking for the corresponding right delimiter.
+    const body = parser.parseExpression(false, rightDelim, false);
+    const nextToken = parser.fetch().text;
+
+    if (nextToken !== rightDelim) {
+      // We were unable to find a matching right delimiter.
+      // Throw control back to renderToMathMLTree.
+      // It will reparse the entire expression with wrapDelimiterPairs set to false.
+      throw new ParseError("Unmatched delimiter");
+    }
+    parser.consume();
+
+    return {
+      type: "delimiter",
+      mode: parser.mode,
+      body,
+      left: funcName,
+      right: rightDelim
+    };
+  },
+  mathmlBuilder: (group, style) => {
+    assertParsed(group);
+    const inner = buildExpression(group.body, style);
+
+    const leftNode = makeFenceMo(group.left, group.mode, "prefix", false);
+    inner.unshift(leftNode);
+
+    const rightNode = makeFenceMo(group.right, group.mode, "postfix", false);
     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);
       }
     }
@@ -8177,7 +8262,7 @@ defineFunction({
       delim: delim.text
     };
   },
-  mathmlBuilder: (group, style) => {
+  mathmlBuilder: (group) => {
     const textNode = makeText(group.delim, group.mode);
     const middleNode = new MathNode("mo", [textNode]);
     middleNode.setAttribute("fence", "true");
@@ -8223,7 +8308,7 @@ const mathmlBuilder$7 = (group, style) => {
       break
     case "\\xcancel":
       node.setAttribute("notation", "updiagonalstrike downdiagonalstrike");
-      node.classes.push("tml-xcancel");
+      node.children.push(new MathNode("mrow", [], ["tml-cancel", "tml-xcancel"]));
       break
     // cancelto is handled in cancelto.js
     case "\\longdiv":
@@ -8660,22 +8745,37 @@ defineFunction({
 const stylArray = ["display", "text", "script", "scriptscript"];
 const scriptLevel = { auto: -1, display: 0, text: 0, script: 1, scriptscript: 2 };
 
+const adjustStyle = (functionSize, originalStyle) => {
+  // Figure out what style this fraction should be in based on the
+  // function used
+  let style = originalStyle;
+  if (functionSize === "display") {  //\tfrac or \cfrac
+    // Get display style as a default.
+    // If incoming style is sub/sup, use style.text() to get correct size.
+    const newSize = style.level >= StyleLevel.SCRIPT ? StyleLevel.TEXT : StyleLevel.DISPLAY;
+    style = style.withLevel(newSize);
+  } else if (functionSize === "text" &&
+    style.level === StyleLevel.DISPLAY) {
+    // We're in a \tfrac but incoming style is displaystyle, so:
+    style = style.withLevel(StyleLevel.TEXT);
+  } else if (functionSize === "auto") {
+    style = style.incrementLevel();
+  } else if (functionSize === "script") {
+    style = style.withLevel(StyleLevel.SCRIPT);
+  } else if (functionSize === "scriptscript") {
+    style = style.withLevel(StyleLevel.SCRIPTSCRIPT);
+  }
+  return style;
+};
+
 const mathmlBuilder$5 = (group, style) => {
-  // Track the scriptLevel of the numerator and denominator.
-  // We may need that info for \mathchoice or for adjusting em dimensions.
-  const childOptions = group.scriptLevel === "auto"
-    ? style.incrementLevel()
-    : group.scriptLevel === "display"
-    ? style.withLevel(StyleLevel.TEXT)
-    : group.scriptLevel === "text"
-    ? style.withLevel(StyleLevel.SCRIPT)
-    : style.withLevel(StyleLevel.SCRIPTSCRIPT);
+  style = adjustStyle(group.scriptLevel, style);
 
   // Chromium (wrongly) continues to shrink fractions beyond scriptscriptlevel.
   // So we check for levels that Chromium shrinks too small.
   // If necessary, set an explicit fraction depth.
-  const numer = buildGroup$1(group.numer, childOptions);
-  const denom = buildGroup$1(group.denom, childOptions);
+  const numer = buildGroup$1(group.numer, style);
+  const denom = buildGroup$1(group.denom, style);
   if (style.level === 3) {
     numer.style.mathDepth = "2";
     numer.setAttribute("scriptlevel", "2");
@@ -8728,6 +8828,7 @@ const mathmlBuilder$5 = (group, style) => {
 defineFunction({
   type: "genfrac",
   names: [
+    "\\cfrac",
     "\\dfrac",
     "\\frac",
     "\\tfrac",
@@ -8751,6 +8852,7 @@ defineFunction({
     let scriptLevel = "auto";
 
     switch (funcName) {
+      case "\\cfrac":
       case "\\dfrac":
       case "\\frac":
       case "\\tfrac":
@@ -8777,15 +8879,10 @@ defineFunction({
         throw new Error("Unrecognized genfrac command");
     }
 
-    switch (funcName) {
-      case "\\dfrac":
-      case "\\dbinom":
-        scriptLevel = "display";
-        break;
-      case "\\tfrac":
-      case "\\tbinom":
-        scriptLevel = "text";
-        break;
+    if (funcName === "\\cfrac" || funcName.startsWith("\\d")) {
+      scriptLevel = "display";
+    } else if (funcName.startsWith("\\t")) {
+      scriptLevel = "text";
     }
 
     return {
@@ -8804,31 +8901,6 @@ defineFunction({
   mathmlBuilder: mathmlBuilder$5
 });
 
-defineFunction({
-  type: "genfrac",
-  names: ["\\cfrac"],
-  props: {
-    numArgs: 2
-  },
-  handler: ({ parser, funcName }, args) => {
-    const numer = args[0];
-    const denom = args[1];
-
-    return {
-      type: "genfrac",
-      mode: parser.mode,
-      continued: true,
-      numer,
-      denom,
-      hasBarLine: true,
-      leftDelim: null,
-      rightDelim: null,
-      scriptLevel: "display",
-      barSize: null
-    };
-  }
-});
-
 // Infix generalized fractions -- these are not rendered directly, but replaced
 // immediately by one of the variants above.
 defineFunction({
@@ -9657,8 +9729,16 @@ const binrelClass = (arg) => {
   const atom = arg.type === "ordgroup" && arg.body.length && arg.body.length === 1
     ? arg.body[0]
     : arg;
-  if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
-    return "m" + atom.family;
+  if (atom.type === "atom") {
+    // BIN args are sometimes changed to OPEN, so check the original family.
+    const family = arg.body.length > 0 && arg.body[0].text && symbols.math[arg.body[0].text]
+      ? symbols.math[arg.body[0].text].group
+      : atom.family;
+    if (family === "bin" || family === "rel") {
+      return "m" + family;
+    } else {
+      return "mord";
+    }
   } else {
     return "mord";
   }
@@ -10229,6 +10309,14 @@ const mathmlBuilder$1 = (group, style) => {
       if ((node.type === "mrow" || node.type === "mpadded") && node.children.length === 1 &&
           node.children[0] instanceof MathNode) {
         node = node.children[0];
+      } else if (node.type === "mrow" && node.children.length === 2 &&
+                 node.children[0] instanceof MathNode &&
+                 node.children[1] instanceof MathNode &&
+                 node.children[1].type === "mspace" && !node.children[1].attributes.width &&
+                 node.children[1].children.length === 0) {
+        // This is a workaround for a Firefox bug that applies spacing to
+        // an <mi> with mathvariant="normal".
+        node = node.children[0];
       }
       switch (node.type) {
         case "mi":
@@ -11499,8 +11587,8 @@ defineFunctionBuilders({
       node.setAttribute("mathvariant", "normal");
       if (text.text.length === 1) {
         // A Firefox bug will apply spacing here, but there should be none. Fix it.
-        node = new MathNode("mpadded", [node]);
-        node.setAttribute("lspace", "0");
+        const mspace = new MathNode("mspace", []);
+        node = new MathNode("mrow", [node, mspace]);
       }
     }
     return node
@@ -13037,7 +13125,7 @@ class Parser {
    * Parses an "expression", which is a list of atoms.
    *
    * `breakOnInfix`: Should the parsing stop when we hit infix nodes? This
-   *                 happens when functions have higher precedence han infix
+   *                 happens when functions have higher precedence than infix
    *                 nodes in implicit parses.
    *
    * `breakOnTokenText`: The text of the token that the expression should end
@@ -13645,7 +13733,7 @@ class Parser {
   ) {
     const firstToken = this.fetch();
     const text = firstToken.text;
-
+    if (name === "argument to '\\left'") { return this.parseSymbol() }
     let result;
     // Try to parse an open brace or \begingroup
     if (text === "{" || text === "\\begingroup" || text === "\\toggle") {
@@ -13678,6 +13766,12 @@ class Parser {
       result = this.parseFunction(breakOnTokenText, name) || this.parseSymbol();
       if (result == null && text[0] === "\\" &&
           !Object.prototype.hasOwnProperty.call(implicitCommands, text )) {
+        if (this.settings.throwOnError) {
+          throw new ParseError("Unsupported function name: " + text, firstToken);
+        }
+        // For people getting dyanamically rendered math, it's better to
+        // show the unsupported command in red rather than panicking for every
+        // partially written expression.
         result = this.formatUnsupportedCmd(text);
         this.consume();
       }
@@ -13786,7 +13880,8 @@ class Parser {
     let symbol;
     if (symbols[this.mode][text]) {
       let group = symbols[this.mode][text].group;
-      if (group === "bin" && binLeftCancellers.includes(this.prevAtomType)) {
+      if (group === "bin" &&
+        (binLeftCancellers.includes(this.prevAtomType) || this.prevAtomType === "")) {
         // Change from a binary operator to a unary (prefix) operator
         group = "open";
       }
@@ -13882,11 +13977,27 @@ const parseTree = function(toParse, settings) {
   if (!(typeof toParse === "string" || toParse instanceof String)) {
     throw new TypeError("Temml can only parse string typed expression")
   }
-  const parser = new Parser(toParse, settings);
-  // Blank out any \df@tag to avoid spurious "Duplicate \tag" errors
-  delete parser.gullet.macros.current["\\df@tag"];
+  let tree;
+  let parser;
+  try {
+    parser = new Parser(toParse, settings);
+    // Blank out any \df@tag to avoid spurious "Duplicate \tag" errors
+    delete parser.gullet.macros.current["\\df@tag"];
 
-  let tree = parser.parse();
+    tree = parser.parse();
+  } catch (error) {
+    if (error.toString() === "ParseError:  Unmatched delimiter") {
+      // Abandon the attempt to wrap delimiter pairs in an <mrow>.
+      // Try again, and put each delimiter into an <mo> element.
+      settings.wrapDelimiterPairs = false;
+      parser = new Parser(toParse, settings);
+      // Blank out any \df@tag to avoid spurious "Duplicate \tag" errors
+      delete parser.gullet.macros.current["\\df@tag"];
+      tree = parser.parse();
+    } else {
+      throw error;
+    }
+  }
 
   // LaTeX ignores a \tag placed outside an AMS environment.
   if (!(tree.length > 0 &&  tree[0].type && tree[0].type === "array" && tree[0].addEqnNum)) {
@@ -14063,7 +14174,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.12.02";
+const version = "0.13.02";
 
 function postProcess(block) {
   const labelMap = {};