temml 0.10.16 → 0.10.18

package/dist/temml.js

@@ -1365,7 +1365,7 @@ var temml = (function () {
   defineSymbol(math, textord, "\u22a4", "\\top");
   defineSymbol(math, textord, "\u22a5", "\\bot");
   defineSymbol(math, textord, "\u2205", "\\emptyset");
-  defineSymbol(math, textord, "\u00f8", "\\varnothing");
+  defineSymbol(math, textord, "\u2300", "\\varnothing");
   defineSymbol(math, mathord, "\u03b1", "\\alpha", true);
   defineSymbol(math, mathord, "\u03b2", "\\beta", true);
   defineSymbol(math, mathord, "\u03b3", "\\gamma", true);
@@ -1426,6 +1426,8 @@ var temml = (function () {
   defineSymbol(math, open, "\u27e6", "\\llbracket", true); // stmaryrd/semantic packages
   defineSymbol(math, close, "\u27e7", "\\rrbracket", true);
   defineSymbol(math, open, "\u27e8", "\\langle", true);
+  defineSymbol(math, open, "\u27ea", "\\lAngle", true);
+  defineSymbol(math, open, "\u2989", "\\llangle", true);
   defineSymbol(math, open, "|", "\\lvert");
   defineSymbol(math, open, "\u2016", "\\lVert");
   defineSymbol(math, textord, "!", "\\oc"); // cmll package
@@ -1437,6 +1439,8 @@ var temml = (function () {
   defineSymbol(math, close, "!", "!");
   defineSymbol(math, close, "‼", "‼");
   defineSymbol(math, close, "\u27e9", "\\rangle", true);
+  defineSymbol(math, close, "\u27eb", "\\rAngle", true);
+  defineSymbol(math, close, "\u298a", "\\rrangle", true);
   defineSymbol(math, close, "|", "\\rvert");
   defineSymbol(math, close, "\u2016", "\\rVert");
   defineSymbol(math, open, "\u2983", "\\lBrace", true); // stmaryrd/semantic packages
@@ -1518,6 +1522,8 @@ var temml = (function () {
   defineSymbol(text, textord, "]", "\\rbrack", true);
   defineSymbol(math, open, "(", "\\lparen", true);
   defineSymbol(math, close, ")", "\\rparen", true);
+  defineSymbol(math, open, "⦇", "\\llparenthesis", true);
+  defineSymbol(math, close, "⦈", "\\rrparenthesis", true);
   defineSymbol(text, textord, "<", "\\textless", true); // in T1 fontenc
   defineSymbol(text, textord, ">", "\\textgreater", true); // in T1 fontenc
   defineSymbol(math, open, "\u230a", "\\lfloor", true);
@@ -1555,6 +1561,7 @@ var temml = (function () {
   defineSymbol(math, op, "\u2a02", "\\bigotimes");
   defineSymbol(math, op, "\u2a01", "\\bigoplus");
   defineSymbol(math, op, "\u2a00", "\\bigodot");
+  defineSymbol(math, op, "\u2a09", "\\bigtimes");
   defineSymbol(math, op, "\u222e", "\\oint");
   defineSymbol(math, op, "\u222f", "\\oiint");
   defineSymbol(math, op, "\u2230", "\\oiiint");
@@ -1674,6 +1681,8 @@ var temml = (function () {
   defineSymbol(text, textord, "\u20ac", "\\texteuro");
   defineSymbol(math, textord, "\u00a9", "\\copyright", true);
   defineSymbol(text, textord, "\u00a9", "\\textcopyright");
+  defineSymbol(math, textord, "\u2300", "\\diameter", true);
+  defineSymbol(text, textord, "\u2300", "\\diameter");
 
   // Italic Greek
   defineSymbol(math, textord, "𝛤", "\\varGamma");
@@ -1722,8 +1731,6 @@ var temml = (function () {
     defineSymbol(math, mathord, ch, ch);
     defineSymbol(text, textord, ch, ch);
   }
-  // Prevent Firefox from using a dotless i.
-  defineSymbol(text, textord, "i\uFE0E", "i");
 
   // Some more letters in Unicode Basic Multilingual Plane.
   const narrow = "ÇÐÞçþℂℍℕℙℚℝℤℎℏℊℋℌℐℑℒℓ℘ℛℜℬℰℱℳℭℨ";
@@ -1967,7 +1974,7 @@ var temml = (function () {
 
   const consolidateText = mrow => {
     // If possible, consolidate adjacent <mtext> elements into a single element.
-    if (mrow.type !== "mrow") { return mrow }
+    if (mrow.type !== "mrow" && mrow.type !== "mstyle") { return mrow }
     if (mrow.children.length === 0) { return mrow } // empty group, e.g., \text{}
     if (!mrow.children[0].attributes || mrow.children[0].type !== "mtext") { return mrow }
     const variant = mrow.children[0].attributes.mathvariant || "";
@@ -2004,6 +2011,9 @@ var temml = (function () {
     if (L > 0 && mtext.children[0].text.charAt(L - 1) === " ") {
       mtext.children[0].text = mtext.children[0].text.slice(0, -1) + "\u00a0";
     }
+    for (const [key, value] of Object.entries(mrow.attributes)) {
+      mtext.attributes[key] = value;
+    }
     return mtext
   };
 
@@ -2057,6 +2067,14 @@ var temml = (function () {
     if (body.length === 1 && !(body[0] instanceof DocumentFragment)) {
       return body[0];
     } else {
+      // Suppress spacing on <mo> nodes at both ends of the row.
+      if (body[0] instanceof MathNode && body[0].type === "mo" && !body[0].attributes.fence) {
+        body[0].attributes.lspace = "0em";
+      }
+      const end = body.length - 1;
+      if (body[end] instanceof MathNode && body[end].type === "mo" && !body[end].attributes.fence) {
+        body[end].attributes.rspace = "0em";
+      }
       return new mathMLTree.MathNode("mrow", body);
     }
   };
@@ -2138,13 +2156,8 @@ var temml = (function () {
 
     expression = new mathMLTree.MathNode("mtd", [expression]);
     const rowArray = [glue$1(), expression, glue$1()];
-    if (leqno) {
-      rowArray[0].children.push(tag);
-      rowArray[0].style.textAlign = "-webkit-left";
-    } else {
-      rowArray[2].children.push(tag);
-      rowArray[2].style.textAlign = "-webkit-right";
-    }
+    rowArray[leqno ? 0 : 2].classes.push(leqno ? "tml-left" : "tml-right");
+    rowArray[leqno ? 0 : 2].children.push(tag);
     const mtr = new mathMLTree.MathNode("mtr", rowArray, ["tml-tageqn"]);
     const table = new mathMLTree.MathNode("mtable", [mtr]);
     table.style.width = "100%";
@@ -2199,6 +2212,15 @@ var temml = (function () {
     return math;
   }
 
+  const smalls = "acegıȷmnopqrsuvwxyzαγεηικμνοπρςστυχωϕ𝐚𝐜𝐞𝐠𝐦𝐧𝐨𝐩𝐪𝐫𝐬𝐮𝐯𝐰𝐱𝐲𝐳";
+  const talls = "ABCDEFGHIJKLMNOPQRSTUVWXYZbdfhkltΑΒΓΔΕΖΗΘΙΚΛΜΝΞΟΠΡΣΤΥΦΧΨΩβδλζφθψ"
+               + "𝐀𝐁𝐂𝐃𝐄𝐅𝐆𝐇𝐈𝐉𝐊𝐋𝐌𝐍𝐎𝐏𝐐𝐑𝐒𝐓𝐔𝐕𝐖𝐗𝐘𝐙𝐛𝐝𝐟𝐡𝐤𝐥𝐭";
+  const longSmalls = new Set(["\\alpha", "\\gamma", "\\delta", "\\epsilon", "\\eta", "\\iota",
+    "\\kappa", "\\mu", "\\nu", "\\pi", "\\rho", "\\sigma", "\\tau", "\\upsilon", "\\chi", "\\psi",
+    "\\omega", "\\imath", "\\jmath"]);
+  const longTalls = new Set(["\\Gamma", "\\Delta", "\\Sigma", "\\Omega", "\\beta", "\\delta",
+    "\\lambda", "\\theta", "\\psi"]);
+
   const mathmlBuilder$a = (group, style) => {
     const accentNode = group.isStretchy
       ? stretchy.accentNode(group)
@@ -2209,6 +2231,13 @@ var temml = (function () {
     } else {
       accentNode.style.mathStyle = "normal";
       accentNode.style.mathDepth = "0";
+      if (needWebkitShift.has(group.label) &&  utils.isCharacterBox(group.base)) {
+        let shift = "";
+        const ch = group.base.text;
+        if (smalls.indexOf(ch) > -1 || longSmalls.has(ch)) { shift = "tml-xshift"; }
+        if (talls.indexOf(ch) > -1  || longTalls.has(ch))  { shift = "tml-capshift"; }
+        if (shift) { accentNode.classes.push(shift); }
+      }
     }
     if (!group.isStretchy) {
       accentNode.setAttribute("stretchy", "false");
@@ -2237,6 +2266,19 @@ var temml = (function () {
     "\\mathring"
   ]);
 
+  const needWebkitShift = new Set([
+    "\\acute",
+    "\\bar",
+    "\\breve",
+    "\\check",
+    "\\dot",
+    "\\ddot",
+    "\\grave",
+    "\\hat",
+    "\\mathring",
+    "\\'", "\\^", "\\~", "\\=", "\\u", "\\.", '\\"', "\\r", "\\H", "\\v"
+  ]);
+
   // Accents
   defineFunction({
     type: "accent",
@@ -3578,6 +3620,10 @@ var temml = (function () {
     "\\lbrace",
     "\\}",
     "\\rbrace",
+    "⦇",
+    "\\llparenthesis",
+    "⦈",
+    "\\rrparenthesis",
     "\\lfloor",
     "\\rfloor",
     "\u230a",
@@ -3592,6 +3638,14 @@ var temml = (function () {
     "\u27e8",
     "\\rangle",
     "\u27e9",
+    "\\lAngle",
+    "\u27ea",
+    "\\rAngle",
+    "\u27eb",
+    "\\llangle",
+    "⦉",
+    "\\rrangle",
+    "⦊",
     "\\lt",
     "\\gt",
     "\\lvert",
@@ -3713,9 +3767,9 @@ var temml = (function () {
         // defaults.
         node.setAttribute("fence", "false");
       }
-      if (group.delim === "\u2216" || group.delim.indexOf("arrow") > -1) {
-        // \backslash is not in the operator dictionary,
-        // so we have to explicitly set stretchy to true.
+      if (group.delim === "\u2216" || group.delim === "\\vert" ||
+          group.delim === "|" || group.delim.indexOf("arrow") > -1) {
+        // We have to explicitly set stretchy to true.
         node.setAttribute("stretchy", "true");
       }
       node.setAttribute("symmetric", "true"); // Needed for tall arrows in Firefox.
@@ -3906,7 +3960,10 @@ rgba(0,0,0,0) 100%);`;
         node.style.marginRight = "0.03889em";
         break
       case "\\sout":
-        node.style["text-decoration"] = "line-through 0.08em solid";
+        node.style.backgroundImage = 'linear-gradient(black, black)';
+        node.style.backgroundRepeat = 'no-repeat';
+        node.style.backgroundSize = '100% 1.5px';
+        node.style.backgroundPosition = '0 center';
         break
       case "\\boxed":
         // \newcommand{\boxed}[1]{\fbox{\m@th$\displaystyle#1$}} from amsmath.sty
@@ -4157,8 +4214,9 @@ rgba(0,0,0,0) 100%);`;
       return tag
     } else {
       // AMS automatcally numbered equaton.
-      // Insert a class so the element can be populated by a post-processor.
-      tag = new mathMLTree.MathNode("mtext", [], ["tml-eqn"]);
+      // Insert a class so the element can be populated by a CSS counter.
+      // WebKit will display the CSS counter only inside a span.
+      tag = new mathMLTree.MathNode("mtext", [new Span(["tml-eqn"])]);
     }
     return tag
   };
@@ -4355,7 +4413,7 @@ rgba(0,0,0,0) 100%);`;
           const align = i === 0 ? "left" : i === numRows - 1 ? "right" : "center";
           mtd.setAttribute("columnalign", align);
           if (align !== "center") {
-            mtd.style.textAlign = "-webkit-" + align;
+            mtd.classes.push("tml-" + align);
           }
         }
         row.push(mtd);
@@ -4366,10 +4424,10 @@ rgba(0,0,0,0) 100%);`;
         const tag = getTag(group, style.withLevel(cellLevel), i);
         if (group.leqno) {
           row[0].children.push(tag);
-          row[0].style.textAlign = "-webkit-left";
+          row[0].classes.push("tml-left");
         } else {
           row[row.length - 1].children.push(tag);
-          row[row.length - 1].style.textAlign = "-webkit-right";
+          row[row.length - 1].classes.push("tml-right");
         }
       }
       const mtr = new mathMLTree.MathNode("mtr", row, []);
@@ -4440,11 +4498,11 @@ rgba(0,0,0,0) 100%);`;
           for (let j = 0; j < row.children.length; j++) {
             // Chromium does not recognize text-align: left. Use -webkit-
             // TODO: Remove -webkit- when Chromium no longer needs it.
-            row.children[j].style.textAlign = "-webkit-" + (j % 2 ? "left" : "right");
+            row.children[j].classes = ["tml-" + (j % 2 ? "left" : "right")];
           }
           if (group.addEqnNum) {
             const k = group.leqno ? 0 : row.children.length - 1;
-            row.children[k].style.textAlign = "-webkit-" + (group.leqno ? "left" : "right");
+            row.children[k].classes = ["tml-" + (group.leqno ? "left" : "right")];
           }
         }
         if (row.children.length > 1 && group.envClasses.includes("cases")) {
@@ -4453,7 +4511,7 @@ rgba(0,0,0,0) 100%);`;
 
         if (group.envClasses.includes("cases") || group.envClasses.includes("subarray")) {
           for (const cell of row.children) {
-            cell.style.textAlign = "-webkit-" + "left";
+            cell.classes.push("tml-left");
           }
         }
       }
@@ -4508,7 +4566,7 @@ rgba(0,0,0,0) 100%);`;
           iCol += 1;
           for (const row of table.children) {
             if (colAlign.trim() !== "center" && iCol < row.children.length) {
-              row.children[iCol].style.textAlign = "-webkit-" + colAlign.trim();
+              row.children[iCol].classes = ["tml-" + colAlign.trim()];
             }
           }
           prevTypeWasAlign = true;
@@ -5501,6 +5559,33 @@ rgba(0,0,0,0) 100%);`;
     mathmlBuilder: mathmlBuilder$5
   });
 
+  // \hbox is provided for compatibility with LaTeX functions that act on a box.
+  // This function by itself doesn't do anything but set scriptlevel to \textstyle
+  // and prevent a soft line break.
+
+  defineFunction({
+    type: "hbox",
+    names: ["\\hbox"],
+    props: {
+      numArgs: 1,
+      argTypes: ["hbox"],
+      allowedInArgument: true,
+      allowedInText: false
+    },
+    handler({ parser }, args) {
+      return {
+        type: "hbox",
+        mode: parser.mode,
+        body: ordargument(args[0])
+      };
+    },
+    mathmlBuilder(group, style) {
+      const newStyle = style.withLevel(StyleLevel.TEXT);
+      const mrow = buildExpressionRow(group.body, newStyle);
+      return consolidateText(mrow)
+    }
+  });
+
   const mathmlBuilder$4 = (group, style) => {
     const accentNode = stretchy.mathMLnode(group.label);
     accentNode.style["math-depth"] = 0;
@@ -6470,7 +6555,8 @@ rgba(0,0,0,0) 100%);`;
     "\u2a02": "\\bigotimes",
     "\u2a04": "\\biguplus",
     "\u2a05": "\\bigsqcap",
-    "\u2a06": "\\bigsqcup"
+    "\u2a06": "\\bigsqcup",
+    "\u2a09": "\\bigtimes"
   };
 
   defineFunction({
@@ -6490,6 +6576,7 @@ rgba(0,0,0,0) 100%);`;
       "\\bigodot",
       "\\bigsqcap",
       "\\bigsqcup",
+      "\\bigtimes",
       "\\smallint",
       "\u220F",
       "\u2210",
@@ -8585,8 +8672,6 @@ rgba(0,0,0,0) 100%);`;
   // See comment for \oplus in symbols.js.
   defineMacro("\u2295", "\\oplus");
 
-  defineMacro("\\hbox", "\\text{#1}");
-
   // Per TeXbook p.122, "/" gets zero operator spacing.
   // And MDN recommends using U+2044 instead of / for inline
   defineMacro("/", "{\u2044}");
@@ -8669,6 +8754,7 @@ rgba(0,0,0,0) 100%);`;
     "\\bigodot": "\\dotsb",
     "\\bigsqcap": "\\dotsb",
     "\\bigsqcup": "\\dotsb",
+    "\\bigtimes": "\\dotsb",
     "\\And": "\\dotsb",
     "\\longrightarrow": "\\dotsb",
     "\\Longrightarrow": "\\dotsb",
@@ -11162,7 +11248,7 @@ rgba(0,0,0,0) 100%);`;
    * https://mit-license.org/
    */
 
-  const version = "0.10.16";
+  const version = "0.10.18";
 
   function postProcess(block) {
     const labelMap = {};
@@ -11217,9 +11303,9 @@ rgba(0,0,0,0) 100%);`;
    * Parse and build an expression, and place that expression in the DOM node
    * given.
    */
-  let render = function(expression, baseNode, options) {
+  let render = function(expression, baseNode, options = {}) {
     baseNode.textContent = "";
-    const alreadyInMathElement = baseNode.tagName === "MATH";
+    const alreadyInMathElement = baseNode.tagName.toLowerCase() === "math";
     if (alreadyInMathElement) { options.wrap = "none"; }
     const math = renderToMathMLTree(expression, options);
     if (alreadyInMathElement) {