katex 0.15.6 → 0.16.2

package/dist/katex.mjs

@@ -941,6 +941,43 @@ var path = {
   shortbaraboveleftharpoon: "M7,435c-4,4,-6.3,8.7,-7,14c0,5.3,0.7,9,2,11\nc1.3,2,5.3,5.3,12,10c90.7,54,156,130,196,228c3.3,10.7,6.3,16.3,9,17c2,0.7,5,1,9,\n1c0,0,5,0,5,0c10.7,0,16.7,-2,18,-6c2,-2.7,1,-9.7,-3,-21c-32,-87.3,-82.7,-157.7,\n-152,-211c0,0,-3,-3,-3,-3l399907,0l0,-40c-399126,0,-399993,0,-399993,0z\nM93 435 v40 H400000 v-40z M500 241 v40 H400000 v-40z M500 241 v40 H400000 v-40z",
   shortrightharpoonabovebar: "M53,241l0,40c398570,0,399437,0,399437,0\nc4.7,-4.7,7,-9.3,7,-14c0,-9.3,-3.7,-15.3,-11,-18c-92.7,-56.7,-159,-133.7,-199,\n-231c-3.3,-9.3,-6,-14.7,-8,-16c-2,-1.3,-7,-2,-15,-2c-10.7,0,-16.7,2,-18,6\nc-2,2.7,-1,9.7,3,21c15.3,42,36.7,81.8,64,119.5c27.3,37.7,58,69.2,92,94.5z\nM500 241 v40 H399408 v-40z M500 435 v40 H400000 v-40z"
 };
+var tallDelim = function tallDelim(label, midHeight) {
+  switch (label) {
+    case "lbrack":
+      return "M403 1759 V84 H666 V0 H319 V1759 v" + midHeight + " v1759 h347 v-84\nH403z M403 1759 V0 H319 V1759 v" + midHeight + " v1759 h84z";
+
+    case "rbrack":
+      return "M347 1759 V0 H0 V84 H263 V1759 v" + midHeight + " v1759 H0 v84 H347z\nM347 1759 V0 H263 V1759 v" + midHeight + " v1759 h84z";
+
+    case "vert":
+      return "M145 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M188 15 H145 v585 v" + midHeight + " v585 h43z";
+
+    case "doublevert":
+      return "M145 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M188 15 H145 v585 v" + midHeight + " v585 h43z\nM367 15 v585 v" + midHeight + " v585 c2.667,10,9.667,15,21,15\nc10,0,16.667,-5,20,-15 v-585 v" + -midHeight + " v-585 c-2.667,-10,-9.667,-15,-21,-15\nc-10,0,-16.667,5,-20,15z M410 15 H367 v585 v" + midHeight + " v585 h43z";
+
+    case "lfloor":
+      return "M319 602 V0 H403 V602 v" + midHeight + " v1715 h263 v84 H319z\nMM319 602 V0 H403 V602 v" + midHeight + " v1715 H319z";
+
+    case "rfloor":
+      return "M319 602 V0 H403 V602 v" + midHeight + " v1799 H0 v-84 H319z\nMM319 602 V0 H403 V602 v" + midHeight + " v1715 H319z";
+
+    case "lceil":
+      return "M403 1759 V84 H666 V0 H319 V1759 v" + midHeight + " v602 h84z\nM403 1759 V0 H319 V1759 v" + midHeight + " v602 h84z";
+
+    case "rceil":
+      return "M347 1759 V0 H0 V84 H263 V1759 v" + midHeight + " v602 h84z\nM347 1759 V0 h-84 V1759 v" + midHeight + " v602 h84z";
+
+    case "lparen":
+      return "M863,9c0,-2,-2,-5,-6,-9c0,0,-17,0,-17,0c-12.7,0,-19.3,0.3,-20,1\nc-5.3,5.3,-10.3,11,-15,17c-242.7,294.7,-395.3,682,-458,1162c-21.3,163.3,-33.3,349,\n-36,557 l0," + (midHeight + 84) + "c0.2,6,0,26,0,60c2,159.3,10,310.7,24,454c53.3,528,210,\n949.7,470,1265c4.7,6,9.7,11.7,15,17c0.7,0.7,7,1,19,1c0,0,18,0,18,0c4,-4,6,-7,6,-9\nc0,-2.7,-3.3,-8.7,-10,-18c-135.3,-192.7,-235.5,-414.3,-300.5,-665c-65,-250.7,-102.5,\n-544.7,-112.5,-882c-2,-104,-3,-167,-3,-189\nl0,-" + (midHeight + 92) + "c0,-162.7,5.7,-314,17,-454c20.7,-272,63.7,-513,129,-723c65.3,\n-210,155.3,-396.3,270,-559c6.7,-9.3,10,-15.3,10,-18z";
+
+    case "rparen":
+      return "M76,0c-16.7,0,-25,3,-25,9c0,2,2,6.3,6,13c21.3,28.7,42.3,60.3,\n63,95c96.7,156.7,172.8,332.5,228.5,527.5c55.7,195,92.8,416.5,111.5,664.5\nc11.3,139.3,17,290.7,17,454c0,28,1.7,43,3.3,45l0," + (midHeight + 9) + "\nc-3,4,-3.3,16.7,-3.3,38c0,162,-5.7,313.7,-17,455c-18.7,248,-55.8,469.3,-111.5,664\nc-55.7,194.7,-131.8,370.3,-228.5,527c-20.7,34.7,-41.7,66.3,-63,95c-2,3.3,-4,7,-6,11\nc0,7.3,5.7,11,17,11c0,0,11,0,11,0c9.3,0,14.3,-0.3,15,-1c5.3,-5.3,10.3,-11,15,-17\nc242.7,-294.7,395.3,-681.7,458,-1161c21.3,-164.7,33.3,-350.7,36,-558\nl0,-" + (midHeight + 144) + "c-2,-159.3,-10,-310.7,-24,-454c-53.3,-528,-210,-949.7,\n-470,-1265c-4.7,-6,-9.7,-11.7,-15,-17c-0.7,-0.7,-6.7,-1,-18,-1z";
+
+    default:
+      // We should not ever get here.
+      throw new Error("Unknown stretchy delimiter.");
+  }
+};
 
 /**
  * This node represents a document fragment, which contains elements, but when
@@ -5428,7 +5465,7 @@ var makeOrd = function makeOrd(group, options, type) {
 
     if (lookupSymbol(text, fontName, mode).metrics) {
       return makeSymbol(text, fontName, mode, options, classes.concat(fontClasses));
-    } else if (ligatures.hasOwnProperty(text) && fontName.substr(0, 10) === "Typewriter") {
+    } else if (ligatures.hasOwnProperty(text) && fontName.slice(0, 10) === "Typewriter") {
       // Deconstruct ligatures in monospace fonts (\texttt, \tt).
       var parts = [];
 
@@ -6762,7 +6799,7 @@ var mathMLTree = {
  * optional replacement from symbols.js.
  */
 var makeText = function makeText(text, mode, options) {
-  if (symbols[mode][text] && symbols[mode][text].replace && text.charCodeAt(0) !== 0xD835 && !(ligatures.hasOwnProperty(text) && options && (options.fontFamily && options.fontFamily.substr(4, 2) === "tt" || options.font && options.font.substr(4, 2) === "tt"))) {
+  if (symbols[mode][text] && symbols[mode][text].replace && text.charCodeAt(0) !== 0xD835 && !(ligatures.hasOwnProperty(text) && options && (options.fontFamily && options.fontFamily.slice(4, 6) === "tt" || options.font && options.font.slice(4, 6) === "tt"))) {
     text = symbols[mode][text].replace;
   }
 
@@ -7196,7 +7233,7 @@ var svgSpan = function svgSpan(group, options) {
   function buildSvgSpan_() {
     var viewBoxWidth = 400000; // default
 
-    var label = group.label.substr(1);
+    var label = group.label.slice(1);
 
     if (utils.contains(["widehat", "widecheck", "widetilde", "utilde"], label)) {
       // Each type in the `if` statement corresponds to one of the ParseNode
@@ -7845,6 +7882,217 @@ defineFunction({
 
 });
 
+var makeSpan = buildCommon.makeSpan;
+
+function htmlBuilder$9(group, options) {
+  var elements = buildExpression$1(group.body, options, true);
+  return makeSpan([group.mclass], elements, options);
+}
+
+function mathmlBuilder$8(group, options) {
+  var node;
+  var inner = buildExpression(group.body, options);
+
+  if (group.mclass === "minner") {
+    node = new mathMLTree.MathNode("mpadded", inner);
+  } else if (group.mclass === "mord") {
+    if (group.isCharacterBox) {
+      node = inner[0];
+      node.type = "mi";
+    } else {
+      node = new mathMLTree.MathNode("mi", inner);
+    }
+  } else {
+    if (group.isCharacterBox) {
+      node = inner[0];
+      node.type = "mo";
+    } else {
+      node = new mathMLTree.MathNode("mo", inner);
+    } // Set spacing based on what is the most likely adjacent atom type.
+    // See TeXbook p170.
+
+
+    if (group.mclass === "mbin") {
+      node.attributes.lspace = "0.22em"; // medium space
+
+      node.attributes.rspace = "0.22em";
+    } else if (group.mclass === "mpunct") {
+      node.attributes.lspace = "0em";
+      node.attributes.rspace = "0.17em"; // thinspace
+    } else if (group.mclass === "mopen" || group.mclass === "mclose") {
+      node.attributes.lspace = "0em";
+      node.attributes.rspace = "0em";
+    } else if (group.mclass === "minner") {
+      node.attributes.lspace = "0.0556em"; // 1 mu is the most likely option
+
+      node.attributes.width = "+0.1111em";
+    } // MathML <mo> default space is 5/18 em, so <mrel> needs no action.
+    // Ref: https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mo
+
+  }
+
+  return node;
+} // Math class commands except \mathop
+
+
+defineFunction({
+  type: "mclass",
+  names: ["\\mathord", "\\mathbin", "\\mathrel", "\\mathopen", "\\mathclose", "\\mathpunct", "\\mathinner"],
+  props: {
+    numArgs: 1,
+    primitive: true
+  },
+
+  handler(_ref, args) {
+    var {
+      parser,
+      funcName
+    } = _ref;
+    var body = args[0];
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: "m" + funcName.slice(5),
+      // TODO(kevinb): don't prefix with 'm'
+      body: ordargument(body),
+      isCharacterBox: utils.isCharacterBox(body)
+    };
+  },
+
+  htmlBuilder: htmlBuilder$9,
+  mathmlBuilder: mathmlBuilder$8
+});
+var binrelClass = arg => {
+  // \binrel@ spacing varies with (bin|rel|ord) of the atom in the argument.
+  // (by rendering separately and with {}s before and after, and measuring
+  // the change in spacing).  We'll do roughly the same by detecting the
+  // atom type directly.
+  var atom = arg.type === "ordgroup" && arg.body.length ? arg.body[0] : arg;
+
+  if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
+    return "m" + atom.family;
+  } else {
+    return "mord";
+  }
+}; // \@binrel{x}{y} renders like y but as mbin/mrel/mord if x is mbin/mrel/mord.
+// This is equivalent to \binrel@{x}\binrel@@{y} in AMSTeX.
+
+defineFunction({
+  type: "mclass",
+  names: ["\\@binrel"],
+  props: {
+    numArgs: 2
+  },
+
+  handler(_ref2, args) {
+    var {
+      parser
+    } = _ref2;
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass: binrelClass(args[0]),
+      body: ordargument(args[1]),
+      isCharacterBox: utils.isCharacterBox(args[1])
+    };
+  }
+
+}); // Build a relation or stacked op by placing one symbol on top of another
+
+defineFunction({
+  type: "mclass",
+  names: ["\\stackrel", "\\overset", "\\underset"],
+  props: {
+    numArgs: 2
+  },
+
+  handler(_ref3, args) {
+    var {
+      parser,
+      funcName
+    } = _ref3;
+    var baseArg = args[1];
+    var shiftedArg = args[0];
+    var mclass;
+
+    if (funcName !== "\\stackrel") {
+      // LaTeX applies \binrel spacing to \overset and \underset.
+      mclass = binrelClass(baseArg);
+    } else {
+      mclass = "mrel"; // for \stackrel
+    }
+
+    var baseOp = {
+      type: "op",
+      mode: baseArg.mode,
+      limits: true,
+      alwaysHandleSupSub: true,
+      parentIsSupSub: false,
+      symbol: false,
+      suppressBaseShift: funcName !== "\\stackrel",
+      body: ordargument(baseArg)
+    };
+    var supsub = {
+      type: "supsub",
+      mode: shiftedArg.mode,
+      base: baseOp,
+      sup: funcName === "\\underset" ? null : shiftedArg,
+      sub: funcName === "\\underset" ? shiftedArg : null
+    };
+    return {
+      type: "mclass",
+      mode: parser.mode,
+      mclass,
+      body: [supsub],
+      isCharacterBox: utils.isCharacterBox(supsub)
+    };
+  },
+
+  htmlBuilder: htmlBuilder$9,
+  mathmlBuilder: mathmlBuilder$8
+});
+
+// \pmb is a simulation of bold font.
+// The version of \pmb in ambsy.sty works by typesetting three copies
+// with small offsets. We use CSS text-shadow.
+// It's a hack. Not as good as a real bold font. Better than nothing.
+defineFunction({
+  type: "pmb",
+  names: ["\\pmb"],
+  props: {
+    numArgs: 1,
+    allowedInText: true
+  },
+
+  handler(_ref, args) {
+    var {
+      parser
+    } = _ref;
+    return {
+      type: "pmb",
+      mode: parser.mode,
+      mclass: binrelClass(args[0]),
+      body: ordargument(args[0])
+    };
+  },
+
+  htmlBuilder(group, options) {
+    var elements = buildExpression$1(group.body, options, true);
+    var node = buildCommon.makeSpan([group.mclass], elements, options);
+    node.style.textShadow = "0.02em 0.01em 0.04px";
+    return node;
+  },
+
+  mathmlBuilder(group, style) {
+    var inner = buildExpression(group.body, style); // Wrap with an <mstyle> element.
+
+    var node = new mathMLTree.MathNode("mstyle", inner);
+    node.setAttribute("style", "text-shadow: 0.02em 0.01em 0.04px");
+    return node;
+  }
+
+});
+
 var cdArrowFunctionName = {
   ">": "\\\\cdrightarrow",
   "<": "\\\\cdleftarrow",
@@ -8218,7 +8466,7 @@ defineFunction({
 
 });
 
-var htmlBuilder$9 = (group, options) => {
+var htmlBuilder$8 = (group, options) => {
   var elements = buildExpression$1(group.body, options.withColor(group.color), false); // \color isn't supposed to affect the type of the elements it contains.
   // To accomplish this, we wrap the results in a fragment, so the inner
   // elements will be able to directly interact with their neighbors. For
@@ -8227,7 +8475,7 @@ var htmlBuilder$9 = (group, options) => {
   return buildCommon.makeFragment(elements);
 };
 
-var mathmlBuilder$8 = (group, options) => {
+var mathmlBuilder$7 = (group, options) => {
   var inner = buildExpression(group.body, options.withColor(group.color));
   var node = new mathMLTree.MathNode("mstyle", inner);
   node.setAttribute("mathcolor", group.color);
@@ -8257,8 +8505,8 @@ defineFunction({
     };
   },
 
-  htmlBuilder: htmlBuilder$9,
-  mathmlBuilder: mathmlBuilder$8
+  htmlBuilder: htmlBuilder$8,
+  mathmlBuilder: mathmlBuilder$7
 });
 defineFunction({
   type: "color",
@@ -8290,8 +8538,8 @@ defineFunction({
     };
   },
 
-  htmlBuilder: htmlBuilder$9,
-  mathmlBuilder: mathmlBuilder$8
+  htmlBuilder: htmlBuilder$8,
+  mathmlBuilder: mathmlBuilder$7
 });
 
 // Row breaks within tabular environments, and line breaks at top level
@@ -8762,6 +9010,8 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
   var middle;
   var repeat;
   var bottom;
+  var svgLabel = "";
+  var viewBoxWidth = 0;
   top = repeat = bottom = delim;
   middle = null; // Also keep track of what font the delimiters are in
 
@@ -8787,44 +9037,64 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
     bottom = "\\Downarrow";
   } else if (utils.contains(verts, delim)) {
     repeat = "\u2223";
+    svgLabel = "vert";
+    viewBoxWidth = 333;
   } else if (utils.contains(doubleVerts, delim)) {
     repeat = "\u2225";
+    svgLabel = "doublevert";
+    viewBoxWidth = 556;
   } else if (delim === "[" || delim === "\\lbrack") {
     top = "\u23a1";
     repeat = "\u23a2";
     bottom = "\u23a3";
     font = "Size4-Regular";
+    svgLabel = "lbrack";
+    viewBoxWidth = 667;
   } else if (delim === "]" || delim === "\\rbrack") {
     top = "\u23a4";
     repeat = "\u23a5";
     bottom = "\u23a6";
     font = "Size4-Regular";
+    svgLabel = "rbrack";
+    viewBoxWidth = 667;
   } else if (delim === "\\lfloor" || delim === "\u230a") {
     repeat = top = "\u23a2";
     bottom = "\u23a3";
     font = "Size4-Regular";
+    svgLabel = "lfloor";
+    viewBoxWidth = 667;
   } else if (delim === "\\lceil" || delim === "\u2308") {
     top = "\u23a1";
     repeat = bottom = "\u23a2";
     font = "Size4-Regular";
+    svgLabel = "lceil";
+    viewBoxWidth = 667;
   } else if (delim === "\\rfloor" || delim === "\u230b") {
     repeat = top = "\u23a5";
     bottom = "\u23a6";
     font = "Size4-Regular";
+    svgLabel = "rfloor";
+    viewBoxWidth = 667;
   } else if (delim === "\\rceil" || delim === "\u2309") {
     top = "\u23a4";
     repeat = bottom = "\u23a5";
     font = "Size4-Regular";
+    svgLabel = "rceil";
+    viewBoxWidth = 667;
   } else if (delim === "(" || delim === "\\lparen") {
     top = "\u239b";
     repeat = "\u239c";
     bottom = "\u239d";
     font = "Size4-Regular";
+    svgLabel = "lparen";
+    viewBoxWidth = 875;
   } else if (delim === ")" || delim === "\\rparen") {
     top = "\u239e";
     repeat = "\u239f";
     bottom = "\u23a0";
     font = "Size4-Regular";
+    svgLabel = "rparen";
+    viewBoxWidth = 875;
   } else if (delim === "\\{" || delim === "\\lbrace") {
     top = "\u23a7";
     middle = "\u23a8";
@@ -8896,32 +9166,59 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
   var depth = realHeightTotal / 2 - axisHeight; // Now, we start building the pieces that will go into the vlist
   // Keep a list of the pieces of the stacked delimiter
 
-  var stack = []; // Add the bottom symbol
+  var stack = [];
+
+  if (svgLabel.length > 0) {
+    // Instead of stacking glyphs, create a single SVG.
+    // This evades browser problems with imprecise positioning of spans.
+    var midHeight = realHeightTotal - topHeightTotal - bottomHeightTotal;
+    var viewBoxHeight = Math.round(realHeightTotal * 1000);
+    var pathStr = tallDelim(svgLabel, Math.round(midHeight * 1000));
+    var path = new PathNode(svgLabel, pathStr);
+    var width = (viewBoxWidth / 1000).toFixed(3) + "em";
+    var height = (viewBoxHeight / 1000).toFixed(3) + "em";
+    var svg = new SvgNode([path], {
+      "width": width,
+      "height": height,
+      "viewBox": "0 0 " + viewBoxWidth + " " + viewBoxHeight
+    });
+    var wrapper = buildCommon.makeSvgSpan([], [svg], options);
+    wrapper.height = viewBoxHeight / 1000;
+    wrapper.style.width = width;
+    wrapper.style.height = height;
+    stack.push({
+      type: "elem",
+      elem: wrapper
+    });
+  } else {
+    // Stack glyphs
+    // Start by adding the bottom symbol
+    stack.push(makeGlyphSpan(bottom, font, mode));
+    stack.push(lap); // overlap
+
+    if (middle === null) {
+      // The middle section will be an SVG. Make it an extra 0.016em tall.
+      // We'll overlap by 0.008em at top and bottom.
+      var innerHeight = realHeightTotal - topHeightTotal - bottomHeightTotal + 2 * lapInEms;
+      stack.push(makeInner(repeat, innerHeight, options));
+    } else {
+      // When there is a middle bit, we need the middle part and two repeated
+      // sections
+      var _innerHeight = (realHeightTotal - topHeightTotal - bottomHeightTotal - middleHeightTotal) / 2 + 2 * lapInEms;
 
-  stack.push(makeGlyphSpan(bottom, font, mode));
-  stack.push(lap); // overlap
+      stack.push(makeInner(repeat, _innerHeight, options)); // Now insert the middle of the brace.
 
-  if (middle === null) {
-    // The middle section will be an SVG. Make it an extra 0.016em tall.
-    // We'll overlap by 0.008em at top and bottom.
-    var innerHeight = realHeightTotal - topHeightTotal - bottomHeightTotal + 2 * lapInEms;
-    stack.push(makeInner(repeat, innerHeight, options));
-  } else {
-    // When there is a middle bit, we need the middle part and two repeated
-    // sections
-    var _innerHeight = (realHeightTotal - topHeightTotal - bottomHeightTotal - middleHeightTotal) / 2 + 2 * lapInEms;
+      stack.push(lap);
+      stack.push(makeGlyphSpan(middle, font, mode));
+      stack.push(lap);
+      stack.push(makeInner(repeat, _innerHeight, options));
+    } // Add the top symbol
 
-    stack.push(makeInner(repeat, _innerHeight, options)); // Now insert the middle of the brace.
 
     stack.push(lap);
-    stack.push(makeGlyphSpan(middle, font, mode));
-    stack.push(lap);
-    stack.push(makeInner(repeat, _innerHeight, options));
-  } // Add the top symbol
-
+    stack.push(makeGlyphSpan(top, font, mode));
+  } // Finally, build the vlist
 
-  stack.push(lap);
-  stack.push(makeGlyphSpan(top, font, mode)); // Finally, build the vlist
 
   var newOptions = options.havingBaseStyle(Style$1.TEXT);
   var inner = buildCommon.makeVList({
@@ -9603,12 +9900,12 @@ defineFunction({
   }
 });
 
-var htmlBuilder$8 = (group, options) => {
+var htmlBuilder$7 = (group, options) => {
   // \cancel, \bcancel, \xcancel, \sout, \fbox, \colorbox, \fcolorbox, \phase
   // Some groups can return document fragments.  Handle those by wrapping
   // them in a span.
   var inner = buildCommon.wrapFragment(buildGroup$1(group.body, options), options);
-  var label = group.label.substr(1);
+  var label = group.label.slice(1);
   var scale = options.sizeMultiplier;
   var img;
   var imgShift = 0; // In the LaTeX cancel package, line geometry is slightly different
@@ -9755,7 +10052,7 @@ var htmlBuilder$8 = (group, options) => {
   }
 };
 
-var mathmlBuilder$7 = (group, options) => {
+var mathmlBuilder$6 = (group, options) => {
   var fboxsep = 0;
   var node = new mathMLTree.MathNode(group.label.indexOf("colorbox") > -1 ? "mpadded" : "menclose", [buildGroup(group.body, options)]);
 
@@ -9841,8 +10138,8 @@ defineFunction({
     };
   },
 
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -9871,8 +10168,8 @@ defineFunction({
     };
   },
 
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -9917,8 +10214,8 @@ defineFunction({
     };
   },
 
-  htmlBuilder: htmlBuilder$8,
-  mathmlBuilder: mathmlBuilder$7
+  htmlBuilder: htmlBuilder$7,
+  mathmlBuilder: mathmlBuilder$6
 });
 defineFunction({
   type: "enclose",
@@ -10205,14 +10502,14 @@ function parseArray(parser, _ref, style) {
 
 
 function dCellStyle(envName) {
-  if (envName.substr(0, 1) === "d") {
+  if (envName.slice(0, 1) === "d") {
     return "display";
   } else {
     return "text";
   }
 }
 
-var htmlBuilder$7 = function htmlBuilder(group, options) {
+var htmlBuilder$6 = function htmlBuilder(group, options) {
   var r;
   var c;
   var nr = group.body.length;
@@ -10515,7 +10812,7 @@ var alignMap = {
   r: "right "
 };
 
-var mathmlBuilder$6 = function mathmlBuilder(group, options) {
+var mathmlBuilder$5 = function mathmlBuilder(group, options) {
   var tbl = [];
   var glue = new mathMLTree.MathNode("mtd", [], ["mtr-glue"]);
   var tag = new mathMLTree.MathNode("mtd", [], ["mml-eqn-num"]);
@@ -10799,8 +11096,8 @@ defineEnvironment({
     return parseArray(context.parser, res, dCellStyle(context.envName));
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 }); // The matrix environments of amsmath builds on the array environment
 // of LaTeX, which is discussed above.
 // The mathtools package adds starred versions of the same environments.
@@ -10876,8 +11173,8 @@ defineEnvironment({
     } : res;
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -10895,8 +11192,8 @@ defineEnvironment({
     return res;
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -10941,8 +11238,8 @@ defineEnvironment({
     return res;
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 }); // A cases environment (in amsmath.sty) is almost equivalent to
 // \def\arraystretch{1.2}%
 // \left\{\begin{array}{@{}l@{\quad}l@{}} … \end{array}\right.
@@ -10989,8 +11286,8 @@ defineEnvironment({
     };
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 }); // In the align environment, one uses ampersands, &, to specify number of
 // columns in each row, and to locate spacing between each column.
 // align gets automatic numbering. align* and aligned do not.
@@ -11005,8 +11302,8 @@ defineEnvironment({
     numArgs: 0
   },
   handler: alignedHandler,
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 }); // A gathered environment is like an array environment with one centered
 // column, but where rows are considered lines so get \jot line spacing
 // and contents are set in \displaystyle.
@@ -11037,8 +11334,8 @@ defineEnvironment({
     return parseArray(context.parser, res, "display");
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 }); // alignat environment is like an align environment, but one must explicitly
 // specify maximum number of columns in each row, and can adjust spacing between
 // each columns.
@@ -11050,8 +11347,8 @@ defineEnvironment({
     numArgs: 1
   },
   handler: alignedHandler,
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -11072,8 +11369,8 @@ defineEnvironment({
     return parseArray(context.parser, res, "display");
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineEnvironment({
   type: "array",
@@ -11087,8 +11384,8 @@ defineEnvironment({
     return parseCD(context.parser);
   },
 
-  htmlBuilder: htmlBuilder$7,
-  mathmlBuilder: mathmlBuilder$6
+  htmlBuilder: htmlBuilder$6,
+  mathmlBuilder: mathmlBuilder$5
 });
 defineMacro("\\nonumber", "\\gdef\\@eqnsw{0}");
 defineMacro("\\notag", "\\nonumber"); // Catch \hline outside array environment
@@ -11179,176 +11476,6 @@ defineFunction({
 
 });
 
-var makeSpan = buildCommon.makeSpan;
-
-function htmlBuilder$6(group, options) {
-  var elements = buildExpression$1(group.body, options, true);
-  return makeSpan([group.mclass], elements, options);
-}
-
-function mathmlBuilder$5(group, options) {
-  var node;
-  var inner = buildExpression(group.body, options);
-
-  if (group.mclass === "minner") {
-    node = new mathMLTree.MathNode("mpadded", inner);
-  } else if (group.mclass === "mord") {
-    if (group.isCharacterBox) {
-      node = inner[0];
-      node.type = "mi";
-    } else {
-      node = new mathMLTree.MathNode("mi", inner);
-    }
-  } else {
-    if (group.isCharacterBox) {
-      node = inner[0];
-      node.type = "mo";
-    } else {
-      node = new mathMLTree.MathNode("mo", inner);
-    } // Set spacing based on what is the most likely adjacent atom type.
-    // See TeXbook p170.
-
-
-    if (group.mclass === "mbin") {
-      node.attributes.lspace = "0.22em"; // medium space
-
-      node.attributes.rspace = "0.22em";
-    } else if (group.mclass === "mpunct") {
-      node.attributes.lspace = "0em";
-      node.attributes.rspace = "0.17em"; // thinspace
-    } else if (group.mclass === "mopen" || group.mclass === "mclose") {
-      node.attributes.lspace = "0em";
-      node.attributes.rspace = "0em";
-    } else if (group.mclass === "minner") {
-      node.attributes.lspace = "0.0556em"; // 1 mu is the most likely option
-
-      node.attributes.width = "+0.1111em";
-    } // MathML <mo> default space is 5/18 em, so <mrel> needs no action.
-    // Ref: https://developer.mozilla.org/en-US/docs/Web/MathML/Element/mo
-
-  }
-
-  return node;
-} // Math class commands except \mathop
-
-
-defineFunction({
-  type: "mclass",
-  names: ["\\mathord", "\\mathbin", "\\mathrel", "\\mathopen", "\\mathclose", "\\mathpunct", "\\mathinner"],
-  props: {
-    numArgs: 1,
-    primitive: true
-  },
-
-  handler(_ref, args) {
-    var {
-      parser,
-      funcName
-    } = _ref;
-    var body = args[0];
-    return {
-      type: "mclass",
-      mode: parser.mode,
-      mclass: "m" + funcName.substr(5),
-      // TODO(kevinb): don't prefix with 'm'
-      body: ordargument(body),
-      isCharacterBox: utils.isCharacterBox(body)
-    };
-  },
-
-  htmlBuilder: htmlBuilder$6,
-  mathmlBuilder: mathmlBuilder$5
-});
-var binrelClass = arg => {
-  // \binrel@ spacing varies with (bin|rel|ord) of the atom in the argument.
-  // (by rendering separately and with {}s before and after, and measuring
-  // the change in spacing).  We'll do roughly the same by detecting the
-  // atom type directly.
-  var atom = arg.type === "ordgroup" && arg.body.length ? arg.body[0] : arg;
-
-  if (atom.type === "atom" && (atom.family === "bin" || atom.family === "rel")) {
-    return "m" + atom.family;
-  } else {
-    return "mord";
-  }
-}; // \@binrel{x}{y} renders like y but as mbin/mrel/mord if x is mbin/mrel/mord.
-// This is equivalent to \binrel@{x}\binrel@@{y} in AMSTeX.
-
-defineFunction({
-  type: "mclass",
-  names: ["\\@binrel"],
-  props: {
-    numArgs: 2
-  },
-
-  handler(_ref2, args) {
-    var {
-      parser
-    } = _ref2;
-    return {
-      type: "mclass",
-      mode: parser.mode,
-      mclass: binrelClass(args[0]),
-      body: ordargument(args[1]),
-      isCharacterBox: utils.isCharacterBox(args[1])
-    };
-  }
-
-}); // Build a relation or stacked op by placing one symbol on top of another
-
-defineFunction({
-  type: "mclass",
-  names: ["\\stackrel", "\\overset", "\\underset"],
-  props: {
-    numArgs: 2
-  },
-
-  handler(_ref3, args) {
-    var {
-      parser,
-      funcName
-    } = _ref3;
-    var baseArg = args[1];
-    var shiftedArg = args[0];
-    var mclass;
-
-    if (funcName !== "\\stackrel") {
-      // LaTeX applies \binrel spacing to \overset and \underset.
-      mclass = binrelClass(baseArg);
-    } else {
-      mclass = "mrel"; // for \stackrel
-    }
-
-    var baseOp = {
-      type: "op",
-      mode: baseArg.mode,
-      limits: true,
-      alwaysHandleSupSub: true,
-      parentIsSupSub: false,
-      symbol: false,
-      suppressBaseShift: funcName !== "\\stackrel",
-      body: ordargument(baseArg)
-    };
-    var supsub = {
-      type: "supsub",
-      mode: shiftedArg.mode,
-      base: baseOp,
-      sup: funcName === "\\underset" ? null : shiftedArg,
-      sub: funcName === "\\underset" ? shiftedArg : null
-    };
-    return {
-      type: "mclass",
-      mode: parser.mode,
-      mclass,
-      body: [supsub],
-      isCharacterBox: utils.isCharacterBox(supsub)
-    };
-  },
-
-  htmlBuilder: htmlBuilder$6,
-  mathmlBuilder: mathmlBuilder$5
-});
-
 // TODO(kevinb): implement \\sl and \\sc
 
 var htmlBuilder$5 = (group, options) => {
@@ -12946,7 +13073,7 @@ var htmlBuilder$2 = (grp, options) => {
     if (group.name === "\\oiint" || group.name === "\\oiiint") {
       // No font glyphs yet, so use a glyph w/o the oval.
       // TODO: When font glyphs are available, delete this code.
-      stash = group.name.substr(1);
+      stash = group.name.slice(1);
       group.name = stash === "oiint" ? "\\iint" : "\\iiint";
     }
 
@@ -15407,7 +15534,7 @@ defineMacro("\\dots", function (context) {
 
   if (next in dotsByToken) {
     thedots = dotsByToken[next];
-  } else if (next.substr(0, 4) === '\\not') {
+  } else if (next.slice(0, 4) === '\\not') {
     thedots = '\\dotsb';
   } else if (next in symbols.math) {
     if (utils.contains(['bin', 'rel'], symbols.math[next].group)) {
@@ -15544,12 +15671,7 @@ defineMacro("\\tag@literal", context => {
 defineMacro("\\bmod", "\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}" + "\\mathbin{\\rm mod}" + "\\mathchoice{\\mskip1mu}{\\mskip1mu}{\\mskip5mu}{\\mskip5mu}");
 defineMacro("\\pod", "\\allowbreak" + "\\mathchoice{\\mkern18mu}{\\mkern8mu}{\\mkern8mu}{\\mkern8mu}(#1)");
 defineMacro("\\pmod", "\\pod{{\\rm mod}\\mkern6mu#1}");
-defineMacro("\\mod", "\\allowbreak" + "\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}" + "{\\rm mod}\\,\\,#1"); // \pmb    --   A simulation of bold.
-// The version in ambsy.sty works by typesetting three copies of the argument
-// with small offsets. We use two copies. We omit the vertical offset because
-// of rendering problems that makeVList encounters in Safari.
-
-defineMacro("\\pmb", "\\html@mathml{" + "\\@binrel{#1}{\\mathrlap{#1}\\kern0.5px#1}}" + "{\\mathbf{#1}}"); //////////////////////////////////////////////////////////////////////
+defineMacro("\\mod", "\\allowbreak" + "\\mathchoice{\\mkern18mu}{\\mkern12mu}{\\mkern12mu}{\\mkern12mu}" + "{\\rm mod}\\,\\,#1"); //////////////////////////////////////////////////////////////////////
 // LaTeX source2e
 // \expandafter\let\expandafter\@normalcr
 //     \csname\expandafter\@gobble\string\\ \endcsname
@@ -17922,7 +18044,7 @@ class Parser {
         this.settings.reportNonstrict("unicodeTextInMathMode", "Accented Unicode text character \"" + text[0] + "\" used in " + "math mode", nucleus);
       }
 
-      text = unicodeSymbols[text[0]] + text.substr(1);
+      text = unicodeSymbols[text[0]] + text.slice(1);
     } // Strip off any combining characters
 
 
@@ -18168,7 +18290,7 @@ var katex = {
   /**
    * Current KaTeX version
    */
-  version: "0.15.6",
+  version: "0.16.2",
 
   /**
    * Renders the given LaTeX into an HTML+MathML combination, and adds