digi-mathchem-editor 1.0.15 → 1.0.17

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

@@ -1,5 +1,5 @@
-import e, { useState as B, useEffect as O, useMemo as ye, useRef as re, useCallback as he } from "react";
-import { createPortal as z } from "react-dom";
+import e, { useState as I, useEffect as O, useMemo as Ee, useRef as re, useCallback as he } from "react";
+import { createPortal as Q } from "react-dom";
 import { FontAwesomeIcon as ae } from "@fortawesome/react-fontawesome";
 import { faBold as Me, faItalic as Ae } from "@fortawesome/free-solid-svg-icons";
 import { MathfieldElement as fe } from "mathlive";
@@ -302,9 +302,9 @@ const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AA
 function ie(l) {
   const o = l == null ? void 0 : l.shadowRoot;
   if (!o) return;
-  const a = l.hasAttribute("read-only") || l.hasAttribute("readonly"), h = a ? "readonly" : "editable";
+  const a = l.hasAttribute("read-only") || l.hasAttribute("readonly"), m = a ? "readonly" : "editable";
   let n = o.querySelector(`[${ve}]`);
-  n && n.getAttribute("data-cache") === h || (n || (n = document.createElement("style"), n.setAttribute(ve, "true"), o.appendChild(n)), n.setAttribute("data-cache", h), n.textContent = `
+  n && n.getAttribute("data-cache") === m || (n || (n = document.createElement("style"), n.setAttribute(ve, "true"), o.appendChild(n)), n.setAttribute("data-cache", m), n.textContent = `
     ${a ? `
       :host, :host * { cursor: pointer !important; }
       .ML__latex, .ML__content, .ML__container, .ML__virtual-keyboard-toggle { cursor: pointer !important; }
@@ -318,15 +318,15 @@ function Fe() {
 let me = null;
 function Ze() {
   me || (Fe(), me = new MutationObserver((l) => {
-    var o, a, h;
+    var o, a, m;
     for (const n of l) {
       if (n.type === "attributes" && ((o = n.target.tagName) == null ? void 0 : o.toLowerCase()) === "math-field") {
         ie(n.target);
         continue;
       }
       if (n.addedNodes)
-        for (const m of n.addedNodes)
-          m instanceof Element && (((a = m.tagName) == null ? void 0 : a.toLowerCase()) === "math-field" && requestAnimationFrame(() => ie(m)), (h = m.querySelectorAll) == null || h.call(m, "math-field").forEach((d) => requestAnimationFrame(() => ie(d))));
+        for (const s of n.addedNodes)
+          s instanceof Element && (((a = s.tagName) == null ? void 0 : a.toLowerCase()) === "math-field" && requestAnimationFrame(() => ie(s)), (m = s.querySelectorAll) == null || m.call(s, "math-field").forEach((d) => requestAnimationFrame(() => ie(d))));
     }
   }), me.observe(document.body, {
     childList: !0,
@@ -348,11 +348,11 @@ const Se = [
   const l = [];
   return Se.slice(1).forEach((o) => {
     o.ranges.forEach((a) => {
-      for (let h = a[0]; h <= a[1]; h++) {
-        if (h >= 127 && h <= 159) continue;
-        const n = String.fromCodePoint(h);
+      for (let m = a[0]; m <= a[1]; m++) {
+        if (m >= 127 && m <= 159) continue;
+        const n = String.fromCodePoint(m);
         new RegExp("\\p{C}", "u").test(n) || l.push({
-          code: h.toString(16).toUpperCase().padStart(4, "0"),
+          code: m.toString(16).toUpperCase().padStart(4, "0"),
           char: n,
           category: o.id
         });
@@ -360,33 +360,33 @@ const Se = [
     });
   }), l;
 }, je = Je();
-function Qe({ isOpen: l, onClose: o, onInsert: a, position: h }) {
-  const [n, m] = B(""), [d, p] = B("All");
+function ze({ isOpen: l, onClose: o, onInsert: a, position: m }) {
+  const [n, s] = I(""), [d, p] = I("All");
   O(() => {
-    l && (m(""), p("All"));
+    l && (s(""), p("All"));
   }, [l]);
-  const x = ye(() => {
+  const x = Ee(() => {
     let u = je;
-    if (d !== "All" && (u = u.filter((E) => E.category === d)), n.trim()) {
-      const E = n.trim().toUpperCase();
-      u = u.filter((k) => k.code.includes(E));
+    if (d !== "All" && (u = u.filter((y) => y.category === d)), n.trim()) {
+      const y = n.trim().toUpperCase();
+      u = u.filter((k) => k.code.includes(y));
     }
     return u;
-  }, [d, n]), I = ye(() => {
+  }, [d, n]), B = Ee(() => {
     if (d !== "All" && !n.trim())
       return { [d]: x };
     const u = {};
-    return x.forEach((E) => {
-      u[E.category] || (u[E.category] = []), u[E.category].push(E);
+    return x.forEach((y) => {
+      u[y.category] || (u[y.category] = []), u[y.category].push(y);
     }), u;
   }, [x, d, n]), g = (u) => {
     u.key === "Escape" && o();
   };
   if (O(() => (l && window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g)), [l]), !l) return null;
   let A = { top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
-  if (h) {
-    let u = h.x - 120, E = h.y;
-    u < 10 && (u = 10), u + 230 > window.innerWidth && (u = window.innerWidth - 240), E + 200 > window.innerHeight && (E = window.innerHeight - 210), A = { top: `${E}px`, left: `${u}px` };
+  if (m) {
+    let u = m.x - 120, y = m.y;
+    u < 10 && (u = 10), u + 230 > window.innerWidth && (u = window.innerWidth - 240), y + 200 > window.innerHeight && (y = window.innerHeight - 210), A = { top: `${y}px`, left: `${u}px` };
   }
   return /* @__PURE__ */ e.createElement("div", { className: "scm-overlay", onMouseDown: (u) => {
     u.stopPropagation(), o();
@@ -396,7 +396,7 @@ function Qe({ isOpen: l, onClose: o, onInsert: a, position: h }) {
       type: "text",
       placeholder: "Code",
       value: n,
-      onChange: (u) => m(u.target.value),
+      onChange: (u) => s(u.target.value),
       className: "scm-code-input"
     }
   ), /* @__PURE__ */ e.createElement(
@@ -407,7 +407,7 @@ function Qe({ isOpen: l, onClose: o, onInsert: a, position: h }) {
       className: "scm-category-select"
     },
     Se.map((u) => /* @__PURE__ */ e.createElement("option", { key: u.id, value: u.id }, u.name))
-  )), /* @__PURE__ */ e.createElement("div", { className: "scm-body" }, /* @__PURE__ */ e.createElement("div", { className: "scm-grid-container" }, Object.entries(I).map(([u, E]) => /* @__PURE__ */ e.createElement("div", { key: u, className: "scm-category-group" }, /* @__PURE__ */ e.createElement("div", { className: "scm-char-grid" }, E.map((k) => /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "scm-body" }, /* @__PURE__ */ e.createElement("div", { className: "scm-grid-container" }, Object.entries(B).map(([u, y]) => /* @__PURE__ */ e.createElement("div", { key: u, className: "scm-category-group" }, /* @__PURE__ */ e.createElement("div", { className: "scm-char-grid" }, y.map((k) => /* @__PURE__ */ e.createElement(
     "button",
     {
       key: k.code,
@@ -420,8 +420,8 @@ function Qe({ isOpen: l, onClose: o, onInsert: a, position: h }) {
     k.char
   ))))), x.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "scm-no-results" }, "No characters found.")))));
 }
-const ze = "1.0.15", Xe = {
-  version: ze
+const Qe = "1.0.17", Xe = {
+  version: Qe
 };
 window.__cme_macros = {
   ...window.__cme_macros,
@@ -452,11 +452,11 @@ typeof window < "u" && (window.MathfieldElement ? window.MathfieldElement.fontsD
 window.__ckMathWidgets = window.__ckMathWidgets || /* @__PURE__ */ new Map();
 window.__ckMathWidgetClickHandler = null;
 function Ke(l) {
-  var a, h, n, m, d;
+  var a, m, n, s, d;
   if (!l) return null;
   const o = typeof l.composedPath == "function" ? l.composedPath() : [l];
   for (const p of o)
-    if (p instanceof HTMLElement && ((a = p.classList) != null && a.contains("ck-math-widget") || (h = p.dataset) != null && h.mathId || (n = p.classList) != null && n.contains("ck-widget") && ((m = p.querySelector) != null && m.call(p, ".ck-math-widget-inner"))))
+    if (p instanceof HTMLElement && ((a = p.classList) != null && a.contains("ck-math-widget") || (m = p.dataset) != null && m.mathId || (n = p.classList) != null && n.contains("ck-widget") && ((s = p.querySelector) != null && s.call(p, ".ck-math-widget-inner"))))
       return p;
   return l instanceof Element ? (d = l.closest) == null ? void 0 : d.call(l, ".ck-math-widget, [data-math-id]") : null;
 }
@@ -464,21 +464,21 @@ function de(l) {
   if (!l) return "";
   let o = "", a = 0;
   for (; a < l.length; ) {
-    let h = l.indexOf("\\placeholder", a);
-    if (h === -1) {
+    let m = l.indexOf("\\placeholder", a);
+    if (m === -1) {
       o += l.slice(a);
       break;
     }
-    if (o += l.slice(a, h), a = h + 12, l[a] === "[") {
+    if (o += l.slice(a, m), a = m + 12, l[a] === "[") {
       let n = 1;
       for (a++; a < l.length && n > 0; )
         l[a] === "[" ? n++ : l[a] === "]" && n--, a++;
     }
     if (l[a] === "{") {
-      let n = 1, m = a + 1;
+      let n = 1, s = a + 1;
       for (a++; a < l.length && n > 0; )
         l[a] === "{" ? n++ : l[a] === "}" && n--, a++;
-      let d = l.slice(m, a - 1);
+      let d = l.slice(s, a - 1);
       d.trim() === "" ? o += "\\quad " : o += d;
     }
   }
@@ -486,18 +486,18 @@ function de(l) {
 }
 function X(l) {
   let o = "", a = 0;
-  const h = "\\text{";
+  const m = "\\text{";
   for (; a < l.length; ) {
-    const n = l.indexOf(h, a);
+    const n = l.indexOf(m, a);
     if (n === -1) {
       o += l.slice(a);
       break;
     }
     o += l.slice(a, n);
-    let m = 1, d = n + h.length;
-    for (; d < l.length && m > 0; )
-      l[d] === "{" ? m++ : l[d] === "}" && m--, d++;
-    const p = l.slice(n + h.length, d - 1);
+    let s = 1, d = n + m.length;
+    for (; d < l.length && s > 0; )
+      l[d] === "{" ? s++ : l[d] === "}" && s--, d++;
+    const p = l.slice(n + m.length, d - 1);
     /^['"/]+$/.test(p) || p.includes("\\textquotedbl") || p.includes("\\textquotesingle") ? o += "\\text{" + p + "}" : o += p, a = d;
   }
   return o;
@@ -528,9 +528,9 @@ function _e(l, o) {
   if (!l || !o) return null;
   const a = l.model.document.selection.getSelectedElement();
   if ((a == null ? void 0 : a.name) === "mathInline") return a;
-  const h = o.getAttribute("data-math-id");
-  if (h) {
-    const x = window.__ckMathWidgets.get(h);
+  const m = o.getAttribute("data-math-id");
+  if (m) {
+    const x = window.__ckMathWidgets.get(m);
     if (Te(l, x)) return x;
   }
   const n = l.editing.view.domConverter.mapDomToView(o);
@@ -538,39 +538,39 @@ function _e(l, o) {
     const x = l.editing.mapper.toModelElement(n);
     if ((x == null ? void 0 : x.name) === "mathInline") return x;
   }
-  const m = oe(o);
-  if (!m) return null;
+  const s = oe(o);
+  if (!s) return null;
   const d = l.model.document.getRoot();
   for (const { item: x } of l.model.createRangeIn(d))
-    if ((p = x.is) != null && p.call(x, "element", "mathInline") && x.getAttribute("latex") === m)
+    if ((p = x.is) != null && p.call(x, "element", "mathInline") && x.getAttribute("latex") === s)
       return x;
   return null;
 }
-function We(l, o, a, h) {
+function We(l, o, a, m) {
   if (!l || l._mathWidgetOpening) return;
   l._mathWidgetOpening = !0, queueMicrotask(() => {
     l._mathWidgetOpening = !1;
   });
-  const n = Te(l, o) ? o : _e(l, h), m = (n == null ? void 0 : n.getAttribute("latex")) || a || oe(h);
-  if (!m) return;
+  const n = Te(l, o) ? o : _e(l, m), s = (n == null ? void 0 : n.getAttribute("latex")) || a || oe(m);
+  if (!s) return;
   n && l.model.change((p) => {
     p.setSelection(n, "on");
   });
   const d = l.mathWidgetClickHandler || window.__ckMathWidgetClickHandler;
-  d && d(n, m), window.dispatchEvent(new CustomEvent("editAneesWidget", {
+  d && d(n, s), window.dispatchEvent(new CustomEvent("editAneesWidget", {
     detail: {
       editor: l,
       modelElement: n,
-      latex: m
+      latex: s
     }
   }));
 }
 function Ye(l, o) {
   if (!o || o._ckMathClickBound) return;
   o._ckMathClickBound = !0;
-  const a = (h) => {
+  const a = (m) => {
     var n;
-    h.button === 0 && (h.preventDefault(), h.stopPropagation(), (n = h.stopImmediatePropagation) == null || n.call(h), We(l, null, oe(o), o));
+    m.button === 0 && (m.preventDefault(), m.stopPropagation(), (n = m.stopImmediatePropagation) == null || n.call(m), We(l, null, oe(o), o));
   };
   o.addEventListener("mousedown", a, !0), o.addEventListener("click", a, !0);
 }
@@ -1951,11 +1951,11 @@ const Ge = [
           { label: "∰", insert: "\\mathop{{\\style{font-size:1em;}{\\iiint}}\\mkern-28mu\\class{wider-circle}{\\bigcirc}\\mkern18mu}", title: "Closed volume integral" }
         ]
       },
-      { label: "∫", insert: "\\int", title: "Integral" },
-      { label: "∬", insert: "\\iint", title: "Double integral" },
-      { label: "∮", insert: "\\oint", title: "Contour integral" },
-      // { label: '∯', insert: '\\oiint', title: 'surface integral' },
-      { label: "∯", insert: "\\mathop{{\\style{font-size:1em;}{\\iint}}\\mkern-23mu\\class{wide-circle}{\\bigcirc}\\mkern14mu}", title: "Custom surface integral" },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∫")), forceLabel: !0, insert: "\\int", title: "Integral" },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∬")), forceLabel: !0, insert: "\\iint", title: "Double integral" },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∮")), forceLabel: !0, insert: "\\oint", title: "Contour integral" },
+      // { label: (<svg width="14" height="26" viewBox="0 0 32 64" fill="none" style={{ display: 'inline-block', verticalAlign: 'middle', overflow: 'visible' }}><text x="16" y="54" fontFamily="serif" fontSize="58" fontWeight="normal" fill="#222" stroke="none" textAnchor="middle">∯</text></svg>), forceLabel: true, insert: '\\oiint', title: 'surface integral' },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∯")), forceLabel: !0, insert: "\\mathop{{\\style{font-size:1em;}{\\iint}}\\mkern-23mu\\class{wide-circle}{\\bigcirc}\\mkern14mu}", title: "Custom surface integral" },
       {
         type: "sep",
         cols: 3,
@@ -3552,11 +3552,16 @@ const Ge = [
           { label: "∰", insert: "\\mathop{{\\style{font-size:1em;}{\\iiint}}\\mkern-28mu\\class{wider-circle}{\\bigcirc}\\mkern18mu}", title: "Closed volume integral" }
         ]
       },
-      { label: "∫", insert: "\\int", title: "Integral" },
-      { label: "∬", insert: "\\iint", title: "Double integral" },
-      { label: "∮", insert: "\\oint", title: "Contour integral" },
-      // { label: '∯', insert: '\\oiint', title: 'surface integral' },
-      { label: "∯", insert: "\\mathop{{\\style{font-size:1em;}{\\iint}}\\mkern-23mu\\class{wide-circle}{\\bigcirc}\\mkern14mu}", title: "Custom surface integral" },
+      // { label: '∫', insert: '\\int', title: 'Integral' },
+      // { label: '∬', insert: '\\iint', title: 'Double integral' },
+      // { label: '∮', insert: '\\oint', title: 'Contour integral' },
+      // // { label: '∯', insert: '\\oiint', title: 'surface integral' },
+      // { label: '∯', insert: '\\mathop{{\\style{font-size:1em;}{\\iint}}\\mkern-23mu\\class{wide-circle}{\\bigcirc}\\mkern14mu}', title: 'Custom surface integral' },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∫")), forceLabel: !0, insert: "\\int", title: "Integral" },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∬")), forceLabel: !0, insert: "\\iint", title: "Double integral" },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∮")), forceLabel: !0, insert: "\\oint", title: "Contour integral" },
+      // { label: (<svg width="14" height="26" viewBox="0 0 32 64" fill="none" style={{ display: 'inline-block', verticalAlign: 'middle', overflow: 'visible' }}><text x="16" y="54" fontFamily="serif" fontSize="58" fontWeight="normal" fill="#222" stroke="none" textAnchor="middle">∯</text></svg>), forceLabel: true, insert: '\\oiint', title: 'surface integral' },
+      { label: /* @__PURE__ */ e.createElement("svg", { width: "14", height: "26", viewBox: "0 0 32 64", fill: "none", style: { display: "inline-block", verticalAlign: "middle", overflow: "visible" } }, /* @__PURE__ */ e.createElement("text", { x: "16", y: "54", fontFamily: "serif", fontSize: "58", fontWeight: "normal", fill: "#222", stroke: "none", textAnchor: "middle" }, "∯")), forceLabel: !0, insert: "\\mathop{{\\style{font-size:1em;}{\\iint}}\\mkern-23mu\\class{wide-circle}{\\bigcirc}\\mkern14mu}", title: "Custom surface integral" },
       {
         type: "sep",
         cols: 3,
@@ -3635,26 +3640,26 @@ class ct extends Ve {
       isObject: !0,
       allowWhere: "$text",
       allowAttributes: ["latex"]
-    }), o.model.schema.addChildCheck((h, n) => {
+    }), o.model.schema.addChildCheck((m, n) => {
       if (n.name === "mathInline")
         return !0;
     }), o.conversion.for("editingDowncast").elementToElement({
       model: "mathInline",
-      view: (h, { writer: n }) => {
-        const m = h.getAttribute("latex") || "", d = "math-" + Math.random().toString(36).substr(2, 9);
-        window.__ckMathWidgets.set(d, h);
+      view: (m, { writer: n }) => {
+        const s = m.getAttribute("latex") || "", d = "math-" + Math.random().toString(36).substr(2, 9);
+        window.__ckMathWidgets.set(d, m);
         const p = n.createContainerElement("span", {
           class: "ck-math-widget ck-math-inline-word",
           contenteditable: "false",
           "data-math-id": d,
-          "data-latex": m
+          "data-latex": s
         }), x = n.createRawElement(
           "span",
           {
             class: "ck-math-widget-inner",
             style: "display:inline-block;vertical-align:middle;margin:0 2px;cursor:pointer;width:auto;max-width:100%;pointer-events:none;"
           },
-          (I) => {
+          (B) => {
             const g = document.createElement("math-field");
             g.setAttribute("math-virtual-keyboard-policy", "manual"), g.setAttribute("tabindex", "-1"), g.style.display = "inline-block", g.style.width = "auto", g.style.maxWidth = "100%", g.style.verticalAlign = "middle", g.style.border = "none", g.style.background = "transparent", g.style.outline = "none", g.style.fontSize = "inherit", g.style.minHeight = "auto", g.style.padding = "0 2px", g.style.margin = "0", g.style.pointerEvents = "none";
             const A = () => {
@@ -3663,30 +3668,30 @@ class ct extends Ve {
                 return;
               }
               window.__cme_macros && (g.macros = { ...g.macros, ...window.__cme_macros });
-              let E = ge(
+              let y = ge(
                 ne(
                   X(
-                    de(m)
+                    de(s)
                   )
                 )
               );
-              E.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(E.trim()) && (E = E.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1"));
+              y.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(y.trim()) && (y = y.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1"));
               try {
-                g.setValue ? g.setValue("", { silenceNotifications: !0 }) : g.value = "", g.executeCommand(["insert", E, { insertionMode: "replaceAll" }]);
+                g.setValue ? g.setValue("", { silenceNotifications: !0 }) : g.value = "", g.executeCommand(["insert", y, { insertionMode: "replaceAll" }]);
               } catch (k) {
                 console.error("[CKMathWidget] executeCommand failed, falling back to setValue:", k);
                 try {
-                  g.setValue ? g.setValue(E, { silenceNotifications: !0 }) : g.value = E;
-                } catch (y) {
-                  console.error("[CKMathWidget] setValue also failed:", y);
+                  g.setValue ? g.setValue(y, { silenceNotifications: !0 }) : g.value = y;
+                } catch (E) {
+                  console.error("[CKMathWidget] setValue also failed:", E);
                 }
               }
               g.setAttribute("read-only", "");
             };
-            customElements.get("math-field") ? requestAnimationFrame(A) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(A)), I.appendChild(g);
+            customElements.get("math-field") ? requestAnimationFrame(A) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(A)), B.appendChild(g);
             const u = () => {
-              const E = I.parentElement;
-              E && Ye(o, E);
+              const y = B.parentElement;
+              y && Ye(o, y);
             };
             u(), requestAnimationFrame(u);
           }
@@ -3695,26 +3700,26 @@ class ct extends Ve {
       }
     });
     const a = o.editing.view.document;
-    this.listenTo(a, "mousedown", (h, n) => {
-      const m = Ke(n.domTarget);
-      m && n.domEvent.button === 0 && (h.stop(), n.preventDefault(), We(
+    this.listenTo(a, "mousedown", (m, n) => {
+      const s = Ke(n.domTarget);
+      s && n.domEvent.button === 0 && (m.stop(), n.preventDefault(), We(
         o,
         null,
-        oe(m),
-        m
+        oe(s),
+        s
       ));
-    }, { priority: "high" }), o.conversion.for("editingDowncast").add((h) => {
-      h.on("attribute:latex:mathInline", (n, m, d) => {
-        if (!d.consumable.consume(m.item, n.name))
+    }, { priority: "high" }), o.conversion.for("editingDowncast").add((m) => {
+      m.on("attribute:latex:mathInline", (n, s, d) => {
+        if (!d.consumable.consume(s.item, n.name))
           return;
-        const p = d.writer, x = d.mapper.toViewElement(m.item);
+        const p = d.writer, x = d.mapper.toViewElement(s.item);
         if (x) {
-          p.setAttribute("data-latex", m.attributeNewValue, x);
-          const I = o.editing.view.domConverter.mapViewToDom(x);
-          if (I) {
-            const g = I.querySelector("math-field");
+          p.setAttribute("data-latex", s.attributeNewValue, x);
+          const B = o.editing.view.domConverter.mapViewToDom(x);
+          if (B) {
+            const g = B.querySelector("math-field");
             if (g) {
-              let A = ge(ne(X(de(m.attributeNewValue))));
+              let A = ge(ne(X(de(s.attributeNewValue))));
               A.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(A.trim()) && (A = A.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1")), g.removeAttribute("read-only");
               try {
                 g.setValue ? g.setValue("", { silenceNotifications: !0 }) : g.value = "", g.executeCommand(["insert", A, { insertionMode: "replaceAll" }]);
@@ -3729,16 +3734,16 @@ class ct extends Ve {
       });
     }), o.conversion.for("dataDowncast").elementToElement({
       model: "mathInline",
-      view: (h, { writer: n }) => {
-        const m = h.getAttribute("latex") || "", d = n.createContainerElement("span", {
+      view: (m, { writer: n }) => {
+        const s = m.getAttribute("latex") || "", d = n.createContainerElement("span", {
           class: "math-tex",
-          "data-latex": m,
+          "data-latex": s,
           // Keep raw latex in data-latex for restoring
           style: "display:inline;"
         });
         let p = ne(
           X(
-            de(m)
+            de(s)
           )
         );
         p.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(p.trim()) && (p = p.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1"));
@@ -3750,63 +3755,63 @@ class ct extends Ve {
         name: "span",
         classes: "math-tex"
       },
-      model: (h, { writer: n }) => {
-        const m = h.getAttribute("data-latex") || "";
-        return n.createElement("mathInline", { latex: m });
+      model: (m, { writer: n }) => {
+        const s = m.getAttribute("data-latex") || "";
+        return n.createElement("mathInline", { latex: s });
       }
     });
   }
 }
-function tt({ matrixType: l, x: o, y: a, onSelect: h, onMouseEnter: n, onMouseLeave: m }) {
-  const [d, p] = B({ r: 2, c: 2 }), x = Math.max(10, parseInt(d.r, 10) || 0), I = Math.max(10, parseInt(d.c, 10) || 0), g = (k) => {
-    const y = k.target.value;
-    if (y === "") {
+function tt({ matrixType: l, x: o, y: a, onSelect: m, onMouseEnter: n, onMouseLeave: s }) {
+  const [d, p] = I({ r: 2, c: 2 }), x = Math.max(10, parseInt(d.r, 10) || 0), B = Math.max(10, parseInt(d.c, 10) || 0), g = (k) => {
+    const E = k.target.value;
+    if (E === "") {
       p((L) => ({ ...L, r: "" }));
       return;
     }
-    const T = parseInt(y, 10);
+    const T = parseInt(E, 10);
     isNaN(T) || p((L) => ({ ...L, r: Math.max(1, Math.min(10, T)) }));
   }, A = () => {
     (d.r === "" || isNaN(parseInt(d.r, 10))) && p((k) => ({ ...k, r: 1 }));
   }, u = (k) => {
-    const y = k.target.value;
-    if (y === "") {
+    const E = k.target.value;
+    if (E === "") {
       p((L) => ({ ...L, c: "" }));
       return;
     }
-    const T = parseInt(y, 10);
+    const T = parseInt(E, 10);
     isNaN(T) || p((L) => ({ ...L, c: Math.max(1, Math.min(10, T)) }));
-  }, E = () => {
+  }, y = () => {
     (d.c === "" || isNaN(parseInt(d.c, 10))) && p((k) => ({ ...k, c: 1 }));
   };
   return O(() => {
-    const k = (y) => {
-      if (y.key === "Enter") {
-        y.preventDefault(), y.stopPropagation();
+    const k = (E) => {
+      if (E.key === "Enter") {
+        E.preventDefault(), E.stopPropagation();
         const T = parseInt(d.r, 10) || 1, L = parseInt(d.c, 10) || 1;
-        h(T, L);
+        m(T, L);
       }
     };
     return window.addEventListener("keydown", k, !0), () => window.removeEventListener("keydown", k, !0);
-  }, [d.r, d.c, h]), /* @__PURE__ */ e.createElement(
+  }, [d.r, d.c, m]), /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "cme-matrix-hover-popover ck-only",
       style: { top: `${a}px`, left: `${o}px` },
-      onMouseDown: (k) => k.stopPropagation(),
+      onPointerDown: (k) => k.stopPropagation(),
       onMouseEnter: n,
-      onMouseLeave: m
+      onMouseLeave: s
     },
-    /* @__PURE__ */ e.createElement("div", { className: "cme-matrix-hover-grid" }, Array.from({ length: x }).map((k, y) => /* @__PURE__ */ e.createElement("div", { key: y, className: "cme-matrix-hover-row" }, Array.from({ length: I }).map((T, L) => {
-      const q = parseInt(d.r, 10) || 0, K = parseInt(d.c, 10) || 0, j = y < q && L < K;
+    /* @__PURE__ */ e.createElement("div", { className: "cme-matrix-hover-grid" }, Array.from({ length: x }).map((k, E) => /* @__PURE__ */ e.createElement("div", { key: E, className: "cme-matrix-hover-row" }, Array.from({ length: B }).map((T, L) => {
+      const q = parseInt(d.r, 10) || 0, K = parseInt(d.c, 10) || 0, j = E < q && L < K;
       return /* @__PURE__ */ e.createElement(
         "div",
         {
-          key: `${y}-${L}`,
+          key: `${E}-${L}`,
           className: `cme-matrix-hover-cell${j ? " selected" : ""}`,
-          onMouseEnter: () => p({ r: y + 1, c: L + 1 }),
+          onMouseEnter: () => p({ r: E + 1, c: L + 1 }),
           onClick: (_) => {
-            _.preventDefault(), _.stopPropagation(), h(y + 1, L + 1);
+            _.preventDefault(), _.stopPropagation(), m(E + 1, L + 1);
           }
         }
       );
@@ -3823,11 +3828,11 @@ function tt({ matrixType: l, x: o, y: a, onSelect: h, onMouseEnter: n, onMouseLe
         max: "10"
       }
     ), /* @__PURE__ */ e.createElement("div", { className: "cme-counter-btns" }, /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => p((k) => {
-      const y = parseInt(k.r, 10) || 1;
-      return { ...k, r: Math.min(10, y + 1) };
+      const E = parseInt(k.r, 10) || 1;
+      return { ...k, r: Math.min(10, E + 1) };
     }) }, "▲"), /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => p((k) => {
-      const y = parseInt(k.r, 10) || 1;
-      return { ...k, r: Math.max(1, y - 1) };
+      const E = parseInt(k.r, 10) || 1;
+      return { ...k, r: Math.max(1, E - 1) };
     }) }, "▼"))), /* @__PURE__ */ e.createElement("div", { className: "cme-matrix-counter" }, /* @__PURE__ */ e.createElement("span", null, "C"), /* @__PURE__ */ e.createElement(
       "input",
       {
@@ -3835,34 +3840,34 @@ function tt({ matrixType: l, x: o, y: a, onSelect: h, onMouseEnter: n, onMouseLe
         className: "cme-counter-val",
         value: d.c,
         onChange: u,
-        onBlur: E,
+        onBlur: y,
         min: "1",
         max: "10"
       }
     ), /* @__PURE__ */ e.createElement("div", { className: "cme-counter-btns" }, /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => p((k) => {
-      const y = parseInt(k.c, 10) || 1;
-      return { ...k, c: Math.min(10, y + 1) };
+      const E = parseInt(k.c, 10) || 1;
+      return { ...k, c: Math.min(10, E + 1) };
     }) }, "▲"), /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => p((k) => {
-      const y = parseInt(k.c, 10) || 1;
-      return { ...k, c: Math.max(1, y - 1) };
+      const E = parseInt(k.c, 10) || 1;
+      return { ...k, c: Math.max(1, E - 1) };
     }) }, "▼"))))
   );
 }
 let J = !1, be = null, U = null;
-function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n }) {
-  const m = re(null), [d, p] = B(0), [x, I] = B(null), [g, A] = B(null), [u, E] = B(null), [k, y] = B(null);
+function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n }) {
+  const s = re(null), [d, p] = I(0), [x, B] = I(null), [g, A] = I(null), [u, y] = I(null), [k, E] = I(null);
   re(null);
-  const [T, L] = B({ x: 0, y: 0 }), [q, K] = B(!1), j = re({ x: 0, y: 0 }), [_, ke] = B(!1), [Ie, ue] = B(!1), [Be, Y] = B(!1), se = re(null);
+  const [T, L] = I({ x: 0, y: 0 }), [q, K] = I(!1), j = re({ x: 0, y: 0 }), [_, ke] = I(!1), [Be, ue] = I(!1), [Ie, Y] = I(!1), se = re(null);
   O(() => {
     const t = (r) => {
       if (!q) return;
-      const c = r.touches && r.touches.length > 0 ? r.touches[0].clientX : r.clientX, b = r.touches && r.touches.length > 0 ? r.touches[0].clientY : r.clientY;
-      let w = c - j.current.x, s = b - j.current.y;
+      const h = r.touches && r.touches.length > 0 ? r.touches[0].clientX : r.clientX, b = r.touches && r.touches.length > 0 ? r.touches[0].clientY : r.clientY;
+      let w = h - j.current.x, c = b - j.current.y;
       if (se.current) {
         const C = se.current, M = -C.left, R = window.innerWidth - C.right, H = -C.top, P = window.innerHeight - C.bottom;
-        w < M && (w = M), w > R && (w = R), s < H && (s = H), s > P && (s = P);
+        w < M && (w = M), w > R && (w = R), c < H && (c = H), c > P && (c = P);
       }
-      L({ x: w, y: s });
+      L({ x: w, y: c });
     }, i = () => K(!1);
     return q && (window.addEventListener("mousemove", t, { passive: !1 }), window.addEventListener("mouseup", i), window.addEventListener("touchmove", t, { passive: !1 }), window.addEventListener("touchend", i)), () => {
       window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", i), window.removeEventListener("touchmove", t), window.removeEventListener("touchend", i);
@@ -3876,9 +3881,9 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
       x: i - T.x,
       y: r - T.y
     };
-    const c = document.querySelector(".cme-editor-popup");
-    if (c) {
-      const b = c.getBoundingClientRect();
+    const h = document.querySelector(".cme-editor-popup");
+    if (h) {
+      const b = h.getBoundingClientRect();
       se.current = {
         left: b.left - T.x,
         top: b.top - T.y,
@@ -3888,7 +3893,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
         height: b.height
       };
     }
-  }, G = l === "math" ? Ge : $e, [f, ce] = B({
+  }, G = l === "math" ? Ge : $e, [f, ce] = I({
     bold: !1,
     italic: !1,
     color: "none",
@@ -3896,13 +3901,13 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
     fontSize: "auto"
   }), F = he(() => {
     if (J || window.__cmeIgnoreStyleUpdate && Date.now() - window.__cmeIgnoreStyleUpdate < 150) return;
-    const t = m.current;
+    const t = s.current;
     if (!(!t || typeof t.queryStyle != "function"))
       try {
-        const i = window.__cmeManualBold !== void 0 ? window.__cmeManualBold : t.queryStyle({ fontSeries: "b" }) === "all" || t.queryStyle({ variantStyle: "bold" }) === "all", r = window.__cmeManualItalic !== void 0 ? window.__cmeManualItalic : t.queryStyle({ variantStyle: "italic" }) === "all" || t.queryStyle({ shape: "it" }) === "all", c = window.__cmeManualFontFamily !== void 0 ? window.__cmeManualFontFamily : ["roman", "sans-serif", "monospace"].find(
-          (s) => t.queryStyle({ fontFamily: s }) === "all"
+        const i = window.__cmeManualBold !== void 0 ? window.__cmeManualBold : t.queryStyle({ fontSeries: "b" }) === "all" || t.queryStyle({ variantStyle: "bold" }) === "all", r = window.__cmeManualItalic !== void 0 ? window.__cmeManualItalic : t.queryStyle({ variantStyle: "italic" }) === "all" || t.queryStyle({ shape: "it" }) === "all", h = window.__cmeManualFontFamily !== void 0 ? window.__cmeManualFontFamily : ["roman", "sans-serif", "monospace"].find(
+          (c) => t.queryStyle({ fontFamily: c }) === "all"
         ) || "none", b = window.__cmeManualFontSize !== void 0 ? window.__cmeManualFontSize : [5, 7, 9].find(
-          (s) => t.queryStyle({ fontSize: s }) === "all"
+          (c) => t.queryStyle({ fontSize: c }) === "all"
         ) || "auto", w = [
           "black",
           "dimgray",
@@ -3929,12 +3934,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
           "violet",
           "gold"
         ].find(
-          (s) => t.queryStyle({ color: s }) === "all"
+          (c) => t.queryStyle({ color: c }) === "all"
         ) || "none";
-        ce((s) => ({
+        ce((c) => ({
           bold: i,
           italic: r,
-          fontFamily: c,
+          fontFamily: h,
           fontSize: String(b),
           color: w
         }));
@@ -3945,7 +3950,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
   O(() => {
     if (!x && !u) return;
     const t = (i) => {
-      !i.target.closest(".cme-matrix-hover-popover") && !i.target.closest(".cme-matrix-btn-wrapper") && I(null), !i.target.closest(".cme-color-picker-popup") && !i.target.closest('[title="Text Color"]') && E(null);
+      !i.target.closest(".cme-matrix-hover-popover") && !i.target.closest(".cme-matrix-btn-wrapper") && B(null), !i.target.closest(".cme-color-picker-popup") && !i.target.closest('[title="Text Color"]') && y(null);
     };
     return window.addEventListener("mousedown", t, !0), window.addEventListener("pointerdown", t, !0), () => {
       window.removeEventListener("mousedown", t, !0), window.removeEventListener("pointerdown", t, !0);
@@ -3953,7 +3958,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
   }, [x, u]), O(() => {
     if (!k) return;
     const t = (i) => {
-      !i.target.closest(".cme-more-popup") && !i.target.closest(".cme-more-trigger-btn") && y(null);
+      !i.target.closest(".cme-more-popup") && !i.target.closest(".cme-more-trigger-btn") && E(null);
     };
     return window.addEventListener("mousedown", t, !0), window.addEventListener("pointerdown", t, !0), () => {
       window.removeEventListener("mousedown", t, !0), window.removeEventListener("pointerdown", t, !0);
@@ -3967,18 +3972,18 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
     if (!t) return;
     t.macros = { ...t.macros, ...window.__cme_macros || {} }, t.defaultMode = "math";
     const i = () => {
-      if (typeof t.applyStyle == "function" && t.applyStyle({ variantStyle: "up" }), h) {
-        let r = ge(h);
+      if (typeof t.applyStyle == "function" && t.applyStyle({ variantStyle: "up" }), m) {
+        let r = ge(m);
         if (l === "chem") {
-          const c = r.match(/^\\ce\{([\s\S]*)\}$/i);
-          c && (r = c[1]);
+          const h = r.match(/^\\ce\{([\s\S]*)\}$/i);
+          h && (r = h[1]);
         }
         r = X(r), r = ne(r), t.setValue ? t.setValue("", { silenceNotifications: !0 }) : t.value = "", t.executeCommand(["insert", r, { insertionMode: "replaceAll" }]);
       }
       requestAnimationFrame(() => t.focus());
     };
     customElements.get("math-field") ? requestAnimationFrame(i) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(i));
-  }, [l, h]), O(() => {
+  }, [l, m]), O(() => {
     const t = U;
     if (!t) return;
     const i = (r) => {
@@ -3986,17 +3991,17 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
         J = !1;
       }, 500)), ["`", "~", "!", "@", "#", "$", "%", "^", "&", "*", "_", '"', "'", "/", "\\", "|"].includes(r.key) && !r.ctrlKey && !r.metaKey && !r.altKey) {
         r.preventDefault(), r.stopPropagation();
-        let c = "";
-        r.key === "`" ? c = "\\grave{\\ }" : r.key === "~" ? c = "\\sim" : r.key === "!" ? c = "!" : r.key === "@" ? c = "@" : r.key === "#" ? c = "\\#" : r.key === "$" ? c = "\\$" : r.key === "%" ? c = "\\%" : r.key === "^" ? c = "\\wedge" : r.key === "&" ? c = "\\&" : r.key === "*" ? c = "\\ast" : r.key === "_" ? c = "\\_" : r.key === '"' ? c = '\\text{"}' : r.key === "'" ? c = "\\text{'}" : r.key === "/" ? c = "\\mathord{/}" : r.key === "\\" ? c = "\\backslash" : r.key === "|" && (c = "|"), t.executeCommand(["insert", c]);
+        let h = "";
+        r.key === "`" ? h = "\\grave{\\ }" : r.key === "~" ? h = "\\sim" : r.key === "!" ? h = "!" : r.key === "@" ? h = "@" : r.key === "#" ? h = "\\#" : r.key === "$" ? h = "\\$" : r.key === "%" ? h = "\\%" : r.key === "^" ? h = "\\wedge" : r.key === "&" ? h = "\\&" : r.key === "*" ? h = "\\ast" : r.key === "_" ? h = "\\_" : r.key === '"' ? h = '\\text{"}' : r.key === "'" ? h = "\\text{'}" : r.key === "/" ? h = "\\mathord{/}" : r.key === "\\" ? h = "\\backslash" : r.key === "|" && (h = "|"), t.executeCommand(["insert", h]);
         return;
       }
       if (r.key.length === 1 && !r.ctrlKey && !r.metaKey && !r.altKey && /[a-zA-Z0-9]/.test(r.key)) {
         r.preventDefault(), r.stopPropagation();
-        const c = f.fontFamily === "sans-serif", b = f.fontFamily === "monospace", w = f.bold, s = f.italic;
+        const h = f.fontFamily === "sans-serif", b = f.fontFamily === "monospace", w = f.bold, c = f.italic;
         let C = "\\mathrm";
-        c ? C = "\\mathsf" : b ? C = "\\mathtt" : s && !w ? C = "\\mathit" : w && !s && (C = "\\mathbf");
+        h ? C = "\\mathsf" : b ? C = "\\mathtt" : c && !w ? C = "\\mathit" : w && !c && (C = "\\mathbf");
         let M = `${C}{${r.key}}`;
-        w && s ? (M = `\\mathbfit{${r.key}}`, c && (M = `\\boldsymbol{\\mathsf{${r.key}}}`), b && (M = `\\boldsymbol{\\mathtt{${r.key}}}`)) : w && (c || b) && (M = `\\boldsymbol{${M}}`);
+        w && c ? (M = `\\mathbfit{${r.key}}`, h && (M = `\\boldsymbol{\\mathsf{${r.key}}}`), b && (M = `\\boldsymbol{\\mathtt{${r.key}}}`)) : w && (h || b) && (M = `\\boldsymbol{${M}}`);
         let R = M;
         const H = f.fontSize === "auto" ? 5 : parseInt(f.fontSize, 10);
         if (H !== 5) {
@@ -4016,26 +4021,26 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
       setTimeout(() => {
         const r = t.shadowRoot;
         if (!r) return;
-        const c = r.querySelector(".ML__caret") || r.querySelector('[class*="caret"]');
-        c && c.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" }), F();
+        const h = r.querySelector(".ML__caret") || r.querySelector('[class*="caret"]');
+        h && h.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" }), F();
       }, 0);
     };
     return t.addEventListener("selection-change", i), t.addEventListener("input", i), t.addEventListener("keydown", i), setTimeout(F, 50), () => {
       t.removeEventListener("selection-change", i), t.removeEventListener("input", i), t.removeEventListener("keydown", i);
     };
   }, [F]);
-  const Q = he((t) => {
+  const z = he((t) => {
     const i = U;
     i && (i.focus(), i.executeCommand(["insert", t]));
   }, []), De = he((t, i, r) => {
-    let c = `\\begin{${t}} `;
+    let h = `\\begin{${t}} `;
     for (let b = 0; b < i; b++) {
       for (let w = 0; w < r; w++)
-        c += "#?", w < r - 1 && (c += " & ");
-      b < i - 1 && (c += " \\\\ ");
+        h += "#?", w < r - 1 && (h += " & ");
+      b < i - 1 && (h += " \\\\ ");
     }
-    c += ` \\end{${t}}`, Q(c);
-  }, [Q]), Ne = (t) => {
+    h += ` \\end{${t}}`, z(h);
+  }, [z]), Ne = (t) => {
     t.stopPropagation(), ke((i) => !i), ue(!1), L({ x: 0, y: 0 });
   }, Re = (t) => {
     t.stopPropagation(), ue((i) => !i), ke(!1), L({ x: 0, y: 0 });
@@ -4046,8 +4051,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
       a && a();
       return;
     }
-    const r = i.getValue ? i.getValue("latex") : i.value, c = h || "";
-    !r || r.trim() === "" || r === c ? a && a() : Y(!0);
+    const r = i.getValue ? i.getValue("latex") : i.value, h = m || "";
+    !r || r.trim() === "" || r === h ? a && a() : Y(!0);
   }, Oe = () => {
     const t = U;
     if (!t) return;
@@ -4059,24 +4064,24 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
     l === "chem" && (i = et(i)), i = X(i);
     const r = i.match(/^\\(mathrm|mathit|mathbf|mathsf|text)\{\\displaylines\{([\s\S]*)\}\}$/);
     if (r) {
-      const c = r[1];
-      i = `\\displaylines{${r[2].split("\\\\").map((C) => `\\${c}{${C.trim()}}`).join(" \\\\ ")}}`;
+      const h = r[1];
+      i = `\\displaylines{${r[2].split("\\\\").map((C) => `\\${h}{${C.trim()}}`).join(" \\\\ ")}}`;
     }
     i = i.replace(/[\r\n]+/g, " "), o && o(i), t.setValue ? t.setValue("") : t.value = "", a && a();
   };
-  return z(
+  return Q(
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `cme-editor-popup ${_ ? "maximized" : ""} ${Ie ? "minimized" : ""}`,
+        className: `cme-editor-popup ${_ ? "maximized" : ""} ${Be ? "minimized" : ""}`,
         style: { transform: `translate(${T.x}px, ${T.y}px)` },
-        onMouseDown: (t) => t.stopPropagation()
+        onPointerDown: (t) => t.stopPropagation()
       },
       /* @__PURE__ */ e.createElement("div", { className: "cme-popup-topbar" }, /* @__PURE__ */ e.createElement(
         "div",
         {
           className: "cme-popup-header",
-          onMouseDown: we,
+          onPointerDown: we,
           onTouchStart: we,
           style: { cursor: q ? "grabbing" : "grab", touchAction: "none" }
         },
@@ -4090,8 +4095,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
             key: t.isMatrix ? "matrix-tab" : t.label,
             className: `cme-group-tab${r ? " active" : ""}`,
             type: "button",
-            onMouseDown: (c) => {
-              c.preventDefault(), p(i), I(null);
+            onPointerDown: (h) => {
+              h.preventDefault(), p(i), B(null);
             }
           },
           t.mathLabel ? /* @__PURE__ */ e.createElement(
@@ -4118,8 +4123,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
           ) : t.label
         );
       })), /* @__PURE__ */ e.createElement("div", { className: "cme-toolbar-items" }, (() => {
-        var c;
-        const t = ((c = G[d]) == null ? void 0 : c.items) || [], i = t.some((b) => b.type === "sep"), r = [];
+        var h;
+        const t = ((h = G[d]) == null ? void 0 : h.items) || [], i = t.some((b) => b.type === "sep"), r = [];
         if (i) {
           let b = { cols: 2, small: !1, cls: "", items: [], moreItems: null };
           for (const w of t)
@@ -4146,24 +4151,24 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
               type: "button",
               className: "cme-more-trigger-btn",
               title: "more",
-              onMouseDown: (s) => {
-                s.preventDefault();
+              onPointerDown: (c) => {
+                c.preventDefault();
               },
-              onClick: (s) => {
-                if (s.stopPropagation(), k && k.items === b.moreItems)
-                  y(null);
+              onClick: (c) => {
+                if (c.stopPropagation(), k && k.items === b.moreItems)
+                  E(null);
                 else {
-                  const C = s.currentTarget.getBoundingClientRect(), M = G[d] || {};
-                  y({ cx: C.left + C.width / 2, y: C.bottom, items: b.moreItems, cols: b.moreCols, isTemplate: M.isTemplate || M.label === "√(□)" || M.isMatrix });
+                  const C = c.currentTarget.getBoundingClientRect(), M = G[d] || {};
+                  E({ cx: C.left + C.width / 2, y: C.bottom, items: b.moreItems, cols: b.moreCols, isTemplate: M.isTemplate || M.label === "√(□)" || M.isMatrix });
                 }
               }
             },
             "▶"
           ),
-          b.items.map((s, C) => {
+          b.items.map((c, C) => {
             const M = G[d];
-            if (s.type === "dropdown") {
-              const N = s.label === "Font...", v = s.label === "Size", $ = N && f.fontFamily !== "none", ee = v && f.fontSize !== "auto" && f.fontSize !== "5", te = N ? f.fontFamily === "none" ? "" : f.fontFamily : v ? f.fontSize === "auto" || f.fontSize === "5" ? "" : f.fontSize : "";
+            if (c.type === "dropdown") {
+              const N = c.label === "Font...", v = c.label === "Size", $ = N && f.fontFamily !== "none", ee = v && f.fontSize !== "auto" && f.fontSize !== "5", te = N ? f.fontFamily === "none" ? "" : f.fontFamily : v ? f.fontSize === "auto" || f.fontSize === "5" ? "" : f.fontSize : "";
               return /* @__PURE__ */ e.createElement(
                 "select",
                 {
@@ -4171,7 +4176,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                   className: `cme-btn template${$ || ee ? " active" : ""}`,
                   value: te,
                   style: {
-                    width: s.width || "60px",
+                    width: c.width || "60px",
                     height: "18px",
                     minHeight: "18px",
                     maxHeight: "18px",
@@ -4188,12 +4193,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                     !V || typeof V.applyStyle != "function" || (V.focus(), N ? V.applyStyle({ fontFamily: Z || "none" }) : v && V.applyStyle({ fontSize: Z ? parseInt(Z, 10) : "auto" }), F());
                   }
                 },
-                /* @__PURE__ */ e.createElement("option", { value: "" }, s.label),
+                /* @__PURE__ */ e.createElement("option", { value: "" }, c.label),
                 N && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("option", { value: "roman" }, "Times"), /* @__PURE__ */ e.createElement("option", { value: "sans-serif" }, "Helvetica"), /* @__PURE__ */ e.createElement("option", { value: "monospace" }, "Courier")),
                 v && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("option", { value: "5" }, "12px"), /* @__PURE__ */ e.createElement("option", { value: "7" }, "16px"), /* @__PURE__ */ e.createElement("option", { value: "9" }, "20px"))
               );
             }
-            if (M.isMatrix && !s.directInsert)
+            if (M.isMatrix && !c.directInsert)
               return /* @__PURE__ */ e.createElement(
                 "div",
                 {
@@ -4204,23 +4209,23 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                   "button",
                   {
                     type: "button",
-                    className: `cme-btn template${s.cls ? ` ${s.cls}` : ""}${M.isMatrix ? " cme-matrix-btn-small" : ""}`,
-                    title: s.title || s.label || s.insert,
-                    onMouseDown: (N) => {
-                      if (N.preventDefault(), N.stopPropagation(), (x == null ? void 0 : x.type) === s.insert)
-                        I(null);
+                    className: `cme-btn template${c.cls ? ` ${c.cls}` : ""}${M.isMatrix ? " cme-matrix-btn-small" : ""}`,
+                    title: c.title || c.label || c.insert,
+                    onPointerDown: (N) => {
+                      if (N.preventDefault(), N.stopPropagation(), (x == null ? void 0 : x.type) === c.insert)
+                        B(null);
                       else {
                         J || (window.__cmeManualBold = void 0, window.__cmeManualItalic = void 0, window.__cmeManualFontFamily = void 0, window.__cmeManualFontSize = void 0);
                         const v = N.currentTarget.getBoundingClientRect();
-                        I({
-                          type: s.insert,
+                        B({
+                          type: c.insert,
                           x: v.left + v.width / 2,
                           y: v.bottom
                         });
                       }
                     }
                   },
-                  typeof s.label == "object" ? s.label : /* @__PURE__ */ e.createElement(
+                  typeof c.label == "object" ? c.label : /* @__PURE__ */ e.createElement(
                     "math-field",
                     {
                       "read-only": !0,
@@ -4239,29 +4244,29 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                         cursor: "pointer"
                       }
                     },
-                    pe(s.mathLabel != null ? s.mathLabel : s.insert)
+                    pe(c.mathLabel != null ? c.mathLabel : c.insert)
                   )
                 )
               );
-            const R = s.action === "BOLD", H = s.action === "ITALIC", P = s.action === "TEXT_COLOR", He = R && f.bold || H && f.italic || P && f.color !== "none" && f.color !== "black";
+            const R = c.action === "BOLD", H = c.action === "ITALIC", P = c.action === "TEXT_COLOR", He = R && f.bold || H && f.italic || P && f.color !== "none" && f.color !== "black";
             return /* @__PURE__ */ e.createElement(
               "button",
               {
                 key: `${M.label}-${w * 4 + C}`,
                 type: "button",
-                className: `cme-btn${M.isTemplate ? " template" : ""}${s.cls ? ` ${s.cls}` : ""}${He ? " active" : ""}`,
-                title: s.title || s.label || s.insert,
-                onMouseDown: (N) => {
-                  var $, ee, te, le, Z, V, Ee;
+                className: `cme-btn${M.isTemplate ? " template" : ""}${c.cls ? ` ${c.cls}` : ""}${He ? " active" : ""}`,
+                title: c.title || c.label || c.insert,
+                onPointerDown: (N) => {
+                  var $, ee, te, le, Z, V, ye;
                   N.preventDefault();
-                  const v = m.current;
-                  if (s.action === "SPECIAL_CHARS") {
+                  const v = s.current;
+                  if (c.action === "SPECIAL_CHARS") {
                     const S = N.currentTarget.getBoundingClientRect();
                     A({ x: S.left, y: S.bottom + 4 });
-                  } else if (s.action === "TEXT_COLOR") {
+                  } else if (c.action === "TEXT_COLOR") {
                     const S = N.currentTarget.getBoundingClientRect();
-                    E({ x: S.left, y: S.bottom + 4 });
-                  } else if (s.action === "BOLD") {
+                    y({ x: S.left, y: S.bottom + 4 });
+                  } else if (c.action === "BOLD") {
                     if (v) {
                       v.focus();
                       const S = !f.bold;
@@ -4273,7 +4278,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                       }
                       ce((W) => ({ ...W, bold: S }));
                     }
-                  } else if (s.action === "ITALIC") {
+                  } else if (c.action === "ITALIC") {
                     if (v) {
                       v.focus();
                       const S = !f.italic;
@@ -4285,16 +4290,16 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                       }
                       ce((W) => ({ ...W, italic: S }));
                     }
-                  } else s.action === "UNDO" ? ($ = m.current) == null || $.executeCommand("undo") : s.action === "REDO" ? (ee = m.current) == null || ee.executeCommand("redo") : s.action === "CUT" ? ((te = m.current) == null || te.focus(), (le = m.current) == null || le.executeCommand("cutToClipboard")) : s.action === "COPY" ? ((Z = m.current) == null || Z.focus(), (V = m.current) == null || V.executeCommand("copyToClipboard")) : s.action === "PASTE" ? ((Ee = m.current) == null || Ee.focus(), navigator.clipboard.readText().then((S) => {
+                  } else c.action === "UNDO" ? ($ = s.current) == null || $.executeCommand("undo") : c.action === "REDO" ? (ee = s.current) == null || ee.executeCommand("redo") : c.action === "CUT" ? ((te = s.current) == null || te.focus(), (le = s.current) == null || le.executeCommand("cutToClipboard")) : c.action === "COPY" ? ((Z = s.current) == null || Z.focus(), (V = s.current) == null || V.executeCommand("copyToClipboard")) : c.action === "PASTE" ? ((ye = s.current) == null || ye.focus(), navigator.clipboard.readText().then((S) => {
                     var D;
-                    (D = m.current) == null || D.executeCommand(["insert", S]);
+                    (D = s.current) == null || D.executeCommand(["insert", S]);
                   }).catch((S) => {
                     var D;
-                    (D = m.current) == null || D.executeCommand("pasteFromClipboard");
-                  })) : Q(s.insert);
+                    (D = s.current) == null || D.executeCommand("pasteFromClipboard");
+                  })) : z(c.insert);
                 }
               },
-              (M.isTemplate || M.label === "√(□)" || M.isMatrix || s.isWidget) && s.insert && !s.action && !s.forceLabel ? /* @__PURE__ */ e.createElement(
+              (M.isTemplate || M.label === "√(□)" || M.isMatrix || c.isWidget) && c.insert && !c.action && !c.forceLabel ? /* @__PURE__ */ e.createElement(
                 "math-field",
                 {
                   "read-only": !0,
@@ -4313,24 +4318,24 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                     cursor: "pointer"
                   }
                 },
-                pe(s.insert)
-              ) : s.label
+                pe(c.insert)
+              ) : c.label
             );
           })
         ));
       })())),
-      k && z(/* @__PURE__ */ e.createElement(
+      k && Q(/* @__PURE__ */ e.createElement(
         "div",
         {
           ref: (t) => {
             t && requestAnimationFrame(() => {
               const i = t.getBoundingClientRect(), r = document.querySelector(".cme-editor-popup");
-              let c = k.cx - i.width / 2, b = k.y;
+              let h = k.cx - i.width / 2, b = k.y;
               if (r) {
                 const w = r.getBoundingClientRect();
-                c + i.width > w.right - 4 && (c = w.right - i.width - 4), c < w.left + 4 && (c = w.left + 4), b + i.height > w.bottom - 4 && (b = w.bottom - i.height - 4);
+                h + i.width > w.right - 4 && (h = w.right - i.width - 4), h < w.left + 4 && (h = w.left + 4), b + i.height > w.bottom - 4 && (b = w.bottom - i.height - 4);
               }
-              c + i.width > window.innerWidth - 4 && (c = window.innerWidth - i.width - 4), b + i.height > window.innerHeight - 4 && (b = window.innerHeight - i.height - 4), c < 4 && (c = 4), t.style.left = `${c}px`, t.style.top = `${b}px`, t.style.transform = "none";
+              h + i.width > window.innerWidth - 4 && (h = window.innerWidth - i.width - 4), b + i.height > window.innerHeight - 4 && (b = window.innerHeight - i.height - 4), h < 4 && (h = 4), t.style.left = `${h}px`, t.style.top = `${b}px`, t.style.transform = "none";
             });
           },
           className: "cme-more-popup",
@@ -4350,8 +4355,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
             type: "button",
             className: `cme-more-popup-btn ${t.cls || ""}`,
             title: t.title || t.label || t.insert,
-            onMouseDown: (r) => {
-              r.preventDefault(), Q(t.insert), y(null);
+            onPointerDown: (r) => {
+              r.preventDefault(), z(t.insert), E(null);
             }
           },
           t.insert && !t.action && (t.cls === "template" || t.isWidget) ? /* @__PURE__ */ e.createElement(
@@ -4381,18 +4386,20 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
         "div",
         {
           className: "cme-mathfield-container",
-          onMouseDown: (t) => {
-            m.current && (t.target === m.current || m.current.contains(t.target)) || (t.preventDefault(), requestAnimationFrame(() => {
-              var i, r;
-              (r = (i = m.current) == null ? void 0 : i.focus) == null || r.call(i);
-            }));
+          onPointerDown: (t) => {
+            var i, r;
+            s.current && (t.target === s.current || s.current.contains(t.target)) || (t.preventDefault(), (r = (i = s.current) == null ? void 0 : i.focus) == null || r.call(i));
+          },
+          onTouchStart: (t) => {
+            var i, r;
+            s.current && (t.target === s.current || s.current.contains(t.target)) || (t.preventDefault(), (r = (i = s.current) == null ? void 0 : i.focus) == null || r.call(i));
           }
         },
         /* @__PURE__ */ e.createElement(
           "math-field",
           {
             ref: (t) => {
-              m.current = t, U = t, t && (t.inlineShortcuts = Object.assign({}, t.inlineShortcuts, { "*": "*" }));
+              s.current = t, U = t, t && (t.inlineShortcuts = Object.assign({}, t.inlineShortcuts, { "*": "*" }), window.mathVirtualKeyboard && (window.mathVirtualKeyboard.policy = "manual"));
             },
             class: "cme-mathfield",
             tabIndex: 0,
@@ -4402,14 +4409,14 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
         )
       ),
       /* @__PURE__ */ e.createElement("div", { className: "cme-popup-footer" }, /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-insert-btn", onClick: Oe }, n ? "Update" : "Insert"), /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-cancel-btn", onClick: xe }, "Cancel"), /* @__PURE__ */ e.createElement("span", { style: { marginLeft: "auto", fontSize: "11px", color: "#888", alignSelf: "center", marginRight: "10px" } }, "v", Xe.version)),
-      Be && /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-overlay", onMouseDown: (t) => {
+      Ie && /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-overlay", onPointerDown: (t) => {
         t.stopPropagation(), Y(!1);
-      } }, /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-modal", onMouseDown: (t) => t.stopPropagation() }, /* @__PURE__ */ e.createElement("p", null, "Are you sure you want to leave? The changes you made will be lost."), /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-actions" }, /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-confirm-close-btn", onClick: (t) => {
+      } }, /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-modal", onPointerDown: (t) => t.stopPropagation() }, /* @__PURE__ */ e.createElement("p", null, "Are you sure you want to leave? The changes you made will be lost."), /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-actions" }, /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-confirm-close-btn", onClick: (t) => {
         t.stopPropagation(), Y(!1), a && a();
       } }, "Close"), /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-confirm-cancel-btn", onClick: (t) => {
         t.stopPropagation(), Y(!1);
       } }, "Cancel")))),
-      x && z(
+      x && Q(
         /* @__PURE__ */ e.createElement(
           tt,
           {
@@ -4417,7 +4424,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
             x: x.x,
             y: x.y,
             onSelect: (t, i) => {
-              De(x.type, t, i), I(null);
+              De(x.type, t, i), B(null);
             },
             onMouseEnter: () => {
             },
@@ -4427,21 +4434,21 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
         ),
         document.body
       ),
-      g && z(
+      g && Q(
         /* @__PURE__ */ e.createElement(
-          Qe,
+          ze,
           {
             isOpen: !!g,
             position: g,
             onClose: () => A(null),
             onInsert: (t) => {
-              Q(t), A(null);
+              z(t), A(null);
             }
           }
         ),
         document.body
       ),
-      u && z(
+      u && Q(
         /* @__PURE__ */ e.createElement(
           "div",
           {
@@ -4501,10 +4508,10 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
                   border: i ? "2px solid #e6c229" : "1px solid #000",
                   boxSizing: "border-box"
                 },
-                onMouseDown: (r) => {
+                onPointerDown: (r) => {
                   r.preventDefault(), r.stopPropagation();
-                  const c = m.current;
-                  c && typeof c.applyStyle == "function" && (c.focus(), c.applyStyle({ color: t === "black" ? "none" : t }), F()), E(null);
+                  const h = s.current;
+                  h && typeof h.applyStyle == "function" && (h.focus(), h.applyStyle({ color: t === "black" ? "none" : t }), F()), y(null);
                 }
               }
             );
@@ -4516,11 +4523,11 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: h, isEditing: n })
     document.body
   );
 }
-const ht = ({ isOpen: l, mode: o, initialValue: a, onInsert: h, onClose: n }) => l ? /* @__PURE__ */ e.createElement(
+const ht = ({ isOpen: l, mode: o, initialValue: a, onInsert: m, onClose: n }) => l ? /* @__PURE__ */ e.createElement(
   lt,
   {
     mode: o,
-    onInsert: h,
+    onInsert: m,
     onClose: n,
     initialLatex: a || "",
     isEditing: !!a