digi-mathchem-editor 1.0.35 → 1.0.36

package/dist/digi-mathchem-editor.es.js

@@ -7400,10 +7400,10 @@ function ot(s) {
         s[e] === "[" ? r++ : s[e] === "]" && r--, e++;
     }
     if (s[e] === "{") {
-      let r = 1, n = e + 1;
+      let r = 1, o = e + 1;
       for (e++; e < s.length && r > 0; )
         s[e] === "{" ? r++ : s[e] === "}" && r--, e++;
-      let i = s.slice(n, e - 1);
+      let i = s.slice(o, e - 1);
       i.trim() === "" ? t += "\\quad " : t += i;
     }
   }
@@ -7420,11 +7420,11 @@ function at(s) {
       break;
     }
     t += s.slice(e, r);
-    let n = 1, i = r + l.length;
-    for (; i < s.length && n > 0; )
-      s[i] === "{" ? n++ : s[i] === "}" && n--, i++;
-    const o = s.slice(r + l.length, i - 1);
-    /^['"/]+$/.test(o) || o.includes("\\textquotedbl") || o.includes("\\textquotesingle") ? t += "\\text{" + o + "}" : t += o, e = i;
+    let o = 1, i = r + l.length;
+    for (; i < s.length && o > 0; )
+      s[i] === "{" ? o++ : s[i] === "}" && o--, i++;
+    const a = s.slice(r + l.length, i - 1);
+    /^['"/]+$/.test(a) || a.includes("\\textquotedbl") || a.includes("\\textquotesingle") ? t += "\\text{" + a + "}" : t += a, e = i;
   }
   return t;
 }
@@ -7458,19 +7458,19 @@ function X(s) {
   let l = !0, r = 0;
   for (; l && r < 10; ) {
     l = !1, r++;
-    for (const n of e) {
+    for (const o of e) {
       let i = 0;
       for (; i < t.length; ) {
-        const o = t.indexOf(n, i);
-        if (o === -1) break;
-        let c = 1, d = o + n.length;
+        const a = t.indexOf(o, i);
+        if (a === -1) break;
+        let c = 1, d = a + o.length;
         for (; d < t.length && c > 0; )
           t[d] === "{" && !Q(t, d) ? c++ : t[d] === "}" && !Q(t, d) && c--, d++;
         if (c === 0) {
-          const m = t.slice(o + n.length, d - 1);
-          t = t.slice(0, o) + m + t.slice(d), l = !0, i = o;
+          const m = t.slice(a + o.length, d - 1);
+          t = t.slice(0, a) + m + t.slice(d), l = !0, i = a;
         } else
-          i = o + n.length;
+          i = a + o.length;
       }
     }
   }
@@ -7524,21 +7524,21 @@ function K(s, t, e, l) {
   if (!s) return "";
   if (!t && !e)
     return ht(s, { fontFamily: l });
-  const r = l === "sans-serif", n = l === "monospace", i = l === "roman";
-  return t && e ? r ? `\\boldsymbol{\\mathsf{${s}}}` : n ? `\\boldsymbol{\\mathtt{${s}}}` : i ? `\\mathbfit{\\mathrm{${s}}}` : `\\mathbfit{${s}}` : t ? r ? `\\boldsymbol{\\mathsf{${s}}}` : n ? `\\boldsymbol{\\mathtt{${s}}}` : i ? `\\mathbf{\\mathrm{${s}}}` : `\\mathbf{${s}}` : e ? r ? `\\mathsf{${s}}` : n ? `\\mathtt{${s}}` : i ? `\\mathit{\\mathrm{${s}}}` : `\\mathit{${s}}` : s;
+  const r = l === "sans-serif", o = l === "monospace", i = l === "roman";
+  return t && e ? r ? `\\boldsymbol{\\mathsf{${s}}}` : o ? `\\boldsymbol{\\mathtt{${s}}}` : i ? `\\mathbfit{\\mathrm{${s}}}` : `\\mathbfit{${s}}` : t ? r ? `\\boldsymbol{\\mathsf{${s}}}` : o ? `\\boldsymbol{\\mathtt{${s}}}` : i ? `\\mathbf{\\mathrm{${s}}}` : `\\mathbf{${s}}` : e ? r ? `\\mathsf{${s}}` : o ? `\\mathtt{${s}}` : i ? `\\mathit{\\mathrm{${s}}}` : `\\mathit{${s}}` : s;
 }
 function U(s, t, e, l) {
   if (!s) return "";
   let r = s.trim();
-  const n = r.match(/^\\displaylines\s*\{([\s\S]*)\}$/i);
-  if (n && (r = n[1].trim()), r.match(/^\\begin\{(array|matrix|pmatrix|bmatrix|vmatrix|Vmatrix|align|aligned|gather|cases)\}([\s\S]*)\\end\{\1\}$/i))
+  const o = r.match(/^\\displaylines\s*\{([\s\S]*)\}$/i);
+  if (o && (r = o[1].trim()), r.match(/^\\begin\{(array|matrix|pmatrix|bmatrix|vmatrix|Vmatrix|align|aligned|gather|cases)\}([\s\S]*)\\end\{\1\}$/i))
     return r;
-  const o = r.match(/^\\begin\{(array|gather)\}(\{[\s\S]*?\})?([\s\S]*?)\\end\{\1\}$/i);
-  if (o && (r = o[3].trim()), /\\\\|\\cr|\\newline|\\par|\n/.test(r)) {
+  const a = r.match(/^\\begin\{(array|gather)\}(\{[\s\S]*?\})?([\s\S]*?)\\end\{\1\}$/i);
+  if (a && (r = a[3].trim()), /\\\\|\\cr|\\newline|\\par|\n/.test(r)) {
     const c = /\\\\(?:\[[^\]]*\])?|\\cr|\\newline|\\par|\n/;
     return `\\displaylines{${r.split(c).map((w) => {
-      const S = w.trim();
-      return S ? K(S, t, e, l) : "";
+      const C = w.trim();
+      return C ? K(C, t, e, l) : "";
     }).filter((w) => w.length > 0).join(" \\\\ ")}}`;
   }
   return K(r, t, e, l);
@@ -7546,20 +7546,57 @@ function U(s, t, e, l) {
 function ct(s) {
   return s ? s.replace(/\\enclose\{([^}]*)\}\s*\[.*?\]/g, "\\enclose{$1}") : "";
 }
+function dt(s, t) {
+  if (typeof s != "string" || !s.includes("\\ce{")) return s;
+  let e = "", l = 0;
+  for (; l < s.length; ) {
+    const r = s.indexOf("\\ce{", l);
+    if (r === -1) {
+      e += s.slice(l);
+      break;
+    }
+    e += s.slice(l, r);
+    let o = 1, i = r + 4;
+    for (; i < s.length && o > 0; ) {
+      if (s[i] === "\\") {
+        i += 2;
+        continue;
+      }
+      s[i] === "{" ? o++ : s[i] === "}" && o--, i++;
+    }
+    if (o === 0) {
+      const a = s.slice(r + 4, i - 1), c = s.slice(r, i);
+      e += t(c, a), l = i;
+    } else
+      e += s.slice(r, i), l = i;
+  }
+  return e;
+}
 function P(s = "") {
   if (typeof s != "string") return s;
   let t = s.replace(/\\textasciitilde/g, "\\text{~}").replace(/\\textasciicircum/g, "\\text{^}").replace(/\\textasteriskcentered/g, "*").replace(/\\char96/g, "`");
-  return t.includes("\\ce{") && (t = t.replace(/\\ce\{([\s\S]*?)\}/g, (e, l) => {
-    if (l.includes("\\{") || l.includes("\\}") || l.includes("\\lbrace") || l.includes("\\rbrace"))
+  return t.includes("\\ce{") && (t = dt(t, (e, l) => {
+    if (l.includes("\\{") || l.includes("\\}") || l.includes("\\lbrace") || l.includes("\\rbrace") || l.includes("\\xrightarrow") || l.includes("\\xrightleftharpoons") || l.includes("\\xleftrightharpoons") || l.includes("\\xleftrightarrows") || l.includes("\\xleftarrow") || l.includes("\\xleftrightarrow") || l.includes("\\xtofrom") || l.includes("\\enclose") || l.includes("\\class{cme-"))
       return l;
     let r = l.replace(/\\left\[/g, "[").replace(/\\right\]/g, "]").replace(/\\lbrack\b/g, "[").replace(/\\rbrack\b/g, "]").replace(/\\left\(/g, "(").replace(/\\right\)/g, ")").replace(/\\left\|/g, "|").replace(/\\right\|/g, "|").replace(/\\left\./g, "").replace(/\\right\./g, "").replace(/\\enspace(?:\s|{})?/g, "~");
     return r = r.replace(
       new RegExp("(?<!\\{)\\\\(alpha|beta|gamma|delta|epsilon|zeta|eta|theta|vartheta|iota|kappa|lambda|mu|nu|xi|pi|varpi|rho|varrho|varsigma|sigma|tau|upsilon|phi|chi|psi|omega|Gamma|Delta|Theta|Lambda|Xi|Pi|Sigma|Upsilon|Phi|Psi|Omega)\\b(?!\\})", "g"),
       "{\\$1}"
-    ), `\\ce{${r}}`;
+    ), r = r.replace(/(?:[\s~]*\+[\s~]*)/g, (o, i, a) => {
+      const c = a.slice(0, i);
+      if (/\^(\d*|[a-zA-Z]*)$/.test(c))
+        return o.trim();
+      const d = c.lastIndexOf("^{");
+      if (d !== -1) {
+        const m = c.slice(d), w = (m.match(/\{/g) || []).length, C = (m.match(/\}/g) || []).length;
+        if (w > C)
+          return o.trim();
+      }
+      return " + ";
+    }).replace(/\s{2,}/g, " "), `\\ce{${r}}`;
   })), t;
 }
-function vt(s) {
+function Mt(s) {
   if (!s) return "";
   let t = s;
   const e = t.match(/^\\ce\{([\s\S]*)\}/);
@@ -7685,27 +7722,27 @@ function vt(s) {
     ["\\cdots", "⋯"],
     ["\\ldots", "…"]
   ];
-  for (const [i, o] of l) {
+  for (const [i, a] of l) {
     const c = i.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    t = t.replace(new RegExp(c, "g"), o);
+    t = t.replace(new RegExp(c, "g"), a);
   }
   t = t.replace(/\\frac\{([^}]*)\}\{([^}]*)\}/g, "$1/$2"), t = t.replace(/\\sqrt\[([^\]]*)\]\{([^}]*)\}/g, "$1√($2)"), t = t.replace(/\\sqrt\{([^}]*)\}/g, "√($1)"), t = t.replace(/\\vec\{([^}]*)\}/g, "$1⃗"), t = t.replace(/\\hat\{([^}]*)\}/g, "$1̂"), t = t.replace(/\\bar\{([^}]*)\}/g, "$1̄"), t = t.replace(/\\ddot\{([^}]*)\}/g, "$1̈"), t = t.replace(/\\dot\{([^}]*)\}/g, "$1̇"), t = t.replace(/\\text\{([^}]*)\}/g, "$1"), t = t.replace(
     /\\begin\{pmatrix\}([\s\S]*?)\\end\{pmatrix\}/g,
-    (i, o) => "[" + o.replace(/\\\\/g, "; ").replace(/&/g, ", ").trim() + "]"
+    (i, a) => "[" + a.replace(/\\\\/g, "; ").replace(/&/g, ", ").trim() + "]"
   );
   const r = { 0: "⁰", 1: "¹", 2: "²", 3: "³", 4: "⁴", 5: "⁵", 6: "⁶", 7: "⁷", 8: "⁸", 9: "⁹", "+": "⁺", "-": "⁻", "=": "⁼", "(": "⁽", ")": "⁾", n: "ⁿ", i: "ⁱ" };
   t = t.replace(
     /\^\{([^}]*)\}/g,
-    (i, o) => o.split("").map((c) => r[c] || c).join("")
-  ), t = t.replace(/\^([a-zA-Z0-9])/g, (i, o) => r[o] || o);
-  const n = { 0: "₀", 1: "₁", 2: "₂", 3: "₃", 4: "₄", 5: "₅", 6: "₆", 7: "₇", 8: "₈", 9: "₉", "+": "₊", "-": "₋", "=": "₌", "(": "₍", ")": "₎", a: "ₐ", e: "ₑ", o: "ₒ", x: "ₓ", i: "ᵢ", j: "ⱼ", n: "ₙ" };
+    (i, a) => a.split("").map((c) => r[c] || c).join("")
+  ), t = t.replace(/\^([a-zA-Z0-9])/g, (i, a) => r[a] || a);
+  const o = { 0: "₀", 1: "₁", 2: "₂", 3: "₃", 4: "₄", 5: "₅", 6: "₆", 7: "₇", 8: "₈", 9: "₉", "+": "₊", "-": "₋", "=": "₌", "(": "₍", ")": "₎", a: "ₐ", e: "ₑ", o: "ₒ", x: "ₓ", i: "ᵢ", j: "ⱼ", n: "ₙ" };
   return t = t.replace(
     /_\{([^}]*)\}/g,
-    (i, o) => o.split("").map((c) => n[c] || c).join("")
-  ), t = t.replace(/_([a-zA-Z0-9])/g, (i, o) => n[o] || o), t = t.replace(/->/g, "→"), t = t.replace(/<=>/g, "⇌"), t = t.replace(/\\[a-zA-Z]+/g, ""), t = t.replace(/[{}]/g, ""), t = t.replace(/\s+/g, " "), t = t.replace(/\\\\/g, `
+    (i, a) => a.split("").map((c) => o[c] || c).join("")
+  ), t = t.replace(/_([a-zA-Z0-9])/g, (i, a) => o[a] || a), t = t.replace(/->/g, "→"), t = t.replace(/<=>/g, "⇌"), t = t.replace(/\\[a-zA-Z]+/g, ""), t = t.replace(/[{}]/g, ""), t = t.replace(/\s+/g, " "), t = t.replace(/\\\\/g, `
 `), t.trim();
 }
-const W = "data-mathfield-shadow-styles", dt = `
+const W = "data-mathfield-shadow-styles", mt = `
     :host {
       touch-action: pan-x pan-y !important;
       -webkit-overflow-scrolling: touch !important;
@@ -8047,25 +8084,25 @@ function $(s, t = null) {
       const r = l.getBoundingClientRect();
       if (r.top === 0 && r.left === 0 && r.width === 0 && r.height === 0)
         return;
-      const n = [];
-      t && t.isConnected && n.push(t);
+      const o = [];
+      t && t.isConnected && o.push(t);
       let i = s;
       for (; i && i !== document.body && i !== document.documentElement; ) {
-        if (!n.includes(i)) {
+        if (!o.includes(i)) {
           const d = window.getComputedStyle(i);
-          (d.overflow === "auto" || d.overflow === "scroll" || d.overflowX === "auto" || d.overflowX === "scroll" || d.overflowY === "auto" || d.overflowY === "scroll") && n.push(i);
+          (d.overflow === "auto" || d.overflow === "scroll" || d.overflowX === "auto" || d.overflowX === "scroll" || d.overflowY === "auto" || d.overflowY === "scroll") && o.push(i);
         }
         i = i.parentElement;
       }
-      n.length === 0 && s.parentElement && n.push(s.parentElement);
-      const o = 40, c = 20;
-      for (const d of n) {
+      o.length === 0 && s.parentElement && o.push(s.parentElement);
+      const a = 40, c = 20;
+      for (const d of o) {
         const m = d.getBoundingClientRect();
-        if (r.right + o > m.right) {
-          const w = r.right + o - m.right;
+        if (r.right + a > m.right) {
+          const w = r.right + a - m.right;
           d.scrollLeft += w;
-        } else if (r.left - o < m.left) {
-          const w = m.left - (r.left - o);
+        } else if (r.left - a < m.left) {
+          const w = m.left - (r.left - a);
           d.scrollLeft -= w;
         }
         if (r.bottom + c > m.bottom) {
@@ -8080,7 +8117,7 @@ function $(s, t = null) {
     }
   });
 }
-function mt(s) {
+function pt(s) {
   if (!s || s._cmeCaretTrackingAttached || s.hasAttribute("read-only") || s.hasAttribute("readonly")) return;
   s._cmeCaretTrackingAttached = !0;
   const e = () => $(s);
@@ -8090,22 +8127,22 @@ function V(s) {
   const t = s == null ? void 0 : s.shadowRoot;
   if (!t) return;
   const e = s.hasAttribute("read-only") || s.hasAttribute("readonly"), l = e ? "readonly" : "editable";
-  e || mt(s);
+  e || pt(s);
   let r = t.querySelector(`[${W}]`);
   r && r.getAttribute("data-cache") === l || (r || (r = document.createElement("style"), r.setAttribute(W, "true"), t.appendChild(r)), r.setAttribute("data-cache", l), r.textContent = `
     ${e ? `
       :host, :host * { cursor: pointer !important; }
       .ML__latex, .ML__content, .ML__container, .ML__virtual-keyboard-toggle { cursor: pointer !important; }
     ` : ""}
-    ${dt}
+    ${mt}
   `);
 }
-function pt() {
+function gt() {
   document.querySelectorAll("math-field").forEach(V);
 }
 let F = null;
 function bt() {
-  F || (pt(), F = new MutationObserver((s) => {
+  F || (gt(), F = new MutationObserver((s) => {
     var t, e, l;
     for (const r of s) {
       if (r.type === "attributes" && ((t = r.target.tagName) == null ? void 0 : t.toLowerCase()) === "math-field") {
@@ -8113,8 +8150,8 @@ function bt() {
         continue;
       }
       if (r.addedNodes)
-        for (const n of r.addedNodes)
-          n instanceof Element && (((e = n.tagName) == null ? void 0 : e.toLowerCase()) === "math-field" && requestAnimationFrame(() => V(n)), (l = n.querySelectorAll) == null || l.call(n, "math-field").forEach(
+        for (const o of r.addedNodes)
+          o instanceof Element && (((e = o.tagName) == null ? void 0 : e.toLowerCase()) === "math-field" && requestAnimationFrame(() => V(o)), (l = o.querySelectorAll) == null || l.call(o, "math-field").forEach(
             (i) => requestAnimationFrame(() => V(i))
           ));
     }
@@ -8134,7 +8171,7 @@ const tt = [
   { id: "Number", name: "Number", ranges: [[48, 57], [8304, 8351], [8528, 8591], [9312, 9471], [10102, 10131], [65296, 65305], [120782, 120831]] },
   { id: "Phonetic", name: "Phonetic", ranges: [[592, 687], [688, 767], [7424, 7551], [7552, 7615], [43824, 43887]] },
   { id: "Other", name: "Other", ranges: [[8352, 8399], [8448, 8527], [8960, 9215], [9472, 9599], [9600, 9631], [9632, 9727], [10240, 10495], [11008, 11263]] }
-], gt = () => {
+], wt = () => {
   const s = [];
   return tt.slice(1).forEach((t) => {
     t.ranges.forEach((e) => {
@@ -8149,8 +8186,8 @@ const tt = [
       }
     });
   }), s;
-}, wt = gt();
-class kt {
+}, kt = wt();
+class ut {
   constructor(t = {}) {
     this.onInsert = t.onInsert || (() => {
     }), this.onClose = t.onClose || (() => {
@@ -8166,7 +8203,7 @@ class kt {
     t.key === "Escape" && this.close();
   }
   getFilteredCharacters() {
-    let t = wt;
+    let t = kt;
     if (this.selectedCategory !== "All" && (t = t.filter((e) => e.category === this.selectedCategory)), this.searchCode.trim()) {
       const e = this.searchCode.trim().toUpperCase();
       t = t.filter((l) => l.code.includes(e));
@@ -8185,8 +8222,8 @@ class kt {
     if (this.overlay && this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay), this.overlay = document.createElement("div"), this.overlay.className = "scm-overlay", this.overlay.addEventListener("mousedown", (i) => {
       i.stopPropagation(), this.close();
     }), this.modal = document.createElement("div"), this.modal.className = "scm-modal", this.modal.addEventListener("mousedown", (i) => i.stopPropagation()), t) {
-      let i = t.x - 120, o = t.y;
-      i < 10 && (i = 10), i + 230 > window.innerWidth && (i = window.innerWidth - 240), o + 200 > window.innerHeight && (o = window.innerHeight - 210), this.modal.style.top = `${o}px`, this.modal.style.left = `${i}px`, this.modal.style.transform = "none";
+      let i = t.x - 120, a = t.y;
+      i < 10 && (i = 10), i + 230 > window.innerWidth && (i = window.innerWidth - 240), a + 200 > window.innerHeight && (a = window.innerHeight - 210), this.modal.style.top = `${a}px`, this.modal.style.left = `${i}px`, this.modal.style.transform = "none";
     } else
       this.modal.style.top = "50%", this.modal.style.left = "50%", this.modal.style.transform = "translate(-50%, -50%)";
     const e = document.createElement("div");
@@ -8197,13 +8234,13 @@ class kt {
     });
     const r = document.createElement("select");
     r.className = "scm-category-select", tt.forEach((i) => {
-      const o = document.createElement("option");
-      o.value = i.id, o.textContent = i.name, r.appendChild(o);
+      const a = document.createElement("option");
+      a.value = i.id, a.textContent = i.name, r.appendChild(a);
     }), r.value = this.selectedCategory, r.addEventListener("change", (i) => {
       this.selectedCategory = i.target.value, this.updateGrid();
     }), e.appendChild(l), e.appendChild(r), this.modal.appendChild(e);
-    const n = document.createElement("div");
-    n.className = "scm-body", this.bodyContainer = document.createElement("div"), this.bodyContainer.className = "scm-grid-container", n.appendChild(this.bodyContainer), this.modal.appendChild(n), this.updateGrid(), this.overlay.appendChild(this.modal), document.body.appendChild(this.overlay), setTimeout(() => l.focus(), 50);
+    const o = document.createElement("div");
+    o.className = "scm-body", this.bodyContainer = document.createElement("div"), this.bodyContainer.className = "scm-grid-container", o.appendChild(this.bodyContainer), this.modal.appendChild(o), this.updateGrid(), this.overlay.appendChild(this.modal), document.body.appendChild(this.overlay), setTimeout(() => l.focus(), 50);
   }
   updateGrid() {
     if (!this.bodyContainer) return;
@@ -8214,24 +8251,24 @@ class kt {
       r.className = "scm-no-results", r.textContent = "No characters found.", this.bodyContainer.appendChild(r);
       return;
     }
-    l.forEach(([r, n]) => {
+    l.forEach(([r, o]) => {
       const i = document.createElement("div");
       i.className = "scm-category-group";
-      const o = document.createElement("div");
-      o.className = "scm-char-grid", n.forEach((c) => {
+      const a = document.createElement("div");
+      a.className = "scm-char-grid", o.forEach((c) => {
         const d = document.createElement("button");
         d.type = "button", d.className = "scm-char-btn", d.title = `U+${c.code}`, d.textContent = c.char, d.addEventListener("click", (m) => {
           m.preventDefault(), this.onInsert(c.char), this.close();
-        }), o.appendChild(d);
-      }), i.appendChild(o), this.bodyContainer.appendChild(i);
+        }), a.appendChild(d);
+      }), i.appendChild(a), this.bodyContainer.appendChild(i);
     });
   }
   destroy() {
     this.close();
   }
 }
-const ut = "1.0.35", H = {
-  version: ut
+const xt = "1.0.36", H = {
+  version: xt
 };
 typeof window < "u" && (window.MathfieldElement ? window.MathfieldElement.fontsDirectory = "https://cdn.jsdelivr.net/npm/mathlive/dist/fonts" : j && (j.fontsDirectory = "https://cdn.jsdelivr.net/npm/mathlive/dist/fonts"));
 const q = class q {
@@ -8313,7 +8350,7 @@ const q = class q {
   }
   handleInsert() {
     let t = this.getValue();
-    t = ot(t), t = at(t), t = ct(t), this.mode === "chem" && (t = t.replace(/\\enspace(?:\s|{})?/g, "~"), t.includes("\\displaylines") || t.includes("\\\\") || t.includes("\\class{cme-") || t.includes("\\xleftrightarrows") || t.includes("\\xleftrightharpoons") || t.includes("\\enclose") || t.includes("\\{") || t.includes("\\}") || t.includes("\\lbrace") || t.includes("\\rbrace") ? /^\\ce\{[\s\S]*\}$/i.test(t.trim()) && (t = t.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1")) : t.trim() && !t.trim().startsWith("\\ce{") && !t.includes("\\ce{") && (t = `\\ce{${t}}`), t = P(t)), this.onInsert(t), this.close();
+    t = ot(t), t = at(t), t = ct(t), this.mode === "chem" && (t = t.replace(/\\enspace(?:\s|{})?/g, "~"), t.includes("\\displaylines") || t.includes("\\\\") || t.includes("\\class{cme-") || t.includes("\\xleftrightarrows") || t.includes("\\xleftrightharpoons") || t.includes("\\xrightarrow") || t.includes("\\xrightleftharpoons") || t.includes("\\xleftarrow") || t.includes("\\xleftrightarrow") || t.includes("\\xtofrom") || t.includes("\\enclose") || t.includes("\\{") || t.includes("\\}") || t.includes("\\lbrace") || t.includes("\\rbrace") ? /^\\ce\{[\s\S]*\}$/i.test(t.trim()) && (t = t.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1")) : t.trim() && !t.trim().startsWith("\\ce{") && !t.includes("\\ce{") && (t = `\\ce{${t}}`), t = P(t)), this.onInsert(t), this.close();
   }
   insertAtCursor(t) {
     if (this.closeAllPopups(), !this.mathField) return;
@@ -8356,11 +8393,11 @@ const q = class q {
       if (l) {
         const r = l.ranges || (Array.isArray(l) ? [l] : []);
         if (r.length > 0) {
-          let n = 1 / 0, i = -1 / 0;
+          let o = 1 / 0, i = -1 / 0;
           for (const c of r)
-            Array.isArray(c) && (n = Math.min(n, c[0], c[1]), i = Math.max(i, c[0], c[1]));
-          const o = (e == null ? void 0 : e.lastOffset) || 1;
-          if (n <= 1 && i >= o)
+            Array.isArray(c) && (o = Math.min(o, c[0], c[1]), i = Math.max(i, c[0], c[1]));
+          const a = (e == null ? void 0 : e.lastOffset) || 1;
+          if (o <= 1 && i >= a)
             return !0;
         }
       }
@@ -8416,8 +8453,8 @@ const q = class q {
         const l = e.selection || t.selection, r = e.getAtoms(l, { includeChildren: !0 });
         if (r && r.length > 0 && r.some((i) => {
           if (!i || i.type === "first") return !1;
-          const o = i.style;
-          return o ? o.variantStyle === "bold" || o.variantStyle === "bolditalic" || o.fontSeries === "b" || o.variant === "bold" : !1;
+          const a = i.style;
+          return a ? a.variantStyle === "bold" || a.variantStyle === "bolditalic" || a.fontSeries === "b" || a.variant === "bold" : !1;
         }))
           return !0;
       }
@@ -8448,8 +8485,8 @@ const q = class q {
         const l = e.selection || t.selection, r = e.getAtoms(l, { includeChildren: !0 });
         if (r && r.length > 0 && r.some((i) => {
           if (!i || i.type === "first") return !1;
-          const o = i.style;
-          return o ? o.variantStyle === "italic" || o.variantStyle === "bolditalic" || o.fontShape === "it" : !1;
+          const a = i.style;
+          return a ? a.variantStyle === "italic" || a.variantStyle === "bolditalic" || a.fontShape === "it" : !1;
         }))
           return !0;
       }
@@ -8472,10 +8509,10 @@ const q = class q {
       }
   }
   render() {
-    this.popup = document.createElement("div"), this.popup.className = "cme-editor-popup" + (this.isMaximized ? " maximized" : "") + (this.isMinimized ? " minimized" : ""), this.popup.addEventListener("mousedown", (a) => {
-      this.handleDocumentClick(a), a.stopPropagation();
-    }), this.popup.addEventListener("pointerdown", (a) => {
-      this.handleDocumentClick(a);
+    this.popup = document.createElement("div"), this.popup.className = "cme-editor-popup" + (this.isMaximized ? " maximized" : "") + (this.isMinimized ? " minimized" : ""), this.popup.addEventListener("mousedown", (n) => {
+      this.handleDocumentClick(n), n.stopPropagation();
+    }), this.popup.addEventListener("pointerdown", (n) => {
+      this.handleDocumentClick(n);
     });
     const t = document.createElement("div");
     t.className = "cme-popup-topbar";
@@ -8483,56 +8520,56 @@ const q = class q {
     e.className = "cme-popup-header", e.style.cursor = "grab";
     const l = this.title || (this.isEditing ? this.mode === "chem" ? "Edit Chemistry Formula" : "Edit Math Formula" : this.mode === "chem" ? "Chemistry Editor" : "Math Editor");
     e.innerHTML = `<span>${l}</span>`;
-    const r = (a, p, g) => {
-      g && g.closest && g.closest(".cme-popup-btn") || (this.closeAllPopups(), this.specCharModal && this.specCharModal.close(), this.isDragging = !0, this.dragStart = {
-        x: a - this.position.x,
+    const r = (n, p, b) => {
+      b && b.closest && b.closest(".cme-popup-btn") || (this.closeAllPopups(), this.specCharModal && this.specCharModal.close(), this.isDragging = !0, this.dragStart = {
+        x: n - this.position.x,
         y: p - this.position.y
       }, e.style.cursor = "grabbing");
     };
-    e.addEventListener("mousedown", (a) => {
-      r(a.clientX, a.clientY, a.target);
+    e.addEventListener("mousedown", (n) => {
+      r(n.clientX, n.clientY, n.target);
     }), e.addEventListener(
       "touchstart",
-      (a) => {
-        a.touches && a.touches.length > 0 && r(a.touches[0].clientX, a.touches[0].clientY, a.target);
+      (n) => {
+        n.touches && n.touches.length > 0 && r(n.touches[0].clientX, n.touches[0].clientY, n.target);
       },
       { passive: !0 }
     );
-    const n = document.createElement("div");
-    n.className = "cme-popup-controls";
+    const o = document.createElement("div");
+    o.className = "cme-popup-controls";
     const i = document.createElement("button");
     i.type = "button", i.className = "cme-popup-btn", i.textContent = "—", i.title = "Minimize", i.addEventListener("click", () => this.toggleMinimize());
-    const o = document.createElement("button");
-    o.type = "button", o.className = "cme-popup-btn", o.textContent = "⤢", o.title = "Maximize", o.addEventListener("click", () => this.toggleMaximize()), this.minBtn = i, this.maxBtn = o;
+    const a = document.createElement("button");
+    a.type = "button", a.className = "cme-popup-btn", a.textContent = "⤢", a.title = "Maximize", a.addEventListener("click", () => this.toggleMaximize()), this.minBtn = i, this.maxBtn = a;
     const c = document.createElement("button");
-    c.type = "button", c.className = "cme-popup-btn", c.textContent = "✕", c.title = "Close", c.addEventListener("click", () => this.close()), n.appendChild(i), n.appendChild(o), n.appendChild(c), t.appendChild(e), t.appendChild(n), this.popup.appendChild(t);
+    c.type = "button", c.className = "cme-popup-btn", c.textContent = "✕", c.title = "Close", c.addEventListener("click", () => this.close()), o.appendChild(i), o.appendChild(a), o.appendChild(c), t.appendChild(e), t.appendChild(o), this.popup.appendChild(t);
     const d = document.createElement("div");
     d.className = "cme-toolbar", d.setAttribute("role", "toolbar"), d.setAttribute("aria-label", "Symbol palette"), this.tabsWrapper = document.createElement("div"), this.tabsWrapper.className = "cme-toolbar-groups", this.renderTabs(), d.appendChild(this.tabsWrapper), this.itemsWrapper = document.createElement("div"), this.itemsWrapper.className = "cme-toolbar-items", this.renderToolbarItems(), d.appendChild(this.itemsWrapper), this.popup.appendChild(d);
     const m = document.createElement("div");
-    m.className = "cme-mathfield-container", this.mathFieldContainer = m, m.addEventListener("mousedown", (a) => {
-      var p, g;
-      this.explicitToggle = !1, this.closeAllPopups(), !(this.mathField && (a.target === this.mathField || this.mathField.contains(a.target))) && (a.preventDefault(), (g = (p = this.mathField) == null ? void 0 : p.focus) == null || g.call(p));
+    m.className = "cme-mathfield-container", this.mathFieldContainer = m, m.addEventListener("mousedown", (n) => {
+      var p, b;
+      this.explicitToggle = !1, this.closeAllPopups(), !(this.mathField && (n.target === this.mathField || this.mathField.contains(n.target))) && (n.preventDefault(), (b = (p = this.mathField) == null ? void 0 : p.focus) == null || b.call(p));
     });
-    let w = !1, S = 0, T = 0, u = 0, y = 0, h = 0, v = 0, f = 0, k = 0, E = 0, b = null;
+    let w = !1, C = 0, T = 0, u = 0, y = 0, h = 0, v = 0, f = 0, k = 0, E = 0, g = null;
     const B = () => {
-      b && (cancelAnimationFrame(b), b = null);
+      g && (cancelAnimationFrame(g), g = null);
     };
     m.addEventListener(
       "touchstart",
-      (a) => {
-        if (B(), !a.touches || a.touches.length !== 1) return;
-        const p = a.touches[0];
-        S = p.clientX, T = p.clientY, h = p.clientX, v = p.clientY, f = Date.now(), u = m.scrollLeft, y = m.scrollTop, k = 0, E = 0, w = !1;
+      (n) => {
+        if (B(), !n.touches || n.touches.length !== 1) return;
+        const p = n.touches[0];
+        C = p.clientX, T = p.clientY, h = p.clientX, v = p.clientY, f = Date.now(), u = m.scrollLeft, y = m.scrollTop, k = 0, E = 0, w = !1;
       },
       { passive: !0 }
     ), m.addEventListener(
       "touchmove",
-      (a) => {
-        if (!a.touches || a.touches.length !== 1) return;
-        const p = a.touches[0], g = p.clientX - S, x = p.clientY - T;
-        if (!w && (Math.abs(g) > 4 || Math.abs(x) > 4) && (w = !0), w) {
+      (n) => {
+        if (!n.touches || n.touches.length !== 1) return;
+        const p = n.touches[0], b = p.clientX - C, x = p.clientY - T;
+        if (!w && (Math.abs(b) > 4 || Math.abs(x) > 4) && (w = !0), w) {
           const I = Date.now(), O = Math.max(I - f, 1);
-          k = (p.clientX - h) / O * 16, E = (p.clientY - v) / O * 16, h = p.clientX, v = p.clientY, f = I, m.scrollLeft = u - g, m.scrollTop = y - x;
+          k = (p.clientX - h) / O * 16, E = (p.clientY - v) / O * 16, h = p.clientX, v = p.clientY, f = I, m.scrollLeft = u - b, m.scrollTop = y - x;
         }
       },
       { passive: !0 }
@@ -8541,15 +8578,15 @@ const q = class q {
       () => {
         if (!w) return;
         w = !1;
-        let a = k, p = E;
-        const g = () => {
-          if (Math.abs(a) < 0.2 && Math.abs(p) < 0.2) {
-            b = null;
+        let n = k, p = E;
+        const b = () => {
+          if (Math.abs(n) < 0.2 && Math.abs(p) < 0.2) {
+            g = null;
             return;
           }
-          m.scrollLeft -= a, m.scrollTop -= p, a *= 0.92, p *= 0.92, b = requestAnimationFrame(g);
+          m.scrollLeft -= n, m.scrollTop -= p, n *= 0.92, p *= 0.92, g = requestAnimationFrame(b);
         };
-        B(), (Math.abs(a) > 0.5 || Math.abs(p) > 0.5) && (b = requestAnimationFrame(g));
+        B(), (Math.abs(n) > 0.5 || Math.abs(p) > 0.5) && (g = requestAnimationFrame(b));
       },
       { passive: !0 }
     ), m.addEventListener(
@@ -8559,22 +8596,22 @@ const q = class q {
       },
       { passive: !0 }
     ), this.mathField = document.createElement("math-field"), this.mathField.className = "cme-mathfield", this.mathField.setAttribute("tabindex", "0"), this.mathField.setAttribute("math-virtual-keyboard-policy", "manual"), this.mathField.setAttribute("smart-superscript", "false"), this.mathField.smartSuperscript = !1, this.mathField.setAttribute("math-mode-space", "\\enspace"), this.mathField.mathModeSpace = "\\enspace", this.mathField.onInsertStyle = () => this.getInsertStyle();
-    const A = (a) => {
+    const A = (n) => {
       const p = Date.now();
       if (this._lastEnterTimestamp && p - this._lastEnterTimestamp < 120) {
-        a && typeof a.preventDefault == "function" && (a.preventDefault(), a.stopPropagation(), typeof a.stopImmediatePropagation == "function" && a.stopImmediatePropagation());
+        n && typeof n.preventDefault == "function" && (n.preventDefault(), n.stopPropagation(), typeof n.stopImmediatePropagation == "function" && n.stopImmediatePropagation());
         return;
       }
-      this._lastEnterTimestamp = p, a && typeof a.preventDefault == "function" && (a.preventDefault(), a.stopPropagation(), typeof a.stopImmediatePropagation == "function" && a.stopImmediatePropagation()), this.activeStyles.bold || this.activeStyles.italic || this.activeStyles.fontFamily && this.activeStyles.fontFamily !== "none" ? this.explicitToggle = !0 : this.explicitToggle = !1;
-      const g = this.mathField;
-      g != null && g.executeCommand && g.executeCommand("addRowAfter"), this.scrollToCaret();
-    }, C = () => {
-      var a;
+      this._lastEnterTimestamp = p, n && typeof n.preventDefault == "function" && (n.preventDefault(), n.stopPropagation(), typeof n.stopImmediatePropagation == "function" && n.stopImmediatePropagation()), this.activeStyles.bold || this.activeStyles.italic || this.activeStyles.fontFamily && this.activeStyles.fontFamily !== "none" ? this.explicitToggle = !0 : this.explicitToggle = !1;
+      const b = this.mathField;
+      b != null && b.executeCommand && b.executeCommand("addRowAfter"), this.scrollToCaret();
+    }, S = () => {
+      var n;
       try {
-        const p = (a = this.mathField) == null ? void 0 : a.shadowRoot;
+        const p = (n = this.mathField) == null ? void 0 : n.shadowRoot;
         if (!p) return;
-        const g = p.querySelector(".ML__keyboard-sink") || p.querySelector("[contenteditable]");
-        g && !g._cmeEnterAttached && (g._cmeEnterAttached = !0, g.addEventListener(
+        const b = p.querySelector(".ML__keyboard-sink") || p.querySelector("[contenteditable]");
+        b && !b._cmeEnterAttached && (b._cmeEnterAttached = !0, b.addEventListener(
           "beforeinput",
           (x) => {
             const I = x.inputType || "", O = x.data;
@@ -8585,7 +8622,7 @@ const q = class q {
 `) && A(x);
           },
           { capture: !0 }
-        ), g.addEventListener(
+        ), b.addEventListener(
           "keydown",
           (x) => {
             (x.key === "Enter" || x.key === "Return" || x.code === "Enter" || x.code === "NumpadEnter" || x.keyCode === 13 || x.which === 13) && !x.ctrlKey && !x.metaKey && !x.altKey && A(x);
@@ -8595,45 +8632,45 @@ const q = class q {
       } catch {
       }
     };
-    this.mathField.addEventListener("keydown", (a) => {
-      if ((a.key === "Enter" || a.key === "Return" || a.code === "Enter" || a.code === "NumpadEnter" || a.keyCode === 13 || a.which === 13) && !a.ctrlKey && !a.metaKey && !a.altKey) {
-        A(a);
+    this.mathField.addEventListener("keydown", (n) => {
+      if ((n.key === "Enter" || n.key === "Return" || n.code === "Enter" || n.code === "NumpadEnter" || n.keyCode === 13 || n.which === 13) && !n.ctrlKey && !n.metaKey && !n.altKey) {
+        A(n);
         return;
       }
-      if (a.key === " " || a.code === "Space") {
-        a.preventDefault(), a.stopPropagation(), a.stopImmediatePropagation();
+      if (n.key === " " || n.code === "Space") {
+        n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation();
         const I = this.mathField;
         I.executeCommand ? I.executeCommand(["insert", "\\enspace ", { selectionMode: "after" }]) : I.insert && I.insert("\\enspace "), this.scrollToCaret();
         return;
       }
-      if (a.key === "ArrowLeft" || a.key === "ArrowRight" || a.key === "ArrowUp" || a.key === "ArrowDown" || a.key === "Home" || a.key === "End") {
+      if (n.key === "ArrowLeft" || n.key === "ArrowRight" || n.key === "ArrowUp" || n.key === "ArrowDown" || n.key === "Home" || n.key === "End") {
         this.explicitToggle = !1, this.scrollToCaret();
         return;
       }
-      if (!this.activeStyles.bold && !this.activeStyles.italic && this.activeStyles.fontFamily === "none" || a.key.length !== 1 || a.ctrlKey || a.metaKey || a.altKey) return;
-      a.preventDefault(), a.stopPropagation(), a.stopImmediatePropagation();
-      const g = U(
-        a.key,
+      if (!this.activeStyles.bold && !this.activeStyles.italic && this.activeStyles.fontFamily === "none" || n.key.length !== 1 || n.ctrlKey || n.metaKey || n.altKey) return;
+      n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation();
+      const b = U(
+        n.key,
         this.activeStyles.bold,
         this.activeStyles.italic,
         this.activeStyles.fontFamily
       ), x = this.mathField;
-      x.executeCommand ? x.executeCommand(["insert", g, { selectionMode: "after" }]) : x.insert && x.insert(g), this.scrollToCaret();
+      x.executeCommand ? x.executeCommand(["insert", b, { selectionMode: "after" }]) : x.insert && x.insert(b), this.scrollToCaret();
     }, { capture: !0 }), this.mathField.addEventListener(
       "beforeinput",
-      (a) => {
-        const p = a.inputType || "", g = a.data;
-        (p === "insertParagraph" || p === "insertLineBreak" || p === "insertText" && (g === `
-` || g === "\r" || g === `\r
-`) || g === `
-` || g === "\r" || g === `\r
-`) && A(a);
+      (n) => {
+        const p = n.inputType || "", b = n.data;
+        (p === "insertParagraph" || p === "insertLineBreak" || p === "insertText" && (b === `
+` || b === "\r" || b === `\r
+`) || b === `
+` || b === "\r" || b === `\r
+`) && A(n);
       },
       { capture: !0 }
     ), this.mathField.addEventListener(
       "keypress",
-      (a) => {
-        (a.key === "Enter" || a.key === "Return" || a.keyCode === 13 || a.which === 13 || a.charCode === 13) && !a.ctrlKey && !a.metaKey && !a.altKey && A(a);
+      (n) => {
+        (n.key === "Enter" || n.key === "Return" || n.keyCode === 13 || n.which === 13 || n.charCode === 13) && !n.ctrlKey && !n.metaKey && !n.altKey && A(n);
       },
       { capture: !0 }
     );
@@ -8643,7 +8680,7 @@ const q = class q {
     this.mathField.addEventListener("input", () => this.scrollToCaret()), this.mathField.addEventListener("selection-change", L), this.mathField.addEventListener("pointerup", L), this.mathField.addEventListener("keyup", L), this.mathField.addEventListener("pointerdown", () => {
       this.explicitToggle = !1, this.closeAllPopups();
     }), this.mathField.addEventListener("focus", () => {
-      this.closeAllPopups(), C(), this.scrollToCaret();
+      this.closeAllPopups(), S(), this.scrollToCaret();
     }), m.appendChild(this.mathField), this.popup.appendChild(m);
     const D = document.createElement("div");
     D.className = "cme-popup-footer";
@@ -8653,12 +8690,12 @@ const q = class q {
     N.type = "button", N.className = "cme-cancel-btn", N.textContent = "Cancel", N.addEventListener("click", () => this.close()), D.appendChild(M), D.appendChild(N);
     const R = `v${H.version}`;
     if (R) {
-      const a = document.createElement("span");
-      a.className = "cme-popup-version", a.textContent = R, a.title = `Version ${H.version}`, D.appendChild(a);
+      const n = document.createElement("span");
+      n.className = "cme-popup-version", n.textContent = R, n.title = `Version ${H.version}`, D.appendChild(n);
     }
     this.popup.appendChild(D), document.body.appendChild(this.popup), setTimeout(() => {
       if (this.mathField) {
-        bt(), C();
+        bt(), S();
         try {
           this.mathField.smartSuperscript = !1, this.mathField.inlineShortcuts = Object.assign(
             {},
@@ -8682,22 +8719,22 @@ const q = class q {
               ...Y
             }
           }), this.mathField.menuItems && Array.isArray(this.mathField.menuItems) && (this.mathField.menuItems = this.mathField.menuItems.filter(
-            (g) => g && g.id !== "insert-matrix" && g.submenuClass !== "insert-matrix-submenu"
+            (b) => b && b.id !== "insert-matrix" && b.submenuClass !== "insert-matrix-submenu"
           ));
         } catch {
         }
-        let a = this.initialLatex || "";
-        this.mode === "chem" && a.startsWith("\\ce{") && a.endsWith("}") && (a = a.slice(4, -1)), this.mode === "chem" && (a = a.replace(/~/g, "\\enspace ")), this.setValue(a), this.mathField.focus(), this.scrollToCaret();
+        let n = this.initialLatex || "";
+        this.mode === "chem" && n.startsWith("\\ce{") && n.endsWith("}") && (n = n.slice(4, -1)), this.mode === "chem" && (n = n.replace(/~/g, "\\enspace ")), this.setValue(n), this.mathField.focus(), this.scrollToCaret();
       }
     }, 50);
   }
   clampPosition(t = this.position.x, e = this.position.y) {
     if (!this.popup) return { x: t, y: e };
-    const l = this.popup.getBoundingClientRect(), r = l.left - this.position.x, n = l.top - this.position.y, i = l.width, o = l.height, c = window.innerWidth, d = window.innerHeight;
-    let m = -r, w = c - r - i, S = t;
-    m > w ? S = m : S = Math.max(m, Math.min(t, w));
-    let T = -n, u = d - n - o, y = e;
-    return T > u ? y = T : y = Math.max(T, Math.min(e, u)), { x: S, y };
+    const l = this.popup.getBoundingClientRect(), r = l.left - this.position.x, o = l.top - this.position.y, i = l.width, a = l.height, c = window.innerWidth, d = window.innerHeight;
+    let m = -r, w = c - r - i, C = t;
+    m > w ? C = m : C = Math.max(m, Math.min(t, w));
+    let T = -o, u = d - o - a, y = e;
+    return T > u ? y = T : y = Math.max(T, Math.min(e, u)), { x: C, y };
   }
   handleMouseMove(t) {
     if (!this.isDragging || !this.popup) return;
@@ -8733,20 +8770,20 @@ const q = class q {
   renderTabs() {
     if (!this.tabsWrapper) return;
     this.tabsWrapper.innerHTML = "", this.getGroups().forEach((e, l) => {
-      const r = this.activeGroup === l, n = document.createElement("button");
-      if (n.type = "button", n.className = "cme-group-tab" + (r ? " active" : ""), e.mathLabel) {
+      const r = this.activeGroup === l, o = document.createElement("button");
+      if (o.type = "button", o.className = "cme-group-tab" + (r ? " active" : ""), e.mathLabel) {
         const i = document.createElement("math-field");
-        i.setAttribute("read-only", "true"), i.setAttribute("tabindex", "-1"), i.style.pointerEvents = "none", i.style.background = "transparent", i.style.border = "none", i.style.outline = "none", i.style.fontSize = e.fontSize || (e.isMatrix ? "8px" : "11px"), i.style.display = "inline-block", i.style.width = "auto", i.style.padding = "0", i.style.margin = "0", i.style.boxShadow = "none", i.style.color = r ? "#333333" : "#ffffff", i.textContent = e.mathLabel, n.appendChild(i);
-      } else typeof e.label == "string" && e.label.includes("<svg") ? n.innerHTML = e.label : n.textContent = e.label;
-      n.addEventListener("mousedown", (i) => {
+        i.setAttribute("read-only", "true"), i.setAttribute("tabindex", "-1"), i.style.pointerEvents = "none", i.style.background = "transparent", i.style.border = "none", i.style.outline = "none", i.style.fontSize = e.fontSize || (e.isMatrix ? "8px" : "11px"), i.style.display = "inline-block", i.style.width = "auto", i.style.padding = "0", i.style.margin = "0", i.style.boxShadow = "none", i.style.color = r ? "#333333" : "#ffffff", i.textContent = e.mathLabel, o.appendChild(i);
+      } else typeof e.label == "string" && e.label.includes("<svg") ? o.innerHTML = e.label : o.textContent = e.label;
+      o.addEventListener("mousedown", (i) => {
         i.preventDefault(), this.activeGroup = l, this.closeAllPopups(), this.renderTabs(), this.renderToolbarItems();
-      }), this.tabsWrapper.appendChild(n);
+      }), this.tabsWrapper.appendChild(o);
     });
   }
   renderToolbarItems() {
     if (!this.itemsWrapper) return;
     this.itemsWrapper.innerHTML = "";
-    const e = this.getGroups()[this.activeGroup] || { items: [] }, l = e.items || [], r = l.some((i) => i.type === "sep"), n = [];
+    const e = this.getGroups()[this.activeGroup] || { items: [] }, l = e.items || [], r = l.some((i) => i.type === "sep"), o = [];
     if (r) {
       let i = {
         cols: 2,
@@ -8756,27 +8793,27 @@ const q = class q {
         moreItems: null,
         moreCols: 1
       };
-      for (const o of l)
-        o.type === "sep" ? (i.items.length > 0 && n.push(i), i = {
-          cols: o.cols || 2,
-          small: !!o.small,
-          cls: o.cls || "",
+      for (const a of l)
+        a.type === "sep" ? (i.items.length > 0 && o.push(i), i = {
+          cols: a.cols || 2,
+          small: !!a.small,
+          cls: a.cls || "",
           items: [],
-          moreItems: o.moreItems || null,
-          moreCols: o.moreCols || 1
-        }) : i.items.push(o);
-      i.items.length > 0 && n.push(i);
+          moreItems: a.moreItems || null,
+          moreCols: a.moreCols || 1
+        }) : i.items.push(a);
+      i.items.length > 0 && o.push(i);
     } else
-      for (let o = 0; o < l.length; o += 4)
-        n.push({
+      for (let a = 0; a < l.length; a += 4)
+        o.push({
           cols: 2,
           small: !1,
           cls: "",
-          items: l.slice(o, o + 4)
+          items: l.slice(a, a + 4)
         });
-    n.forEach((i) => {
-      const o = document.createElement("div");
-      if (o.className = "cme-symbol-subgroup" + (i.small ? " cme-symbol-subgroup--small" : "") + (i.cls ? ` ${i.cls}` : "") + (i.moreItems ? " cme-subgroup-has-more" : ""), o.style.gridTemplateColumns = `repeat(${i.cols}, auto)`, o.style.position = "relative", i.moreItems) {
+    o.forEach((i) => {
+      const a = document.createElement("div");
+      if (a.className = "cme-symbol-subgroup" + (i.small ? " cme-symbol-subgroup--small" : "") + (i.cls ? ` ${i.cls}` : "") + (i.moreItems ? " cme-subgroup-has-more" : ""), a.style.gridTemplateColumns = `repeat(${i.cols}, auto)`, a.style.position = "relative", i.moreItems) {
         const c = document.createElement("button");
         c.type = "button", c.className = "cme-more-trigger-btn", c.title = "More", c.textContent = "▶", c.addEventListener("mousedown", (d) => d.preventDefault()), c.addEventListener("click", (d) => {
           if (d.stopPropagation(), this.activeDropdown && this.activeDropdownBtn === c)
@@ -8785,7 +8822,7 @@ const q = class q {
             const m = c.getBoundingClientRect();
             this.openDropdown(i.moreItems, m, i.moreCols || 4, c);
           }
-        }), o.appendChild(c);
+        }), a.appendChild(c);
       }
       i.items.forEach((c) => {
         if (c.type === "dropdown") {
@@ -8820,15 +8857,15 @@ const q = class q {
               this.mathField.applyStyle({ fontSize: E });
             }
             this.renderToolbarItems();
-          })), o.appendChild(v);
+          })), a.appendChild(v);
           return;
         }
-        const d = c.action === "BOLD", m = c.action === "ITALIC", w = c.action === "TEXT_COLOR", S = c.action === "SPECIAL_CHARS", T = d && this.activeStyles.bold || m && this.activeStyles.italic || w && this.activeStyles.color !== "none", u = document.createElement("button");
+        const d = c.action === "BOLD", m = c.action === "ITALIC", w = c.action === "TEXT_COLOR", C = c.action === "SPECIAL_CHARS", T = d && this.activeStyles.bold || m && this.activeStyles.italic || w && this.activeStyles.color !== "none", u = document.createElement("button");
         u.type = "button", u.className = "cme-btn" + (e.isTemplate ? " template" : "") + (c.cls ? ` ${c.cls}` : "") + (T ? " active" : ""), u.title = c.title || c.label || c.insert || "", typeof c.label == "string" && (c.label.includes("<svg") || c.label.includes("<img") || c.label.includes("<strong") || c.label.includes("<em")) ? u.innerHTML = c.label : typeof c.label == "string" && (u.textContent = c.label), u.addEventListener("mousedown", (y) => {
-          var v, f, k, E, b, B, A, C, L, D;
+          var v, f, k, E, g, B, A, S, L, D;
           y.preventDefault();
           const h = this.mathField;
-          if (S) {
+          if (C) {
             this.closeAllPopups();
             const M = u.getBoundingClientRect();
             this.openSpecialCharacters(M);
@@ -8910,9 +8947,9 @@ const q = class q {
           else if (c.action === "REDO")
             this.closeAllPopups(), (E = h == null ? void 0 : h.executeCommand) == null || E.call(h, "redo");
           else if (c.action === "CUT")
-            this.closeAllPopups(), (b = h == null ? void 0 : h.focus) == null || b.call(h), (B = h == null ? void 0 : h.executeCommand) == null || B.call(h, "cutToClipboard");
+            this.closeAllPopups(), (g = h == null ? void 0 : h.focus) == null || g.call(h), (B = h == null ? void 0 : h.executeCommand) == null || B.call(h, "cutToClipboard");
           else if (c.action === "COPY")
-            this.closeAllPopups(), (A = h == null ? void 0 : h.focus) == null || A.call(h), (C = h == null ? void 0 : h.executeCommand) == null || C.call(h, "copyToClipboard");
+            this.closeAllPopups(), (A = h == null ? void 0 : h.focus) == null || A.call(h), (S = h == null ? void 0 : h.executeCommand) == null || S.call(h, "copyToClipboard");
           else if (c.action === "PASTE")
             this.closeAllPopups(), (L = h == null ? void 0 : h.focus) == null || L.call(h), (D = h == null ? void 0 : h.executeCommand) == null || D.call(h, "pasteFromClipboard");
           else if (c.action === "MATRIX_HOVER")
@@ -8924,21 +8961,21 @@ const q = class q {
             }
           else
             this.insertAtCursor(c);
-        }), o.appendChild(u);
-      }), this.itemsWrapper.appendChild(o);
+        }), a.appendChild(u);
+      }), this.itemsWrapper.appendChild(a);
     });
   }
   openDropdown(t, e, l, r = null) {
     this.closeAllPopups(), this.activeDropdownBtn = r, this.activeDropdown = document.createElement("div"), this.activeDropdown.className = "cme-more-popup", this.activeDropdown.style.gridTemplateColumns = `repeat(${l}, auto)`, this.activeDropdown.style.left = `${e.left + e.width / 2}px`, this.activeDropdown.style.top = `${e.bottom + 4}px`, this.activeDropdown.style.transform = "translateX(-50%)", this.activeDropdown.addEventListener(
       "mousedown",
-      (n) => n.stopPropagation()
+      (o) => o.stopPropagation()
     ), this.activeDropdown.addEventListener(
       "pointerdown",
-      (n) => n.stopPropagation()
-    ), t.forEach((n) => {
+      (o) => o.stopPropagation()
+    ), t.forEach((o) => {
       const i = document.createElement("button");
-      i.type = "button", i.className = "cme-more-popup-btn " + (n.cls || ""), i.title = n.title || n.label || n.insert || "", typeof n.label == "string" && (n.label.includes("<svg") || n.label.includes("<img")) ? i.innerHTML = n.label : i.textContent = n.label, i.addEventListener("mousedown", (o) => {
-        o.preventDefault(), this.insertAtCursor(n.insert || n), this.closeDropdown();
+      i.type = "button", i.className = "cme-more-popup-btn " + (o.cls || ""), i.title = o.title || o.label || o.insert || "", typeof o.label == "string" && (o.label.includes("<svg") || o.label.includes("<img")) ? i.innerHTML = o.label : i.textContent = o.label, i.addEventListener("mousedown", (a) => {
+        a.preventDefault(), this.insertAtCursor(o.insert || o), this.closeDropdown();
       }), this.activeDropdown.appendChild(i);
     }), document.body.appendChild(this.activeDropdown);
   }
@@ -8948,16 +8985,16 @@ const q = class q {
   openMatrixGrid(t, e, l = null) {
     this.closeAllPopups(), this.activeMatrixBtn = l, this.activeMatrixPopup = document.createElement("div"), this.activeMatrixPopup.className = "cme-matrix-hover-popover ck-only", this.activeMatrixPopup.style.left = `${e.left + e.width / 2}px`, this.activeMatrixPopup.style.top = `${e.bottom + 6}px`, this.activeMatrixPopup.style.minHeight = "auto", this.activeMatrixPopup.addEventListener(
       "mousedown",
-      (b) => b.stopPropagation()
+      (g) => g.stopPropagation()
     ), this.activeMatrixPopup.addEventListener(
       "pointerdown",
-      (b) => b.stopPropagation()
+      (g) => g.stopPropagation()
     );
     const r = document.createElement("div");
     r.className = "cme-matrix-hover-title", r.textContent = t === "matrix" ? "MATRIX" : `${t.toUpperCase()} MATRIX`;
-    const n = document.createElement("div");
-    n.className = "cme-matrix-hover-grid", n.style.flex = "none";
-    let i = 2, o = 2;
+    const o = document.createElement("div");
+    o.className = "cme-matrix-hover-grid", o.style.flex = "none";
+    let i = 2, a = 2;
     const c = document.createElement("div");
     c.className = "cme-matrix-hover-footer";
     const d = document.createElement("div");
@@ -8966,14 +9003,14 @@ const q = class q {
     m.type = "number", m.className = "cme-counter-val", m.min = "1", m.max = "10", m.value = i;
     const w = document.createElement("div");
     w.className = "cme-counter-btns";
-    const S = document.createElement("button");
-    S.type = "button", S.textContent = "▲";
+    const C = document.createElement("button");
+    C.type = "button", C.textContent = "▲";
     const T = document.createElement("button");
-    T.type = "button", T.textContent = "▼", w.appendChild(S), w.appendChild(T);
+    T.type = "button", T.textContent = "▼", w.appendChild(C), w.appendChild(T);
     const u = document.createElement("span");
     u.textContent = "×";
     const y = document.createElement("input");
-    y.type = "number", y.className = "cme-counter-val", y.min = "1", y.max = "10", y.value = o;
+    y.type = "number", y.className = "cme-counter-val", y.min = "1", y.max = "10", y.value = a;
     const h = document.createElement("div");
     h.className = "cme-counter-btns";
     const v = document.createElement("button");
@@ -8982,52 +9019,52 @@ const q = class q {
     f.type = "button", f.textContent = "▼", h.appendChild(v), h.appendChild(f), d.appendChild(m), d.appendChild(w), d.appendChild(u), d.appendChild(y), d.appendChild(h);
     const k = document.createElement("button");
     k.type = "button", k.className = "cme-matrix-insert-btn", k.textContent = "INSERT", c.appendChild(d), c.appendChild(k);
-    const E = (b, B) => {
-      i = Math.max(1, Math.min(10, b)), o = Math.max(1, Math.min(10, B)), m.value = i, y.value = o, n.querySelectorAll(".cme-matrix-hover-cell").forEach((C) => {
-        const L = parseInt(C.dataset.row, 10), D = parseInt(C.dataset.col, 10);
-        L <= i && D <= o ? C.classList.add("selected") : C.classList.remove("selected");
+    const E = (g, B) => {
+      i = Math.max(1, Math.min(10, g)), a = Math.max(1, Math.min(10, B)), m.value = i, y.value = a, o.querySelectorAll(".cme-matrix-hover-cell").forEach((S) => {
+        const L = parseInt(S.dataset.row, 10), D = parseInt(S.dataset.col, 10);
+        L <= i && D <= a ? S.classList.add("selected") : S.classList.remove("selected");
       });
     };
-    for (let b = 1; b <= 5; b++) {
+    for (let g = 1; g <= 5; g++) {
       const B = document.createElement("div");
       B.className = "cme-matrix-hover-row";
       for (let A = 1; A <= 10; A++) {
-        const C = document.createElement("div");
-        C.className = "cme-matrix-hover-cell" + (b <= i && A <= o ? " selected" : ""), C.dataset.row = b, C.dataset.col = A, C.addEventListener("mouseenter", () => {
-          E(b, A);
-        }), C.addEventListener("click", (L) => {
-          L.stopPropagation(), this.insertMatrix(t, b, A), this.closeMatrixPopup();
-        }), B.appendChild(C);
+        const S = document.createElement("div");
+        S.className = "cme-matrix-hover-cell" + (g <= i && A <= a ? " selected" : ""), S.dataset.row = g, S.dataset.col = A, S.addEventListener("mouseenter", () => {
+          E(g, A);
+        }), S.addEventListener("click", (L) => {
+          L.stopPropagation(), this.insertMatrix(t, g, A), this.closeMatrixPopup();
+        }), B.appendChild(S);
       }
-      n.appendChild(B);
+      o.appendChild(B);
     }
     m.addEventListener("input", () => {
-      const b = parseInt(m.value, 10) || 1;
-      E(b, o);
+      const g = parseInt(m.value, 10) || 1;
+      E(g, a);
     }), y.addEventListener("input", () => {
-      const b = parseInt(y.value, 10) || 1;
-      E(i, b);
-    }), S.addEventListener("click", (b) => {
-      b.preventDefault(), b.stopPropagation(), E(i + 1, o);
-    }), T.addEventListener("click", (b) => {
-      b.preventDefault(), b.stopPropagation(), E(i - 1, o);
-    }), v.addEventListener("click", (b) => {
-      b.preventDefault(), b.stopPropagation(), E(i, o + 1);
-    }), f.addEventListener("click", (b) => {
-      b.preventDefault(), b.stopPropagation(), E(i, o - 1);
-    }), k.addEventListener("click", (b) => {
-      b.stopPropagation(), this.insertMatrix(t, i, o), this.closeMatrixPopup();
-    }), this.activeMatrixPopup.appendChild(r), this.activeMatrixPopup.appendChild(n), this.activeMatrixPopup.appendChild(c), document.body.appendChild(this.activeMatrixPopup);
+      const g = parseInt(y.value, 10) || 1;
+      E(i, g);
+    }), C.addEventListener("click", (g) => {
+      g.preventDefault(), g.stopPropagation(), E(i + 1, a);
+    }), T.addEventListener("click", (g) => {
+      g.preventDefault(), g.stopPropagation(), E(i - 1, a);
+    }), v.addEventListener("click", (g) => {
+      g.preventDefault(), g.stopPropagation(), E(i, a + 1);
+    }), f.addEventListener("click", (g) => {
+      g.preventDefault(), g.stopPropagation(), E(i, a - 1);
+    }), k.addEventListener("click", (g) => {
+      g.stopPropagation(), this.insertMatrix(t, i, a), this.closeMatrixPopup();
+    }), this.activeMatrixPopup.appendChild(r), this.activeMatrixPopup.appendChild(o), this.activeMatrixPopup.appendChild(c), document.body.appendChild(this.activeMatrixPopup);
   }
   insertMatrix(t, e, l) {
     let r = [];
-    for (let o = 0; o < e; o++) {
+    for (let a = 0; a < e; a++) {
       let c = [];
       for (let d = 0; d < l; d++)
         c.push("{#?}");
       r.push(c.join(" & "));
     }
-    const n = t || "matrix", i = `\\begin{${n}}${r.join(" \\\\ ")}\\end{${n}}`;
+    const o = t || "matrix", i = `\\begin{${o}}${r.join(" \\\\ ")}\\end{${o}}`;
     this.insertAtCursor(i);
   }
   closeMatrixPopup() {
@@ -9050,18 +9087,18 @@ const q = class q {
       "#3949ab",
       "#00acc1"
     ].forEach((r) => {
-      const n = document.createElement("div");
-      n.style.width = "18px", n.style.height = "18px", n.style.borderRadius = "50%", n.style.margin = "4px", n.style.cursor = "pointer", n.style.backgroundColor = r, n.style.border = this.activeStyles.color === r ? "2px solid #222" : "1px solid #ddd", n.addEventListener("mousedown", (i) => {
-        var o;
-        i.preventDefault(), this.activeStyles.color = r, (o = this.mathField) != null && o.applyStyle && this.mathField.applyStyle({ color: r === "black" ? "none" : r }), this.closeColorPicker(), this.renderToolbarItems();
-      }), this.colorPickerPopup.appendChild(n);
+      const o = document.createElement("div");
+      o.style.width = "18px", o.style.height = "18px", o.style.borderRadius = "50%", o.style.margin = "4px", o.style.cursor = "pointer", o.style.backgroundColor = r, o.style.border = this.activeStyles.color === r ? "2px solid #222" : "1px solid #ddd", o.addEventListener("mousedown", (i) => {
+        var a;
+        i.preventDefault(), this.activeStyles.color = r, (a = this.mathField) != null && a.applyStyle && this.mathField.applyStyle({ color: r === "black" ? "none" : r }), this.closeColorPicker(), this.renderToolbarItems();
+      }), this.colorPickerPopup.appendChild(o);
     }), document.body.appendChild(this.colorPickerPopup);
   }
   closeColorPicker() {
     this.colorPickerPopup && this.colorPickerPopup.parentNode && this.colorPickerPopup.parentNode.removeChild(this.colorPickerPopup), this.colorPickerPopup = null, this.activeColorBtn = null;
   }
   openSpecialCharacters(t) {
-    this.specCharModal || (this.specCharModal = new kt({
+    this.specCharModal || (this.specCharModal = new ut({
       onInsert: (e) => {
         this.insertAtCursor(e);
       }
@@ -9076,13 +9113,13 @@ const q = class q {
 };
 J(q, "VERSION", H == null ? void 0 : H.version);
 let z = q, Z = null;
-function xt() {
+function yt() {
   return Z || (Z = new z()), Z;
 }
 class et {
   constructor(t = {}) {
     this.container = t.container || null, this.latex = t.latex || "", this.editable = t.editable !== !1, this.mode = t.mode || "math", this.onUpdate = t.onUpdate || (() => {
-    }), this.editor = t.editor || xt(), this.element = null, this.mathField = null, this.container && this.mount(this.container);
+    }), this.editor = t.editor || yt(), this.element = null, this.mathField = null, this.container && this.mount(this.container);
   }
   mount(t) {
     this.container = t, this.element = document.createElement("span"), this.element.className = "digi-math-widget" + (this.editable ? "" : " readonly"), this.element.setAttribute("data-latex", this.latex), this.element.title = this.editable ? "Click to edit formula" : "";
@@ -9113,7 +9150,7 @@ class et {
     this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element);
   }
 }
-function Mt(s) {
+function Ct(s) {
   return new et(s);
 }
 if (typeof customElements < "u" && !customElements.get("digi-math-widget")) {
@@ -9128,8 +9165,8 @@ if (typeof customElements < "u" && !customElements.get("digi-math-widget")) {
         latex: e,
         editable: l,
         mode: r,
-        onUpdate: (n) => {
-          this.setAttribute("latex", n), this.dispatchEvent(new CustomEvent("latexChange", { detail: { latex: n }, bubbles: !0 }));
+        onUpdate: (o) => {
+          this.setAttribute("latex", o), this.dispatchEvent(new CustomEvent("latexChange", { detail: { latex: o }, bubbles: !0 }));
         }
       });
     }
@@ -9142,18 +9179,18 @@ if (typeof customElements < "u" && !customElements.get("digi-math-widget")) {
   }
   customElements.define("digi-math-widget", s);
 }
-const Ct = H == null ? void 0 : H.version;
+const St = H == null ? void 0 : H.version;
 export {
-  dt as CME_SHADOW_DOM_CSS,
+  mt as CME_SHADOW_DOM_CSS,
   z as DigiMathChemEditor,
   et as DigiMathWidget,
-  kt as SpecialCharacterModal,
-  Ct as VERSION,
+  ut as SpecialCharacterModal,
+  St as VERSION,
   P as cleanMathLiveExportedLatex,
-  Mt as createMathWidget,
+  Ct as createMathWidget,
   z as default,
   bt as initMathFieldCursorFix,
-  vt as latexToPlainText,
+  Mt as latexToPlainText,
   $ as scrollMathFieldCaretIntoView,
   ct as stripEncloseOptions,
   ot as stripPlaceholders,