temml 0.11.11 → 0.12.2

package/dist/temml.js

@@ -182,15 +182,8 @@ var temml = (function () {
     return +n.toFixed(4);
   };
 
-  var utils = {
-    deflt,
-    escape,
-    hyphenate,
-    getBaseElem,
-    isCharacterBox,
-    protocolFromUrl,
-    round
-  };
+  // Identify short letters. Used for accents and \cancelto.
+  const smalls = "acegıȷmnopqrsuvwxyzαγεηικμνοπρςστυχωϕ𝐚𝐜𝐞𝐠𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐮𝐯𝐰𝐱𝐲𝐳";
 
   /**
    * This is a module for storing settings passed into Temml. It correctly handles
@@ -205,24 +198,24 @@ var temml = (function () {
     constructor(options) {
       // allow null options
       options = options || {};
-      this.displayMode = utils.deflt(options.displayMode, false);    // boolean
-      this.annotate = utils.deflt(options.annotate, false);           // boolean
-      this.leqno = utils.deflt(options.leqno, false);                // boolean
-      this.throwOnError = utils.deflt(options.throwOnError, false);  // boolean
-      this.errorColor = utils.deflt(options.errorColor, "#b22222");  // string
+      this.displayMode = deflt(options.displayMode, false);    // boolean
+      this.annotate = deflt(options.annotate, false);           // boolean
+      this.leqno = deflt(options.leqno, false);                // boolean
+      this.throwOnError = deflt(options.throwOnError, false);  // boolean
+      this.errorColor = deflt(options.errorColor, "#b22222");  // string
       this.macros = options.macros || {};
-      this.wrap = utils.deflt(options.wrap, "tex");                    // "tex" | "="
-      this.xml = utils.deflt(options.xml, false);                     // boolean
-      this.colorIsTextColor = utils.deflt(options.colorIsTextColor, false);  // booelean
-      this.strict = utils.deflt(options.strict, false);    // boolean
-      this.trust = utils.deflt(options.trust, false);  // trust context. See html.js.
+      this.wrap = deflt(options.wrap, "none");                   // "none" | "tex" | "="
+      this.xml = deflt(options.xml, false);                     // boolean
+      this.colorIsTextColor = deflt(options.colorIsTextColor, false);  // boolean
+      this.strict = deflt(options.strict, false);    // boolean
+      this.trust = deflt(options.trust, false);  // trust context. See html.js.
       this.maxSize = (options.maxSize === undefined
         ? [Infinity, Infinity]
         : Array.isArray(options.maxSize)
         ? options.maxSize
         : [Infinity, Infinity]
       );
-      this.maxExpand = Math.max(0, utils.deflt(options.maxExpand, 1000)); // number
+      this.maxExpand = Math.max(0, deflt(options.maxExpand, 1000)); // number
     }
 
     /**
@@ -235,7 +228,7 @@ var temml = (function () {
      */
     isTrusted(context) {
       if (context.url && !context.protocol) {
-        const protocol = utils.protocolFromUrl(context.url);
+        const protocol = protocolFromUrl(context.url);
         if (protocol == null) {
           return false
         }
@@ -431,7 +424,7 @@ var temml = (function () {
 
     // Add the class
     if (this.classes.length) {
-      markup += ` class="${utils.escape(createClass(this.classes))}"`;
+      markup += ` class="${escape(createClass(this.classes))}"`;
     }
 
     let styles = "";
@@ -439,7 +432,7 @@ var temml = (function () {
     // Add the styles, after hyphenation
     for (const style in this.style) {
       if (Object.prototype.hasOwnProperty.call(this.style, style )) {
-        styles += `${utils.hyphenate(style)}:${this.style[style]};`;
+        styles += `${hyphenate(style)}:${this.style[style]};`;
       }
     }
 
@@ -450,7 +443,7 @@ var temml = (function () {
     // Add the attributes
     for (const attr in this.attributes) {
       if (Object.prototype.hasOwnProperty.call(this.attributes, attr )) {
-        markup += ` ${attr}="${utils.escape(this.attributes[attr])}"`;
+        markup += ` ${attr}="${escape(this.attributes[attr])}"`;
       }
     }
 
@@ -498,7 +491,7 @@ var temml = (function () {
       return document.createTextNode(this.text);
     }
     toMarkup() {
-      return utils.escape(this.text);
+      return escape(this.text);
     }
   };
 
@@ -523,9 +516,9 @@ var temml = (function () {
     }
 
     toMarkup() {
-      let markup = `<a href='${utils.escape(this.href)}'`;
+      let markup = `<a href='${escape(this.href)}'`;
       if (this.classes.length > 0) {
-        markup += ` class="${utils.escape(createClass(this.classes))}"`;
+        markup += ` class="${escape(createClass(this.classes))}"`;
       }
       markup += ">";
       for (let i = 0; i < this.children.length; i++) {
@@ -574,11 +567,11 @@ var temml = (function () {
       let styles = "";
       for (const style in this.style) {
         if (Object.prototype.hasOwnProperty.call(this.style, style )) {
-          styles += `${utils.hyphenate(style)}:${this.style[style]};`;
+          styles += `${hyphenate(style)}:${this.style[style]};`;
         }
       }
       if (styles) {
-        markup += ` style="${utils.escape(styles)}"`;
+        markup += ` style="${escape(styles)}"`;
       }
 
       markup += ">";
@@ -672,13 +665,13 @@ var temml = (function () {
       for (const attr in this.attributes) {
         if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
           markup += " " + attr + '="';
-          markup += utils.escape(this.attributes[attr]);
+          markup += escape(this.attributes[attr]);
           markup += '"';
         }
       }
 
       if (this.classes.length > 0) {
-        markup += ` class="${utils.escape(createClass(this.classes))}"`;
+        markup += ` class="${escape(createClass(this.classes))}"`;
       }
 
       let styles = "";
@@ -686,7 +679,7 @@ var temml = (function () {
       // Add the styles, after hyphenation
       for (const style in this.style) {
         if (Object.prototype.hasOwnProperty.call(this.style, style )) {
-          styles += `${utils.hyphenate(style)}:${this.style[style]};`;
+          styles += `${hyphenate(style)}:${this.style[style]};`;
         }
       }
 
@@ -733,7 +726,7 @@ var temml = (function () {
      * (representing the text itself).
      */
     toMarkup() {
-      return utils.escape(this.toText());
+      return escape(this.toText());
     }
 
     /**
@@ -758,12 +751,6 @@ var temml = (function () {
     return node
   };
 
-  var mathMLTree = {
-    MathNode,
-    TextNode,
-    newDocumentFragment
-  };
-
   /**
    * This file provides support for building horizontal stretchy elements.
    */
@@ -813,6 +800,8 @@ var temml = (function () {
     xrightarrow: "\u2192",
     underbrace: "\u23df",
     overbrace: "\u23de",
+    overbracket: "\u23b4",
+    underbracket: "\u23b5",
     overgroup: "\u23e0",
     overparen: "⏜",
     undergroup: "\u23e1",
@@ -855,8 +844,8 @@ var temml = (function () {
   };
 
   const mathMLnode = function(label) {
-    const child = new mathMLTree.TextNode(stretchyCodePoint[label.slice(1)]);
-    const node = new mathMLTree.MathNode("mo", [child]);
+    const child = new TextNode(stretchyCodePoint[label.slice(1)]);
+    const node = new MathNode("mo", [child]);
     node.setAttribute("stretchy", "true");
     return node
   };
@@ -879,11 +868,6 @@ var temml = (function () {
     return mo
   };
 
-  var stretchy = {
-    mathMLnode,
-    accentNode
-  };
-
   /**
    * This file holds a list of all no-argument functions and single-character
    * symbols (like 'a' or ';').
@@ -2037,13 +2021,13 @@ var temml = (function () {
         node.attributes.linebreak === "newline") {
         // A hard line break. Create a <mtr> for the current block.
         if (block.length > 0) {
-          mrows.push(new mathMLTree.MathNode("mrow", block));
+          mrows.push(new MathNode("mrow", block));
         }
         mrows.push(node);
         block = [];
-        const mtd = new mathMLTree.MathNode("mtd", mrows);
+        const mtd = new MathNode("mtd", mrows);
         mtd.style.textAlign = "left";
-        mtrs.push(new mathMLTree.MathNode("mtr", [mtd]));
+        mtrs.push(new MathNode("mtr", [mtd]));
         mrows = [];
         i += 1;
         continue
@@ -2061,7 +2045,7 @@ var temml = (function () {
           if (numTopLevelEquals > 1) {
             block.pop();
             // Start a new block. (Insert a soft linebreak.)
-            const element = new mathMLTree.MathNode("mrow", block);
+            const element = new MathNode("mrow", block);
             mrows.push(element);
             block = [node];
           }
@@ -2102,7 +2086,7 @@ var temml = (function () {
           }
           if (glueIsFreeOfNobreak) {
             // Start a new block. (Insert a soft linebreak.)
-            const element = new mathMLTree.MathNode("mrow", block);
+            const element = new MathNode("mrow", block);
             mrows.push(element);
             block = [];
           }
@@ -2111,22 +2095,22 @@ var temml = (function () {
       i += 1;
     }
     if (block.length > 0) {
-      const element = new mathMLTree.MathNode("mrow", block);
+      const element = new MathNode("mrow", block);
       mrows.push(element);
     }
     if (mtrs.length > 0) {
-      const mtd = new mathMLTree.MathNode("mtd", mrows);
+      const mtd = new MathNode("mtd", mrows);
       mtd.style.textAlign = "left";
-      const mtr = new mathMLTree.MathNode("mtr", [mtd]);
+      const mtr = new MathNode("mtr", [mtd]);
       mtrs.push(mtr);
-      const mtable = new mathMLTree.MathNode("mtable", mtrs);
+      const mtable = new MathNode("mtable", mtrs);
       if (!isDisplayMode) {
         mtable.setAttribute("columnalign", "left");
         mtable.setAttribute("rowspacing", "0em");
       }
       return mtable
     }
-    return mathMLTree.newDocumentFragment(mrows);
+    return newDocumentFragment(mrows);
   }
 
   /**
@@ -2155,15 +2139,15 @@ var temml = (function () {
       text = symbols[mode][text].replace;
     }
 
-    return new mathMLTree.TextNode(text);
+    return new TextNode(text);
   };
 
   const copyChar = (newRow, child) => {
     if (newRow.children.length === 0 ||
         newRow.children[newRow.children.length - 1].type !== "mtext") {
-      const mtext = new mathMLTree.MathNode(
+      const mtext = new MathNode(
         "mtext",
-        [new mathMLTree.TextNode(child.children[0].text)]
+        [new TextNode(child.children[0].text)]
       );
       newRow.children.push(mtext);
     } else {
@@ -2175,7 +2159,7 @@ var temml = (function () {
     // If possible, consolidate adjacent <mtext> elements into a single element.
     if (mrow.type !== "mrow" && mrow.type !== "mstyle") { return mrow }
     if (mrow.children.length === 0) { return mrow } // empty group, e.g., \text{}
-    const newRow = new mathMLTree.MathNode("mrow");
+    const newRow = new MathNode("mrow");
     for (let i = 0; i < mrow.children.length; i++) {
       const child = mrow.children[i];
       if (child.type === "mtext" && Object.keys(child.attributes).length === 0) {
@@ -2245,7 +2229,7 @@ var temml = (function () {
         body[end].attributes.rspace = "0em";
       }
     }
-    return new mathMLTree.MathNode("mrow", body);
+    return new MathNode("mrow", body);
   };
 
   /**
@@ -2370,7 +2354,7 @@ var temml = (function () {
    */
   const buildGroup$1 = function(group, style) {
     if (!group) {
-      return new mathMLTree.MathNode("mrow");
+      return new MathNode("mrow");
     }
 
     if (_mathmlGroupBuilders[group.type]) {
@@ -2383,7 +2367,7 @@ var temml = (function () {
   };
 
   const glue$1 = _ => {
-    return new mathMLTree.MathNode("mtd", [], [], { padding: "0", width: "50%" })
+    return new MathNode("mtd", [], [], { padding: "0", width: "50%" })
   };
 
   const labelContainers = ["mrow", "mtd", "mtable", "mtr"];
@@ -2410,12 +2394,12 @@ var temml = (function () {
     tag.classes.push("tml-tag"); // to be available for \ref
 
     const label = getLabel(expression); // from a \label{} function.
-    expression = new mathMLTree.MathNode("mtd", [expression]);
+    expression = new MathNode("mtd", [expression]);
     const rowArray = [glue$1(), expression, glue$1()];
     rowArray[leqno ? 0 : 2].children.push(tag);
-    const mtr = new mathMLTree.MathNode("mtr", rowArray, ["tml-tageqn"]);
+    const mtr = new MathNode("mtr", rowArray, ["tml-tageqn"]);
     if (label) { mtr.setAttribute("id", label); }
-    const table = new mathMLTree.MathNode("mtable", [mtr]);
+    const table = new MathNode("mtable", [mtr]);
     table.style.width = "100%";
     table.setAttribute("displaystyle", "true");
     return table
@@ -2452,13 +2436,13 @@ var temml = (function () {
 
     if (settings.annotate) {
       // Build a TeX annotation of the source
-      const annotation = new mathMLTree.MathNode(
-        "annotation", [new mathMLTree.TextNode(texExpression)]);
+      const annotation = new MathNode(
+        "annotation", [new TextNode(texExpression)]);
       annotation.setAttribute("encoding", "application/x-tex");
-      wrapper = new mathMLTree.MathNode("semantics", [wrapper, annotation]);
+      wrapper = new MathNode("semantics", [wrapper, annotation]);
     }
 
-    const math = new mathMLTree.MathNode("math", [wrapper]);
+    const math = new MathNode("math", [wrapper]);
 
     if (settings.xml) {
       math.setAttribute("xmlns", "http://www.w3.org/1998/Math/MathML");
@@ -2473,23 +2457,20 @@ var temml = (function () {
     return math;
   }
 
-  // Identify letters to which we'll attach a combining accent character
-  const smalls = "acegıȷmnopqrsuvwxyzαγεηικμνοπρςστυχωϕ𝐚𝐜𝐞𝐠𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐮𝐯𝐰𝐱𝐲𝐳";
-
   // From the KaTeX font metrics, identify letters whose accents need a italic correction.
   const smallNudge = "DHKLUcegorsuvxyzΠΥΨαδηιμνοτυχϵ";
   const mediumNudge = "BCEGIMNOPQRSTXZlpqtwΓΘΞΣΦΩβεζθξρςφψϑϕϱ";
   const largeNudge = "AFJdfΔΛ";
 
   const mathmlBuilder$a = (group, style) => {
-    const accentNode = group.isStretchy
-      ? stretchy.accentNode(group)
-      : new mathMLTree.MathNode("mo", [makeText(group.label, group.mode)]);
+    const accentNode$1 = group.isStretchy
+      ? accentNode(group)
+      : new MathNode("mo", [makeText(group.label, group.mode)]);
     if (!group.isStretchy) {
-      accentNode.setAttribute("stretchy", "false"); // Keep Firefox from stretching \check
+      accentNode$1.setAttribute("stretchy", "false"); // Keep Firefox from stretching \check
     }
     if (group.label !== "\\vec") {
-      accentNode.style.mathDepth = "0"; // not scriptstyle
+      accentNode$1.style.mathDepth = "0"; // not scriptstyle
       // Don't use attribute accent="true" because MathML Core eliminates a needed space.
     }
     const tag = group.label === "\\c" ? "munder" : "mover";
@@ -2500,28 +2481,28 @@ var temml = (function () {
       const isVec = group.label === "\\vec";
       const vecPostfix = isVec === "\\vec" ? "-vec" : "";
       if (isVec) {
-        accentNode.classes.push("tml-vec"); // Firefox sizing of \vec arrow
+        accentNode$1.classes.push("tml-vec"); // Firefox sizing of \vec arrow
       }
       const wbkPostfix = isVec ? "-vec" : needsWbkVertShift ? "-acc" : "";
       if (smallNudge.indexOf(text) > -1) {
-        accentNode.classes.push(`chr-sml${vecPostfix}`);
-        accentNode.classes.push(`wbk-sml${wbkPostfix}`);
+        accentNode$1.classes.push(`chr-sml${vecPostfix}`);
+        accentNode$1.classes.push(`wbk-sml${wbkPostfix}`);
       } else if (mediumNudge.indexOf(text) > -1) {
-        accentNode.classes.push(`chr-med${vecPostfix}`);
-        accentNode.classes.push(`wbk-med${wbkPostfix}`);
+        accentNode$1.classes.push(`chr-med${vecPostfix}`);
+        accentNode$1.classes.push(`wbk-med${wbkPostfix}`);
       } else if (largeNudge.indexOf(text) > -1) {
-        accentNode.classes.push(`chr-lrg${vecPostfix}`);
-        accentNode.classes.push(`wbk-lrg${wbkPostfix}`);
+        accentNode$1.classes.push(`chr-lrg${vecPostfix}`);
+        accentNode$1.classes.push(`wbk-lrg${wbkPostfix}`);
       } else if (isVec) {
-        accentNode.classes.push(`wbk-vec`);
+        accentNode$1.classes.push(`wbk-vec`);
       } else if (needsWbkVertShift) {
-        accentNode.classes.push(`wbk-acc`);
+        accentNode$1.classes.push(`wbk-acc`);
       }
     } else if (needsWbkVertShift) {
       // text-mode accents
-      accentNode.classes.push("wbk-acc");
+      accentNode$1.classes.push("wbk-acc");
     }
-    const node = new mathMLTree.MathNode(tag, [buildGroup$1(group.base, style), accentNode]);
+    const node = new MathNode(tag, [buildGroup$1(group.base, style), accentNode$1]);
     return node;
   };
 
@@ -2688,11 +2669,11 @@ var temml = (function () {
       };
     },
     mathmlBuilder: (group, style) => {
-      const accentNode = stretchy.accentNode(group);
-      accentNode.style["math-depth"] = 0;
-      const node = new mathMLTree.MathNode("munder", [
+      const accentNode$1 = accentNode(group);
+      accentNode$1.style["math-depth"] = 0;
+      const node = new MathNode("munder", [
         buildGroup$1(group.base, style),
-        accentNode
+        accentNode$1
       ]);
       return node;
     }
@@ -2781,7 +2762,7 @@ var temml = (function () {
         // In TeX, em and ex do not change size in \scriptstyle.
         if (unit === "ex") { number *= 0.431; }
         number = Math.min(number / emScale(style.level), style.maxSize[0]);
-        return { number: utils.round(number), unit: "em" };
+        return { number: round(number), unit: "em" };
       }
       case "bp": {
         if (number > style.maxSize[1]) { number = style.maxSize[1]; }
@@ -2795,11 +2776,11 @@ var temml = (function () {
       case "nc":
       case "sp": {
         number = Math.min(number * ptPerUnit[unit], style.maxSize[1]);
-        return { number: utils.round(number), unit: "pt" }
+        return { number: round(number), unit: "pt" }
       }
       case "mu": {
         number = Math.min(number / 18, style.maxSize[0]);
-        return { number: utils.round(number), unit: "em" }
+        return { number: round(number), unit: "em" }
       }
       default:
         throw new ParseError("Invalid unit: '" + unit + "'")
@@ -2809,7 +2790,7 @@ var temml = (function () {
   // Helper functions
 
   const padding = width => {
-    const node = new mathMLTree.MathNode("mspace");
+    const node = new MathNode("mspace");
     node.setAttribute("width", width + "em");
     return node
   };
@@ -2821,18 +2802,18 @@ var temml = (function () {
     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);
+      const mpadded = new MathNode("mpadded", row);
       mpadded.setAttribute("height", "0.1px"); // Don't use 0. WebKit would hide it.
       return mpadded
     } else {
-      return new mathMLTree.MathNode("mrow", row)
+      return new MathNode("mrow", row)
     }
   };
 
   const labelSize = (size, scriptLevel) =>  Number(size) / emScale(scriptLevel);
 
   const munderoverNode = (fName, body, below, style) => {
-    const arrowNode = stretchy.mathMLnode(fName);
+    const arrowNode = mathMLnode(fName);
     // Is this the short part of a mhchem equilibrium arrow?
     const isEq = fName.slice(1, 3) === "eq";
     const minWidth = fName.charAt(1) === "x"
@@ -2871,25 +2852,25 @@ var temml = (function () {
       // Since Firefox does not support minsize, stack a invisible node
       // on top of the label. Its width will serve as a min-width.
       // TODO: Refactor this after Firefox supports minsize.
-      upperNode = new mathMLTree.MathNode("mover", [label, dummyNode]);
+      upperNode = new MathNode("mover", [label, dummyNode]);
     }
     const gotLower = (below && below.body &&
       (below.body.body || below.body.length > 0));
     if (gotLower) {
       let label =  buildGroup$1(below, labelStyle);
       label = paddedNode(label, space, space);
-      lowerNode = new mathMLTree.MathNode("munder", [label, dummyNode]);
+      lowerNode = new MathNode("munder", [label, dummyNode]);
     }
 
     let node;
     if (!gotUpper && !gotLower) {
-      node = new mathMLTree.MathNode("mover", [arrowNode, emptyLabel]);
+      node = new MathNode("mover", [arrowNode, emptyLabel]);
     } else if (gotUpper && gotLower) {
-      node = new mathMLTree.MathNode("munderover", [arrowNode, lowerNode, upperNode]);
+      node = new MathNode("munderover", [arrowNode, lowerNode, upperNode]);
     } else if (gotUpper) {
-      node = new mathMLTree.MathNode("mover", [arrowNode, upperNode]);
+      node = new MathNode("mover", [arrowNode, upperNode]);
     } else {
-      node = new mathMLTree.MathNode("munder", [arrowNode, lowerNode]);
+      node = new MathNode("munder", [arrowNode, lowerNode]);
     }
     if (minWidth === "3.0") { node.style.height = "1em"; } // CD environment
     node.setAttribute("accent", "false"); // Necessary for MS Word
@@ -2952,7 +2933,7 @@ var temml = (function () {
       const row = [node];
       row.unshift(padding(0.2778));
       row.push(padding(0.2778));
-      return new mathMLTree.MathNode("mrow", row)
+      return new MathNode("mrow", row)
     }
   });
 
@@ -3005,21 +2986,21 @@ var temml = (function () {
       const botArrow = munderoverNode(botLabel, group.lowerArrowBody, group.below, style);
       let wrapper;
 
-      const raiseNode = new mathMLTree.MathNode("mpadded", [topArrow]);
+      const raiseNode = new MathNode("mpadded", [topArrow]);
       raiseNode.setAttribute("voffset", "0.3em");
       raiseNode.setAttribute("height", "+0.3em");
       raiseNode.setAttribute("depth", "-0.3em");
       // One of the arrows is given ~zero width. so the other has the same horzontal alignment.
       if (group.name === "\\equilibriumLeft") {
-        const botNode =  new mathMLTree.MathNode("mpadded", [botArrow]);
+        const botNode =  new MathNode("mpadded", [botArrow]);
         botNode.setAttribute("width", "0.5em");
-        wrapper = new mathMLTree.MathNode(
+        wrapper = new MathNode(
           "mpadded",
           [padding(0.2778), botNode, raiseNode, padding(0.2778)]
         );
       } else {
         raiseNode.setAttribute("width", (group.name === "\\equilibriumRight" ? "0.5em" : "0"));
-        wrapper = new mathMLTree.MathNode(
+        wrapper = new MathNode(
           "mpadded",
           [padding(0.2778), raiseNode, botArrow, padding(0.2778)]
         );
@@ -3311,18 +3292,18 @@ var temml = (function () {
     },
     mathmlBuilder(group, style) {
       if (group.label.body.length === 0) {
-        return new mathMLTree.MathNode("mrow", style)  // empty label
+        return new MathNode("mrow", style)  // empty label
       }
       // Abuse an <mtable> to create vertically centered content.
       const mrow = buildGroup$1(group.label, style);
       if (group.side === "left") {
         mrow.classes.push("tml-shift-left");
       }
-      const mtd = new mathMLTree.MathNode("mtd", [mrow]);
+      const mtd = new 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]);
+      const mtr = new MathNode("mtr", [mtd]);
+      const mtable = new MathNode("mtable", [mtr]);
+      const label = new MathNode("mpadded", [mtable]);
       // Set the label width to zero so that the arrow will be centered under the corner cell.
       label.setAttribute("width", "0.1px"); // Don't use 0. WebKit would hide it.
       label.setAttribute("displaystyle", "false");
@@ -3345,7 +3326,7 @@ var temml = (function () {
       };
     },
     mathmlBuilder(group, style) {
-      return new mathMLTree.MathNode("mrow", [buildGroup$1(group.fragment, style)]);
+      return new MathNode("mrow", [buildGroup$1(group.fragment, style)]);
     }
   });
 
@@ -4530,7 +4511,7 @@ var temml = (function () {
   };
 
   const glue = group => {
-    const glueNode = new mathMLTree.MathNode("mtd", []);
+    const glueNode = new MathNode("mtd", []);
     glueNode.style = { padding: "0", width: "50%" };
     if (group.envClasses.includes("multline")) {
       glueNode.style.width = "7.5%";
@@ -4542,6 +4523,7 @@ var temml = (function () {
     const tbl = [];
     const numRows = group.body.length;
     const hlines = group.hLinesBeforeRow;
+    const tagIsPresent = (group.tags && group.tags.some((tag) => tag));
 
     for (let i = 0; i < numRows; i++) {
       const rw = group.body[i];
@@ -4553,7 +4535,7 @@ var temml = (function () {
         : StyleLevel.DISPLAY;
 
       for (let j = 0; j < rw.length; j++) {
-        const mtd = new mathMLTree.MathNode(
+        const mtd = new MathNode(
           "mtd",
           [buildGroup$1(rw[j], style.withLevel(cellLevel))]
         );
@@ -4569,16 +4551,16 @@ var temml = (function () {
       const numColumns = group.body[0].length;
       // Fill out a short row with empty <mtd> elements.
       for (let k = 0; k < numColumns - rw.length; k++) {
-        row.push(new mathMLTree.MathNode("mtd", [], [], style));
+        row.push(new MathNode("mtd", [], [], style));
       }
-      if (group.autoTag) {
+      if (tagIsPresent) {
         const tag = group.tags[i];
         let tagElement;
         if (tag === true) {  // automatic numbering
-          tagElement = new mathMLTree.MathNode("mtext", [new Span(["tml-eqn"])]);
+          tagElement = new MathNode("mtext", [new Span(["tml-eqn"])]);
         } else if (tag === false) {
           // \nonumber/\notag or starred environment
-          tagElement = new mathMLTree.MathNode("mtext", [], []);
+          tagElement = new MathNode("mtext", [], []);
         } else {  // manual \tag
           tagElement = buildExpressionRow(tag[0].body, style.withLevel(cellLevel), true);
           tagElement = consolidateText(tagElement);
@@ -4594,7 +4576,7 @@ var temml = (function () {
           }
         }
       }
-      const mtr = new mathMLTree.MathNode("mtr", row, []);
+      const mtr = new MathNode("mtr", row, []);
       const label = group.labels.shift();
       if (label && group.tags && group.tags[i]) {
         mtr.setAttribute("id", label);
@@ -4683,7 +4665,7 @@ var temml = (function () {
         if (j === numCols - 1 && hand === 1) { return "0" }
         if (group.envClasses[0] !== "align") { return sidePadding }
         if (hand === 1) { return "0" }
-        if (group.autoTag) {
+        if (tagIsPresent) {
           return (j % 2) ? "1" : "0"
         } else {
           return (j % 2) ? "0" : "1"
@@ -4719,7 +4701,7 @@ var temml = (function () {
             // TODO: Remove -webkit- when Chromium no longer needs it.
             row.children[j].classes = ["tml-" + (j % 2 ? "left" : "right")];
           }
-          if (group.autoTag) {
+          if (tagIsPresent) {
             const k = group.leqno ? 0 : row.children.length - 1;
             row.children[k].classes = [];  // Default is center.
           }
@@ -4736,7 +4718,7 @@ var temml = (function () {
       }
     }
 
-    let table = new mathMLTree.MathNode("mtable", tbl);
+    let table = new MathNode("mtable", tbl);
     if (group.envClasses.length > 0) {
       // Top & bottom padding
       if (group.envClasses.includes("jot")) {
@@ -4776,7 +4758,7 @@ var temml = (function () {
           row.children[0].style.borderLeft = sep;
         }
       }
-      let iCol = group.autoTag ? 0 : -1;
+      let iCol = tagIsPresent ? 0 : -1;
       for (let i = iStart; i < iEnd; i++) {
         if (cols[i].type === "align") {
           const colAlign = alignMap[cols[i].align];
@@ -4820,7 +4802,7 @@ var temml = (function () {
 
     if (group.envClasses.includes("small")) {
       // A small array. Wrap in scriptstyle.
-      table = new mathMLTree.MathNode("mstyle", [table]);
+      table = new MathNode("mstyle", [table]);
       table.setAttribute("scriptlevel", "1");
     }
 
@@ -5067,9 +5049,8 @@ var temml = (function () {
       numArgs: 0
     },
     handler(context) {
-      const payload = { type: "small" };
+      const payload = { envClasses: ["small"] };
       const res = parseArray(context.parser, payload, "script");
-      res.envClasses = ["small"];
       return res;
     },
     mathmlBuilder: mathmlBuilder$9
@@ -5303,6 +5284,78 @@ var temml = (function () {
     }
   });
 
+  defineFunction({
+    type: "cancelto",
+    names: ["\\cancelto"],
+    props: {
+      numArgs: 2
+    },
+    handler({ parser }, args) {
+      const to = args[0];
+      const body = args[1];
+      return {
+        type: "cancelto",
+        mode: parser.mode,
+        body,
+        to,
+        isCharacterBox: isCharacterBox(body)
+      };
+    },
+    mathmlBuilder(group, style) {
+      const fromNode = new MathNode(
+        "mrow",
+        [buildGroup$1(group.body, style)],
+        ["ff-narrow"] // A zero-width mrow.
+      );
+      // Write the arrow in a node written after the content.
+      // 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"]);
+      if (group.isCharacterBox && smalls.indexOf(group.body.body[0].text) > -1) {
+        arrow.style.left = "0.1em";
+        arrow.style.width = "90%";
+      }
+      const node = new MathNode("mrow", [fromNode, arrow], ["menclose"]);
+      if (!group.isCharacterBox || /[f∫∑]/.test(group.body.body[0].text)) {
+        // Add 0.2em space to right of content to make room for the arrowhead.
+        phantom.style.paddingRight = "0.2em";
+      } else {
+        phantom.style.padding = "0.5ex 0.1em 0 0";
+        const strut = new MathNode('mspace', []);
+        strut.setAttribute('height', "0.85em");
+        fromNode.children.push(strut);
+      }
+
+      // Create the "to" value above and to the right of the arrow.
+      // First, we want a dummy node with the same height as the `from` content.
+      // We'll place the `to` node above the dummy to get the correct vertical alignment.
+      let dummyNode;
+      if (group.isCharacterBox) {
+        dummyNode = new MathNode('mspace', []);
+        dummyNode.setAttribute('height', "1em");
+      } else {
+        // Create a phantom node with the same content as the body.
+        const inner = buildGroup$1(group.body, style);
+        // The phantom node will be zero-width, so it won't affect horizontal spacing.
+        const zeroWidthNode = new MathNode("mpadded", [inner]);
+        zeroWidthNode.setAttribute("width", "0.1px"); // Don't use 0. WebKit would omit it.
+        dummyNode = new MathNode("mphantom", [zeroWidthNode]); // Hide it.
+      }
+      const toNode = buildGroup$1(group.to, style);
+      const zeroWidthToNode = new MathNode("mpadded", [toNode]);
+      if (!group.isCharacterBox || /[f∫∑]/.test(group.body.body[0].text)) {
+        const w = new MathNode("mspace", []);
+        w.setAttribute('width', "0.2em");
+        zeroWidthToNode.children.unshift(w);
+      }
+      zeroWidthToNode.setAttribute("width", "0.1px"); // Don't use 0. WebKit would hide it.
+      const mover = new MathNode("mover", [dummyNode, zeroWidthToNode]);
+      // Fix Firefox positioning.
+      const nudgeLeft = new MathNode('mrow', [], ["ff-nudge-left"]);
+      return newDocumentFragment([makeRow([node, mover]), nudgeLeft])
+    }
+  });
+
   // \@char is an internal function that takes a grouped decimal argument like
   // {123} and converts into symbol with code 123.  It is used by the *macro*
   // \char defined in macros.js.
@@ -5486,13 +5539,13 @@ var temml = (function () {
     // the color individually to each node and return a document fragment.
     let expr = buildExpression(group.body, style.withColor(group.color));
     if (expr.length === 0) {
-      expr.push(new mathMLTree.MathNode("mrow"));
+      expr.push(new MathNode("mrow"));
     }
     expr = expr.map(e => {
       e.style.color = group.color;
       return e
     });
-    return mathMLTree.newDocumentFragment(expr)
+    return newDocumentFragment(expr)
   };
 
   defineFunction({
@@ -5613,7 +5666,7 @@ var temml = (function () {
     mathmlBuilder(group, style) {
       // MathML 3.0 calls for newline to occur in an <mo> or an <mspace>.
       // Ref: https://www.w3.org/TR/MathML3/chapter3.html#presm.linebreaking
-      const node = new mathMLTree.MathNode("mo");
+      const node = new MathNode("mo");
       if (group.newLine) {
         node.setAttribute("linebreak", "newline");
         if (group.size) {
@@ -6068,7 +6121,7 @@ var temml = (function () {
       if (group.delim === ".") { group.delim = ""; }
       children.push(makeText(group.delim, group.mode));
 
-      const node = new mathMLTree.MathNode("mo", children);
+      const node = new MathNode("mo", children);
 
       if (group.mclass === "mopen" || group.mclass === "mclose") {
         // Only some of the delimsizing functions act as fences, and they
@@ -6162,7 +6215,7 @@ var temml = (function () {
       const inner = buildExpression(group.body, style);
 
       if (group.left === ".") { group.left = ""; }
-      const leftNode = new mathMLTree.MathNode("mo", [makeText(group.left, group.mode)]);
+      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) {
@@ -6171,7 +6224,7 @@ var temml = (function () {
       inner.unshift(leftNode);
 
       if (group.right === ".") { group.right = ""; }
-      const rightNode = new mathMLTree.MathNode("mo", [makeText(group.right, group.mode)]);
+      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) {
@@ -6213,7 +6266,7 @@ var temml = (function () {
     },
     mathmlBuilder: (group, style) => {
       const textNode = makeText(group.delim, group.mode);
-      const middleNode = new mathMLTree.MathNode("mo", [textNode]);
+      const middleNode = new MathNode("mo", [textNode]);
       middleNode.setAttribute("fence", "true");
       if (group.delim.indexOf("arrow") > -1) {
         middleNode.setAttribute("stretchy", "true");
@@ -6229,8 +6282,11 @@ var temml = (function () {
     }
   });
 
+  const boxTags = ["\\boxed", "\\fcolorbox", "\\colorbox"];
+
   const mathmlBuilder$7 = (group, style) => {
-    const node = new mathMLTree.MathNode("menclose", [buildGroup$1(group.body, style)]);
+    const tag = boxTags.includes(group.label) ? "mrow" : "menclose";
+    const node = new MathNode(tag, [buildGroup$1(group.body, style)]);
     switch (group.label) {
       case "\\overline":
         node.setAttribute("notation", "top"); // for Firefox & WebKit
@@ -6242,34 +6298,35 @@ var temml = (function () {
         break
       case "\\cancel":
         node.setAttribute("notation", "updiagonalstrike");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["tml-cancel", "upstrike"]));
+        node.children.push(new MathNode("mrow", [], ["tml-cancel", "upstrike"]));
         break
       case "\\bcancel":
         node.setAttribute("notation", "downdiagonalstrike");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["tml-cancel", "downstrike"]));
+        node.children.push(new MathNode("mrow", [], ["tml-cancel", "downstrike"]));
         break
       case "\\sout":
         node.setAttribute("notation", "horizontalstrike");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["tml-cancel", "sout"]));
+        node.children.push(new MathNode("mrow", [], ["tml-cancel", "sout"]));
         break
       case "\\xcancel":
         node.setAttribute("notation", "updiagonalstrike downdiagonalstrike");
         node.classes.push("tml-xcancel");
         break
+      // cancelto is handled in cancelto.js
       case "\\longdiv":
         node.setAttribute("notation", "longdiv");
         node.classes.push("longdiv-top");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["longdiv-arc"]));
+        node.children.push(new MathNode("mrow", [], ["longdiv-arc"]));
         break
       case "\\phase":
         node.setAttribute("notation", "phasorangle");
         node.classes.push("phasor-bottom");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["phasor-angle"]));
+        node.children.push(new MathNode("mrow", [], ["phasor-angle"]));
         break
       case "\\textcircled":
         node.setAttribute("notation", "circle");
         node.classes.push("circle-pad");
-        node.children.push(new mathMLTree.MathNode("mrow", [], ["textcircle"]));
+        node.children.push(new MathNode("mrow", [], ["textcircle"]));
         break
       case "\\angl":
         node.setAttribute("notation", "actuarial");
@@ -6277,7 +6334,6 @@ var temml = (function () {
         break
       case "\\boxed":
         // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty
-        node.setAttribute("notation", "box");
         node.style.padding = "3pt";
         node.style.border = "1px solid";
         node.setAttribute("scriptlevel", "0");
@@ -6289,13 +6345,8 @@ var temml = (function () {
         break
       case "\\fcolorbox":
       case "\\colorbox": {
-        // <menclose> doesn't have a good notation option for \colorbox.
-        // So use <mpadded> instead. Set some attributes that come
-        // included with <menclose>.
-        //const fboxsep = 3; // 3 pt from LaTeX source2e
-        //node.setAttribute("height", `+${2 * fboxsep}pt`)
-        //node.setAttribute("voffset", `${fboxsep}pt`)
-        node.style.padding = "3pt";
+        // Don't use <menclose>. WebKit would show a radical.
+        node.style.padding = "0.3em";  // 3 pt from LaTeX source2e for a 10pt font
         if (group.label === "\\fcolorbox") {
           node.style.border = "0.0667em solid " + String(group.borderColor);
         }
@@ -6521,7 +6572,7 @@ var temml = (function () {
       };
     },
     mathmlBuilder(group, style) {
-      return new mathMLTree.MathNode("mrow");
+      return new MathNode("mrow");
     }
   });
 
@@ -6538,7 +6589,7 @@ var temml = (function () {
       };
     },
     mathmlBuilder(group, style) {
-      return new mathMLTree.MathNode("mrow");
+      return new MathNode("mrow");
     }
   });
 
@@ -6581,7 +6632,7 @@ var temml = (function () {
           : mathGroup.children[i].children[0].text;
       }
       // Wrap in a <mpadded> to prevent the same Firefox bug.
-      const mpadded = new mathMLTree.MathNode("mpadded", [mi]);
+      const mpadded = new MathNode("mpadded", [mi]);
       mpadded.setAttribute("lspace", "0");
       return mpadded
     }
@@ -6607,8 +6658,8 @@ var temml = (function () {
       // Ref: https://bugs.webkit.org/show_bug.cgi?id=129097
       // We insert a text node that contains a zero-width space and wrap in an mrow.
       // TODO: Get rid of this <mi> workaround when the Firefox bug is fixed.
-      const bogus = new mathMLTree.MathNode("mtext", new mathMLTree.TextNode("\u200b"));
-      return new mathMLTree.MathNode("mrow", [bogus, mi])
+      const bogus = new MathNode("mtext", new TextNode("\u200b"));
+      return new MathNode("mrow", [bogus, mi])
     }
     return mi
   };
@@ -6719,7 +6770,7 @@ var temml = (function () {
       denom.setAttribute("scriptlevel", "2");
     }
 
-    let node = new mathMLTree.MathNode("mfrac", [numer, denom]);
+    let node = new MathNode("mfrac", [numer, denom]);
 
     if (!group.hasBarLine) {
       node.setAttribute("linethickness", "0px");
@@ -6732,8 +6783,8 @@ var temml = (function () {
       const withDelims = [];
 
       if (group.leftDelim != null) {
-        const leftOp = new mathMLTree.MathNode("mo", [
-          new mathMLTree.TextNode(group.leftDelim.replace("\\", ""))
+        const leftOp = new MathNode("mo", [
+          new TextNode(group.leftDelim.replace("\\", ""))
         ]);
         leftOp.setAttribute("fence", "true");
         withDelims.push(leftOp);
@@ -6742,8 +6793,8 @@ var temml = (function () {
       withDelims.push(node);
 
       if (group.rightDelim != null) {
-        const rightOp = new mathMLTree.MathNode("mo", [
-          new mathMLTree.TextNode(group.rightDelim.replace("\\", ""))
+        const rightOp = new MathNode("mo", [
+          new TextNode(group.rightDelim.replace("\\", ""))
         ]);
         rightOp.setAttribute("fence", "true");
         withDelims.push(rightOp);
@@ -6753,7 +6804,7 @@ var temml = (function () {
     }
 
     if (group.scriptLevel !== "auto") {
-      node = new mathMLTree.MathNode("mstyle", [node]);
+      node = new MathNode("mstyle", [node]);
       node.setAttribute("displaystyle", String(group.scriptLevel === "display"));
       node.setAttribute("scriptlevel", scriptLevel[group.scriptLevel]);
     }
@@ -7056,24 +7107,24 @@ var temml = (function () {
   });
 
   const mathmlBuilder$4 = (group, style) => {
-    const accentNode = stretchy.mathMLnode(group.label);
+    const accentNode = mathMLnode(group.label);
     accentNode.style["math-depth"] = 0;
-    return new mathMLTree.MathNode(group.isOver ? "mover" : "munder", [
+    return new MathNode(group.isOver ? "mover" : "munder", [
       buildGroup$1(group.base, style),
       accentNode
     ]);
   };
 
-  // Horizontal stretchy braces
+  // Horizontal stretchy brackets
   defineFunction({
-    type: "horizBrace",
-    names: ["\\overbrace", "\\underbrace"],
+    type: "horizBracket",
+    names: ["\\overbrace", "\\underbrace", "\\overbracket", "\\underbracket"],
     props: {
       numArgs: 1
     },
     handler({ parser, funcName }, args) {
       return {
-        type: "horizBrace",
+        type: "horizBracket",
         mode: parser.mode,
         label: funcName,
         isOver: /^\\over/.test(funcName),
@@ -7294,7 +7345,7 @@ var temml = (function () {
       const node = new Img(group.src, group.alt, graphicStyle);
       node.height = height;
       node.depth = depth;
-      return new mathMLTree.MathNode("mtext", [node])
+      return new MathNode("mtext", [node])
     }
   });
 
@@ -7344,17 +7395,17 @@ var temml = (function () {
         ? spaceCharacter(dimension.number)
         : "";
       if (group.mode === "text" && ch.length > 0) {
-        const character = new mathMLTree.TextNode(ch);
-        return new mathMLTree.MathNode("mtext", [character]);
+        const character = new TextNode(ch);
+        return new MathNode("mtext", [character]);
       } else {
         if (dimension.number >= 0) {
-          const node = new mathMLTree.MathNode("mspace");
+          const node = new MathNode("mspace");
           node.setAttribute("width", dimension.number + dimension.unit);
           return node
         } else {
           // Don't use <mspace> or <mpadded> because
           // WebKit recognizes negative left margin only on a <mrow> element
-          const node = new mathMLTree.MathNode("mrow");
+          const node = new MathNode("mrow");
           node.style.marginLeft = dimension.number + dimension.unit;
           return node
         }
@@ -7395,7 +7446,7 @@ var temml = (function () {
     },
     mathmlBuilder(group, style) {
       // Return a no-width, no-ink element with an HTML id.
-      const node = new mathMLTree.MathNode("mrow", [], ["tml-label"]);
+      const node = new MathNode("mrow", [], ["tml-label"]);
       if (group.string.length > 0) {
         node.setLabel(group.string);
       }
@@ -7439,8 +7490,8 @@ var temml = (function () {
         // We need an invisible strut with the same depth as the group.
         // We can't just read the depth, so we use \vphantom methods.
         const phantomInner = buildExpression(ordargument(group.body), style);
-        const phantom = new mathMLTree.MathNode("mphantom", phantomInner);
-        strut = new mathMLTree.MathNode("mpadded", [phantom]);
+        const phantom = new MathNode("mphantom", phantomInner);
+        strut = new MathNode("mpadded", [phantom]);
         strut.setAttribute("width", "0.1px");  // Don't use 0. WebKit would hide it.
       }
 
@@ -7450,9 +7501,9 @@ var temml = (function () {
         inner.style.position = "absolute";
         inner.style.right = "0";
         inner.style.bottom = `0`; // If we could have read the ink depth, it would go here.
-        node = new mathMLTree.MathNode("mpadded", [strut, inner]);
+        node = new MathNode("mpadded", [strut, inner]);
       } else {
-        node = new mathMLTree.MathNode("mpadded", [inner]);
+        node = new MathNode("mpadded", [inner]);
       }
 
       if (group.alignment === "rlap") {
@@ -7558,7 +7609,7 @@ var temml = (function () {
     const inner = buildExpression(group.body, style);
 
     if (group.mclass === "minner") {
-      node = new mathMLTree.MathNode("mpadded", inner);
+      node = new MathNode("mpadded", inner);
     } else if (group.mclass === "mord") {
       if (group.isCharacterBox || inner[0].type === "mathord") {
         node = inner[0];
@@ -7567,10 +7618,10 @@ var temml = (function () {
           node.setAttribute("mathvariant", "normal");
         }
       } else {
-        node = new mathMLTree.MathNode("mi", inner);
+        node = new MathNode("mi", inner);
       }
     } else {
-      node = new mathMLTree.MathNode("mrow", inner);
+      node = new MathNode("mrow", inner);
       if (group.mustPromote) {
         node = inner[0];
         node.type = "mo";
@@ -7578,7 +7629,7 @@ var temml = (function () {
           node.setAttribute("mathvariant", "italic");
         }
       } else {
-        node = new mathMLTree.MathNode("mrow", inner);
+        node = new MathNode("mrow", inner);
       }
 
       // Set spacing based on what is the most likely adjacent atom type.
@@ -7648,7 +7699,7 @@ var temml = (function () {
     },
     handler({ parser, funcName }, args) {
       const body = args[0];
-      const isCharacterBox = utils.isCharacterBox(body);
+      const isCharacterBox$1 = isCharacterBox(body);
       // We should not wrap a <mo> around a <mi> or <mord>. That would be invalid MathML.
       // In that case, we instead promote the text contents of the body to the parent.
       let mustPromote = true;
@@ -7677,7 +7728,7 @@ var temml = (function () {
           mode: parser.mode,
           mclass: "m" + funcName.slice(5),
           body: ordargument(mustPromote ? mord : body),
-          isCharacterBox,
+          isCharacterBox: isCharacterBox$1,
           mustPromote
         };
       }
@@ -7714,7 +7765,7 @@ var temml = (function () {
         mode: parser.mode,
         mclass: binrelClass(args[0]),
         body: ordargument(args[1]),
-        isCharacterBox: utils.isCharacterBox(args[1])
+        isCharacterBox: isCharacterBox(args[1])
       };
     }
   });
@@ -7828,8 +7879,8 @@ var temml = (function () {
     mathmlBuilder(group, style) {
       const base =  buildGroup$1(group.base, style);
 
-      const prescriptsNode = new mathMLTree.MathNode("mprescripts");
-      const noneNode = new mathMLTree.MathNode("none");
+      const prescriptsNode = new MathNode("mprescripts");
+      const noneNode = new MathNode("none");
       let children = [];
 
       const preSub = buildGroup(group.prescripts.sub, style, noneNode);
@@ -7848,7 +7899,7 @@ var temml = (function () {
         children = [base, prescriptsNode, preSub, preSup];
       }
 
-      return new mathMLTree.MathNode("mmultiscripts", children);
+      return new MathNode("mmultiscripts", children);
     }
   });
 
@@ -7861,9 +7912,9 @@ var temml = (function () {
       allowedInText: false
     },
     handler({ parser }, args) {
-      const isCharacterBox = utils.isCharacterBox(args[0]);
+      const isCharacterBox$1 = isCharacterBox(args[0]);
       let body;
-      if (isCharacterBox) {
+      if (isCharacterBox$1) {
         body = ordargument(args[0]);
         if (body[0].text.charAt(0) === "\\") {
           body[0].text = symbols.math[body[0].text].replace;
@@ -7881,7 +7932,7 @@ var temml = (function () {
         type: "not",
         mode: parser.mode,
         body,
-        isCharacterBox
+        isCharacterBox: isCharacterBox$1
       };
     },
     mathmlBuilder(group, style) {
@@ -8229,7 +8280,8 @@ var temml = (function () {
       "\u2a1a"
     ],
     props: {
-      numArgs: 0
+      numArgs: 0,
+      allowedInArgument: true
     },
     handler({ parser, funcName }) {
       let fName = funcName;
@@ -8260,9 +8312,9 @@ var temml = (function () {
     let isAllString = true; // default
     for (let i = 0; i < expression.length; i++) {
       let node = expression[i];
-      if (node instanceof mathMLTree.MathNode) {
+      if (node instanceof MathNode) {
         if ((node.type === "mrow" || node.type === "mpadded") && node.children.length === 1 &&
-            node.children[0] instanceof mathMLTree.MathNode) {
+            node.children[0] instanceof MathNode) {
           node = node.children[0];
         }
         switch (node.type) {
@@ -8279,14 +8331,14 @@ var temml = (function () {
                 if (ch === "") {
                   isAllString = false;
                 } else {
-                  expression[i] = new mathMLTree.MathNode("mtext", [new mathMLTree.TextNode(ch)]);
+                  expression[i] = new MathNode("mtext", [new TextNode(ch)]);
                 }
               }
             }
             break
           case "mo": {
             const child = node.children[0];
-            if (node.children.length === 1 && child instanceof mathMLTree.TextNode) {
+            if (node.children.length === 1 && child instanceof TextNode) {
               child.text = child.text.replace(/\u2212/, "-").replace(/\u2217/, "*");
             } else {
               isAllString = false;
@@ -8304,7 +8356,7 @@ var temml = (function () {
     if (isAllString) {
       // Write a single TextNode instead of multiple nested tags.
       const word = expression.map((node) => node.toText()).join("");
-      expression = [new mathMLTree.TextNode(word)];
+      expression = [new TextNode(word)];
     } else if (
       expression.length === 1
       && ["mover", "munder"].includes(expression[0].type) &&
@@ -8312,41 +8364,41 @@ var temml = (function () {
     ) {
       expression[0].children[0].type = "mi";
       if (group.parentIsSupSub) {
-        return new mathMLTree.MathNode("mrow", expression)
+        return new MathNode("mrow", expression)
       } else {
-        const operator = new mathMLTree.MathNode("mo", [makeText("\u2061", "text")]);
-        return mathMLTree.newDocumentFragment([expression[0], operator])
+        const operator = new MathNode("mo", [makeText("\u2061", "text")]);
+        return newDocumentFragment([expression[0], operator])
       }
     }
 
     let wrapper;
     if (isAllString) {
-      wrapper = new mathMLTree.MathNode("mi", expression);
+      wrapper = new MathNode("mi", expression);
       if (expression[0].text.length === 1) {
         wrapper.setAttribute("mathvariant", "normal");
       }
     } else {
-      wrapper = new mathMLTree.MathNode("mrow", expression);
+      wrapper = new MathNode("mrow", expression);
     }
 
     if (!group.parentIsSupSub) {
       // Append an <mo>&ApplyFunction;</mo>.
       // ref: https://www.w3.org/TR/REC-MathML/chap3_2.html#sec3.2.4
-      const operator = new mathMLTree.MathNode("mo", [makeText("\u2061", "text")]);
+      const operator = new MathNode("mo", [makeText("\u2061", "text")]);
       const fragment = [wrapper, operator];
       if (group.needsLeadingSpace) {
         // LaTeX gives operator spacing, but a <mi> gets ord spacing.
         // So add a leading space.
-        const space = new mathMLTree.MathNode("mspace");
+        const space = new MathNode("mspace");
         space.setAttribute("width", "0.1667em"); // thin space.
         fragment.unshift(space);
       }
       if (!group.isFollowedByDelimiter) {
-        const trail = new mathMLTree.MathNode("mspace");
+        const trail = new MathNode("mspace");
         trail.setAttribute("width", "0.1667em"); // thin space.
         fragment.push(trail);
       }
-      return mathMLTree.newDocumentFragment(fragment)
+      return newDocumentFragment(fragment)
     }
 
     return wrapper
@@ -8406,7 +8458,7 @@ var temml = (function () {
     },
     mathmlBuilder: (group, style) => {
       const inner = buildExpression(group.body, style);
-      return new mathMLTree.MathNode("mphantom", inner);
+      return new MathNode("mphantom", inner);
     }
   });
 
@@ -8427,8 +8479,8 @@ var temml = (function () {
     },
     mathmlBuilder: (group, style) => {
       const inner = buildExpression(ordargument(group.body), style);
-      const phantom = new mathMLTree.MathNode("mphantom", inner);
-      const node = new mathMLTree.MathNode("mpadded", [phantom]);
+      const phantom = new MathNode("mphantom", inner);
+      const node = new MathNode("mpadded", [phantom]);
       node.setAttribute("height", "0px");
       node.setAttribute("depth", "0px");
       return node;
@@ -8452,8 +8504,8 @@ var temml = (function () {
     },
     mathmlBuilder: (group, style) => {
       const inner = buildExpression(ordargument(group.body), style);
-      const phantom = new mathMLTree.MathNode("mphantom", inner);
-      const node = new mathMLTree.MathNode("mpadded", [phantom]);
+      const phantom = new MathNode("mphantom", inner);
+      const node = new MathNode("mpadded", [phantom]);
       node.setAttribute("width", "0px");
       return node;
     }
@@ -8490,7 +8542,7 @@ var temml = (function () {
 
   const mathmlBuilder = (group, style) => {
     const newStyle = style.withLevel(StyleLevel.TEXT);
-    const node = new mathMLTree.MathNode("mpadded", [buildGroup$1(group.body, newStyle)]);
+    const node = new MathNode("mpadded", [buildGroup$1(group.body, newStyle)]);
     const dy = calculateSize(group.dy, style);
     node.setAttribute("voffset", dy.number + dy.unit);
     // Add padding, which acts to increase height in Chromium.
@@ -8638,7 +8690,7 @@ var temml = (function () {
         : { number: 0, unit: "em" };
       const color = (style.color && style.getColor()) || "black";
 
-      const rule = new mathMLTree.MathNode("mspace");
+      const rule = new MathNode("mspace");
       if (width.number > 0 && height.number > 0) {
         rule.setAttribute("mathbackground", color);
       }
@@ -8646,7 +8698,7 @@ var temml = (function () {
       rule.setAttribute("height", height.number + height.unit);
       if (shift.number === 0) { return rule }
 
-      const wrapper = new mathMLTree.MathNode("mpadded", [rule]);
+      const wrapper = new MathNode("mpadded", [rule]);
       if (shift.number >= 0) {
         wrapper.setAttribute("height", "+" + shift.number + shift.unit);
       } else {
@@ -8718,8 +8770,8 @@ var temml = (function () {
       const numerator = group.numerator.split('').map(c => unicodeNumSups[c]).join('');
       const denominator = group.denominator.split('').map(c => unicodeNumSubs[c]).join('');
       // Use a fraction slash.
-      const text = new mathMLTree.TextNode(numerator + "\u2044" + denominator, group.mode, style);
-      return new mathMLTree.MathNode("mn", [text], ["special-fraction"])
+      const text = new TextNode(numerator + "\u2044" + denominator, group.mode, style);
+      return new MathNode("mn", [text], ["special-fraction"])
     }
   });
 
@@ -8832,7 +8884,7 @@ var temml = (function () {
       };
     },
     mathmlBuilder: (group, style) => {
-      const node = new mathMLTree.MathNode("mpadded", [buildGroup$1(group.body, style)]);
+      const node = new MathNode("mpadded", [buildGroup$1(group.body, style)]);
 
       if (group.smashHeight) {
         node.setAttribute("height", "0px");
@@ -8885,11 +8937,11 @@ var temml = (function () {
     mathmlBuilder(group, style) {
       const { body, index } = group;
       return index
-        ? new mathMLTree.MathNode("mroot", [
+        ? new MathNode("mroot", [
           buildGroup$1(body, style),
           buildGroup$1(index, style.incrementLevel())
         ])
-      : new mathMLTree.MathNode("msqrt", [buildGroup$1(body, style)]);
+      : new MathNode("msqrt", [buildGroup$1(body, style)]);
     }
   });
 
@@ -8969,18 +9021,18 @@ var temml = (function () {
   defineFunctionBuilders({
     type: "supsub",
     mathmlBuilder(group, style) {
-      // Is the inner group a relevant horizontal brace?
-      let isBrace = false;
+      // Is the inner group a relevant horizontal brace or bracket?
+      let isBracket = false;
       let isOver;
       let isSup;
       let appendApplyFunction = false;
       let appendSpace = false;
       let needsLeadingSpace = false;
 
-      if (group.base && group.base.type === "horizBrace") {
+      if (group.base && group.base.type === "horizBracket") {
         isSup = !!group.sup;
         if (isSup === group.base.isOver) {
-          isBrace = true;
+          isBracket = true;
           isOver = group.base.isOver;
         }
       }
@@ -9028,7 +9080,7 @@ var temml = (function () {
       }
 
       let nodeType;
-      if (isBrace) {
+      if (isBracket) {
         nodeType = isOver ? "mover" : "munder";
       } else if (!group.sub) {
         const base = group.base;
@@ -9088,26 +9140,26 @@ var temml = (function () {
         }
       }
 
-      let node = new mathMLTree.MathNode(nodeType, children);
+      let node = new MathNode(nodeType, children);
       if (appendApplyFunction) {
         // Append an <mo>&ApplyFunction;</mo>.
         // ref: https://www.w3.org/TR/REC-MathML/chap3_2.html#sec3.2.4
-        const operator = new mathMLTree.MathNode("mo", [makeText("\u2061", "text")]);
+        const operator = new MathNode("mo", [makeText("\u2061", "text")]);
         if (needsLeadingSpace) {
-          const space = new mathMLTree.MathNode("mspace");
+          const space = new MathNode("mspace");
           space.setAttribute("width", "0.1667em"); // thin space.
-          node = mathMLTree.newDocumentFragment([space, node, operator]);
+          node = newDocumentFragment([space, node, operator]);
         } else {
-          node = mathMLTree.newDocumentFragment([node, operator]);
+          node = newDocumentFragment([node, operator]);
         }
         if (appendSpace) {
-          const space = new mathMLTree.MathNode("mspace");
+          const space = new MathNode("mspace");
           space.setAttribute("width", "0.1667em"); // thin space.
           node.children.push(space);
         }
       } else if (symbolRegEx.test(nodeType)) {
         // Wrap in a <mrow>. Otherwise Firefox stretchy parens will not stretch to include limits.
-        node = new mathMLTree.MathNode("mrow", [node]);
+        node = new MathNode("mrow", [node]);
       }
 
       return node
@@ -9132,7 +9184,7 @@ var temml = (function () {
   defineFunctionBuilders({
     type: "atom",
     mathmlBuilder(group, style) {
-      const node = new mathMLTree.MathNode("mo", [makeText(group.text, group.mode)]);
+      const node = new MathNode("mo", [makeText(group.text, group.mode)]);
       if (group.family === "punct") {
         node.setAttribute("separator", "true");
       } else if (group.family === "open" || group.family === "close") {
@@ -9162,10 +9214,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(0.222), node, padding(0.222)])
+          return new MathNode("mrow", [padding(0.222), node, padding(0.222)])
         } else {
           // REL spacing
-          return new mathMLTree.MathNode("mrow", [padding(0.2778), node, padding(0.2778)])
+          return new MathNode("mrow", [padding(0.2778), node, padding(0.2778)])
         }
       }
       return node;
@@ -9506,8 +9558,8 @@ var temml = (function () {
     "\\backprime", "\\backdprime", "\\backtrprime"]);
 
   const italicNumber = (text, variant, tag) => {
-    const mn = new mathMLTree.MathNode(tag, [text]);
-    const wrapper = new mathMLTree.MathNode("mstyle", [mn]);
+    const mn = new MathNode(tag, [text]);
+    const wrapper = new MathNode("mstyle", [mn]);
     wrapper.style["font-style"] = "italic";
     wrapper.style["font-family"] = "Cambria, 'Times New Roman', serif";
     if (variant === "bold-italic") { wrapper.style["font-weight"] = "bold"; }
@@ -9524,17 +9576,17 @@ var temml = (function () {
       const variant = getVariant(group, style) || defaultVariant;
       if (variant === "script") {
         text.text = variantChar(text.text, variant);
-        return new mathMLTree.MathNode("mi", [text], [style.font])
+        return new MathNode("mi", [text], [style.font])
       } else if (variant !== "italic") {
         text.text = variantChar(text.text, variant);
       }
-      let node = new mathMLTree.MathNode("mi", [text]);
+      let node = new MathNode("mi", [text]);
       // TODO: Handle U+1D49C - U+1D4CF per https://www.unicode.org/charts/PDF/U1D400.pdf
       if (variant === "normal") {
         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 mathMLTree.MathNode("mpadded", [node]);
+          node = new MathNode("mpadded", [node]);
           node.setAttribute("lspace", "0");
         }
       }
@@ -9565,15 +9617,15 @@ var temml = (function () {
           if (variant !== "normal") {
             text.text = text.text.split("").map(c => variantChar(c, variant)).join("");
           }
-          node = new mathMLTree.MathNode(tag, [text]);
+          node = new MathNode(tag, [text]);
         }
       } else if (group.mode === "text") {
         if (variant !== "normal") {
           text.text = variantChar(text.text, variant);
         }
-        node = new mathMLTree.MathNode("mtext", [text]);
+        node = new MathNode("mtext", [text]);
       } else if (primes.has(group.text)) {
-        node = new mathMLTree.MathNode("mo", [text]);
+        node = new MathNode("mo", [text]);
         // TODO: If/when Chromium uses ssty variant for prime, remove the next line.
         node.classes.push("tml-prime");
       } else {
@@ -9581,7 +9633,7 @@ var temml = (function () {
         if (variant !== "italic") {
           text.text = variantChar(text.text, variant);
         }
-        node = new mathMLTree.MathNode("mi", [text]);
+        node = new MathNode("mi", [text]);
         if (text.text === origText && latinRegEx.test(origText)) {
           node.setAttribute("mathvariant", "italic");
         }
@@ -9624,11 +9676,11 @@ var temml = (function () {
         // Firefox does not render a space in a <mtext> </mtext>. So write a no-break space.
         // TODO: If Firefox fixes that bug, uncomment the next line and write ch into the node.
         //const ch = (regularSpace[group.text].className === "nobreak") ? "\u00a0" : " "
-        node = new mathMLTree.MathNode("mtext", [new mathMLTree.TextNode("\u00a0")]);
+        node = new MathNode("mtext", [new TextNode("\u00a0")]);
       } else if (Object.prototype.hasOwnProperty.call(cssSpace, group.text)) {
         // MathML 3.0 calls for nobreak to occur in an <mo>, not an <mtext>
         // Ref: https://www.w3.org/Math/draft-spec/mathml.html#chapter3_presm.lbattrs
-        node = new mathMLTree.MathNode("mo");
+        node = new MathNode("mo");
         if (group.text === "\\nobreak") {
           node.setAttribute("linebreak", "nobreak");
         }
@@ -9743,10 +9795,10 @@ var temml = (function () {
     },
     mathmlBuilder(group, style) {
       // Use a math table to create vertically centered content.
-      const mtd = new mathMLTree.MathNode("mtd", [buildGroup$1(group.body, style)]);
+      const mtd = new MathNode("mtd", [buildGroup$1(group.body, style)]);
       mtd.style.padding = "0";
-      const mtr = new mathMLTree.MathNode("mtr", [mtd]);
-      return new mathMLTree.MathNode("mtable", [mtr])
+      const mtr = new MathNode("mtr", [mtd]);
+      return new MathNode("mtable", [mtr])
     }
   });
 
@@ -9765,8 +9817,8 @@ var temml = (function () {
       throw new ParseError("\\verb ended by end of line instead of matching delimiter");
     },
     mathmlBuilder(group, style) {
-      const text = new mathMLTree.TextNode(makeVerb(group));
-      const node = new mathMLTree.MathNode("mtext", [text]);
+      const text = new TextNode(makeVerb(group));
+      const node = new MathNode("mtext", [text]);
       node.setAttribute("mathvariant", "monospace");
       return node;
     }
@@ -12098,7 +12150,7 @@ var temml = (function () {
    * https://mit-license.org/
    */
 
-  const version = "0.11.11";
+  const version = "0.12.02";
 
   function postProcess(block) {
     const labelMap = {};