katex 0.16.41 → 0.16.43

package/dist/katex.mjs

@@ -669,6 +669,8 @@ var path = {
   // hook is from glyph U+21A9 in font KaTeX Main
   lefthook: "M400000 281 H103s-33-11.2-61-33.5S0 197.3 0 164s14.2-61.2 42.5\n-83.5C70.8 58.2 104 47 142 47 c16.7 0 25 6.7 25 20 0 12-8.7 18.7-26 20-40 3.3\n-68.7 15.7-86 37-10 12-15 25.3-15 40 0 22.7 9.8 40.7 29.5 54 19.7 13.3 43.5 21\n 71.5 23h399859zM103 281v-40h399897v40z",
   leftlinesegment: "M40 281 V428 H0 V94 H40 V241 H400000 v40z\nM40 281 V428 H0 V94 H40 V241 H400000 v40z",
+  leftbracketunder: "M0 0 h120 V290 H399995 v120 H0z\nM0 0 h120 V290 H399995 v120 H0z",
+  leftbracketover: "M0 440 h120 V150 H399995 v-120 H0z\nM0 440 h120 V150 H399995 v-120 H0z",
   leftmapsto: "M40 281 V448H0V74H40V241H400000v40z\nM40 281 V448H0V74H40V241H400000v40z",
   // tofrom is from glyph U+21C4 in font KaTeX AMS Regular
   leftToFrom: "M0 147h400000v40H0zm0 214c68 40 115.7 95.7 143 167h22c15.3 0 23\n-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69-70-101l-7-8h399905v-40H95l7-8\nc28.7-32 52-65.7 70-101 10.7-23.3 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 265.3\n 68 321 0 361zm0-174v-40h399900v40zm100 154v40h399900v-40z",
@@ -690,6 +692,8 @@ var path = {
   rightharpoondownplus: "M399747 705c0 7.3 6.7 11 20 11 8 0 13-.8\n 15-2.5s4.7-6.8 8-15.5c40-94 99.3-166.3 178-217 13.3-8 20.3-12.3 21-13 5.3-3.3\n 8.5-5.8 9.5-7.5 1-1.7 1.5-5.2 1.5-10.5s-2.3-10.3-7-15H0v40h399908c-34 25.3\n-64.7 57-92 95-27.3 38-48.7 77.7-64 119-3.3 8.7-5 14-5 16zM0 435v40h399900v-40z\nm0-194v40h400000v-40zm0 0v40h400000v-40z",
   righthook: "M399859 241c-764 0 0 0 0 0 40-3.3 68.7-15.7 86-37 10-12 15-25.3\n 15-40 0-22.7-9.8-40.7-29.5-54-19.7-13.3-43.5-21-71.5-23-17.3-1.3-26-8-26-20 0\n-13.3 8.7-20 26-20 38 0 71 11.2 99 33.5 0 0 7 5.6 21 16.7 14 11.2 21 33.5 21\n 66.8s-14 61.2-42 83.5c-28 22.3-61 33.5-99 33.5L0 241z M0 281v-40h399859v40z",
   rightlinesegment: "M399960 241 V94 h40 V428 h-40 V281 H0 v-40z\nM399960 241 V94 h40 V428 h-40 V281 H0 v-40z",
+  rightbracketunder: "M399995 0 h-120 V290 H0 v120 H400000z\nM399995 0 h-120 V290 H0 v120 H400000z",
+  rightbracketover: "M399995 440 h-120 V150 H0 v-120 H399995z\nM399995 440 h-120 V150 H0 v-120 H399995z",
   rightToFrom: "M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23\n 1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32\n-52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142\n-167z M100 147v40h399900v-40zM0 341v40h399900v-40z",
   // twoheadleftarrow is from glyph U+219E in font KaTeX AMS Regular
   twoheadleftarrow: "M0 167c68 40\n 115.7 95.7 143 167h22c15.3 0 23-.3 23-1 0-1.3-5.3-13.7-16-37-18-35.3-41.3-69\n-70-101l-7-8h125l9 7c50.7 39.3 85 86 103 140h46c0-4.7-6.3-18.7-19-42-18-35.3\n-40-67.3-66-96l-9-9h399716v-40H284l9-9c26-28.7 48-60.7 66-96 12.7-23.333 19\n-37.333 19-42h-46c-18 54-52.3 100.7-103 140l-9 7H95l7-8c28.7-32 52-65.7 70-101\n 10.7-23.333 16-35.7 16-37 0-.7-7.7-1-23-1h-22C115.7 71.3 68 127 0 167z",
@@ -1185,7 +1189,7 @@ class SymbolNode {
     }
     var styles = "";
     if (this.italic > 0) {
-      styles += "margin-right:" + this.italic + "em;";
+      styles += "margin-right:" + makeEm(this.italic) + ";";
     }
     for (var key of Object.keys(this.style)) {
       styles += hyphenate(key) + ":" + this.style[key] + ";";
@@ -6395,6 +6399,8 @@ var stretchyCodePoint = {
   xrightarrow: "\u2192",
   underbrace: "\u23df",
   overbrace: "\u23de",
+  underbracket: "\u23b5",
+  overbracket: "\u23b4",
   overgroup: "\u23e0",
   undergroup: "\u23e1",
   overleftrightarrow: "\u2194",
@@ -6505,6 +6511,8 @@ var katexImagesData = {
   xhookrightarrow: [["lefthook", "rightarrow"], 1.08, 522],
   overlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
   underlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
+  overbracket: [["leftbracketover", "rightbracketover"], 1.6, 440],
+  underbracket: [["leftbracketunder", "rightbracketunder"], 1.6, 410],
   overgroup: [["leftgroup", "rightgroup"], 0.888, 342],
   undergroup: [["leftgroupunder", "rightgroupunder"], 0.888, 342],
   xmapsto: [["leftmapsto", "rightarrow"], 1.5, 522],
@@ -8252,8 +8260,8 @@ var makeStackedDelim = function makeStackedDelim(delim, heightTotal, center, opt
     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 width = makeEm(viewBoxWidth / 1000);
+    var height = makeEm(viewBoxHeight / 1000);
     var svg = new SvgNode([path], {
       "width": width,
       "height": height,
@@ -9074,7 +9082,7 @@ var mathmlBuilder$6 = (group, options) => {
         var thk = Math.max(options.fontMetrics().fboxrule,
         // default
         options.minRuleThickness);
-        node.setAttribute("style", "border: " + thk + "em solid " + String(group.borderColor));
+        node.setAttribute("style", "border: " + makeEm(thk) + " solid " + group.borderColor);
       }
       break;
     case "\\xcancel":
@@ -10969,7 +10977,7 @@ var htmlBuilder$3 = (grp, options) => {
     //      note          long note           long note
     //   ┏━━━━━━━━┓   or    ┏━━━┓     not    ┏━━━━━━━━━┓
     //    equation           eqn                 eqn
-    var vSpan = makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+    var vSpan = makeSpan(["minner", group.isOver ? "mover" : "munder"], [vlist], options);
     if (group.isOver) {
       vlist = makeVList({
         positionType: "firstBaseline",
@@ -11001,7 +11009,7 @@ var htmlBuilder$3 = (grp, options) => {
       });
     }
   }
-  return makeSpan(["mord", group.isOver ? "mover" : "munder"], [vlist], options);
+  return makeSpan(["minner", group.isOver ? "mover" : "munder"], [vlist], options);
 };
 var mathmlBuilder$2 = (group, options) => {
   var accentNode = stretchyMathML(group.label);
@@ -11010,7 +11018,7 @@ var mathmlBuilder$2 = (group, options) => {
 // Horizontal stretchy braces
 defineFunction({
   type: "horizBrace",
-  names: ["\\overbrace", "\\underbrace"],
+  names: ["\\overbrace", "\\underbrace", "\\overbracket", "\\underbracket"],
   props: {
     numArgs: 1
   },
@@ -11023,7 +11031,7 @@ defineFunction({
       type: "horizBrace",
       mode: parser.mode,
       label: funcName,
-      isOver: /^\\over/.test(funcName),
+      isOver: funcName.includes("\\over"),
       base: args[0]
     };
   },
@@ -16395,7 +16403,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
     return renderError(error, expression, settings);
   }
 };
-var version = "0.16.41";
+var version = "0.16.43";
 var __domTree = {
   Span,
   Anchor,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "katex",
-  "version": "0.16.41",
+  "version": "0.16.43",
   "description": "Fast math typesetting for the web.",
   "main": "dist/katex.js",
   "types": "types/katex.d.ts",

package/src/delimiter.ts

@@ -398,8 +398,8 @@ const makeStackedDelim = function(
         const viewBoxHeight = Math.round(realHeightTotal  * 1000);
         const pathStr = tallDelim(svgLabel, Math.round(midHeight * 1000));
         const path = new PathNode(svgLabel, pathStr);
-        const width = (viewBoxWidth / 1000).toFixed(3) + "em";
-        const height = (viewBoxHeight / 1000).toFixed(3) + "em";
+        const width = makeEm(viewBoxWidth / 1000);
+        const height = makeEm(viewBoxHeight / 1000);
         const svg = new SvgNode([path], {
             "width": width,
             "height": height,

package/src/domTree.ts

@@ -463,7 +463,7 @@ export class SymbolNode implements HtmlDomNode {
         let styles = "";
 
         if (this.italic > 0) {
-            styles += "margin-right:" + this.italic + "em;";
+            styles += `margin-right:${makeEm(this.italic)};`;
         }
         for (const key of Object.keys(this.style) as Array<keyof CssStyle>) {
             styles += hyphenate(key) + ":" + this.style[key] + ";";

package/src/functions/enclose.ts

@@ -204,8 +204,7 @@ const mathmlBuilder: MathMLBuilder<"enclose"> = (group, options) => {
                     options.fontMetrics().fboxrule, // default
                     options.minRuleThickness, // user override
                 );
-                node.setAttribute("style", "border: " + thk + "em solid " +
-                    String(group.borderColor));
+                node.setAttribute("style", `border: ${makeEm(thk)} solid ${group.borderColor}`);
             }
             break;
         case "\\xcancel":

package/src/functions/horizBrace.ts

@@ -77,7 +77,7 @@ export const htmlBuilder: HtmlBuilderSupSub<"horizBrace"> = (grp, options) => {
         //    equation           eqn                 eqn
 
         const vSpan = makeSpan(
-            ["mord", (group.isOver ? "mover" : "munder")],
+            ["minner", (group.isOver ? "mover" : "munder")],
             [vlist], options);
 
         if (group.isOver) {
@@ -104,7 +104,7 @@ export const htmlBuilder: HtmlBuilderSupSub<"horizBrace"> = (grp, options) => {
     }
 
     return makeSpan(
-        ["mord", (group.isOver ? "mover" : "munder")], [vlist], options);
+        ["minner", (group.isOver ? "mover" : "munder")], [vlist], options);
 };
 
 const mathmlBuilder: MathMLBuilder<"horizBrace"> = (group, options) => {
@@ -118,7 +118,7 @@ const mathmlBuilder: MathMLBuilder<"horizBrace"> = (group, options) => {
 // Horizontal stretchy braces
 defineFunction({
     type: "horizBrace",
-    names: ["\\overbrace", "\\underbrace"],
+    names: ["\\overbrace", "\\underbrace", "\\overbracket", "\\underbracket"],
     props: {
         numArgs: 1,
     },
@@ -127,7 +127,7 @@ defineFunction({
             type: "horizBrace",
             mode: parser.mode,
             label: funcName,
-            isOver: /^\\over/.test(funcName),
+            isOver: funcName.includes("\\over"),
             base: args[0],
         };
     },

package/src/stretchy.ts

@@ -26,6 +26,8 @@ const stretchyCodePoint: Record<string, string> = {
     xrightarrow: "\u2192",
     underbrace: "\u23df",
     overbrace: "\u23de",
+    underbracket: "\u23b5",
+    overbracket: "\u23b4",
     overgroup: "\u23e0",
     undergroup: "\u23e1",
     overleftrightarrow: "\u2194",
@@ -153,6 +155,8 @@ const katexImagesData: {
     xhookrightarrow: [["lefthook", "rightarrow"], 1.08, 522],
     overlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
     underlinesegment: [["leftlinesegment", "rightlinesegment"], 0.888, 522],
+    overbracket: [["leftbracketover", "rightbracketover"], 1.6, 440],
+    underbracket: [["leftbracketunder", "rightbracketunder"], 1.6, 410],
     overgroup: [["leftgroup", "rightgroup"], 0.888, 342],
     undergroup: [["leftgroupunder", "rightgroupunder"], 0.888, 342],
     xmapsto: [["leftmapsto", "rightarrow"], 1.5, 522],

package/src/svgGeometry.ts

@@ -259,6 +259,12 @@ v40h399900v-40zM0 241v40h399900v-40zm0 0v40h399900v-40z`,
     leftlinesegment: `M40 281 V428 H0 V94 H40 V241 H400000 v40z
 M40 281 V428 H0 V94 H40 V241 H400000 v40z`,
 
+    leftbracketunder: `M0 0 h120 V290 H399995 v120 H0z
+M0 0 h120 V290 H399995 v120 H0z`,
+
+    leftbracketover: `M0 440 h120 V150 H399995 v-120 H0z
+M0 440 h120 V150 H399995 v-120 H0z`,
+
     leftmapsto: `M40 281 V448H0V74H40V241H400000v40z
 M40 281 V448H0V74H40V241H400000v40z`,
 
@@ -355,6 +361,12 @@ m0-194v40h400000v-40zm0 0v40h400000v-40z`,
     rightlinesegment: `M399960 241 V94 h40 V428 h-40 V281 H0 v-40z
 M399960 241 V94 h40 V428 h-40 V281 H0 v-40z`,
 
+    rightbracketunder: `M399995 0 h-120 V290 H0 v120 H400000z
+M399995 0 h-120 V290 H0 v120 H400000z`,
+
+    rightbracketover: `M399995 440 h-120 V150 H0 v-120 H399995z
+M399995 440 h-120 V150 H0 v-120 H399995z`,
+
     rightToFrom: `M400000 167c-70.7-42-118-97.7-142-167h-23c-15.3 0-23 .3-23
  1 0 1.3 5.3 13.7 16 37 18 35.3 41.3 69 70 101l7 8H0v40h399905l-7 8c-28.7 32
 -52 65.7-70 101-10.7 23.3-16 35.7-16 37 0 .7 7.7 1 23 1h23c24-69.3 71.3-125 142