katex 0.16.37 → 0.16.38

package/dist/katex.mjs

@@ -754,6 +754,54 @@ var tallDelim = function tallDelim(label, midHeight) {
   }
 };
 
+/**
+ * This node represents a document fragment, which contains elements, but when
+ * placed into the DOM doesn't have any representation itself. It only contains
+ * children and doesn't have any DOM node properties.
+ */
+class DocumentFragment {
+  // Never used; needed for satisfying interface.
+  constructor(children) {
+    this.children = children;
+    this.classes = [];
+    this.height = 0;
+    this.depth = 0;
+    this.maxFontSize = 0;
+    this.style = {};
+  }
+  hasClass(className) {
+    return this.classes.includes(className);
+  }
+  /** Convert the fragment into a node. */
+  toNode() {
+    var frag = document.createDocumentFragment();
+    for (var i = 0; i < this.children.length; i++) {
+      frag.appendChild(this.children[i].toNode());
+    }
+    return frag;
+  }
+  /** Convert the fragment into HTML markup. */
+  toMarkup() {
+    var markup = "";
+    // Simply concatenate the markup for the children together.
+    for (var i = 0; i < this.children.length; i++) {
+      markup += this.children[i].toMarkup();
+    }
+    return markup;
+  }
+  /**
+   * Converts the math node into a string, similar to innerText. Applies to
+   * MathDomNode's only.
+   */
+  toText() {
+    // To avoid this, we would subclass documentFragment separately for
+    // MathML, but polyfills for subclassing is expensive per PR 1469.
+    // TODO(ts): Only works for ChildType = MathDomNode.
+    var toText = child => child.toText();
+    return this.children.map(toText).join("");
+  }
+}
+
 /**
  * This file does conversion between units.  In particular, it provides
  * calculateSize to convert other units into ems.
@@ -1250,6 +1298,13 @@ function assertSpan(group) {
     throw new Error("Expected span<HtmlDomNode> but got " + String(group) + ".");
   }
 }
+/**
+ * Whether an HtmlDomNode has HtmlDomNode children.
+ * HtmlDomNode is a base type representing a union of
+ * SymbolNode, SvgSpan, DomSpan, Anchor, and documentFragment.
+ * In the last three cases, the children are HtmlDomNode[].
+ */
+var hasHtmlDomChildren = node => node instanceof Span || node instanceof Anchor || node instanceof DocumentFragment;
 
 // This file is GENERATED by buildMetrics.sh. DO NOT MODIFY.
 var fontMetricsData = {
@@ -4528,54 +4583,6 @@ var wideCharacterFont = (wideChar, mode) => {
   }
 };
 
-/**
- * This node represents a document fragment, which contains elements, but when
- * placed into the DOM doesn't have any representation itself. It only contains
- * children and doesn't have any DOM node properties.
- */
-class DocumentFragment {
-  // Never used; needed for satisfying interface.
-  constructor(children) {
-    this.children = children;
-    this.classes = [];
-    this.height = 0;
-    this.depth = 0;
-    this.maxFontSize = 0;
-    this.style = {};
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  /** Convert the fragment into a node. */
-  toNode() {
-    var frag = document.createDocumentFragment();
-    for (var i = 0; i < this.children.length; i++) {
-      frag.appendChild(this.children[i].toNode());
-    }
-    return frag;
-  }
-  /** Convert the fragment into HTML markup. */
-  toMarkup() {
-    var markup = "";
-    // Simply concatenate the markup for the children together.
-    for (var i = 0; i < this.children.length; i++) {
-      markup += this.children[i].toMarkup();
-    }
-    return markup;
-  }
-  /**
-   * Converts the math node into a string, similar to innerText. Applies to
-   * MathDomNode's only.
-   */
-  toText() {
-    // To avoid this, we would subclass documentFragment separately for
-    // MathML, but polyfills for subclassing is expensive per PR 1469.
-    // TODO(ts): Only works for ChildType = MathDomNode.
-    var toText = child => child.toText();
-    return this.children.map(toText).join("");
-  }
-}
-
 /* eslint no-console:0 */
 /**
  * Looks up the given symbol in fontMetrics, after applying any symbol
@@ -6702,6 +6709,14 @@ function checkSymbolNodeType(node) {
   return null;
 }
 
+var getBaseSymbol = group => {
+  if (group instanceof SymbolNode) {
+    return group;
+  }
+  if (hasHtmlDomChildren(group) && group.children.length === 1) {
+    return getBaseSymbol(group.children[0]);
+  }
+};
 // NOTE: Unlike most `htmlBuilder`s, this one handles not only "accent", but
 // also "supsub" since an accent can affect super/subscripting.
 var htmlBuilder$a = (grp, options) => {
@@ -6743,17 +6758,10 @@ var htmlBuilder$a = (grp, options) => {
   // and the skewchar.
   var skew = 0;
   if (mustShift) {
-    // If the base is a character box, then we want the skew of the
-    // innermost character. To do that, we find the innermost character:
-    var baseChar = getBaseElem(base);
-    // Then, we render its group to get the symbol inside it
-    var baseGroup = buildGroup$1(baseChar, options.havingCrampedStyle());
-    // Finally, we pull the skew off of the symbol.
-    skew = assertSymbolDomNode(baseGroup).skew;
-    // Note that we now throw away baseGroup, because the layers we
-    // removed with getBaseElem might contain things like \color which
-    // we can't get rid of.
-    // TODO(emily): Find a better way to get the skew
+    var _getBaseSymbol$skew, _getBaseSymbol;
+    // Read the skew from the rendered base symbol.
+    // This preserves font metrics from font wrappers like \mathbb.
+    skew = (_getBaseSymbol$skew = (_getBaseSymbol = getBaseSymbol(body)) == null ? void 0 : _getBaseSymbol.skew) != null ? _getBaseSymbol$skew : 0;
   }
   var accentBelow = group.label === "\\c";
   // calculate the amount of space between the body and the accent
@@ -16361,7 +16369,7 @@ var renderToHTMLTree = function renderToHTMLTree(expression, options) {
     return renderError(error, expression, settings);
   }
 };
-var version = "0.16.37";
+var version = "0.16.38";
 var __domTree = {
   Span,
   Anchor,

package/package.json

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

package/src/domTree.ts

@@ -621,3 +621,16 @@ export function assertSpan(
         throw new Error(`Expected span<HtmlDomNode> but got ${String(group)}.`);
     }
 }
+
+/**
+ * Whether an HtmlDomNode has HtmlDomNode children.
+ * HtmlDomNode is a base type representing a union of
+ * SymbolNode, SvgSpan, DomSpan, Anchor, and documentFragment.
+ * In the last three cases, the children are HtmlDomNode[].
+ */
+export const hasHtmlDomChildren = (
+    node: HtmlDomNode,
+): node is DomSpan | Anchor | documentFragment =>
+    node instanceof Span ||
+    node instanceof Anchor ||
+    node instanceof DocumentFragment;

package/src/functions/accent.ts

@@ -1,10 +1,10 @@
 import defineFunction, {normalizeArgument} from "../defineFunction";
 import {makeOrd, makeSpan, makeVList, staticSvg, svgData} from "../buildCommon";
-import {getBaseElem, isCharacterBox} from "../utils";
+import {isCharacterBox} from "../utils";
 import {MathNode} from "../mathMLTree";
 import {stretchyMathML, stretchySvg} from "../stretchy";
 import {assertNodeType} from "../parseNode";
-import {assertSpan, assertSymbolDomNode} from "../domTree";
+import {assertSpan, assertSymbolDomNode, hasHtmlDomChildren, SymbolNode} from "../domTree";
 import {makeEm} from "../units";
 
 import * as html from "../buildHTML";
@@ -12,6 +12,16 @@ import * as mml from "../buildMathML";
 
 import type {ParseNode, AnyParseNode} from "../parseNode";
 import type {HtmlBuilderSupSub, MathMLBuilder} from "../defineFunction";
+import type {HtmlDomNode} from "../domTree";
+
+const getBaseSymbol = (group: HtmlDomNode): SymbolNode | undefined => {
+    if (group instanceof SymbolNode) {
+        return group;
+    }
+    if (hasHtmlDomChildren(group) && group.children.length === 1) {
+        return getBaseSymbol(group.children[0]);
+    }
+};
 
 // NOTE: Unlike most `htmlBuilder`s, this one handles not only "accent", but
 // also "supsub" since an accent can affect super/subscripting.
@@ -61,17 +71,9 @@ export const htmlBuilder: HtmlBuilderSupSub<"accent"> = (grp, options) => {
     // and the skewchar.
     let skew = 0;
     if (mustShift) {
-        // If the base is a character box, then we want the skew of the
-        // innermost character. To do that, we find the innermost character:
-        const baseChar = getBaseElem(base);
-        // Then, we render its group to get the symbol inside it
-        const baseGroup = html.buildGroup(baseChar, options.havingCrampedStyle());
-        // Finally, we pull the skew off of the symbol.
-        skew = assertSymbolDomNode(baseGroup).skew;
-        // Note that we now throw away baseGroup, because the layers we
-        // removed with getBaseElem might contain things like \color which
-        // we can't get rid of.
-        // TODO(emily): Find a better way to get the skew
+        // Read the skew from the rendered base symbol.
+        // This preserves font metrics from font wrappers like \mathbb.
+        skew = getBaseSymbol(body)?.skew ?? 0;
     }
 
     const accentBelow = group.label === "\\c";