dominds 1.3.1 → 1.4.2

package/dist/static/assets/{index-DMbwqOm6.js → index-B-8J28g7.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-YwdsZ11r.js","assets/graph-BYv8vyWe.js","assets/_baseUniq-CgDZxcD0.js","assets/layout-OTbrj0Ye.js","assets/_basePickBy-CmziIRM9.js","assets/clone-0VLS7GaA.js","assets/cose-bilkent-S5V4N54A-anaPs-75.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-DBf1NeBf.js","assets/chunk-TZMSLE5B-Nm5wTXa_.js","assets/flowDiagram-NV44I4VS-DT821XSz.js","assets/chunk-FMBD7UC4-DiwRlImb.js","assets/chunk-55IACEB6-CSDEOGl2.js","assets/chunk-QN33PNHL-wilj7fb5.js","assets/channel-Dc34yAJl.js","assets/erDiagram-Q2GNP2WA-CEzTKw1u.js","assets/gitGraphDiagram-V2S2FVAM-yAfyBG_d.js","assets/chunk-4BX2VUAB-B65G1dJI.js","assets/chunk-QZHKN3VN-DGmviJfR.js","assets/treemap-GDKQZRPO-Bsqu3wIy.js","assets/ganttDiagram-JELNMOA3-DlmeVsGg.js","assets/linear-CVfOC669.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-DaadramQ.js","assets/pieDiagram-ADFJNKIX-DaUXTsv7.js","assets/arc-Df9rjNNk.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-B7O2wPX9.js","assets/xychartDiagram-PRI3JC2R-RZy33lFF.js","assets/requirementDiagram-UZGBJVZJ-DpauVPY1.js","assets/sequenceDiagram-WL72ISMW-KdbWByWT.js","assets/classDiagram-2ON5EDUG-BvUbXD6H.js","assets/chunk-B4BG7PRW-Cb6W3QWJ.js","assets/classDiagram-v2-WZHVMYZB-BvUbXD6H.js","assets/stateDiagram-FKZM4ZOC-yDOCVezC.js","assets/chunk-DI55MBZ5-ZAJWeVWH.js","assets/stateDiagram-v2-4FDKWEC3-CpCJhvQO.js","assets/journeyDiagram-XKPGCS4Q-ftN8hxu3.js","assets/timeline-definition-IT6M3QCI-CHxuEjhV.js","assets/mindmap-definition-VGOIOE7T-D2zv5uI9.js","assets/kanban-definition-3W4ZIXB7-BIXETQ-C.js","assets/sankeyDiagram-TZEHDZUN-B3Hbfvad.js","assets/diagram-S2PKOQOG-DyQjD4D5.js","assets/diagram-QEK2KX5R-Mf24XxZL.js","assets/blockDiagram-VD42YOAC-D9Egoflr.js","assets/architectureDiagram-VXUJARFQ-Bif8topC.js","assets/diagram-PSM6KHXK-5KQCf3h2.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/dagre-6UL2VRFP-BcweuZHt.js","assets/graph-DbzWiBNK.js","assets/_baseUniq-CLmcxjdl.js","assets/layout-C5B58szc.js","assets/_basePickBy-B2o4z1Hf.js","assets/clone-BlI81KqZ.js","assets/cose-bilkent-S5V4N54A-yM7S2atz.js","assets/cytoscape.esm-Bm8DJGmZ.js","assets/c4Diagram-YG6GDRKO-B0WnCfAT.js","assets/chunk-TZMSLE5B-DyKOlPTY.js","assets/flowDiagram-NV44I4VS-BsBhWukh.js","assets/chunk-FMBD7UC4-5uefwCjI.js","assets/chunk-55IACEB6-CdqwynH9.js","assets/chunk-QN33PNHL-DzWVcvpI.js","assets/channel-CX9BlKil.js","assets/erDiagram-Q2GNP2WA-DLKmthuw.js","assets/gitGraphDiagram-V2S2FVAM-BnAPFBGR.js","assets/chunk-4BX2VUAB-lXArRj3o.js","assets/chunk-QZHKN3VN-BrrvAZdP.js","assets/treemap-GDKQZRPO-d0AbKEc4.js","assets/ganttDiagram-JELNMOA3-Debz-J-C.js","assets/linear-_32fut6G.js","assets/init-ZxktEp_H.js","assets/defaultLocale-B2RvLBDe.js","assets/infoDiagram-HS3SLOUP-CZ5hWoxV.js","assets/pieDiagram-ADFJNKIX-BQ2n0cOB.js","assets/arc-CymD_KN7.js","assets/ordinal-CxptdPJm.js","assets/quadrantDiagram-AYHSOK5B-BLg7_neg.js","assets/xychartDiagram-PRI3JC2R-CmSQMxUh.js","assets/requirementDiagram-UZGBJVZJ-DwkJt0zi.js","assets/sequenceDiagram-WL72ISMW-KHU_eApU.js","assets/classDiagram-2ON5EDUG-FCrnlCWC.js","assets/chunk-B4BG7PRW-Y-uXcJst.js","assets/classDiagram-v2-WZHVMYZB-FCrnlCWC.js","assets/stateDiagram-FKZM4ZOC-B3DBCxAL.js","assets/chunk-DI55MBZ5-C5xSbRST.js","assets/stateDiagram-v2-4FDKWEC3-C-uIk7gh.js","assets/journeyDiagram-XKPGCS4Q-CKN3oSxk.js","assets/timeline-definition-IT6M3QCI-SysEcQCC.js","assets/mindmap-definition-VGOIOE7T-C_goMzjx.js","assets/kanban-definition-3W4ZIXB7-BQCMklfJ.js","assets/sankeyDiagram-TZEHDZUN-DmxmatUB.js","assets/diagram-S2PKOQOG-pB6N6Tq_.js","assets/diagram-QEK2KX5R-BVbuejJn.js","assets/blockDiagram-VD42YOAC-pHVz60D0.js","assets/architectureDiagram-VXUJARFQ-DJQfSJUH.js","assets/diagram-PSM6KHXK-D4-QwLW1.js"])))=>i.map(i=>d[i]);
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -4450,7 +4450,7 @@ const _createHooksMap = function _createHooksMap2() {
 function createDOMPurify() {
   let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
   const DOMPurify = (root2) => createDOMPurify(root2);
-  DOMPurify.version = "3.3.1";
+  DOMPurify.version = "3.3.2";
   DOMPurify.removed = [];
   if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
     DOMPurify.isSupported = false;
@@ -4651,7 +4651,7 @@ function createDOMPurify() {
     }
     if (USE_PROFILES) {
       ALLOWED_TAGS = addToSet({}, text$4);
-      ALLOWED_ATTR = [];
+      ALLOWED_ATTR = create$1(null);
       if (USE_PROFILES.html === true) {
         addToSet(ALLOWED_TAGS, html$1);
         addToSet(ALLOWED_ATTR, html);
@@ -4672,6 +4672,12 @@ function createDOMPurify() {
         addToSet(ALLOWED_ATTR, xml);
       }
     }
+    if (!objectHasOwnProperty(cfg, "ADD_TAGS")) {
+      EXTRA_ELEMENT_HANDLING.tagCheck = null;
+    }
+    if (!objectHasOwnProperty(cfg, "ADD_ATTR")) {
+      EXTRA_ELEMENT_HANDLING.attributeCheck = null;
+    }
     if (cfg.ADD_TAGS) {
       if (typeof cfg.ADD_TAGS === "function") {
         EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS;
@@ -4950,6 +4956,9 @@ function createDOMPurify() {
     return false;
   };
   const _isValidAttribute = function _isValidAttribute2(lcTag, lcName, value) {
+    if (FORBID_ATTR[lcName]) {
+      return false;
+    }
     if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document2 || value in formElement)) {
       return false;
     }
@@ -5016,7 +5025,7 @@ function createDOMPurify() {
         _removeAttribute(name, currentNode);
         value = SANITIZE_NAMED_PROPS_PREFIX + value;
       }
-      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title|textarea)/i, value)) {
+      if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) {
         _removeAttribute(name, currentNode);
         continue;
       }
@@ -62524,65 +62533,11 @@ class DomindsCodeBlock extends HTMLElement {
 if (!customElements.get("dominds-code-block")) {
   customElements.define("dominds-code-block", DomindsCodeBlock);
 }
-class SourceLocation {
-  // The + prefix indicates that these fields aren't writeable
-  // Lexer holding the input string.
-  // Start offset, zero-based inclusive.
-  // End offset, zero-based exclusive.
-  constructor(lexer, start2, end) {
-    this.lexer = void 0;
-    this.start = void 0;
-    this.end = void 0;
-    this.lexer = lexer;
-    this.start = start2;
-    this.end = end;
-  }
-  /**
-   * Merges two `SourceLocation`s from location providers, given they are
-   * provided in order of appearance.
-   * - Returns the first one's location if only the first is provided.
-   * - Returns a merged range of the first and the last if both are provided
-   *   and their lexers match.
-   * - Otherwise, returns null.
-   */
-  static range(first, second) {
-    if (!second) {
-      return first && first.loc;
-    } else if (!first || !first.loc || !second.loc || first.loc.lexer !== second.loc.lexer) {
-      return null;
-    } else {
-      return new SourceLocation(first.loc.lexer, first.loc.start, second.loc.end);
-    }
-  }
-}
-class Token {
-  // don't expand the token
-  // used in \noexpand
-  constructor(text2, loc) {
-    this.text = void 0;
-    this.loc = void 0;
-    this.noexpand = void 0;
-    this.treatAsRelax = void 0;
-    this.text = text2;
-    this.loc = loc;
-  }
-  /**
-   * Given a pair of tokens (this and endToken), compute a `Token` encompassing
-   * the whole input range enclosed by these two.
-   */
-  range(endToken, text2) {
-    return new Token(text2, SourceLocation.range(this, endToken));
-  }
-}
-class ParseError {
+class ParseError extends Error {
   // Error start position based on passed-in Token or ParseNode.
   // Length of affected text based on passed-in Token or ParseNode.
   // The underlying error message without any context added.
   constructor(message, token2) {
-    this.name = void 0;
-    this.position = void 0;
-    this.length = void 0;
-    this.rawMessage = void 0;
     var error2 = "KaTeX parse error: " + message;
     var start2;
     var end;
@@ -62611,18 +62566,16 @@ class ParseError {
       }
       error2 += left + underlined + right;
     }
-    var self2 = new Error(error2);
-    self2.name = "ParseError";
-    self2.__proto__ = ParseError.prototype;
-    self2.position = start2;
+    super(error2);
+    this.name = "ParseError";
+    Object.setPrototypeOf(this, ParseError.prototype);
+    this.position = start2;
     if (start2 != null && end != null) {
-      self2.length = end - start2;
+      this.length = end - start2;
     }
-    self2.rawMessage = message;
-    return self2;
+    this.rawMessage = message;
   }
 }
-ParseError.prototype.__proto__ = Error.prototype;
 var uppercase = /([A-Z])/g;
 var hyphenate = (str2) => str2.replace(uppercase, "-$1").toLowerCase();
 var ESCAPE_LOOKUP = {
@@ -62759,7 +62712,7 @@ var SETTINGS_SCHEMA = {
   }
 };
 function getDefaultValue(schema2) {
-  if (schema2.default) {
+  if ("default" in schema2) {
     return schema2.default;
   }
   var type2 = schema2.type;
@@ -62780,26 +62733,14 @@ function getDefaultValue(schema2) {
 }
 class Settings {
   constructor(options) {
-    this.displayMode = void 0;
-    this.output = void 0;
-    this.leqno = void 0;
-    this.fleqn = void 0;
-    this.throwOnError = void 0;
-    this.errorColor = void 0;
-    this.macros = void 0;
-    this.minRuleThickness = void 0;
-    this.colorIsTextColor = void 0;
-    this.strict = void 0;
-    this.trust = void 0;
-    this.maxSize = void 0;
-    this.maxExpand = void 0;
-    this.globalGroup = void 0;
+    if (options === void 0) {
+      options = {};
+    }
     options = options || {};
-    for (var prop in SETTINGS_SCHEMA) {
-      if (SETTINGS_SCHEMA.hasOwnProperty(prop)) {
-        var schema2 = SETTINGS_SCHEMA[prop];
-        this[prop] = options[prop] !== void 0 ? schema2.processor ? schema2.processor(options[prop]) : options[prop] : getDefaultValue(schema2);
-      }
+    for (var prop of Object.keys(SETTINGS_SCHEMA)) {
+      var schema2 = SETTINGS_SCHEMA[prop];
+      var optionValue = options[prop];
+      this[prop] = optionValue !== void 0 ? schema2.processor ? schema2.processor(optionValue) : optionValue : getDefaultValue(schema2);
     }
   }
   /**
@@ -62859,7 +62800,7 @@ class Settings {
    * get added by this function (changing the specified object).
    */
   isTrusted(context) {
-    if (context.url && !context.protocol) {
+    if ("url" in context && context.url && !context.protocol) {
       var protocol = protocolFromUrl(context.url);
       if (protocol == null) {
         return false;
@@ -62872,9 +62813,6 @@ class Settings {
 }
 class Style {
   constructor(id28, size, cramped) {
-    this.id = void 0;
-    this.size = void 0;
-    this.cramped = void 0;
     this.id = id28;
     this.size = size;
     this.cramped = cramped;
@@ -63203,48 +63141,387 @@ var tallDelim = function tallDelim2(label, midHeight) {
       throw new Error("Unknown stretchy delimiter.");
   }
 };
-class DocumentFragment {
-  // Never used; needed for satisfying interface.
-  constructor(children2) {
-    this.children = void 0;
-    this.classes = void 0;
-    this.height = void 0;
-    this.depth = void 0;
-    this.maxFontSize = void 0;
-    this.style = void 0;
-    this.children = children2;
-    this.classes = [];
+var ptPerUnit = {
+  // https://en.wikibooks.org/wiki/LaTeX/Lengths and
+  // https://tex.stackexchange.com/a/8263
+  "pt": 1,
+  // TeX point
+  "mm": 7227 / 2540,
+  // millimeter
+  "cm": 7227 / 254,
+  // centimeter
+  "in": 72.27,
+  // inch
+  "bp": 803 / 800,
+  // big (PostScript) points
+  "pc": 12,
+  // pica
+  "dd": 1238 / 1157,
+  // didot
+  "cc": 14856 / 1157,
+  // cicero (12 didot)
+  "nd": 685 / 642,
+  // new didot
+  "nc": 1370 / 107,
+  // new cicero (12 new didot)
+  "sp": 1 / 65536,
+  // scaled point (TeX's internal smallest unit)
+  // https://tex.stackexchange.com/a/41371
+  "px": 803 / 800
+  // \pdfpxdimen defaults to 1 bp in pdfTeX and LuaTeX
+};
+var relativeUnit = {
+  "ex": true,
+  "em": true,
+  "mu": true
+};
+var validUnit = function validUnit2(unit) {
+  if (typeof unit !== "string") {
+    unit = unit.unit;
+  }
+  return unit in ptPerUnit || unit in relativeUnit || unit === "ex";
+};
+var calculateSize$1 = function calculateSize(sizeValue, options) {
+  var scale;
+  if (sizeValue.unit in ptPerUnit) {
+    scale = ptPerUnit[sizeValue.unit] / options.fontMetrics().ptPerEm / options.sizeMultiplier;
+  } else if (sizeValue.unit === "mu") {
+    scale = options.fontMetrics().cssEmPerMu;
+  } else {
+    var unitOptions;
+    if (options.style.isTight()) {
+      unitOptions = options.havingStyle(options.style.text());
+    } else {
+      unitOptions = options;
+    }
+    if (sizeValue.unit === "ex") {
+      scale = unitOptions.fontMetrics().xHeight;
+    } else if (sizeValue.unit === "em") {
+      scale = unitOptions.fontMetrics().quad;
+    } else {
+      throw new ParseError("Invalid unit: '" + sizeValue.unit + "'");
+    }
+    if (unitOptions !== options) {
+      scale *= unitOptions.sizeMultiplier / options.sizeMultiplier;
+    }
+  }
+  return Math.min(sizeValue.number * scale, options.maxSize);
+};
+var makeEm = function makeEm2(n2) {
+  return +n2.toFixed(4) + "em";
+};
+var createClass = function createClass2(classes) {
+  return classes.filter((cls) => cls).join(" ");
+};
+var initNode = function initNode2(classes, options, style2) {
+  this.classes = classes || [];
+  this.attributes = {};
+  this.height = 0;
+  this.depth = 0;
+  this.maxFontSize = 0;
+  this.style = style2 || {};
+  if (options) {
+    if (options.style.isTight()) {
+      this.classes.push("mtight");
+    }
+    var color2 = options.getColor();
+    if (color2) {
+      this.style.color = color2;
+    }
+  }
+};
+var toNode = function toNode2(tagName) {
+  var node2 = document.createElement(tagName);
+  node2.className = createClass(this.classes);
+  for (var key of Object.keys(this.style)) {
+    node2.style[key] = this.style[key];
+  }
+  for (var attr of Object.keys(this.attributes)) {
+    node2.setAttribute(attr, this.attributes[attr]);
+  }
+  for (var i2 = 0; i2 < this.children.length; i2++) {
+    node2.appendChild(this.children[i2].toNode());
+  }
+  return node2;
+};
+var invalidAttributeNameRegex = /[\s"'>/=\x00-\x1f]/;
+var toMarkup = function toMarkup2(tagName) {
+  var markup = "<" + tagName;
+  if (this.classes.length) {
+    markup += ' class="' + escape$1(createClass(this.classes)) + '"';
+  }
+  var styles2 = "";
+  for (var key of Object.keys(this.style)) {
+    styles2 += hyphenate(key) + ":" + this.style[key] + ";";
+  }
+  if (styles2) {
+    markup += ' style="' + escape$1(styles2) + '"';
+  }
+  for (var attr of Object.keys(this.attributes)) {
+    if (invalidAttributeNameRegex.test(attr)) {
+      throw new ParseError("Invalid attribute name '" + attr + "'");
+    }
+    markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
+  }
+  markup += ">";
+  for (var i2 = 0; i2 < this.children.length; i2++) {
+    markup += this.children[i2].toMarkup();
+  }
+  markup += "</" + tagName + ">";
+  return markup;
+};
+class Span {
+  constructor(classes, children2, options, style2) {
+    initNode.call(this, classes, options, style2);
+    this.children = children2 || [];
+  }
+  /**
+   * Sets an arbitrary attribute on the span. Warning: use this wisely. Not
+   * all browsers support attributes the same, and having too many custom
+   * attributes is probably bad.
+   */
+  setAttribute(attribute2, value) {
+    this.attributes[attribute2] = value;
+  }
+  hasClass(className) {
+    return this.classes.includes(className);
+  }
+  toNode() {
+    return toNode.call(this, "span");
+  }
+  toMarkup() {
+    return toMarkup.call(this, "span");
+  }
+}
+class Anchor {
+  constructor(href, classes, children2, options) {
+    initNode.call(this, classes, options);
+    this.children = children2 || [];
+    this.setAttribute("href", href);
+  }
+  setAttribute(attribute2, value) {
+    this.attributes[attribute2] = value;
+  }
+  hasClass(className) {
+    return this.classes.includes(className);
+  }
+  toNode() {
+    return toNode.call(this, "a");
+  }
+  toMarkup() {
+    return toMarkup.call(this, "a");
+  }
+}
+class Img {
+  constructor(src, alt, style2) {
+    this.alt = alt;
+    this.src = src;
+    this.classes = ["mord"];
     this.height = 0;
     this.depth = 0;
     this.maxFontSize = 0;
-    this.style = {};
+    this.style = style2;
   }
   hasClass(className) {
     return this.classes.includes(className);
   }
-  /** Convert the fragment into a node. */
   toNode() {
-    var frag = document.createDocumentFragment();
+    var node2 = document.createElement("img");
+    node2.src = this.src;
+    node2.alt = this.alt;
+    node2.className = "mord";
+    for (var key of Object.keys(this.style)) {
+      node2.style[key] = this.style[key];
+    }
+    return node2;
+  }
+  toMarkup() {
+    var markup = '<img src="' + escape$1(this.src) + '"' + (' alt="' + escape$1(this.alt) + '"');
+    var styles2 = "";
+    for (var key of Object.keys(this.style)) {
+      styles2 += hyphenate(key) + ":" + this.style[key] + ";";
+    }
+    if (styles2) {
+      markup += ' style="' + escape$1(styles2) + '"';
+    }
+    markup += "'/>";
+    return markup;
+  }
+}
+var iCombinations = {
+  "î": "ı̂",
+  "ï": "ı̈",
+  "í": "ı́",
+  // 'ī': '\u0131\u0304', // enable when we add Extended Latin
+  "ì": "ı̀"
+};
+class SymbolNode {
+  constructor(text2, height, depth, italic, skew2, width, classes, style2) {
+    this.text = text2;
+    this.height = height || 0;
+    this.depth = depth || 0;
+    this.italic = italic || 0;
+    this.skew = skew2 || 0;
+    this.width = width || 0;
+    this.classes = classes || [];
+    this.style = style2 || {};
+    this.maxFontSize = 0;
+    var script = scriptFromCodepoint(this.text.charCodeAt(0));
+    if (script) {
+      this.classes.push(script + "_fallback");
+    }
+    if (/[îïíì]/.test(this.text)) {
+      this.text = iCombinations[this.text];
+    }
+  }
+  hasClass(className) {
+    return this.classes.includes(className);
+  }
+  /**
+   * Creates a text node or span from a symbol node. Note that a span is only
+   * created if it is needed.
+   */
+  toNode() {
+    var node2 = document.createTextNode(this.text);
+    var span = null;
+    if (this.italic > 0) {
+      span = document.createElement("span");
+      span.style.marginRight = makeEm(this.italic);
+    }
+    if (this.classes.length > 0) {
+      span = span || document.createElement("span");
+      span.className = createClass(this.classes);
+    }
+    for (var key of Object.keys(this.style)) {
+      span = span || document.createElement("span");
+      span.style[key] = this.style[key];
+    }
+    if (span) {
+      span.appendChild(node2);
+      return span;
+    } else {
+      return node2;
+    }
+  }
+  /**
+   * Creates markup for a symbol node.
+   */
+  toMarkup() {
+    var needsSpan = false;
+    var markup = "<span";
+    if (this.classes.length) {
+      needsSpan = true;
+      markup += ' class="';
+      markup += escape$1(createClass(this.classes));
+      markup += '"';
+    }
+    var styles2 = "";
+    if (this.italic > 0) {
+      styles2 += "margin-right:" + this.italic + "em;";
+    }
+    for (var key of Object.keys(this.style)) {
+      styles2 += hyphenate(key) + ":" + this.style[key] + ";";
+    }
+    if (styles2) {
+      needsSpan = true;
+      markup += ' style="' + escape$1(styles2) + '"';
+    }
+    var escaped = escape$1(this.text);
+    if (needsSpan) {
+      markup += ">";
+      markup += escaped;
+      markup += "</span>";
+      return markup;
+    } else {
+      return escaped;
+    }
+  }
+}
+class SvgNode {
+  constructor(children2, attributes) {
+    this.children = children2 || [];
+    this.attributes = attributes || {};
+  }
+  toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node2 = document.createElementNS(svgNS, "svg");
+    for (var attr of Object.keys(this.attributes)) {
+      node2.setAttribute(attr, this.attributes[attr]);
+    }
     for (var i2 = 0; i2 < this.children.length; i2++) {
-      frag.appendChild(this.children[i2].toNode());
+      node2.appendChild(this.children[i2].toNode());
     }
-    return frag;
+    return node2;
   }
-  /** Convert the fragment into HTML markup. */
   toMarkup() {
-    var markup = "";
+    var markup = '<svg xmlns="http://www.w3.org/2000/svg"';
+    for (var attr of Object.keys(this.attributes)) {
+      markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
+    }
+    markup += ">";
     for (var i2 = 0; i2 < this.children.length; i2++) {
       markup += this.children[i2].toMarkup();
     }
+    markup += "</svg>";
     return markup;
   }
-  /**
-   * Converts the math node into a string, similar to innerText. Applies to
-   * MathDomNode's only.
-   */
-  toText() {
-    var toText = (child) => child.toText();
-    return this.children.map(toText).join("");
+}
+class PathNode {
+  constructor(pathName, alternate) {
+    this.pathName = pathName;
+    this.alternate = alternate;
+  }
+  toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node2 = document.createElementNS(svgNS, "path");
+    if (this.alternate) {
+      node2.setAttribute("d", this.alternate);
+    } else {
+      node2.setAttribute("d", path[this.pathName]);
+    }
+    return node2;
+  }
+  toMarkup() {
+    if (this.alternate) {
+      return '<path d="' + escape$1(this.alternate) + '"/>';
+    } else {
+      return '<path d="' + escape$1(path[this.pathName]) + '"/>';
+    }
+  }
+}
+class LineNode {
+  constructor(attributes) {
+    this.attributes = attributes || {};
+  }
+  toNode() {
+    var svgNS = "http://www.w3.org/2000/svg";
+    var node2 = document.createElementNS(svgNS, "line");
+    for (var attr of Object.keys(this.attributes)) {
+      node2.setAttribute(attr, this.attributes[attr]);
+    }
+    return node2;
+  }
+  toMarkup() {
+    var markup = "<line";
+    for (var attr of Object.keys(this.attributes)) {
+      markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
+    }
+    markup += "/>";
+    return markup;
+  }
+}
+function assertSymbolDomNode(group) {
+  if (group instanceof SymbolNode) {
+    return group;
+  } else {
+    throw new Error("Expected symbolNode but got " + String(group) + ".");
+  }
+}
+function assertSpan(group) {
+  if (group instanceof Span) {
+    return group;
+  } else {
+    throw new Error("Expected span<HtmlDomNode> but got " + String(group) + ".");
   }
 }
 var fontMetricsData = {
@@ -65529,721 +65806,6 @@ function getGlobalMetrics(size) {
   }
   return fontMetricsBySizeIndex[sizeIndex];
 }
-var sizeStyleMap = [
-  // Each element contains [textsize, scriptsize, scriptscriptsize].
-  // The size mappings are taken from TeX with \normalsize=10pt.
-  [1, 1, 1],
-  // size1: [5, 5, 5]              \tiny
-  [2, 1, 1],
-  // size2: [6, 5, 5]
-  [3, 1, 1],
-  // size3: [7, 5, 5]              \scriptsize
-  [4, 2, 1],
-  // size4: [8, 6, 5]              \footnotesize
-  [5, 2, 1],
-  // size5: [9, 6, 5]              \small
-  [6, 3, 1],
-  // size6: [10, 7, 5]             \normalsize
-  [7, 4, 2],
-  // size7: [12, 8, 6]             \large
-  [8, 6, 3],
-  // size8: [14.4, 10, 7]          \Large
-  [9, 7, 6],
-  // size9: [17.28, 12, 10]        \LARGE
-  [10, 8, 7],
-  // size10: [20.74, 14.4, 12]     \huge
-  [11, 10, 9]
-  // size11: [24.88, 20.74, 17.28] \HUGE
-];
-var sizeMultipliers = [
-  // fontMetrics.js:getGlobalMetrics also uses size indexes, so if
-  // you change size indexes, change that function.
-  0.5,
-  0.6,
-  0.7,
-  0.8,
-  0.9,
-  1,
-  1.2,
-  1.44,
-  1.728,
-  2.074,
-  2.488
-];
-var sizeAtStyle = function sizeAtStyle2(size, style2) {
-  return style2.size < 2 ? size : sizeStyleMap[size - 1][style2.size - 1];
-};
-class Options {
-  // A font family applies to a group of fonts (i.e. SansSerif), while a font
-  // represents a specific font (i.e. SansSerif Bold).
-  // See: https://tex.stackexchange.com/questions/22350/difference-between-textrm-and-mathrm
-  /**
-   * The base size index.
-   */
-  constructor(data) {
-    this.style = void 0;
-    this.color = void 0;
-    this.size = void 0;
-    this.textSize = void 0;
-    this.phantom = void 0;
-    this.font = void 0;
-    this.fontFamily = void 0;
-    this.fontWeight = void 0;
-    this.fontShape = void 0;
-    this.sizeMultiplier = void 0;
-    this.maxSize = void 0;
-    this.minRuleThickness = void 0;
-    this._fontMetrics = void 0;
-    this.style = data.style;
-    this.color = data.color;
-    this.size = data.size || Options.BASESIZE;
-    this.textSize = data.textSize || this.size;
-    this.phantom = !!data.phantom;
-    this.font = data.font || "";
-    this.fontFamily = data.fontFamily || "";
-    this.fontWeight = data.fontWeight || "";
-    this.fontShape = data.fontShape || "";
-    this.sizeMultiplier = sizeMultipliers[this.size - 1];
-    this.maxSize = data.maxSize;
-    this.minRuleThickness = data.minRuleThickness;
-    this._fontMetrics = void 0;
-  }
-  /**
-   * Returns a new options object with the same properties as "this".  Properties
-   * from "extension" will be copied to the new options object.
-   */
-  extend(extension2) {
-    var data = {
-      style: this.style,
-      size: this.size,
-      textSize: this.textSize,
-      color: this.color,
-      phantom: this.phantom,
-      font: this.font,
-      fontFamily: this.fontFamily,
-      fontWeight: this.fontWeight,
-      fontShape: this.fontShape,
-      maxSize: this.maxSize,
-      minRuleThickness: this.minRuleThickness
-    };
-    for (var key in extension2) {
-      if (extension2.hasOwnProperty(key)) {
-        data[key] = extension2[key];
-      }
-    }
-    return new Options(data);
-  }
-  /**
-   * Return an options object with the given style. If `this.style === style`,
-   * returns `this`.
-   */
-  havingStyle(style2) {
-    if (this.style === style2) {
-      return this;
-    } else {
-      return this.extend({
-        style: style2,
-        size: sizeAtStyle(this.textSize, style2)
-      });
-    }
-  }
-  /**
-   * Return an options object with a cramped version of the current style. If
-   * the current style is cramped, returns `this`.
-   */
-  havingCrampedStyle() {
-    return this.havingStyle(this.style.cramp());
-  }
-  /**
-   * Return an options object with the given size and in at least `\textstyle`.
-   * Returns `this` if appropriate.
-   */
-  havingSize(size) {
-    if (this.size === size && this.textSize === size) {
-      return this;
-    } else {
-      return this.extend({
-        style: this.style.text(),
-        size,
-        textSize: size,
-        sizeMultiplier: sizeMultipliers[size - 1]
-      });
-    }
-  }
-  /**
-   * Like `this.havingSize(BASESIZE).havingStyle(style)`. If `style` is omitted,
-   * changes to at least `\textstyle`.
-   */
-  havingBaseStyle(style2) {
-    style2 = style2 || this.style.text();
-    var wantSize = sizeAtStyle(Options.BASESIZE, style2);
-    if (this.size === wantSize && this.textSize === Options.BASESIZE && this.style === style2) {
-      return this;
-    } else {
-      return this.extend({
-        style: style2,
-        size: wantSize
-      });
-    }
-  }
-  /**
-   * Remove the effect of sizing changes such as \Huge.
-   * Keep the effect of the current style, such as \scriptstyle.
-   */
-  havingBaseSizing() {
-    var size;
-    switch (this.style.id) {
-      case 4:
-      case 5:
-        size = 3;
-        break;
-      case 6:
-      case 7:
-        size = 1;
-        break;
-      default:
-        size = 6;
-    }
-    return this.extend({
-      style: this.style.text(),
-      size
-    });
-  }
-  /**
-   * Create a new options object with the given color.
-   */
-  withColor(color2) {
-    return this.extend({
-      color: color2
-    });
-  }
-  /**
-   * Create a new options object with "phantom" set to true.
-   */
-  withPhantom() {
-    return this.extend({
-      phantom: true
-    });
-  }
-  /**
-   * Creates a new options object with the given math font or old text font.
-   * @type {[type]}
-   */
-  withFont(font) {
-    return this.extend({
-      font
-    });
-  }
-  /**
-   * Create a new options objects with the given fontFamily.
-   */
-  withTextFontFamily(fontFamily) {
-    return this.extend({
-      fontFamily,
-      font: ""
-    });
-  }
-  /**
-   * Creates a new options object with the given font weight
-   */
-  withTextFontWeight(fontWeight) {
-    return this.extend({
-      fontWeight,
-      font: ""
-    });
-  }
-  /**
-   * Creates a new options object with the given font weight
-   */
-  withTextFontShape(fontShape) {
-    return this.extend({
-      fontShape,
-      font: ""
-    });
-  }
-  /**
-   * Return the CSS sizing classes required to switch from enclosing options
-   * `oldOptions` to `this`. Returns an array of classes.
-   */
-  sizingClasses(oldOptions) {
-    if (oldOptions.size !== this.size) {
-      return ["sizing", "reset-size" + oldOptions.size, "size" + this.size];
-    } else {
-      return [];
-    }
-  }
-  /**
-   * Return the CSS sizing classes required to switch to the base size. Like
-   * `this.havingSize(BASESIZE).sizingClasses(this)`.
-   */
-  baseSizingClasses() {
-    if (this.size !== Options.BASESIZE) {
-      return ["sizing", "reset-size" + this.size, "size" + Options.BASESIZE];
-    } else {
-      return [];
-    }
-  }
-  /**
-   * Return the font metrics for this size.
-   */
-  fontMetrics() {
-    if (!this._fontMetrics) {
-      this._fontMetrics = getGlobalMetrics(this.size);
-    }
-    return this._fontMetrics;
-  }
-  /**
-   * Gets the CSS color of the current options object
-   */
-  getColor() {
-    if (this.phantom) {
-      return "transparent";
-    } else {
-      return this.color;
-    }
-  }
-}
-Options.BASESIZE = 6;
-var ptPerUnit = {
-  // https://en.wikibooks.org/wiki/LaTeX/Lengths and
-  // https://tex.stackexchange.com/a/8263
-  "pt": 1,
-  // TeX point
-  "mm": 7227 / 2540,
-  // millimeter
-  "cm": 7227 / 254,
-  // centimeter
-  "in": 72.27,
-  // inch
-  "bp": 803 / 800,
-  // big (PostScript) points
-  "pc": 12,
-  // pica
-  "dd": 1238 / 1157,
-  // didot
-  "cc": 14856 / 1157,
-  // cicero (12 didot)
-  "nd": 685 / 642,
-  // new didot
-  "nc": 1370 / 107,
-  // new cicero (12 new didot)
-  "sp": 1 / 65536,
-  // scaled point (TeX's internal smallest unit)
-  // https://tex.stackexchange.com/a/41371
-  "px": 803 / 800
-  // \pdfpxdimen defaults to 1 bp in pdfTeX and LuaTeX
-};
-var relativeUnit = {
-  "ex": true,
-  "em": true,
-  "mu": true
-};
-var validUnit = function validUnit2(unit) {
-  if (typeof unit !== "string") {
-    unit = unit.unit;
-  }
-  return unit in ptPerUnit || unit in relativeUnit || unit === "ex";
-};
-var calculateSize$1 = function calculateSize(sizeValue, options) {
-  var scale;
-  if (sizeValue.unit in ptPerUnit) {
-    scale = ptPerUnit[sizeValue.unit] / options.fontMetrics().ptPerEm / options.sizeMultiplier;
-  } else if (sizeValue.unit === "mu") {
-    scale = options.fontMetrics().cssEmPerMu;
-  } else {
-    var unitOptions;
-    if (options.style.isTight()) {
-      unitOptions = options.havingStyle(options.style.text());
-    } else {
-      unitOptions = options;
-    }
-    if (sizeValue.unit === "ex") {
-      scale = unitOptions.fontMetrics().xHeight;
-    } else if (sizeValue.unit === "em") {
-      scale = unitOptions.fontMetrics().quad;
-    } else {
-      throw new ParseError("Invalid unit: '" + sizeValue.unit + "'");
-    }
-    if (unitOptions !== options) {
-      scale *= unitOptions.sizeMultiplier / options.sizeMultiplier;
-    }
-  }
-  return Math.min(sizeValue.number * scale, options.maxSize);
-};
-var makeEm = function makeEm2(n2) {
-  return +n2.toFixed(4) + "em";
-};
-var createClass = function createClass2(classes) {
-  return classes.filter((cls) => cls).join(" ");
-};
-var initNode = function initNode2(classes, options, style2) {
-  this.classes = classes || [];
-  this.attributes = {};
-  this.height = 0;
-  this.depth = 0;
-  this.maxFontSize = 0;
-  this.style = style2 || {};
-  if (options) {
-    if (options.style.isTight()) {
-      this.classes.push("mtight");
-    }
-    var color2 = options.getColor();
-    if (color2) {
-      this.style.color = color2;
-    }
-  }
-};
-var toNode = function toNode2(tagName) {
-  var node2 = document.createElement(tagName);
-  node2.className = createClass(this.classes);
-  for (var style2 in this.style) {
-    if (this.style.hasOwnProperty(style2)) {
-      node2.style[style2] = this.style[style2];
-    }
-  }
-  for (var attr in this.attributes) {
-    if (this.attributes.hasOwnProperty(attr)) {
-      node2.setAttribute(attr, this.attributes[attr]);
-    }
-  }
-  for (var i2 = 0; i2 < this.children.length; i2++) {
-    node2.appendChild(this.children[i2].toNode());
-  }
-  return node2;
-};
-var invalidAttributeNameRegex = /[\s"'>/=\x00-\x1f]/;
-var toMarkup = function toMarkup2(tagName) {
-  var markup = "<" + tagName;
-  if (this.classes.length) {
-    markup += ' class="' + escape$1(createClass(this.classes)) + '"';
-  }
-  var styles2 = "";
-  for (var style2 in this.style) {
-    if (this.style.hasOwnProperty(style2)) {
-      styles2 += hyphenate(style2) + ":" + this.style[style2] + ";";
-    }
-  }
-  if (styles2) {
-    markup += ' style="' + escape$1(styles2) + '"';
-  }
-  for (var attr in this.attributes) {
-    if (this.attributes.hasOwnProperty(attr)) {
-      if (invalidAttributeNameRegex.test(attr)) {
-        throw new ParseError("Invalid attribute name '" + attr + "'");
-      }
-      markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
-    }
-  }
-  markup += ">";
-  for (var i2 = 0; i2 < this.children.length; i2++) {
-    markup += this.children[i2].toMarkup();
-  }
-  markup += "</" + tagName + ">";
-  return markup;
-};
-class Span {
-  constructor(classes, children2, options, style2) {
-    this.children = void 0;
-    this.attributes = void 0;
-    this.classes = void 0;
-    this.height = void 0;
-    this.depth = void 0;
-    this.width = void 0;
-    this.maxFontSize = void 0;
-    this.style = void 0;
-    initNode.call(this, classes, options, style2);
-    this.children = children2 || [];
-  }
-  /**
-   * Sets an arbitrary attribute on the span. Warning: use this wisely. Not
-   * all browsers support attributes the same, and having too many custom
-   * attributes is probably bad.
-   */
-  setAttribute(attribute2, value) {
-    this.attributes[attribute2] = value;
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  toNode() {
-    return toNode.call(this, "span");
-  }
-  toMarkup() {
-    return toMarkup.call(this, "span");
-  }
-}
-class Anchor {
-  constructor(href, classes, children2, options) {
-    this.children = void 0;
-    this.attributes = void 0;
-    this.classes = void 0;
-    this.height = void 0;
-    this.depth = void 0;
-    this.maxFontSize = void 0;
-    this.style = void 0;
-    initNode.call(this, classes, options);
-    this.children = children2 || [];
-    this.setAttribute("href", href);
-  }
-  setAttribute(attribute2, value) {
-    this.attributes[attribute2] = value;
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  toNode() {
-    return toNode.call(this, "a");
-  }
-  toMarkup() {
-    return toMarkup.call(this, "a");
-  }
-}
-class Img {
-  constructor(src, alt, style2) {
-    this.src = void 0;
-    this.alt = void 0;
-    this.classes = void 0;
-    this.height = void 0;
-    this.depth = void 0;
-    this.maxFontSize = void 0;
-    this.style = void 0;
-    this.alt = alt;
-    this.src = src;
-    this.classes = ["mord"];
-    this.style = style2;
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  toNode() {
-    var node2 = document.createElement("img");
-    node2.src = this.src;
-    node2.alt = this.alt;
-    node2.className = "mord";
-    for (var style2 in this.style) {
-      if (this.style.hasOwnProperty(style2)) {
-        node2.style[style2] = this.style[style2];
-      }
-    }
-    return node2;
-  }
-  toMarkup() {
-    var markup = '<img src="' + escape$1(this.src) + '"' + (' alt="' + escape$1(this.alt) + '"');
-    var styles2 = "";
-    for (var style2 in this.style) {
-      if (this.style.hasOwnProperty(style2)) {
-        styles2 += hyphenate(style2) + ":" + this.style[style2] + ";";
-      }
-    }
-    if (styles2) {
-      markup += ' style="' + escape$1(styles2) + '"';
-    }
-    markup += "'/>";
-    return markup;
-  }
-}
-var iCombinations = {
-  "î": "ı̂",
-  "ï": "ı̈",
-  "í": "ı́",
-  // 'ī': '\u0131\u0304', // enable when we add Extended Latin
-  "ì": "ı̀"
-};
-class SymbolNode {
-  constructor(text2, height, depth, italic, skew2, width, classes, style2) {
-    this.text = void 0;
-    this.height = void 0;
-    this.depth = void 0;
-    this.italic = void 0;
-    this.skew = void 0;
-    this.width = void 0;
-    this.maxFontSize = void 0;
-    this.classes = void 0;
-    this.style = void 0;
-    this.text = text2;
-    this.height = height || 0;
-    this.depth = depth || 0;
-    this.italic = italic || 0;
-    this.skew = skew2 || 0;
-    this.width = width || 0;
-    this.classes = classes || [];
-    this.style = style2 || {};
-    this.maxFontSize = 0;
-    var script = scriptFromCodepoint(this.text.charCodeAt(0));
-    if (script) {
-      this.classes.push(script + "_fallback");
-    }
-    if (/[îïíì]/.test(this.text)) {
-      this.text = iCombinations[this.text];
-    }
-  }
-  hasClass(className) {
-    return this.classes.includes(className);
-  }
-  /**
-   * Creates a text node or span from a symbol node. Note that a span is only
-   * created if it is needed.
-   */
-  toNode() {
-    var node2 = document.createTextNode(this.text);
-    var span = null;
-    if (this.italic > 0) {
-      span = document.createElement("span");
-      span.style.marginRight = makeEm(this.italic);
-    }
-    if (this.classes.length > 0) {
-      span = span || document.createElement("span");
-      span.className = createClass(this.classes);
-    }
-    for (var style2 in this.style) {
-      if (this.style.hasOwnProperty(style2)) {
-        span = span || document.createElement("span");
-        span.style[style2] = this.style[style2];
-      }
-    }
-    if (span) {
-      span.appendChild(node2);
-      return span;
-    } else {
-      return node2;
-    }
-  }
-  /**
-   * Creates markup for a symbol node.
-   */
-  toMarkup() {
-    var needsSpan = false;
-    var markup = "<span";
-    if (this.classes.length) {
-      needsSpan = true;
-      markup += ' class="';
-      markup += escape$1(createClass(this.classes));
-      markup += '"';
-    }
-    var styles2 = "";
-    if (this.italic > 0) {
-      styles2 += "margin-right:" + this.italic + "em;";
-    }
-    for (var style2 in this.style) {
-      if (this.style.hasOwnProperty(style2)) {
-        styles2 += hyphenate(style2) + ":" + this.style[style2] + ";";
-      }
-    }
-    if (styles2) {
-      needsSpan = true;
-      markup += ' style="' + escape$1(styles2) + '"';
-    }
-    var escaped = escape$1(this.text);
-    if (needsSpan) {
-      markup += ">";
-      markup += escaped;
-      markup += "</span>";
-      return markup;
-    } else {
-      return escaped;
-    }
-  }
-}
-class SvgNode {
-  constructor(children2, attributes) {
-    this.children = void 0;
-    this.attributes = void 0;
-    this.children = children2 || [];
-    this.attributes = attributes || {};
-  }
-  toNode() {
-    var svgNS = "http://www.w3.org/2000/svg";
-    var node2 = document.createElementNS(svgNS, "svg");
-    for (var attr in this.attributes) {
-      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
-        node2.setAttribute(attr, this.attributes[attr]);
-      }
-    }
-    for (var i2 = 0; i2 < this.children.length; i2++) {
-      node2.appendChild(this.children[i2].toNode());
-    }
-    return node2;
-  }
-  toMarkup() {
-    var markup = '<svg xmlns="http://www.w3.org/2000/svg"';
-    for (var attr in this.attributes) {
-      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
-        markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
-      }
-    }
-    markup += ">";
-    for (var i2 = 0; i2 < this.children.length; i2++) {
-      markup += this.children[i2].toMarkup();
-    }
-    markup += "</svg>";
-    return markup;
-  }
-}
-class PathNode {
-  constructor(pathName, alternate) {
-    this.pathName = void 0;
-    this.alternate = void 0;
-    this.pathName = pathName;
-    this.alternate = alternate;
-  }
-  toNode() {
-    var svgNS = "http://www.w3.org/2000/svg";
-    var node2 = document.createElementNS(svgNS, "path");
-    if (this.alternate) {
-      node2.setAttribute("d", this.alternate);
-    } else {
-      node2.setAttribute("d", path[this.pathName]);
-    }
-    return node2;
-  }
-  toMarkup() {
-    if (this.alternate) {
-      return '<path d="' + escape$1(this.alternate) + '"/>';
-    } else {
-      return '<path d="' + escape$1(path[this.pathName]) + '"/>';
-    }
-  }
-}
-class LineNode {
-  constructor(attributes) {
-    this.attributes = void 0;
-    this.attributes = attributes || {};
-  }
-  toNode() {
-    var svgNS = "http://www.w3.org/2000/svg";
-    var node2 = document.createElementNS(svgNS, "line");
-    for (var attr in this.attributes) {
-      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
-        node2.setAttribute(attr, this.attributes[attr]);
-      }
-    }
-    return node2;
-  }
-  toMarkup() {
-    var markup = "<line";
-    for (var attr in this.attributes) {
-      if (Object.prototype.hasOwnProperty.call(this.attributes, attr)) {
-        markup += " " + attr + '="' + escape$1(this.attributes[attr]) + '"';
-      }
-    }
-    markup += "/>";
-    return markup;
-  }
-}
-function assertSymbolDomNode(group) {
-  if (group instanceof SymbolNode) {
-    return group;
-  } else {
-    throw new Error("Expected symbolNode but got " + String(group) + ".");
-  }
-}
-function assertSpan(group) {
-  if (group instanceof Span) {
-    return group;
-  } else {
-    throw new Error("Expected span<HtmlDomNode> but got " + String(group) + ".");
-  }
-}
 var ATOMS = {
   "bin": 1,
   "close": 1,
@@ -67050,7 +66612,7 @@ var wideNumeralData = [
   ["mathtt", "texttt", "Typewriter-Regular"]
   // 0-9 monospace
 ];
-var wideCharacterFont = function wideCharacterFont2(wideChar2, mode) {
+var wideCharacterFont = (wideChar2, mode) => {
   var H2 = wideChar2.charCodeAt(0);
   var L2 = wideChar2.charCodeAt(1);
   var codePoint = (H2 - 55296) * 1024 + (L2 - 56320) + 65536;
@@ -67069,9 +66631,50 @@ var wideCharacterFont = function wideCharacterFont2(wideChar2, mode) {
     throw new ParseError("Unsupported character: " + wideChar2);
   }
 };
+class DocumentFragment {
+  // Never used; needed for satisfying interface.
+  constructor(children2) {
+    this.children = children2;
+    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 i2 = 0; i2 < this.children.length; i2++) {
+      frag.appendChild(this.children[i2].toNode());
+    }
+    return frag;
+  }
+  /** Convert the fragment into HTML markup. */
+  toMarkup() {
+    var markup = "";
+    for (var i2 = 0; i2 < this.children.length; i2++) {
+      markup += this.children[i2].toMarkup();
+    }
+    return markup;
+  }
+  /**
+   * Converts the math node into a string, similar to innerText. Applies to
+   * MathDomNode's only.
+   */
+  toText() {
+    var toText = (child) => child.toText();
+    return this.children.map(toText).join("");
+  }
+}
 var lookupSymbol = function lookupSymbol2(value, fontName, mode) {
-  if (symbols[mode][value] && symbols[mode][value].replace) {
-    value = symbols[mode][value].replace;
+  if (symbols[mode][value]) {
+    var replacement = symbols[mode][value].replace;
+    if (replacement) {
+      value = replacement;
+    }
   }
   return {
     value,
@@ -67195,13 +66798,13 @@ var canCombine = (prev2, next2) => {
       return false;
     }
   }
-  for (var style2 in prev2.style) {
-    if (prev2.style.hasOwnProperty(style2) && prev2.style[style2] !== next2.style[style2]) {
+  for (var key of Object.keys(prev2.style)) {
+    if (prev2.style[key] !== next2.style[key]) {
       return false;
     }
   }
-  for (var _style in next2.style) {
-    if (next2.style.hasOwnProperty(_style) && prev2.style[_style] !== next2.style[_style]) {
+  for (var _key of Object.keys(next2.style)) {
+    if (prev2.style[_key] !== next2.style[_key]) {
       return false;
     }
   }
@@ -67691,7 +67294,7 @@ var buildExpression$1 = function buildExpression(expression, options, isRealGrou
   var dummyPrev = makeSpan([surrounding[0] || "leftmost"], [], options);
   var dummyNext = makeSpan([surrounding[1] || "rightmost"], [], options);
   var isRoot = isRealGroup === "root";
-  traverseNonSpaceNodes(groups, (node3, prev2) => {
+  _traverseNonSpaceNodes(groups, (node3, prev2) => {
     var prevType = prev2.classes[0];
     var type2 = node3.classes[0];
     if (prevType === "mbin" && binRightCanceller.has(type2)) {
@@ -67702,10 +67305,11 @@ var buildExpression$1 = function buildExpression(expression, options, isRealGrou
   }, {
     node: dummyPrev
   }, dummyNext, isRoot);
-  traverseNonSpaceNodes(groups, (node3, prev2) => {
+  _traverseNonSpaceNodes(groups, (node3, prev2) => {
+    var _tightSpacings$prevTy, _spacings$prevType;
     var prevType = getTypeOfDomTree(prev2);
     var type2 = getTypeOfDomTree(node3);
-    var space = prevType && type2 ? node3.hasClass("mtight") ? tightSpacings[prevType][type2] : spacings[prevType][type2] : null;
+    var space = prevType && type2 ? node3.hasClass("mtight") ? (_tightSpacings$prevTy = tightSpacings[prevType]) == null ? void 0 : _tightSpacings$prevTy[type2] : (_spacings$prevType = spacings[prevType]) == null ? void 0 : _spacings$prevType[type2] : null;
     if (space) {
       return makeGlue(space, glueOptions);
     }
@@ -67714,7 +67318,7 @@ var buildExpression$1 = function buildExpression(expression, options, isRealGrou
   }, dummyNext, isRoot);
   return groups;
 };
-var traverseNonSpaceNodes = function traverseNonSpaceNodes2(nodes, callback, prev2, next2, isRoot) {
+var _traverseNonSpaceNodes = function traverseNonSpaceNodes(nodes, callback, prev2, next2, isRoot) {
   if (next2) {
     nodes.push(next2);
   }
@@ -67723,7 +67327,7 @@ var traverseNonSpaceNodes = function traverseNonSpaceNodes2(nodes, callback, pre
     var node2 = nodes[i2];
     var partialGroup = checkPartialGroup(node2);
     if (partialGroup) {
-      traverseNonSpaceNodes2(partialGroup.children, callback, prev2, null, isRoot);
+      _traverseNonSpaceNodes(partialGroup.children, callback, prev2, null, isRoot);
       continue;
     }
     var nonspace = !node2.hasClass("mspace");
@@ -67758,15 +67362,15 @@ var checkPartialGroup = function checkPartialGroup2(node2) {
   }
   return null;
 };
-var getOutermostNode = function getOutermostNode2(node2, side) {
+var _getOutermostNode = function getOutermostNode(node2, side) {
   var partialGroup = checkPartialGroup(node2);
   if (partialGroup) {
     var children2 = partialGroup.children;
     if (children2.length) {
       if (side === "right") {
-        return getOutermostNode2(children2[children2.length - 1], "right");
+        return _getOutermostNode(children2[children2.length - 1], "right");
       } else if (side === "left") {
-        return getOutermostNode2(children2[0], "left");
+        return _getOutermostNode(children2[0], "left");
       }
     }
   }
@@ -67777,9 +67381,10 @@ var getTypeOfDomTree = function getTypeOfDomTree2(node2, side) {
     return null;
   }
   if (side) {
-    node2 = getOutermostNode(node2, side);
+    node2 = _getOutermostNode(node2, side);
   }
-  return DomEnum[node2.classes[0]] || null;
+  var className = node2.classes[0];
+  return DomEnum[className] || null;
 };
 var makeNullDelimiter = function makeNullDelimiter2(options, classes) {
   var moreClasses = ["nulldelimiter"].concat(options.baseSizingClasses());
@@ -67854,7 +67459,7 @@ function buildHTML(tree, options) {
   }
   var tagChild;
   if (tag) {
-    tagChild = buildHTMLUnbreakable(buildExpression$1(tag, options, true));
+    tagChild = buildHTMLUnbreakable(buildExpression$1(tag, options, true), options);
     tagChild.classes = ["tag"];
     children2.push(tagChild);
   } else if (eqnNum) {
@@ -67876,10 +67481,6 @@ function newDocumentFragment(children2) {
 }
 class MathNode {
   constructor(type2, children2, classes) {
-    this.type = void 0;
-    this.attributes = void 0;
-    this.children = void 0;
-    this.classes = void 0;
     this.type = type2;
     this.attributes = {};
     this.children = children2 || [];
@@ -67955,7 +67556,6 @@ class MathNode {
 }
 class TextNode {
   constructor(text2) {
-    this.text = void 0;
     this.text = text2;
   }
   /**
@@ -67984,8 +67584,6 @@ class SpaceNode {
    * Create a Space node with width given in CSS ems.
    */
   constructor(width) {
-    this.width = void 0;
-    this.character = void 0;
     this.width = width;
     if (width >= 0.05555 && width <= 0.05556) {
       this.character = " ";
@@ -68103,8 +67701,11 @@ var getVariant = function getVariant2(group, options) {
   if (noVariantSymbols.has(text2)) {
     return null;
   }
-  if (symbols[mode][text2] && symbols[mode][text2].replace) {
-    text2 = symbols[mode][text2].replace;
+  if (symbols[mode][text2]) {
+    var replacement = symbols[mode][text2].replace;
+    if (replacement) {
+      text2 = replacement;
+    }
   }
   var fontName = fontMap[font].fontName;
   if (getCharacterMetrics(text2, fontName, mode)) {
@@ -68207,6 +67808,258 @@ function buildMathML(tree, texExpression, options, isDisplayMode, forMathmlOnly)
   var wrapperClass = forMathmlOnly ? "katex" : "katex-mathml";
   return makeSpan([wrapperClass], [math2]);
 }
+var sizeStyleMap = [
+  // Each element contains [textsize, scriptsize, scriptscriptsize].
+  // The size mappings are taken from TeX with \normalsize=10pt.
+  [1, 1, 1],
+  // size1: [5, 5, 5]              \tiny
+  [2, 1, 1],
+  // size2: [6, 5, 5]
+  [3, 1, 1],
+  // size3: [7, 5, 5]              \scriptsize
+  [4, 2, 1],
+  // size4: [8, 6, 5]              \footnotesize
+  [5, 2, 1],
+  // size5: [9, 6, 5]              \small
+  [6, 3, 1],
+  // size6: [10, 7, 5]             \normalsize
+  [7, 4, 2],
+  // size7: [12, 8, 6]             \large
+  [8, 6, 3],
+  // size8: [14.4, 10, 7]          \Large
+  [9, 7, 6],
+  // size9: [17.28, 12, 10]        \LARGE
+  [10, 8, 7],
+  // size10: [20.74, 14.4, 12]     \huge
+  [11, 10, 9]
+  // size11: [24.88, 20.74, 17.28] \HUGE
+];
+var sizeMultipliers = [
+  // fontMetrics.js:getGlobalMetrics also uses size indexes, so if
+  // you change size indexes, change that function.
+  0.5,
+  0.6,
+  0.7,
+  0.8,
+  0.9,
+  1,
+  1.2,
+  1.44,
+  1.728,
+  2.074,
+  2.488
+];
+var sizeAtStyle = function sizeAtStyle2(size, style2) {
+  return style2.size < 2 ? size : sizeStyleMap[size - 1][style2.size - 1];
+};
+class Options {
+  constructor(data) {
+    this.style = data.style;
+    this.color = data.color;
+    this.size = data.size || Options.BASESIZE;
+    this.textSize = data.textSize || this.size;
+    this.phantom = !!data.phantom;
+    this.font = data.font || "";
+    this.fontFamily = data.fontFamily || "";
+    this.fontWeight = data.fontWeight || "";
+    this.fontShape = data.fontShape || "";
+    this.sizeMultiplier = sizeMultipliers[this.size - 1];
+    this.maxSize = data.maxSize;
+    this.minRuleThickness = data.minRuleThickness;
+    this._fontMetrics = void 0;
+  }
+  /**
+   * Returns a new options object with the same properties as "this".  Properties
+   * from "extension" will be copied to the new options object.
+   */
+  extend(extension2) {
+    var data = {
+      style: this.style,
+      size: this.size,
+      textSize: this.textSize,
+      color: this.color,
+      phantom: this.phantom,
+      font: this.font,
+      fontFamily: this.fontFamily,
+      fontWeight: this.fontWeight,
+      fontShape: this.fontShape,
+      maxSize: this.maxSize,
+      minRuleThickness: this.minRuleThickness
+    };
+    Object.assign(data, extension2);
+    return new Options(data);
+  }
+  /**
+   * Return an options object with the given style. If `this.style === style`,
+   * returns `this`.
+   */
+  havingStyle(style2) {
+    if (this.style === style2) {
+      return this;
+    } else {
+      return this.extend({
+        style: style2,
+        size: sizeAtStyle(this.textSize, style2)
+      });
+    }
+  }
+  /**
+   * Return an options object with a cramped version of the current style. If
+   * the current style is cramped, returns `this`.
+   */
+  havingCrampedStyle() {
+    return this.havingStyle(this.style.cramp());
+  }
+  /**
+   * Return an options object with the given size and in at least `\textstyle`.
+   * Returns `this` if appropriate.
+   */
+  havingSize(size) {
+    if (this.size === size && this.textSize === size) {
+      return this;
+    } else {
+      return this.extend({
+        style: this.style.text(),
+        size,
+        textSize: size,
+        sizeMultiplier: sizeMultipliers[size - 1]
+      });
+    }
+  }
+  /**
+   * Like `this.havingSize(BASESIZE).havingStyle(style)`. If `style` is omitted,
+   * changes to at least `\textstyle`.
+   */
+  havingBaseStyle(style2) {
+    style2 = style2 || this.style.text();
+    var wantSize = sizeAtStyle(Options.BASESIZE, style2);
+    if (this.size === wantSize && this.textSize === Options.BASESIZE && this.style === style2) {
+      return this;
+    } else {
+      return this.extend({
+        style: style2,
+        size: wantSize
+      });
+    }
+  }
+  /**
+   * Remove the effect of sizing changes such as \Huge.
+   * Keep the effect of the current style, such as \scriptstyle.
+   */
+  havingBaseSizing() {
+    var size;
+    switch (this.style.id) {
+      case 4:
+      case 5:
+        size = 3;
+        break;
+      case 6:
+      case 7:
+        size = 1;
+        break;
+      default:
+        size = 6;
+    }
+    return this.extend({
+      style: this.style.text(),
+      size
+    });
+  }
+  /**
+   * Create a new options object with the given color.
+   */
+  withColor(color2) {
+    return this.extend({
+      color: color2
+    });
+  }
+  /**
+   * Create a new options object with "phantom" set to true.
+   */
+  withPhantom() {
+    return this.extend({
+      phantom: true
+    });
+  }
+  /**
+   * Creates a new options object with the given math font or old text font.
+   * @type {[type]}
+   */
+  withFont(font) {
+    return this.extend({
+      font
+    });
+  }
+  /**
+   * Create a new options objects with the given fontFamily.
+   */
+  withTextFontFamily(fontFamily) {
+    return this.extend({
+      fontFamily,
+      font: ""
+    });
+  }
+  /**
+   * Creates a new options object with the given font weight
+   */
+  withTextFontWeight(fontWeight) {
+    return this.extend({
+      fontWeight,
+      font: ""
+    });
+  }
+  /**
+   * Creates a new options object with the given font weight
+   */
+  withTextFontShape(fontShape) {
+    return this.extend({
+      fontShape,
+      font: ""
+    });
+  }
+  /**
+   * Return the CSS sizing classes required to switch from enclosing options
+   * `oldOptions` to `this`. Returns an array of classes.
+   */
+  sizingClasses(oldOptions) {
+    if (oldOptions.size !== this.size) {
+      return ["sizing", "reset-size" + oldOptions.size, "size" + this.size];
+    } else {
+      return [];
+    }
+  }
+  /**
+   * Return the CSS sizing classes required to switch to the base size. Like
+   * `this.havingSize(BASESIZE).sizingClasses(this)`.
+   */
+  baseSizingClasses() {
+    if (this.size !== Options.BASESIZE) {
+      return ["sizing", "reset-size" + this.size, "size" + Options.BASESIZE];
+    } else {
+      return [];
+    }
+  }
+  /**
+   * Return the font metrics for this size.
+   */
+  fontMetrics() {
+    if (!this._fontMetrics) {
+      this._fontMetrics = getGlobalMetrics(this.size);
+    }
+    return this._fontMetrics;
+  }
+  /**
+   * Gets the CSS color of the current options object
+   */
+  getColor() {
+    if (this.phantom) {
+      return "transparent";
+    } else {
+      return this.color;
+    }
+  }
+}
+Options.BASESIZE = 6;
 var optionsFromSettings = function optionsFromSettings2(settings) {
   return new Options({
     style: settings.displayMode ? Style$1.DISPLAY : Style$1.TEXT,
@@ -68774,8 +68627,6 @@ defineFunction({
       below: optArgs[0]
     };
   },
-  // Flow is unable to correctly infer the type of `group`, even though it's
-  // unambiguously determined from the passed-in `type` above.
   htmlBuilder(group, options) {
     var style2 = options.style;
     var newOptions = options.havingStyle(style2.sup());
@@ -70008,23 +69859,25 @@ var delimTypeToFont = function delimTypeToFont2(type2) {
   } else if (type2.type === "stack") {
     return "Size4-Regular";
   } else {
-    throw new Error("Add support for delim type '" + type2.type + "' here.");
+    var delimKind = type2.type;
+    throw new Error("Add support for delim type '" + delimKind + "' here.");
   }
 };
 var traverseSequence = function traverseSequence2(delim, height, sequence, options) {
   var start2 = Math.min(2, 3 - options.style.size);
   for (var i2 = start2; i2 < sequence.length; i2++) {
-    if (sequence[i2].type === "stack") {
+    var delimType = sequence[i2];
+    if (delimType.type === "stack") {
       break;
     }
-    var metrics = getMetrics(delim, delimTypeToFont(sequence[i2]), "math");
+    var metrics = getMetrics(delim, delimTypeToFont(delimType), "math");
     var heightDepth = metrics.height + metrics.depth;
-    if (sequence[i2].type === "small") {
-      var newOptions = options.havingBaseStyle(sequence[i2].style);
+    if (delimType.type === "small") {
+      var newOptions = options.havingBaseStyle(delimType.style);
       heightDepth *= newOptions.sizeMultiplier;
     }
     if (heightDepth > height) {
-      return sequence[i2];
+      return delimType;
     }
   }
   return sequence[sequence.length - 1];
@@ -70395,7 +70248,6 @@ var htmlBuilder$7 = (group, options) => {
         options.fontMetrics().fboxrule,
         // default
         options.minRuleThickness
-        // User override.
       );
       topPad = options.fontMetrics().fboxsep + (label === "colorbox" ? 0 : ruleThickness);
       bottomPad = topPad;
@@ -70505,7 +70357,6 @@ var mathmlBuilder$6 = (group, options) => {
           options.fontMetrics().fboxrule,
           // default
           options.minRuleThickness
-          // user override
         );
         node2.setAttribute("style", "border: " + thk + "em solid " + String(group.borderColor));
       }
@@ -70666,6 +70517,49 @@ var _macros = {};
 function defineMacro(name, body) {
   _macros[name] = body;
 }
+class SourceLocation {
+  // The + prefix indicates that these fields aren't writeable
+  // Lexer holding the input string.
+  // Start offset, zero-based inclusive.
+  // End offset, zero-based exclusive.
+  constructor(lexer, start2, end) {
+    this.lexer = lexer;
+    this.start = start2;
+    this.end = end;
+  }
+  /**
+   * Merges two `SourceLocation`s from location providers, given they are
+   * provided in order of appearance.
+   * - Returns the first one's location if only the first is provided.
+   * - Returns a merged range of the first and the last if both are provided
+   *   and their lexers match.
+   * - Otherwise, returns null.
+   */
+  static range(first, second) {
+    if (!second) {
+      return first && first.loc;
+    } else if (!first || !first.loc || !second.loc || first.loc.lexer !== second.loc.lexer) {
+      return null;
+    } else {
+      return new SourceLocation(first.loc.lexer, first.loc.start, second.loc.end);
+    }
+  }
+}
+class Token {
+  // don't expand the token
+  // used in \noexpand
+  constructor(text2, loc) {
+    this.text = text2;
+    this.loc = loc;
+  }
+  /**
+   * Given a pair of tokens (this and endToken), compute a `Token` encompassing
+   * the whole input range enclosed by these two.
+   */
+  range(endToken, text2) {
+    return new Token(text2, SourceLocation.range(this, endToken));
+  }
+}
 function getHLines(parser) {
   var hlineInfo = [];
   parser.consumeSpaces();
@@ -70747,13 +70641,13 @@ function parseArray(parser, _ref, style2) {
   beginRow();
   hLinesBeforeRow.push(getHLines(parser));
   while (true) {
-    var cell = parser.parseExpression(false, singleRow ? "\\end" : "\\\\");
+    var cellBody = parser.parseExpression(false, singleRow ? "\\end" : "\\\\");
     parser.gullet.endGroup();
     parser.gullet.beginGroup();
-    cell = {
+    var cell = {
       type: "ordgroup",
       mode: parser.mode,
-      body: cell
+      body: cellBody
     };
     if (style2) {
       cell = {
@@ -70776,7 +70670,7 @@ function parseArray(parser, _ref, style2) {
       parser.consume();
     } else if (next2 === "\\end") {
       endRow();
-      if (row.length === 1 && cell.type === "styling" && cell.body[0].body.length === 0 && (body.length > 1 || !emptySingleRow)) {
+      if (row.length === 1 && cell.type === "styling" && cell.body.length === 1 && cell.body[0].type === "ordgroup" && cell.body[0].body.length === 0 && (body.length > 1 || !emptySingleRow)) {
         body.pop();
       }
       if (hLinesBeforeRow.length < body.length + 1) {
@@ -70835,7 +70729,6 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
     // From LaTeX \showthe\arrayrulewidth. Equals 0.04 em.
     options.fontMetrics().arrayRuleWidth,
     options.minRuleThickness
-    // User override.
   );
   var pt = 1 / options.fontMetrics().ptPerEm;
   var arraycolsep = 5 * pt;
@@ -70940,9 +70833,11 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
     c2 < nc || colDescrNum < colDescriptions.length;
     ++c2, ++colDescrNum
   ) {
-    var colDescr = colDescriptions[colDescrNum] || {};
+    var _colDescr3;
+    var colDescr = colDescriptions[colDescrNum];
     var firstSeparator = true;
-    while (colDescr.type === "separator") {
+    while (((_colDescr = colDescr) == null ? void 0 : _colDescr.type) === "separator") {
+      var _colDescr;
       if (!firstSeparator) {
         colSep = makeSpan(["arraycolsep"], []);
         colSep.style.width = makeEm(options.fontMetrics().doubleRuleSep);
@@ -70964,7 +70859,7 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
         throw new ParseError("Invalid separator type: " + colDescr.separator);
       }
       colDescrNum++;
-      colDescr = colDescriptions[colDescrNum] || {};
+      colDescr = colDescriptions[colDescrNum];
       firstSeparator = false;
     }
     if (c2 >= nc) {
@@ -70972,15 +70867,15 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
     }
     var sepwidth = void 0;
     if (c2 > 0 || group.hskipBeforeAndAfter) {
-      var _colDescr$pregap;
-      sepwidth = (_colDescr$pregap = colDescr.pregap) != null ? _colDescr$pregap : arraycolsep;
+      var _colDescr$pregap, _colDescr2;
+      sepwidth = (_colDescr$pregap = (_colDescr2 = colDescr) == null ? void 0 : _colDescr2.pregap) != null ? _colDescr$pregap : arraycolsep;
       if (sepwidth !== 0) {
         colSep = makeSpan(["arraycolsep"], []);
         colSep.style.width = makeEm(sepwidth);
         cols.push(colSep);
       }
     }
-    var col = [];
+    var colElems = [];
     for (r2 = 0; r2 < nr; ++r2) {
       var row = body[r2];
       var elem = row[c2];
@@ -70990,21 +70885,21 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
       var _shift2 = row.pos - offset;
       elem.depth = row.depth;
       elem.height = row.height;
-      col.push({
+      colElems.push({
         type: "elem",
         elem,
         shift: _shift2
       });
     }
-    col = makeVList({
+    var colVList = makeVList({
       positionType: "individualShift",
-      children: col
+      children: colElems
     });
-    col = makeSpan(["col-align-" + (colDescr.align || "c")], [col]);
-    cols.push(col);
+    var colSpan = makeSpan(["col-align-" + (((_colDescr3 = colDescr) == null ? void 0 : _colDescr3.align) || "c")], [colVList]);
+    cols.push(colSpan);
     if (c2 < nc - 1 || group.hskipBeforeAndAfter) {
-      var _colDescr$postgap;
-      sepwidth = (_colDescr$postgap = colDescr.postgap) != null ? _colDescr$postgap : arraycolsep;
+      var _colDescr$postgap, _colDescr4;
+      sepwidth = (_colDescr$postgap = (_colDescr4 = colDescr) == null ? void 0 : _colDescr4.postgap) != null ? _colDescr$postgap : arraycolsep;
       if (sepwidth !== 0) {
         colSep = makeSpan(["arraycolsep"], []);
         colSep.style.width = makeEm(sepwidth);
@@ -71012,13 +70907,13 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
       }
     }
   }
-  body = makeSpan(["mtable"], cols);
+  var tableBody = makeSpan(["mtable"], cols);
   if (hlines.length > 0) {
     var line2 = makeLineSpan("hline", options, ruleThickness);
     var dashes = makeLineSpan("hdashline", options, ruleThickness);
     var vListElems = [{
       type: "elem",
-      elem: body,
+      elem: tableBody,
       shift: 0
     }];
     while (hlines.length > 0) {
@@ -71038,20 +70933,20 @@ var htmlBuilder$6 = function htmlBuilder(group, options) {
         });
       }
     }
-    body = makeVList({
+    tableBody = makeVList({
       positionType: "individualShift",
       children: vListElems
     });
   }
   if (tagSpans.length === 0) {
-    return makeSpan(["mord"], [body], options);
+    return makeSpan(["mord"], [tableBody], options);
   } else {
     var eqnNumCol = makeVList({
       positionType: "individualShift",
       children: tagSpans
     });
-    eqnNumCol = makeSpan(["tag"], [eqnNumCol], options);
-    return makeFragment([body, eqnNumCol]);
+    var tagCol = makeSpan(["tag"], [eqnNumCol], options);
+    return makeFragment([tableBody, tagCol]);
   }
 };
 var alignMap = {
@@ -71100,15 +70995,16 @@ var mathmlBuilder$5 = function mathmlBuilder(group, options) {
       iEnd -= 1;
     }
     for (var _i2 = iStart; _i2 < iEnd; _i2++) {
-      if (cols[_i2].type === "align") {
-        align += alignMap[cols[_i2].align];
+      var col = cols[_i2];
+      if (col.type === "align") {
+        align += alignMap[col.align];
         if (prevTypeWasAlign) {
           columnLines += "none ";
         }
         prevTypeWasAlign = true;
-      } else if (cols[_i2].type === "separator") {
+      } else if (col.type === "separator") {
         if (prevTypeWasAlign) {
-          columnLines += cols[_i2].separator === "|" ? "solid " : "dashed ";
+          columnLines += col.separator === "|" ? "solid " : "dashed ";
           prevTypeWasAlign = false;
         }
       }
@@ -71170,7 +71066,7 @@ var alignedHandler = function alignedHandler2(context, args) {
     maxNumCols: isSplit ? 2 : void 0,
     leqno: context.parser.settings.leqno
   }, "display");
-  var numMaths;
+  var numMaths = 0;
   var numCols = 0;
   var emptyGroup = {
     type: "ordgroup",
@@ -71363,12 +71259,12 @@ defineEnvironment({
     if (cols.length > 1) {
       throw new ParseError("{subarray} can contain only one column");
     }
-    var res = {
+    var payload = {
       cols,
       hskipBeforeAndAfter: false,
       arraystretch: 0.5
     };
-    res = parseArray(context.parser, res, "script");
+    var res = parseArray(context.parser, payload, "script");
     if (res.body.length > 0 && res.body[0].length > 1) {
       throw new ParseError("{subarray} can contain only one column");
     }
@@ -72900,7 +72796,7 @@ var htmlBuilder$2 = (grp, options) => {
   var slant = 0;
   if ((base2 instanceof SymbolNode || group.name === "\\oiint" || group.name === "\\oiiint") && !group.suppressBaseShift) {
     baseShift = (base2.height - base2.depth) / 2 - options.fontMetrics().axisHeight;
-    slant = base2.italic;
+    slant = base2.italic || 0;
   }
   if (hasLimits) {
     return assembleSupSub(base2, supGroup, subGroup, options, style2, slant, baseShift);
@@ -73095,7 +72991,7 @@ var htmlBuilder$1 = (grp, options) => {
   var base2;
   if (group.body.length > 0) {
     var body = group.body.map((child2) => {
-      var childText = child2.text;
+      var childText = "text" in child2 ? child2.text : void 0;
       if (typeof childText === "string") {
         return {
           type: "textord",
@@ -73133,7 +73029,6 @@ var mathmlBuilder2 = (group, options) => {
       switch (node2.type) {
         case "mi":
         case "mn":
-        case "ms":
         case "mspace":
         case "mtext":
           break;
@@ -73278,52 +73173,7 @@ defineFunction({
     return new MathNode("mphantom", inner2);
   }
 });
-defineFunction({
-  type: "hphantom",
-  names: ["\\hphantom"],
-  props: {
-    numArgs: 1,
-    allowedInText: true
-  },
-  handler: (_ref2, args) => {
-    var {
-      parser
-    } = _ref2;
-    var body = args[0];
-    return {
-      type: "hphantom",
-      mode: parser.mode,
-      body
-    };
-  },
-  htmlBuilder: (group, options) => {
-    var node2 = makeSpan([], [buildGroup$1(group.body, options.withPhantom())]);
-    node2.height = 0;
-    node2.depth = 0;
-    if (node2.children) {
-      for (var i2 = 0; i2 < node2.children.length; i2++) {
-        node2.children[i2].height = 0;
-        node2.children[i2].depth = 0;
-      }
-    }
-    node2 = makeVList({
-      positionType: "firstBaseline",
-      children: [{
-        type: "elem",
-        elem: node2
-      }]
-    });
-    return makeSpan(["mord"], [node2], options);
-  },
-  mathmlBuilder: (group, options) => {
-    var inner2 = buildExpression2(ordargument(group.body), options);
-    var phantom = new MathNode("mphantom", inner2);
-    var node2 = new MathNode("mpadded", [phantom]);
-    node2.setAttribute("height", "0px");
-    node2.setAttribute("depth", "0px");
-    return node2;
-  }
-});
+defineMacro("\\hphantom", "\\smash{\\phantom{#1}}");
 defineFunction({
   type: "vphantom",
   names: ["\\vphantom"],
@@ -73331,10 +73181,10 @@ defineFunction({
     numArgs: 1,
     allowedInText: true
   },
-  handler: (_ref3, args) => {
+  handler: (_ref2, args) => {
     var {
       parser
-    } = _ref3;
+    } = _ref2;
     var body = args[0];
     return {
       type: "vphantom",
@@ -73542,7 +73392,7 @@ defineFunction({
       var letter = "";
       for (var i2 = 0; i2 < tbArg.body.length; ++i2) {
         var node2 = tbArg.body[i2];
-        letter = node2.text;
+        letter = assertSymbolNodeType(node2).text;
         if (letter === "t") {
           smashHeight = true;
         } else if (letter === "b") {
@@ -73573,17 +73423,20 @@ defineFunction({
     }
     if (group.smashHeight) {
       node2.height = 0;
-      if (node2.children) {
-        for (var i2 = 0; i2 < node2.children.length; i2++) {
-          node2.children[i2].height = 0;
-        }
-      }
     }
     if (group.smashDepth) {
       node2.depth = 0;
-      if (node2.children) {
-        for (var _i2 = 0; _i2 < node2.children.length; _i2++) {
-          node2.children[_i2].depth = 0;
+    }
+    if (group.smashHeight && group.smashDepth) {
+      return makeSpan(["mord", "smash"], [node2], options);
+    }
+    if (node2.children) {
+      for (var i2 = 0; i2 < node2.children.length; i2++) {
+        if (group.smashHeight) {
+          node2.children[i2].height = 0;
+        }
+        if (group.smashDepth) {
+          node2.children[i2].depth = 0;
         }
       }
     }
@@ -74263,10 +74116,6 @@ class Lexer {
   // Category codes. The lexer only supports comment characters (14) for now.
   // MacroExpander additionally distinguishes active (13).
   constructor(input, settings) {
-    this.input = void 0;
-    this.settings = void 0;
-    this.tokenRegex = void 0;
-    this.catcodes = void 0;
     this.input = input;
     this.settings = settings;
     this.tokenRegex = new RegExp(tokenRegexString, "g");
@@ -74321,9 +74170,6 @@ class Namespace {
     if (globalMacros === void 0) {
       globalMacros = {};
     }
-    this.current = void 0;
-    this.builtins = void 0;
-    this.undefStack = void 0;
     this.current = globalMacros;
     this.builtins = builtins;
     this.undefStack = [];
@@ -74506,7 +74352,7 @@ var digitToNumber = {
 defineMacro("\\char", function(context) {
   var token2 = context.popToken();
   var base2;
-  var number = "";
+  var number = 0;
   if (token2.text === "'") {
     base2 = 8;
     token2 = context.popToken();
@@ -74644,7 +74490,6 @@ defineMacro("⌞", "\\llcorner");
 defineMacro("⌟", "\\lrcorner");
 defineMacro("©", "\\copyright");
 defineMacro("®", "\\textregistered");
-defineMacro("️", "\\textregistered");
 defineMacro("\\ulcorner", '\\html@mathml{\\@ulcorner}{\\mathop{\\char"231c}}');
 defineMacro("\\urcorner", '\\html@mathml{\\@urcorner}{\\mathop{\\char"231d}}');
 defineMacro("\\llcorner", '\\html@mathml{\\@llcorner}{\\mathop{\\char"231e}}');
@@ -75092,12 +74937,6 @@ var implicitCommands = {
 };
 class MacroExpander {
   constructor(input, settings, mode) {
-    this.settings = void 0;
-    this.expansionCount = void 0;
-    this.lexer = void 0;
-    this.macros = void 0;
-    this.stack = void 0;
-    this.mode = void 0;
     this.settings = settings;
     this.expansionCount = 0;
     this.feed(input);
@@ -75370,7 +75209,6 @@ class MacroExpander {
         return token2;
       }
     }
-    throw new Error();
   }
   /**
    * Fully expand the given macro name and return the resulting list of
@@ -75971,15 +75809,11 @@ var unicodeSymbols = {
 };
 class Parser {
   constructor(input, settings) {
-    this.mode = void 0;
-    this.gullet = void 0;
-    this.settings = void 0;
-    this.leftrightDepth = void 0;
-    this.nextToken = void 0;
     this.mode = "math";
     this.gullet = new MacroExpander(input, settings, this.mode);
     this.settings = settings;
     this.leftrightDepth = 0;
+    this.nextToken = null;
   }
   /**
    * Checks a result to make sure it has the right type, and throws an
@@ -76106,12 +75940,13 @@ class Parser {
     var overIndex = -1;
     var funcName;
     for (var i2 = 0; i2 < body.length; i2++) {
-      if (body[i2].type === "infix") {
+      var node2 = body[i2];
+      if (node2.type === "infix") {
         if (overIndex !== -1) {
-          throw new ParseError("only one infix operator per group", body[i2].token);
+          throw new ParseError("only one infix operator per group", node2.token);
         }
         overIndex = i2;
-        funcName = body[i2].replaceWith;
+        funcName = node2.replaceWith;
       }
     }
     if (overIndex !== -1 && funcName) {
@@ -76137,13 +75972,13 @@ class Parser {
           body: denomBody
         };
       }
-      var node2;
+      var _node;
       if (funcName === "\\\\abovefrac") {
-        node2 = this.callFunction(funcName, [numerNode, body[overIndex], denomNode], []);
+        _node = this.callFunction(funcName, [numerNode, body[overIndex], denomNode], []);
       } else {
-        node2 = this.callFunction(funcName, [numerNode, denomNode], []);
+        _node = this.callFunction(funcName, [numerNode, denomNode], []);
       }
-      return [node2];
+      return [_node];
     } else {
       return body;
     }
@@ -76357,7 +76192,7 @@ class Parser {
     for (var i2 = 0; i2 < totalArgs; i2++) {
       var argType = funcData.argTypes && funcData.argTypes[i2];
       var isOptional = i2 < funcData.numOptionalArgs;
-      if (funcData.primitive && argType == null || // \sqrt expands into primitive if optional argument doesn't exist
+      if ("primitive" in funcData && funcData.primitive && argType == null || // \sqrt expands into primitive if optional argument doesn't exist
       funcData.type === "sqrt" && i2 === 1 && optArgs[0] == null) {
         argType = "primitive";
       }
@@ -76632,13 +76467,21 @@ class Parser {
     var n2 = group.length - 1;
     for (var i2 = 0; i2 < n2; ++i2) {
       var a2 = group[i2];
+      if (a2.type !== "textord") {
+        continue;
+      }
       var v2 = a2.text;
-      if (v2 === "-" && group[i2 + 1].text === "-") {
-        if (i2 + 1 < n2 && group[i2 + 2].text === "-") {
+      var next2 = group[i2 + 1];
+      if (!next2 || next2.type !== "textord") {
+        continue;
+      }
+      if (v2 === "-" && next2.text === "-") {
+        var afterNext = group[i2 + 2];
+        if (i2 + 1 < n2 && afterNext && afterNext.type === "textord" && afterNext.text === "-") {
           group.splice(i2, 3, {
             type: "textord",
             mode: "text",
-            loc: SourceLocation.range(a2, group[i2 + 2]),
+            loc: SourceLocation.range(a2, afterNext),
             text: "---"
           });
           n2 -= 2;
@@ -76646,17 +76489,17 @@ class Parser {
           group.splice(i2, 2, {
             type: "textord",
             mode: "text",
-            loc: SourceLocation.range(a2, group[i2 + 1]),
+            loc: SourceLocation.range(a2, next2),
             text: "--"
           });
           n2 -= 1;
         }
       }
-      if ((v2 === "'" || v2 === "`") && group[i2 + 1].text === v2) {
+      if ((v2 === "'" || v2 === "`") && next2.text === v2) {
         group.splice(i2, 2, {
           type: "textord",
           mode: "text",
-          loc: SourceLocation.range(a2, group[i2 + 1]),
+          loc: SourceLocation.range(a2, next2),
           text: v2 + v2
         });
         n2 -= 1;
@@ -76764,7 +76607,7 @@ class Parser {
           label: command,
           isStretchy: false,
           isShifty: true,
-          // $FlowFixMe
+          // TODO(ts)
           base: symbol
         };
       }
@@ -76843,7 +76686,7 @@ var renderToHTMLTree = function renderToHTMLTree2(expression, options) {
     return renderError(error2, expression, settings);
   }
 };
-var version = "0.16.33";
+var version = "0.16.37";
 var __domTree = {
   Span,
   Anchor,
@@ -97388,12 +97231,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-YwdsZ11r.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
+      loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./dagre-6UL2VRFP-BcweuZHt.js"), true ? __vite__mapDeps([0,1,2,3,4,5]) : void 0), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-anaPs-75.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
+        loader: /* @__PURE__ */ __name(async () => await __vitePreload(() => import("./cose-bilkent-S5V4N54A-yM7S2atz.js"), true ? __vite__mapDeps([6,7]) : void 0), "loader")
       }
     ]
   ]);
@@ -97833,7 +97676,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-DBf1NeBf.js");
+    const { diagram: diagram22 } = await import("./c4Diagram-YG6GDRKO-B0WnCfAT.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([8,9]) : void 0);
   return { id, diagram: diagram2 };
@@ -97853,7 +97696,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DT821XSz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BsBhWukh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id2, diagram: diagram2 };
@@ -97879,7 +97722,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DT821XSz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BsBhWukh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id3, diagram: diagram2 };
@@ -97896,7 +97739,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-CEzTKw1u.js");
+    const { diagram: diagram22 } = await import("./erDiagram-Q2GNP2WA-DLKmthuw.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([15,12,13,14]) : void 0);
   return { id: id4, diagram: diagram2 };
@@ -97913,7 +97756,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-yAfyBG_d.js");
+    const { diagram: diagram22 } = await import("./gitGraphDiagram-V2S2FVAM-BnAPFBGR.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([16,17,18,19,2,4,5]) : void 0);
   return { id: id5, diagram: diagram2 };
@@ -97930,7 +97773,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-DlmeVsGg.js");
+    const { diagram: diagram22 } = await import("./ganttDiagram-JELNMOA3-Debz-J-C.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([20,21,22,23]) : void 0);
   return { id: id6, diagram: diagram2 };
@@ -97947,7 +97790,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-DaadramQ.js");
+    const { diagram: diagram22 } = await import("./infoDiagram-HS3SLOUP-CZ5hWoxV.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([24,19,2,4,5]) : void 0);
   return { id: id7, diagram: diagram2 };
@@ -97963,7 +97806,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-DaUXTsv7.js");
+    const { diagram: diagram22 } = await import("./pieDiagram-ADFJNKIX-BQ2n0cOB.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([25,17,19,2,4,5,26,27,22]) : void 0);
   return { id: id8, diagram: diagram2 };
@@ -97979,7 +97822,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-B7O2wPX9.js");
+    const { diagram: diagram22 } = await import("./quadrantDiagram-AYHSOK5B-BLg7_neg.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([28,21,22,23]) : void 0);
   return { id: id9, diagram: diagram2 };
@@ -97996,7 +97839,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-RZy33lFF.js");
+    const { diagram: diagram22 } = await import("./xychartDiagram-PRI3JC2R-CmSQMxUh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([29,22,27,21,23]) : void 0);
   return { id: id10, diagram: diagram2 };
@@ -98013,7 +97856,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-DpauVPY1.js");
+    const { diagram: diagram22 } = await import("./requirementDiagram-UZGBJVZJ-DwkJt0zi.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([30,12,13]) : void 0);
   return { id: id11, diagram: diagram2 };
@@ -98030,7 +97873,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-KdbWByWT.js");
+    const { diagram: diagram22 } = await import("./sequenceDiagram-WL72ISMW-KHU_eApU.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([31,9,18]) : void 0);
   return { id: id12, diagram: diagram2 };
@@ -98050,7 +97893,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-BvUbXD6H.js");
+    const { diagram: diagram22 } = await import("./classDiagram-2ON5EDUG-FCrnlCWC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([32,33,11,12,13]) : void 0);
   return { id: id13, diagram: diagram2 };
@@ -98070,7 +97913,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-BvUbXD6H.js");
+    const { diagram: diagram22 } = await import("./classDiagram-v2-WZHVMYZB-FCrnlCWC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([34,33,11,12,13]) : void 0);
   return { id: id14, diagram: diagram2 };
@@ -98090,7 +97933,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-yDOCVezC.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-FKZM4ZOC-B3DBCxAL.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([35,36,12,13,1,2,3,4]) : void 0);
   return { id: id15, diagram: diagram2 };
@@ -98113,7 +97956,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-CpCJhvQO.js");
+    const { diagram: diagram22 } = await import("./stateDiagram-v2-4FDKWEC3-C-uIk7gh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([37,36,12,13]) : void 0);
   return { id: id16, diagram: diagram2 };
@@ -98130,7 +97973,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-ftN8hxu3.js");
+    const { diagram: diagram22 } = await import("./journeyDiagram-XKPGCS4Q-CKN3oSxk.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([38,9,11,26]) : void 0);
   return { id: id17, diagram: diagram2 };
@@ -98200,7 +98043,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-DT821XSz.js");
+    const { diagram: diagram22 } = await import("./flowDiagram-NV44I4VS-BsBhWukh.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([10,11,12,13,14]) : void 0);
   return { id: id18, diagram: diagram2 };
@@ -98217,7 +98060,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-CHxuEjhV.js");
+    const { diagram: diagram22 } = await import("./timeline-definition-IT6M3QCI-SysEcQCC.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([39,26]) : void 0);
   return { id: id19, diagram: diagram2 };
@@ -98234,7 +98077,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-D2zv5uI9.js");
+    const { diagram: diagram22 } = await import("./mindmap-definition-VGOIOE7T-C_goMzjx.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([40,12,13]) : void 0);
   return { id: id20, diagram: diagram2 };
@@ -98251,7 +98094,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-BIXETQ-C.js");
+    const { diagram: diagram22 } = await import("./kanban-definition-3W4ZIXB7-BQCMklfJ.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([41,11]) : void 0);
   return { id: id21, diagram: diagram2 };
@@ -98268,7 +98111,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-B3Hbfvad.js");
+    const { diagram: diagram22 } = await import("./sankeyDiagram-TZEHDZUN-DmxmatUB.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([42,27,22]) : void 0);
   return { id: id22, diagram: diagram2 };
@@ -98285,7 +98128,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-DyQjD4D5.js");
+    const { diagram: diagram22 } = await import("./diagram-S2PKOQOG-pB6N6Tq_.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([43,17,19,2,4,5]) : void 0);
   return { id: id23, diagram: diagram2 };
@@ -98301,7 +98144,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-Mf24XxZL.js");
+    const { diagram: diagram22 } = await import("./diagram-QEK2KX5R-BVbuejJn.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([44,17,19,2,4,5]) : void 0);
   return { id: id24, diagram: diagram2 };
@@ -98317,7 +98160,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-D9Egoflr.js");
+    const { diagram: diagram22 } = await import("./blockDiagram-VD42YOAC-pHVz60D0.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([45,11,5,2,1,14]) : void 0);
   return { id: id25, diagram: diagram2 };
@@ -98334,7 +98177,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-Bif8topC.js");
+    const { diagram: diagram22 } = await import("./architectureDiagram-VXUJARFQ-DJQfSJUH.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([46,17,19,2,4,5,7]) : void 0);
   return { id: id26, diagram: diagram2 };
@@ -98351,7 +98194,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
   const { diagram: diagram2 } = await __vitePreload(async () => {
-    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-5KQCf3h2.js");
+    const { diagram: diagram22 } = await import("./diagram-PSM6KHXK-D4-QwLW1.js");
     return { diagram: diagram22 };
   }, true ? __vite__mapDeps([47,13,17,19,2,4,5,23,27,22]) : void 0);
   return { id: id27, diagram: diagram2 };
@@ -99592,6 +99435,12 @@ if (!customElements.get("dominds-markdown-section")) {
 }
 const CALLING_CONTENT_INITIAL_MAX_HEIGHT_PX = 120;
 const CALLING_EXPAND_STEP_VIEWPORT_RATIO = 1 / 3;
+const AUTO_SCROLL_FOLLOW_THRESHOLD_PX = 32;
+const AUTO_SCROLL_WHEEL_RESISTANCE_PX = 56;
+const AUTO_SCROLL_WHEEL_DECAY_MS = 520;
+const AUTO_SCROLL_WHEEL_SETTLE_POLL_MS = 96;
+const AUTO_SCROLL_WHEEL_MAX_RESISTANCE = 1.8;
+const AUTO_SCROLL_WHEEL_IDLE_EPSILON = 0.03;
 class DomindsDialogContainer extends HTMLElement {
   constructor() {
     super();
@@ -99601,11 +99450,18 @@ class DomindsDialogContainer extends HTMLElement {
     this.runState = null;
     this.suppressEvents = false;
     this.autoScrollEnabled = true;
+    this.autoScrollPinnedToBottom = true;
+    this.autoScrollLastUserRemainingPx = 0;
     this.scrollContainer = null;
     this.boundOnScrollContainerScroll = null;
+    this.boundOnScrollContainerWheel = null;
     this.autoScrollResizeObserver = null;
     this.autoScrollResizeScrollRaf = null;
     this.autoScrollResizeObservedEl = null;
+    this.autoScrollWheelResistance = 0;
+    this.autoScrollWheelLastDecayAtMs = 0;
+    this.autoScrollWheelLastUpEventAtMs = 0;
+    this.autoScrollWheelSettleTimer = null;
     this.teammateCallingSectionBySeq = /* @__PURE__ */ new Map();
     this.callingSectionByCallId = /* @__PURE__ */ new Map();
     this.pendingCallTimingById = /* @__PURE__ */ new Map();
@@ -99947,8 +99803,7 @@ class DomindsDialogContainer extends HTMLElement {
     }
     if (!target) return;
     this.pendingScrollRequest = null;
-    this.autoScrollEnabled = false;
-    this.updateScrollToBottomButton();
+    this.resetAutoScrollState(false);
     target.scrollIntoView({ behavior: "smooth", block: "center" });
     let selector2 = null;
     if (req.kind === "by_call_id") {
@@ -99972,12 +99827,18 @@ class DomindsDialogContainer extends HTMLElement {
   }
   detachScrollContainerListener() {
     const container = this.scrollContainer;
-    const listener = this.boundOnScrollContainerScroll;
-    if (container && listener) {
-      container.removeEventListener("scroll", listener);
+    const scrollListener = this.boundOnScrollContainerScroll;
+    if (container && scrollListener) {
+      container.removeEventListener("scroll", scrollListener);
+    }
+    const wheelListener = this.boundOnScrollContainerWheel;
+    if (container && wheelListener) {
+      container.removeEventListener("wheel", wheelListener);
     }
     this.scrollContainer = null;
     this.boundOnScrollContainerScroll = null;
+    this.boundOnScrollContainerWheel = null;
+    this.stopAutoScrollWheelSettleTimer();
   }
   ensureScrollContainerListener() {
     const container = this.parentElement instanceof HTMLElement ? this.parentElement : null;
@@ -99988,17 +99849,95 @@ class DomindsDialogContainer extends HTMLElement {
     this.boundOnScrollContainerScroll = () => {
       const current = this.scrollContainer;
       if (!current) return;
-      this.autoScrollEnabled = this.isScrollContainerAtBottom(current);
-      this.updateScrollToBottomButton();
+      this.refreshAutoScrollStateFromScroll(current);
+    };
+    this.boundOnScrollContainerWheel = (event) => {
+      this.handleAutoScrollWheel(event);
     };
     container.addEventListener("scroll", this.boundOnScrollContainerScroll, { passive: true });
-    this.autoScrollEnabled = this.isScrollContainerAtBottom(container);
-    this.updateScrollToBottomButton();
+    container.addEventListener("wheel", this.boundOnScrollContainerWheel, { passive: true });
+    this.refreshAutoScrollStateFromScroll(container);
+  }
+  getScrollContainerRemainingPx(container) {
+    return Math.max(0, container.scrollHeight - container.scrollTop - container.clientHeight);
   }
   isScrollContainerAtBottom(container) {
-    const thresholdPx = 32;
-    const remaining = container.scrollHeight - container.scrollTop - container.clientHeight;
-    return remaining <= thresholdPx;
+    return this.getScrollContainerRemainingPx(container) <= AUTO_SCROLL_FOLLOW_THRESHOLD_PX;
+  }
+  stopAutoScrollWheelSettleTimer() {
+    if (this.autoScrollWheelSettleTimer === null) return;
+    window.clearTimeout(this.autoScrollWheelSettleTimer);
+    this.autoScrollWheelSettleTimer = null;
+  }
+  decayAutoScrollWheelResistance(nowMs) {
+    if (this.autoScrollWheelLastDecayAtMs === 0) {
+      this.autoScrollWheelLastDecayAtMs = nowMs;
+      return this.autoScrollWheelResistance;
+    }
+    const elapsedMs = Math.max(0, nowMs - this.autoScrollWheelLastDecayAtMs);
+    if (elapsedMs > 0 && this.autoScrollWheelResistance > 0) {
+      this.autoScrollWheelResistance *= Math.exp(-elapsedMs / AUTO_SCROLL_WHEEL_DECAY_MS);
+      if (this.autoScrollWheelResistance < AUTO_SCROLL_WHEEL_IDLE_EPSILON / 2) {
+        this.autoScrollWheelResistance = 0;
+      }
+    }
+    this.autoScrollWheelLastDecayAtMs = nowMs;
+    return this.autoScrollWheelResistance;
+  }
+  getAutoScrollWheelResistancePx(nowMs) {
+    return this.decayAutoScrollWheelResistance(nowMs) * AUTO_SCROLL_WHEEL_RESISTANCE_PX;
+  }
+  recomputeAutoScrollEnabled(nowMs) {
+    const effectiveRemainingPx = this.autoScrollLastUserRemainingPx + (this.autoScrollPinnedToBottom ? this.getAutoScrollWheelResistancePx(nowMs) : 0);
+    this.autoScrollEnabled = effectiveRemainingPx <= AUTO_SCROLL_FOLLOW_THRESHOLD_PX;
+    this.updateScrollToBottomButton();
+  }
+  refreshAutoScrollStateFromScroll(container) {
+    const remainingPx = this.getScrollContainerRemainingPx(container);
+    this.autoScrollPinnedToBottom = this.isScrollContainerAtBottom(container);
+    this.autoScrollLastUserRemainingPx = remainingPx;
+    this.recomputeAutoScrollEnabled(performance.now());
+  }
+  resetAutoScrollState(enabled) {
+    this.autoScrollPinnedToBottom = enabled;
+    this.autoScrollLastUserRemainingPx = enabled ? 0 : AUTO_SCROLL_FOLLOW_THRESHOLD_PX + 1;
+    this.autoScrollEnabled = enabled;
+    this.autoScrollWheelResistance = 0;
+    this.autoScrollWheelLastDecayAtMs = 0;
+    this.autoScrollWheelLastUpEventAtMs = 0;
+    this.stopAutoScrollWheelSettleTimer();
+    this.updateScrollToBottomButton();
+  }
+  scheduleAutoScrollWheelSettle() {
+    if (!this.autoScrollPinnedToBottom) return;
+    if (this.autoScrollWheelSettleTimer !== null) return;
+    this.autoScrollWheelSettleTimer = window.setTimeout(() => {
+      this.autoScrollWheelSettleTimer = null;
+      this.recomputeAutoScrollEnabled(performance.now());
+      if (this.autoScrollWheelResistance >= AUTO_SCROLL_WHEEL_IDLE_EPSILON) {
+        this.scheduleAutoScrollWheelSettle();
+      }
+    }, AUTO_SCROLL_WHEEL_SETTLE_POLL_MS);
+  }
+  handleAutoScrollWheel(event) {
+    if (!Number.isFinite(event.deltaY) || event.deltaY === 0) return;
+    const nowMs = performance.now();
+    const currentResistance = this.decayAutoScrollWheelResistance(nowMs);
+    const intensity = Math.min(1.25, Math.abs(event.deltaY) / 90);
+    if (event.deltaY < 0) {
+      const gapMs = this.autoScrollWheelLastUpEventAtMs === 0 ? Number.POSITIVE_INFINITY : nowMs - this.autoScrollWheelLastUpEventAtMs;
+      const continuityBoost = gapMs < 140 ? 0.38 : gapMs < 260 ? 0.22 : gapMs < 420 ? 0.1 : 0;
+      this.autoScrollWheelResistance = Math.min(
+        AUTO_SCROLL_WHEEL_MAX_RESISTANCE,
+        currentResistance + 0.18 + intensity * 0.32 + continuityBoost
+      );
+      this.autoScrollWheelLastUpEventAtMs = nowMs;
+    } else {
+      this.autoScrollWheelResistance = Math.max(0, currentResistance - (0.1 + intensity * 0.2));
+    }
+    this.autoScrollWheelLastDecayAtMs = nowMs;
+    this.recomputeAutoScrollEnabled(nowMs);
+    this.scheduleAutoScrollWheelSettle();
   }
   async loadTeamConfiguration() {
     try {
@@ -100027,8 +99966,7 @@ class DomindsDialogContainer extends HTMLElement {
   }
   async setDialog(dialog) {
     this.suppressEvents = true;
-    this.autoScrollEnabled = true;
-    this.updateScrollToBottomButton();
+    this.resetAutoScrollState(true);
     if (this.currentDialog) {
       this.previousDialog = this.currentDialog;
     }
@@ -100045,8 +99983,7 @@ class DomindsDialogContainer extends HTMLElement {
   }
   clearDialog() {
     this.suppressEvents = true;
-    this.autoScrollEnabled = true;
-    this.updateScrollToBottomButton();
+    this.resetAutoScrollState(true);
     this.cleanup();
     this.currentDialog = void 0;
     this.render();
@@ -100073,8 +100010,7 @@ class DomindsDialogContainer extends HTMLElement {
   async setCurrentCourse(course) {
     if (!this.currentDialog) return;
     this.suppressEvents = true;
-    this.autoScrollEnabled = true;
-    this.updateScrollToBottomButton();
+    this.resetAutoScrollState(true);
     this.cleanup();
     this.currentCourse = course;
     this.wsManager.sendRaw({
@@ -100095,6 +100031,7 @@ class DomindsDialogContainer extends HTMLElement {
   resetForCourse(course) {
     this.clearGenerationGlow();
     this.stopAutoScrollObservation();
+    this.stopAutoScrollWheelSettleTimer();
     this.generationBubble = void 0;
     this.thinkingSection = void 0;
     this.markdownSection = void 0;
@@ -100117,6 +100054,7 @@ class DomindsDialogContainer extends HTMLElement {
   cleanup() {
     this.clearGenerationGlow();
     this.stopAutoScrollObservation();
+    this.stopAutoScrollWheelSettleTimer();
     this.previousDialog = void 0;
     this.runState = null;
     this.generationBubble = void 0;
@@ -102444,8 +102382,7 @@ ${event.content}`;
     );
     if (scrollBtn) {
       scrollBtn.onclick = () => {
-        this.autoScrollEnabled = true;
-        this.updateScrollToBottomButton();
+        this.resetAutoScrollState(true);
         this.scrollToBottom({ force: true });
       };
     }
@@ -103845,7 +103782,10 @@ ${event.content}`;
     const scrollContainer = this.scrollContainer;
     if (!scrollContainer) return;
     const forceScroll = options !== void 0 && options.force === true;
-    if (!forceScroll && !this.autoScrollEnabled) return;
+    if (!forceScroll) {
+      this.recomputeAutoScrollEnabled(performance.now());
+      if (!this.autoScrollEnabled) return;
+    }
     const doScroll = () => {
       const maxScroll = scrollContainer.scrollHeight - scrollContainer.clientHeight;
       scrollContainer.scrollTop = maxScroll;
@@ -119655,7 +119595,6 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
         display: inline-flex;
         align-items: center;
         gap: 4px;
-        --status-text-optical-offset-y: -1px;
       }
 
       .status-container {
@@ -119753,7 +119692,6 @@ const _DomindsConnectionStatus = class _DomindsConnectionStatus extends HTMLElem
         height: 100%;
         font-weight: 500;
         line-height: 1;
-        transform: translateY(var(--status-text-optical-offset-y));
         white-space: nowrap;
       }
 
@@ -121497,4 +121435,4 @@ export {
   clear$2 as y,
   defaultConfig2 as z
 };
-//# sourceMappingURL=index-DMbwqOm6.js.map
+//# sourceMappingURL=index-B-8J28g7.js.map