temml 0.10.14 → 0.10.15

package/dist/Temml-STIX2.css

@@ -73,149 +73,3 @@ math > mrow {
 body {
   counter-reset: tmlEqnNo;
 }
-
-/* Environment arrays */
-
-/* Environments that addjot to row spacing */
-mtable.tml-jot > mtr > mtd {
-  padding-top: calc(0.5ex + 0.09em);
-  padding-bottom: calc(0.5ex + 0.09em);
-}
-
-/* Zero column gap for {alignat}, {split}, etc */
-mtable.tml-abut > mtr > mtd,
-mtable.tml-align > mtr > mtd:nth-child(odd),
-mtable.tml-align-star > mtr > mtd:nth-child(even) {
-  padding-left: 0em;
-  padding-right: 0em;
-}
-
-mtable.tml-align > mtr > mtd:nth-child(even),
-mtable.tml-align-star > mtr > mtd:nth-child(odd) {
-  padding-left: 1em;
-  padding-right: 0em;
-}
-
-mtable.tml-align > mtr > mtd:nth-child(1) {
-  padding-left: 0em;
-}
-
-mtable.tml-align > mtr > mtd:nth-child(odd),
-mtable.tml-alignat > mtr > mtd:nth-child(odd),
-mtable.tml-aligned > mtr > mtd:nth-child(even) {
-  text-align: -webkit-left;
-  text-align: -moz-left;
-}
-
-mtable.tml-align > mtr > mtd:nth-child(even),
-mtable.tml-alignat > mtr > mtd:nth-child(even),
-mtable.tml-aligned > mtr > mtd:nth-child(odd) {
-  text-align: -webkit-right;
-  text-align: -moz-right;
-}
-
-mtable.tml-cases > mtr > mtd {
-  padding-left: 0em;
-  padding-right: 0em;
-  text-align: -webkit-left;
-  text-align: -moz-left;
-}
-
-mtable.tml-cases > mtr > mtd:nth-child(2) {
-  padding-left: 1em;
-}
-
-mtable.tml-small > mtr > mtd {
-  padding-top: 0.35ex;
-  padding-bottom: 0.35ex;
-  padding-left: 0.1389em;
-  padding-right: 0.1389em;
-}
-
-mtable.tml-subarray > mtr > mtd {
-  padding-top: 0em;
-  padding-left: 0em;
-}
-
-mtable.tml-cd > mtr > mtd {
-  padding-left: 0.25em;
-  padding-right: 0.25em;
-}
-
-mtable > mtr:first-child > mtr > mtd {
-  padding-top: 0em;
-}
-
-mtable > mtr:last-child > mtr > mtd {
-  padding-bottom: 0em;
-}
-
-mtable:not(.tml-array) > mtr > mtd:first-child {
-  padding-left: 0em;
-}
-
-mtable:not(.tml-array) > mtr > mtd:last-child {
-  padding-right: 0em;
-}
-
-mtr.tml-top-solid > mtd {
-  border-top: 0.06em solid;
-}
-
-mtr.tml-top-double > mtd {
-  border-top: 0.15em double;
-}
-
-mtr.tml-top-dashed > mtd {
-  border-top: 0.06em dashed;
-}
-
-mtr.tml-hline-solid > mtd {
-  border-bottom: 0.06em solid;
-}
-
-mtr.tml-hline-double > mtd {
-  border-bottom: 0.15em double;
-}
-
-mtr.tml-hline-dashed > mtd {
-  border-bottom: 0.06em dashed;
-}
-
-/* MathML-Core does not support <menclose> attributes.
- * So Use background images for \cancel */
-mrow.cancel {
-  background: 
-      linear-gradient(to top left,
-          rgba(0,0,0,0) 0%,
-          rgba(0,0,0,0) calc(50% - 0.06em),
-          rgba(0,0,0,1) 50%,
-          rgba(0,0,0,0) calc(50% + 0.06em),
-          rgba(0,0,0,0) 100%);
-}
-
-mrow.bcancel {
-  background: 
-      linear-gradient(to top right,
-          rgba(0,0,0,0) 0%,
-          rgba(0,0,0,0) calc(50% - 0.06em),
-          rgba(0,0,0,1) 50%,
-          rgba(0,0,0,0) calc(50% + 0.06em),
-          rgba(0,0,0,0) 100%);
-}
-
-mrow.xcancel {
-  background: 
-      linear-gradient(to top left,
-          rgba(0,0,0,0) 0%,
-          rgba(0,0,0,0) calc(50% - 0.06em),
-          rgba(0,0,0,1) 50%,
-          rgba(0,0,0,0) calc(50% + 0.06em),
-          rgba(0,0,0,0) 100%),
-      linear-gradient(to top right,
-          rgba(0,0,0,0) 0%,
-          rgba(0,0,0,0) calc(50% - 0.06em),
-          rgba(0,0,0,1) 50%,
-          rgba(0,0,0,0) calc(50% + 0.06em),
-          rgba(0,0,0,0) 100%);
-}

package/dist/temml.cjs

@@ -973,6 +973,10 @@ defineSymbol(math, mathord, "\u21af", "\\lightning", true);
 defineSymbol(math, mathord, "\u220E", "\\QED", true);
 defineSymbol(math, mathord, "\u2030", "\\permil", true);
 defineSymbol(text, textord, "\u2030", "\\permil");
+defineSymbol(math, mathord, "\u2609", "\\astrosun", true);
+defineSymbol(math, mathord, "\u263c", "\\sun", true);
+defineSymbol(math, mathord, "\u263e", "\\leftmoon", true);
+defineSymbol(math, mathord, "\u263d", "\\rightmoon", true);
 
 // AMS Negated Binary Relations
 defineSymbol(math, rel, "\u226e", "\\nless", true);
@@ -2131,9 +2135,7 @@ function buildMathML(tree, texExpression, style, settings) {
   }
   if (settings.displayMode) {
     math.setAttribute("display", "block");
-    math.style.display = math.children.length === 1 && math.children[0].type === "mtable"
-      ? "inline"
-      : "block math"; // necessary in Chromium.
+    math.style.display = "block math"; // necessary in Chromium.
     // Firefox and Safari do not recognize display: "block math".
     // Set a class so that the CSS file can set display: block.
     math.classes = ["tml-display"];
@@ -3824,10 +3826,20 @@ const mathmlBuilder$8 = (group, style) => {
       node.style.borderBottom = "0.065em solid";
       break
     case "\\cancel":
-      node.classes.push("cancel");
+      node.style.background = `linear-gradient(to top left,
+rgba(0,0,0,0) 0%,
+rgba(0,0,0,0) calc(50% - 0.06em),
+rgba(0,0,0,1) 50%,
+rgba(0,0,0,0) calc(50% + 0.06em),
+rgba(0,0,0,0) 100%);`;
       break
     case "\\bcancel":
-      node.classes.push("bcancel");
+      node.style.background = `linear-gradient(to top right,
+rgba(0,0,0,0) 0%,
+rgba(0,0,0,0) calc(50% - 0.06em),
+rgba(0,0,0,1) 50%,
+rgba(0,0,0,0) calc(50% + 0.06em),
+rgba(0,0,0,0) 100%);`;
       break
     /*
     case "\\longdiv":
@@ -3871,7 +3883,18 @@ const mathmlBuilder$8 = (group, style) => {
       break
     }
     case "\\xcancel":
-      node.classes.push("xcancel");
+      node.style.background = `linear-gradient(to top left,
+rgba(0,0,0,0) 0%,
+rgba(0,0,0,0) calc(50% - 0.06em),
+rgba(0,0,0,1) 50%,
+rgba(0,0,0,0) calc(50% + 0.06em),
+rgba(0,0,0,0) 100%),
+linear-gradient(to top right,
+rgba(0,0,0,0) 0%,
+rgba(0,0,0,0) calc(50% - 0.06em),
+rgba(0,0,0,1) 50%,
+rgba(0,0,0,0) calc(50% + 0.06em),
+rgba(0,0,0,0) 100%);`;
       break
   }
   if (group.backgroundColor) {
@@ -4302,24 +4325,94 @@ const mathmlBuilder$7 = function(group, style) {
     // Write horizontal rules
     if (i === 0 && hlines[0].length > 0) {
       if (hlines[0].length === 2) {
-        mtr.classes.push("tml-top-double");
+        mtr.children.forEach(cell => { cell.style.borderTop = "0.15em double"; });
       } else {
-        mtr.classes.push(hlines[0][0] ? "tml-top-dashed" : "tml-top-solid");
+        mtr.children.forEach(cell => {
+          cell.style.borderTop = hlines[0][0] ? "0.06em dashed" : "0.06em solid";
+        });
       }
     }
     if (hlines[i + 1].length > 0) {
       if (hlines[i + 1].length === 2) {
-        mtr.classes.push("tml-hline-double");
+        mtr.children.forEach(cell => { cell.style.borderBottom = "0.15em double"; });
       } else {
-        mtr.classes.push(hlines[i + 1][0] ? "tml-hline-dashed" : "tml-hline-solid");
+        mtr.children.forEach(cell => {
+          cell.style.borderBottom = hlines[i + 1][0] ? "0.06em dashed" : "0.06em solid";
+        });
       }
     }
     tbl.push(mtr);
   }
-  let table = new mathMLTree.MathNode("mtable", tbl);
+
   if (group.envClasses.length > 0) {
-    table.classes = group.envClasses.map(e => "tml-" + e);
+    const pad = group.envClasses.includes("jot")
+      ? "0.7" // 0.5ex + 0.09em top & bot padding
+      : group.envClasses.includes("small")
+      ? "0.35"
+      : "0.5"; // 0.5ex default top & bot padding
+    const sidePadding = group.envClasses.includes("abut")
+      ? "0"
+      : group.envClasses.includes("cases")
+      ? "0"
+      : group.envClasses.includes("small")
+      ? "0.1389"
+      : group.envClasses.includes("cd")
+      ? "0.25"
+      : "0.4"; // default side padding
+
+    const numCols = tbl.length === 0 ? 0 : tbl[0].children.length;
+
+    const sidePad = (j, hand) => {
+      if (j === 0 && hand === 0) { return "0" }
+      if (j === numCols - 1 && hand === 1) { return "0" }
+      if (group.envClasses[0] !== "align") { return sidePadding }
+      if (hand === 1) { return "0" }
+      if (group.addEqnNum) {
+        return (j % 2) ? "1" : "0"
+      } else {
+        return (j % 2) ? "0" : "1"
+      }
+    };
+
+    // Padding
+    for (let i = 0; i < tbl.length; i++) {
+      for (let j = 0; j < tbl[i].children.length; j++) {
+        tbl[i].children[j].style.padding = `${pad}ex ${sidePad(j, 1)}em ${pad}ex ${sidePad(j, 0)}em`;
+      }
+    }
+
+    // Justification
+    const align = group.envClasses.includes("align") || group.envClasses.includes("alignat");
+    for (let i = 0; i < tbl.length; i++) {
+      const row = tbl[i];
+      if (align) {
+        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");
+        }
+      }
+      if (row.children.length > 1 && group.envClasses.includes("cases")) {
+        row.children[1].style.padding = row.children[1].style.padding.replace(/0em$/, "1em");
+      }
+
+      if (group.envClasses.includes("cases") || group.envClasses.includes("subarray")) {
+        for (const cell of row.children) {
+          cell.style.textAlign = "-webkit-" + "left";
+        }
+      }
+    }
+  } else {
+    // Set zero padding on side of the matrix
+    for (let i = 0; i < tbl.length; i++) {
+      tbl[i].children[0].style.paddingLeft = "0em";
+      if (tbl[i].children.length === tbl[0].children.length) {
+        tbl[i].children[tbl[i].children.length - 1].style.paddingRight = "0em";
+      }
+    }
   }
+
+  let table = new mathMLTree.MathNode("mtable", tbl);
   if (group.scriptLevel === "display") { table.setAttribute("displaystyle", "true"); }
 
   if (group.addEqnNum || group.envClasses.includes("multline")) {
@@ -4399,6 +4492,8 @@ const mathmlBuilder$7 = function(group, style) {
     align = "left " + (align.length > 0 ? align : "center ") + "right ";
   }
   if (align) {
+    // Firefox reads this attribute, not the -webkit-left|right written above.
+    // TODO: When Chrome no longer needs "-webkit-", use CSS and delete the next line.
     table.setAttribute("columnalign", align.trim());
   }
 
@@ -4423,7 +4518,7 @@ const alignedHandler = function(context, args) {
       cols,
       addEqnNum: context.envName === "align" || context.envName === "alignat",
       emptySingleRow: true,
-      envClasses: ["jot", "abut"], // set row spacing & provisional column spacing
+      envClasses: ["abut", "jot"], // set row spacing & provisional column spacing
       maxNumCols: context.envName === "split" ? 2 : undefined,
       leqno: context.parser.settings.leqno
     },
@@ -4441,18 +4536,22 @@ const alignedHandler = function(context, args) {
   // binary.  This behavior is implemented in amsmath's \start@aligned.
   let numMaths;
   let numCols = 0;
-  if (args[0] && args[0].type === "ordgroup") {
+  const isAlignedAt = context.envName.indexOf("at") > -1;
+  if (args[0] && isAlignedAt) {
+    // alignat environment takes an argument w/ number of columns
     let arg0 = "";
     for (let i = 0; i < args[0].body.length; i++) {
       const textord = assertNodeType(args[0].body[i], "textord");
       arg0 += textord.text;
     }
+    if (isNaN(arg0)) {
+      throw new ParseError("The alignat enviroment requires a numeric first argument.")
+    }
     numMaths = Number(arg0);
     numCols = numMaths * 2;
   }
-  const isAligned = !numCols;
   res.body.forEach(function(row) {
-    if (!isAligned) {
+    if (isAlignedAt) {
       // Case 1
       const curMaths = row.length / 2;
       if (numMaths < curMaths) {
@@ -4480,14 +4579,10 @@ const alignedHandler = function(context, args) {
       align: align
     };
   }
-  if (context.envName === "split") ; else if (context.envName.indexOf("ed") > -1) {
-    res.envClasses.push("aligned"); // Sets justification
-  } else if (isAligned) {
-    res.envClasses[1] = context.envName === "align*"
-      ? "align-star"
-      : "align"; // Sets column spacing & justification
+  if (context.envName === "split") ; else if (isAlignedAt) {
+    res.envClasses.push("alignat"); // Sets justification
   } else {
-    res.envClasses.push("aligned"); // Sets justification
+    res.envClasses[0] = "align"; // Sets column spacing & justification
   }
   return res;
 };
@@ -4737,7 +4832,7 @@ defineEnvironment({
     }
     const res = {
       cols: [],
-      envClasses: ["jot", "abut"],
+      envClasses: ["abut", "jot"],
       addEqnNum: context.envName === "gather",
       emptySingleRow: true,
       leqno: context.parser.settings.leqno
@@ -12901,7 +12996,7 @@ class Style {
  * https://mit-license.org/
  */
 
-const version = "0.10.14";
+const version = "0.10.15";
 
 function postProcess(block) {
   const labelMap = {};
@@ -12952,6 +13047,7 @@ function postProcess(block) {
 /* eslint no-console:0 */
 
 /**
+ * @type {import('./temml').render}
  * Parse and build an expression, and place that expression in the DOM node
  * given.
  */
@@ -12989,6 +13085,7 @@ if (typeof document !== "undefined") {
 }
 
 /**
+ * @type {import('./temml').renderToString}
  * Parse and build an expression, and return the markup for that.
  */
 const renderToString = function(expression, options) {
@@ -12997,6 +13094,7 @@ const renderToString = function(expression, options) {
 };
 
 /**
+ * @type {import('./temml').generateParseTree}
  * Parse an expression and return the parse tree.
  */
 const generateParseTree = function(expression, options) {
@@ -13005,6 +13103,7 @@ const generateParseTree = function(expression, options) {
 };
 
 /**
+ * @type {import('./temml').definePreamble}
  * Take an expression which contains a preamble.
  * Parse it and return the macros.
  */
@@ -13037,6 +13136,7 @@ const renderError = function(error, expression, options) {
 };
 
 /**
+ * @type {import('./temml').renderToMathMLTree}
  * Generates and returns the Temml build tree. This is used for advanced
  * use cases (like rendering to custom output).
  */
@@ -13054,6 +13154,7 @@ const renderToMathMLTree = function(expression, options) {
   }
 };
 
+/** @type {import('./temml').default} */
 var temml = {
   /**
    * Current Temml version

package/dist/temml.d.ts

@@ -0,0 +1,60 @@
+export interface Options {
+  displayMode?: boolean;
+  annotate?: boolean;
+  leqno?: boolean;
+  throwOnError?: boolean;
+  errorColor?: string;
+  macros?: Record<string, string>;
+  wrap?: "tex" | "=" | "none";
+  xml?: boolean;
+  colorIsTextColor?: boolean;
+  strict?: boolean;
+  trust?: boolean | ((context: any) => boolean);
+  maxSize?: [number, number];
+  maxExpand?: number;
+}
+
+export function render(
+  expression: string,
+  baseNode: HTMLElement,
+  options?: Options,
+): void;
+
+export function renderToString(expression: string, options?: Options): string;
+
+export function generateParseTree(expression: string, options?: Options): any;
+
+export function definePreamble(expression: string, options?: Options): any;
+
+export function renderToMathMLTree(expression: string, options?: Options): any;
+
+declare function postProcess(block: any): void;
+declare function defineMacro(name: string, body: any): void;
+declare function defineSymbol(
+  mode: string,
+  group: string,
+  replace: string,
+  name: string,
+  acceptUnicodeChar: boolean,
+): void;
+declare class ParseError {
+  constructor(
+    message: string, // The error message
+    token: any, // An object providing position information
+  ) {}
+}
+
+declare const Temml: {
+  version: string;
+  render: typeof render;
+  renderToString: typeof renderToString;
+  postProcess: typeof postProcess;
+  ParseError: typeof ParseError;
+  definePreamble: typeof definePreamble;
+  __parse: typeof generateParseTree;
+  __renderToMathMLTree: typeof renderToMathMLTree;
+  __defineSymbol: typeof defineSymbol;
+  __defineMacro: typeof defineMacro;
+};
+
+export default Temml;