katex 0.12.0 → 0.13.3

package/dist/contrib/render-a11y-string.mjs

@@ -15,7 +15,7 @@ import katex from '../katex.mjs';
  * The commas in the string aim to increase ease of understanding
  * when read by a screenreader.
  */
-const stringMap = {
+var stringMap = {
   "(": "left parenthesis",
   ")": "right parenthesis",
   "[": "open bracket",
@@ -88,22 +88,22 @@ const stringMap = {
   "\\hat": "hat",
   "\\acute": "acute"
 };
-const powerMap = {
+var powerMap = {
   "prime": "prime",
   "degree": "degrees",
   "circle": "degrees",
   "2": "squared",
   "3": "cubed"
 };
-const openMap = {
+var openMap = {
   "|": "open vertical bar",
   ".": ""
 };
-const closeMap = {
+var closeMap = {
   "|": "close vertical bar",
   ".": ""
 };
-const binMap = {
+var binMap = {
   "+": "plus",
   "-": "minus",
   "\\pm": "plus minus",
@@ -115,7 +115,7 @@ const binMap = {
   "\\circ": "circle",
   "\\bullet": "bullet"
 };
-const relMap = {
+var relMap = {
   "=": "equals",
   "\\approx": "approximately equals",
   "≠": "does not equal",
@@ -131,7 +131,7 @@ const relMap = {
   "\\Rightarrow": "right arrow",
   ":": "colon"
 };
-const accentUnderMap = {
+var accentUnderMap = {
   "\\underleftarrow": "left arrow",
   "\\underrightarrow": "right arrow",
   "\\underleftrightarrow": "left-right arrow",
@@ -140,12 +140,12 @@ const accentUnderMap = {
   "\\utilde": "tilde"
 };
 
-const buildString = (str, type, a11yStrings) => {
+var buildString = (str, type, a11yStrings) => {
   if (!str) {
     return;
   }
 
-  let ret;
+  var ret;
 
   if (type === "open") {
     ret = str in openMap ? openMap[str] : stringMap[str] || str;
@@ -164,7 +164,8 @@ const buildString = (str, type, a11yStrings) => {
 
   if (/^\d+$/.test(ret) && a11yStrings.length > 0 && // TODO(kevinb): check that the last item in a11yStrings is a string
   // I think we might be able to drop the nested arrays, which would make
-  // this easier to type - $FlowFixMe
+  // this easier to type
+  // $FlowFixMe
   /^\d+$/.test(a11yStrings[a11yStrings.length - 1])) {
     a11yStrings[a11yStrings.length - 1] += ret;
   } else if (ret) {
@@ -172,13 +173,13 @@ const buildString = (str, type, a11yStrings) => {
   }
 };
 
-const buildRegion = (a11yStrings, callback) => {
-  const regionStrings = [];
+var buildRegion = (a11yStrings, callback) => {
+  var regionStrings = [];
   a11yStrings.push(regionStrings);
   callback(regionStrings);
 };
 
-const handleObject = (tree, a11yStrings, atomType) => {
+var handleObject = (tree, a11yStrings, atomType) => {
   // Everything else is assumed to be an object...
   switch (tree.type) {
     case "accent":
@@ -211,7 +212,9 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "atom":
       {
-        const text = tree.text;
+        var {
+          text
+        } = tree;
 
         switch (tree.family) {
           case "bin":
@@ -254,7 +257,7 @@ const handleObject = (tree, a11yStrings, atomType) => {
           default:
             {
               tree.family;
-              throw new Error(`"${tree.family}" is not a valid atom type`);
+              throw new Error("\"" + tree.family + "\" is not a valid atom type");
             }
         }
 
@@ -263,7 +266,7 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "color":
       {
-        const color = tree.color.replace(/katex-/, "");
+        var color = tree.color.replace(/katex-/, "");
         buildRegion(a11yStrings, regionStrings => {
           regionStrings.push("start color " + color);
           buildA11yStrings(tree.body, regionStrings, atomType);
@@ -292,8 +295,10 @@ const handleObject = (tree, a11yStrings, atomType) => {
       {
         buildRegion(a11yStrings, regionStrings => {
           // genfrac can have unbalanced delimiters
-          const leftDelim = tree.leftDelim,
-                rightDelim = tree.rightDelim; // NOTE: Not sure if this is a safe assumption
+          var {
+            leftDelim,
+            rightDelim
+          } = tree; // NOTE: Not sure if this is a safe assumption
           // hasBarLine true -> fraction, false -> binomial
 
           if (tree.hasBarLine) {
@@ -317,6 +322,12 @@ const handleObject = (tree, a11yStrings, atomType) => {
         break;
       }
 
+    case "hbox":
+      {
+        buildA11yStrings(tree.body, a11yStrings, atomType);
+        break;
+      }
+
     case "kern":
       {
         // No op: we don't attempt to present kerning information
@@ -354,8 +365,10 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "op":
       {
-        const body = tree.body,
-              name = tree.name;
+        var {
+          body,
+          name
+        } = tree;
 
         if (body) {
           buildA11yStrings(body, a11yStrings, atomType);
@@ -429,11 +442,13 @@ const handleObject = (tree, a11yStrings, atomType) => {
     case "sqrt":
       {
         buildRegion(a11yStrings, regionStrings => {
-          const body = tree.body,
-                index = tree.index;
+          var {
+            body,
+            index
+          } = tree;
 
           if (index) {
-            const indexString = flatten(buildA11yStrings(index, [], atomType)).join(",");
+            var indexString = flatten(buildA11yStrings(index, [], atomType)).join(",");
 
             if (indexString === "3") {
               regionStrings.push("cube root of");
@@ -458,10 +473,12 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "supsub":
       {
-        const base = tree.base,
-              sub = tree.sub,
-              sup = tree.sup;
-        let isLog = false;
+        var {
+          base,
+          sub,
+          sup
+        } = tree;
+        var isLog = false;
 
         if (base) {
           buildA11yStrings(base, a11yStrings, atomType);
@@ -469,17 +486,17 @@ const handleObject = (tree, a11yStrings, atomType) => {
         }
 
         if (sub) {
-          const regionName = isLog ? "base" : "subscript";
+          var regionName = isLog ? "base" : "subscript";
           buildRegion(a11yStrings, function (regionStrings) {
-            regionStrings.push(`start ${regionName}`);
+            regionStrings.push("start " + regionName);
             buildA11yStrings(sub, regionStrings, atomType);
-            regionStrings.push(`end ${regionName}`);
+            regionStrings.push("end " + regionName);
           });
         }
 
         if (sup) {
           buildRegion(a11yStrings, function (regionStrings) {
-            const supString = flatten(buildA11yStrings(sup, [], atomType)).join(",");
+            var supString = flatten(buildA11yStrings(sup, [], atomType)).join(",");
 
             if (supString in powerMap) {
               regionStrings.push(powerMap[supString]);
@@ -553,9 +570,22 @@ const handleObject = (tree, a11yStrings, atomType) => {
             regionStrings.push("end strikeout");
           });
           break;
+        } else if (/phase/.test(tree.label)) {
+          buildRegion(a11yStrings, function (regionStrings) {
+            regionStrings.push("start phase angle");
+            buildA11yStrings(tree.body, regionStrings, atomType);
+            regionStrings.push("end phase angle");
+          });
+          break;
         }
 
-        throw new Error(`KaTeX-a11y: enclose node with ${tree.label} not supported yet`);
+        throw new Error("KaTeX-a11y: enclose node with " + tree.label + " not supported yet");
+      }
+
+    case "vcenter":
+      {
+        buildA11yStrings(tree.body, a11yStrings, atomType);
+        break;
       }
 
     case "vphantom":
@@ -603,9 +633,9 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "verb":
       {
-        buildString(`start verbatim`, "normal", a11yStrings);
+        buildString("start verbatim", "normal", a11yStrings);
         buildString(tree.body, "normal", a11yStrings);
-        buildString(`end verbatim`, "normal", a11yStrings);
+        buildString("end verbatim", "normal", a11yStrings);
         break;
       }
 
@@ -616,9 +646,9 @@ const handleObject = (tree, a11yStrings, atomType) => {
 
     case "horizBrace":
       {
-        buildString(`start ${tree.label.slice(1)}`, "normal", a11yStrings);
+        buildString("start " + tree.label.slice(1), "normal", a11yStrings);
         buildA11yStrings(tree.base, a11yStrings, atomType);
-        buildString(`end ${tree.label.slice(1)}`, "normal", a11yStrings);
+        buildString("end " + tree.label.slice(1), "normal", a11yStrings);
         break;
       }
 
@@ -667,13 +697,24 @@ const handleObject = (tree, a11yStrings, atomType) => {
         throw new Error("KaTeX-a11y: xArrow not implemented yet");
       }
 
+    case "cdlabel":
+      {
+        throw new Error("KaTeX-a11y: cdlabel not implemented yet");
+      }
+
+    case "cdlabelparent":
+      {
+        throw new Error("KaTeX-a11y: cdlabelparent not implemented yet");
+      }
+
     case "mclass":
       {
         // \neq and \ne are macros so we let "htmlmathml" render the mathmal
         // side of things and extract the text from that.
-        const atomType = tree.mclass.slice(1); // $FlowFixMe: drop the leading "m" from the values in mclass
+        var _atomType = tree.mclass.slice(1); // $FlowFixMe: drop the leading "m" from the values in mclass
 
-        buildA11yStrings(tree.body, a11yStrings, atomType);
+
+        buildA11yStrings(tree.body, a11yStrings, _atomType);
         break;
       }
 
@@ -715,13 +756,13 @@ const handleObject = (tree, a11yStrings, atomType) => {
   }
 };
 
-const buildA11yStrings = function buildA11yStrings(tree, a11yStrings, atomType) {
+var buildA11yStrings = function buildA11yStrings(tree, a11yStrings, atomType) {
   if (a11yStrings === void 0) {
     a11yStrings = [];
   }
 
   if (tree instanceof Array) {
-    for (let i = 0; i < tree.length; i++) {
+    for (var i = 0; i < tree.length; i++) {
       buildA11yStrings(tree[i], a11yStrings, atomType);
     }
   } else {
@@ -731,8 +772,8 @@ const buildA11yStrings = function buildA11yStrings(tree, a11yStrings, atomType)
   return a11yStrings;
 };
 
-const flatten = function flatten(array) {
-  let result = [];
+var flatten = function flatten(array) {
+  var result = [];
   array.forEach(function (item) {
     if (item instanceof Array) {
       result = result.concat(flatten(item));
@@ -743,10 +784,10 @@ const flatten = function flatten(array) {
   return result;
 };
 
-const renderA11yString = function renderA11yString(text, settings) {
-  const tree = katex.__parse(text, settings);
+var renderA11yString = function renderA11yString(text, settings) {
+  var tree = katex.__parse(text, settings);
 
-  const a11yStrings = buildA11yStrings(tree, [], "normal");
+  var a11yStrings = buildA11yStrings(tree, [], "normal");
   return flatten(a11yStrings).join(", ");
 };
 

package/dist/katex.css

@@ -124,15 +124,17 @@
   line-height: 1.2;
   text-indent: 0;
   text-rendering: auto;
-  border-color: currentColor;
 }
 .katex * {
   -ms-high-contrast-adjust: none !important;
+  border-color: currentColor;
 }
 .katex .katex-version::after {
-  content: "0.12.0";
+  content: "0.13.3";
 }
 .katex .katex-mathml {
+  /* Accessibility hack to only show to screen readers
+         Found at: http://a11yproject.com/posts/how-to-hide-content/ */
   position: absolute;
   clip: rect(1px, 1px, 1px, 1px);
   padding: 0;
@@ -151,6 +153,8 @@
   position: relative;
   display: inline-block;
   white-space: nowrap;
+  width: -webkit-min-content;
+  width: -moz-min-content;
   width: min-content;
 }
 .katex .strut {
@@ -266,22 +270,28 @@
   min-width: 2px;
 }
 .katex .vbox {
-  display: -ms-inline-flexbox;
+  display: -webkit-inline-box;
   display: inline-flex;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  align-items: baseline;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+          flex-direction: column;
+  -webkit-box-align: baseline;
+          align-items: baseline;
 }
 .katex .hbox {
-  display: -ms-inline-flexbox;
+  display: -webkit-inline-box;
   display: inline-flex;
-  -ms-flex-direction: row;
-  flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+          flex-direction: row;
   width: 100%;
 }
 .katex .thinbox {
+  display: -webkit-inline-box;
   display: inline-flex;
-  flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+          flex-direction: row;
   width: 0;
   max-width: 0;
 }
@@ -352,6 +362,8 @@
   border-bottom-style: dashed;
 }
 .katex .sqrt > .root {
+  /* These values are taken from the definition of `\r@@t`,
+             `\mkern 5mu` and `\mkern -10mu`. */
   margin-left: 0.27777778em;
   margin-right: -0.55555556em;
 }
@@ -982,6 +994,9 @@
 .katex .x-arrow-pad {
   padding: 0 0.5em;
 }
+.katex .cd-arrow-pad {
+  padding: 0 0.55556em 0 0.27778em;
+}
 .katex .x-arrow,
 .katex .mover,
 .katex .munder {
@@ -1006,6 +1021,44 @@
   border-bottom-style: solid;
   border-bottom-width: 0.08em;
 }
+.katex .angl {
+  box-sizing: border-content;
+  border-top: 0.049em solid;
+  border-right: 0.049em solid;
+  margin-right: 0.03889em;
+}
+.katex .anglpad {
+  padding: 0 0.03889em 0 0.03889em;
+}
+.katex .eqn-num::before {
+  counter-increment: katexEqnNo;
+  content: "(" counter(katexEqnNo) ")";
+}
+.katex .mml-eqn-num::before {
+  counter-increment: mmlEqnNo;
+  content: "(" counter(mmlEqnNo) ")";
+}
+.katex .mtr-glue {
+  width: 50%;
+}
+.katex .cd-vert-arrow {
+  display: inline-block;
+  position: relative;
+}
+.katex .cd-label-left {
+  display: inline-block;
+  position: absolute;
+  right: -webkit-calc(50% + 0.3em);
+  right: calc(50% + 0.3em);
+  text-align: left;
+}
+.katex .cd-label-right {
+  display: inline-block;
+  position: absolute;
+  left: -webkit-calc(50% + 0.3em);
+  left: calc(50% + 0.3em);
+  text-align: right;
+}
 .katex-display {
   display: block;
   margin: 1em 0;
@@ -1032,4 +1085,7 @@
   text-align: left;
   padding-left: 2em;
 }
+body {
+  counter-reset: katexEqnNo mmlEqnNo;
+}