digi-mathchem-editor 1.0.16 → 1.0.18

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 B, 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";
@@ -360,24 +360,24 @@ const Se = [
     });
   }), l;
 }, je = Je();
-function Qe({ isOpen: l, onClose: o, onInsert: a, position: m }) {
+function ze({ isOpen: l, onClose: o, onInsert: a, position: m }) {
   const [n, s] = B(""), [d, p] = B("All");
   O(() => {
     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]), I = 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();
@@ -385,8 +385,8 @@ function Qe({ isOpen: l, onClose: o, onInsert: a, position: m }) {
   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 (m) {
-    let u = m.x - 120, E = m.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` };
+    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();
@@ -407,7 +407,7 @@ function Qe({ isOpen: l, onClose: o, onInsert: a, position: m }) {
       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(I).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: m }) {
     k.char
   ))))), x.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "scm-no-results" }, "No characters found.")))));
 }
-const ze = "1.0.16", Xe = {
-  version: ze
+const Qe = "1.0.18", Xe = {
+  version: Qe
 };
 window.__cme_macros = {
   ...window.__cme_macros,
@@ -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,
@@ -3652,41 +3657,41 @@ class ct extends Ve {
           "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;"
+            style: "display:inline-block;vertical-align:middle;margin:0;cursor:pointer;width:auto;max-width:100%;pointer-events:none;"
           },
           (I) => {
             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";
+            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", g.style.margin = "0", g.style.pointerEvents = "none";
             const A = () => {
               if (!g.isConnected) {
                 requestAnimationFrame(A);
                 return;
               }
               window.__cme_macros && (g.macros = { ...g.macros, ...window.__cme_macros });
-              let E = ge(
+              let y = ge(
                 ne(
                   X(
                     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);
             const u = () => {
-              const E = I.parentElement;
-              E && Ye(o, E);
+              const y = I.parentElement;
+              y && Ye(o, y);
             };
             u(), requestAnimationFrame(u);
           }
@@ -3759,30 +3764,30 @@ class ct extends Ve {
 }
 function tt({ matrixType: l, x: o, y: a, onSelect: m, onMouseEnter: n, onMouseLeave: s }) {
   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 === "") {
+    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;
         m(T, L);
       }
@@ -3797,16 +3802,16 @@ function tt({ matrixType: l, x: o, y: a, onSelect: m, onMouseEnter: n, onMouseLe
       onMouseEnter: n,
       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: I }).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(), m(y + 1, L + 1);
+            _.preventDefault(), _.stopPropagation(), m(E + 1, L + 1);
           }
         }
       );
@@ -3823,11 +3828,11 @@ function tt({ matrixType: l, x: o, y: a, onSelect: m, 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: m, 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: m, isEditing: n }) {
-  const s = re(null), [d, p] = B(0), [x, I] = B(null), [g, A] = B(null), [u, E] = B(null), [k, y] = B(null);
+  const s = re(null), [d, p] = B(0), [x, I] = B(null), [g, A] = B(null), [u, y] = B(null), [k, E] = B(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);
   O(() => {
     const t = (r) => {
       if (!q) return;
-      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;
+      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, h = 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), c < H && (c = H), c > P && (c = P);
+        w < M && (w = M), w > R && (w = R), h < H && (h = H), h > P && (h = P);
       }
-      L({ x: w, y: c });
+      L({ x: w, y: h });
     }, 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: m, isEditing: n })
       x: i - T.x,
       y: r - T.y
     };
-    const h = document.querySelector(".cme-editor-popup");
-    if (h) {
-      const b = h.getBoundingClientRect();
+    const c = document.querySelector(".cme-editor-popup");
+    if (c) {
+      const b = c.getBoundingClientRect();
       se.current = {
         left: b.left - T.x,
         top: b.top - T.y,
@@ -3899,10 +3904,10 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
     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", h = window.__cmeManualFontFamily !== void 0 ? window.__cmeManualFontFamily : ["roman", "sans-serif", "monospace"].find(
-          (c) => t.queryStyle({ fontFamily: c }) === "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", c = window.__cmeManualFontFamily !== void 0 ? window.__cmeManualFontFamily : ["roman", "sans-serif", "monospace"].find(
+          (h) => t.queryStyle({ fontFamily: h }) === "all"
         ) || "none", b = window.__cmeManualFontSize !== void 0 ? window.__cmeManualFontSize : [5, 7, 9].find(
-          (c) => t.queryStyle({ fontSize: c }) === "all"
+          (h) => t.queryStyle({ fontSize: h }) === "all"
         ) || "auto", w = [
           "black",
           "dimgray",
@@ -3929,12 +3934,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
           "violet",
           "gold"
         ].find(
-          (c) => t.queryStyle({ color: c }) === "all"
+          (h) => t.queryStyle({ color: h }) === "all"
         ) || "none";
-        ce((c) => ({
+        ce((h) => ({
           bold: i,
           italic: r,
-          fontFamily: h,
+          fontFamily: c,
           fontSize: String(b),
           color: w
         }));
@@ -3945,7 +3950,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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") && I(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: m, 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);
@@ -3970,8 +3975,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
       if (typeof t.applyStyle == "function" && t.applyStyle({ variantStyle: "up" }), m) {
         let r = ge(m);
         if (l === "chem") {
-          const h = r.match(/^\\ce\{([\s\S]*)\}$/i);
-          h && (r = h[1]);
+          const c = r.match(/^\\ce\{([\s\S]*)\}$/i);
+          c && (r = c[1]);
         }
         r = X(r), r = ne(r), t.setValue ? t.setValue("", { silenceNotifications: !0 }) : t.value = "", t.executeCommand(["insert", r, { insertionMode: "replaceAll" }]);
       }
@@ -3986,17 +3991,17 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
         J = !1;
       }, 500)), ["`", "~", "!", "@", "#", "$", "%", "^", "&", "*", "_", '"', "'", "/", "\\", "|"].includes(r.key) && !r.ctrlKey && !r.metaKey && !r.altKey) {
         r.preventDefault(), r.stopPropagation();
-        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]);
+        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]);
         return;
       }
       if (r.key.length === 1 && !r.ctrlKey && !r.metaKey && !r.altKey && /[a-zA-Z0-9]/.test(r.key)) {
         r.preventDefault(), r.stopPropagation();
-        const h = f.fontFamily === "sans-serif", b = f.fontFamily === "monospace", w = f.bold, c = f.italic;
+        const c = f.fontFamily === "sans-serif", b = f.fontFamily === "monospace", w = f.bold, h = f.italic;
         let C = "\\mathrm";
-        h ? C = "\\mathsf" : b ? C = "\\mathtt" : c && !w ? C = "\\mathit" : w && !c && (C = "\\mathbf");
+        c ? C = "\\mathsf" : b ? C = "\\mathtt" : h && !w ? C = "\\mathit" : w && !h && (C = "\\mathbf");
         let M = `${C}{${r.key}}`;
-        w && c ? (M = `\\mathbfit{${r.key}}`, h && (M = `\\boldsymbol{\\mathsf{${r.key}}}`), b && (M = `\\boldsymbol{\\mathtt{${r.key}}}`)) : w && (h || b) && (M = `\\boldsymbol{${M}}`);
+        w && h ? (M = `\\mathbfit{${r.key}}`, c && (M = `\\boldsymbol{\\mathsf{${r.key}}}`), b && (M = `\\boldsymbol{\\mathtt{${r.key}}}`)) : w && (c || 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: m, isEditing: n })
       setTimeout(() => {
         const r = t.shadowRoot;
         if (!r) return;
-        const h = r.querySelector(".ML__caret") || r.querySelector('[class*="caret"]');
-        h && h.scrollIntoView({ behavior: "auto", block: "nearest", inline: "nearest" }), F();
+        const c = r.querySelector(".ML__caret") || r.querySelector('[class*="caret"]');
+        c && c.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 h = `\\begin{${t}} `;
+    let c = `\\begin{${t}} `;
     for (let b = 0; b < i; b++) {
       for (let w = 0; w < r; w++)
-        h += "#?", w < r - 1 && (h += " & ");
-      b < i - 1 && (h += " \\\\ ");
+        c += "#?", w < r - 1 && (c += " & ");
+      b < i - 1 && (c += " \\\\ ");
     }
-    h += ` \\end{${t}}`, Q(h);
-  }, [Q]), Ne = (t) => {
+    c += ` \\end{${t}}`, z(c);
+  }, [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: m, isEditing: n })
       a && a();
       return;
     }
-    const r = i.getValue ? i.getValue("latex") : i.value, h = m || "";
-    !r || r.trim() === "" || r === h ? a && a() : Y(!0);
+    const r = i.getValue ? i.getValue("latex") : i.value, c = m || "";
+    !r || r.trim() === "" || r === c ? a && a() : Y(!0);
   }, Oe = () => {
     const t = U;
     if (!t) return;
@@ -4059,12 +4064,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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 h = r[1];
-      i = `\\displaylines{${r[2].split("\\\\").map((C) => `\\${h}{${C.trim()}}`).join(" \\\\ ")}}`;
+      const c = r[1];
+      i = `\\displaylines{${r[2].split("\\\\").map((C) => `\\${c}{${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",
       {
@@ -4090,8 +4095,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
             key: t.isMatrix ? "matrix-tab" : t.label,
             className: `cme-group-tab${r ? " active" : ""}`,
             type: "button",
-            onPointerDown: (h) => {
-              h.preventDefault(), p(i), I(null);
+            onPointerDown: (c) => {
+              c.preventDefault(), p(i), I(null);
             }
           },
           t.mathLabel ? /* @__PURE__ */ e.createElement(
@@ -4118,8 +4123,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
           ) : t.label
         );
       })), /* @__PURE__ */ e.createElement("div", { className: "cme-toolbar-items" }, (() => {
-        var h;
-        const t = ((h = G[d]) == null ? void 0 : h.items) || [], i = t.some((b) => b.type === "sep"), r = [];
+        var c;
+        const t = ((c = G[d]) == null ? void 0 : c.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: m, isEditing: n })
               type: "button",
               className: "cme-more-trigger-btn",
               title: "more",
-              onPointerDown: (c) => {
-                c.preventDefault();
+              onPointerDown: (h) => {
+                h.preventDefault();
               },
-              onClick: (c) => {
-                if (c.stopPropagation(), k && k.items === b.moreItems)
-                  y(null);
+              onClick: (h) => {
+                if (h.stopPropagation(), k && k.items === b.moreItems)
+                  E(null);
                 else {
-                  const C = c.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 = h.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((c, C) => {
+          b.items.map((h, C) => {
             const M = G[d];
-            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 : "";
+            if (h.type === "dropdown") {
+              const N = h.label === "Font...", v = h.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: m, isEditing: n })
                   className: `cme-btn template${$ || ee ? " active" : ""}`,
                   value: te,
                   style: {
-                    width: c.width || "60px",
+                    width: h.width || "60px",
                     height: "18px",
                     minHeight: "18px",
                     maxHeight: "18px",
@@ -4188,12 +4193,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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: "" }, c.label),
+                /* @__PURE__ */ e.createElement("option", { value: "" }, h.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 && !c.directInsert)
+            if (M.isMatrix && !h.directInsert)
               return /* @__PURE__ */ e.createElement(
                 "div",
                 {
@@ -4204,23 +4209,23 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                   "button",
                   {
                     type: "button",
-                    className: `cme-btn template${c.cls ? ` ${c.cls}` : ""}${M.isMatrix ? " cme-matrix-btn-small" : ""}`,
-                    title: c.title || c.label || c.insert,
+                    className: `cme-btn template${h.cls ? ` ${h.cls}` : ""}${M.isMatrix ? " cme-matrix-btn-small" : ""}`,
+                    title: h.title || h.label || h.insert,
                     onPointerDown: (N) => {
-                      if (N.preventDefault(), N.stopPropagation(), (x == null ? void 0 : x.type) === c.insert)
+                      if (N.preventDefault(), N.stopPropagation(), (x == null ? void 0 : x.type) === h.insert)
                         I(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: c.insert,
+                          type: h.insert,
                           x: v.left + v.width / 2,
                           y: v.bottom
                         });
                       }
                     }
                   },
-                  typeof c.label == "object" ? c.label : /* @__PURE__ */ e.createElement(
+                  typeof h.label == "object" ? h.label : /* @__PURE__ */ e.createElement(
                     "math-field",
                     {
                       "read-only": !0,
@@ -4239,29 +4244,29 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                         cursor: "pointer"
                       }
                     },
-                    pe(c.mathLabel != null ? c.mathLabel : c.insert)
+                    pe(h.mathLabel != null ? h.mathLabel : h.insert)
                   )
                 )
               );
-            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";
+            const R = h.action === "BOLD", H = h.action === "ITALIC", P = h.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" : ""}${c.cls ? ` ${c.cls}` : ""}${He ? " active" : ""}`,
-                title: c.title || c.label || c.insert,
+                className: `cme-btn${M.isTemplate ? " template" : ""}${h.cls ? ` ${h.cls}` : ""}${He ? " active" : ""}`,
+                title: h.title || h.label || h.insert,
                 onPointerDown: (N) => {
-                  var $, ee, te, le, Z, V, Ee;
+                  var $, ee, te, le, Z, V, ye;
                   N.preventDefault();
                   const v = s.current;
-                  if (c.action === "SPECIAL_CHARS") {
+                  if (h.action === "SPECIAL_CHARS") {
                     const S = N.currentTarget.getBoundingClientRect();
                     A({ x: S.left, y: S.bottom + 4 });
-                  } else if (c.action === "TEXT_COLOR") {
+                  } else if (h.action === "TEXT_COLOR") {
                     const S = N.currentTarget.getBoundingClientRect();
-                    E({ x: S.left, y: S.bottom + 4 });
-                  } else if (c.action === "BOLD") {
+                    y({ x: S.left, y: S.bottom + 4 });
+                  } else if (h.action === "BOLD") {
                     if (v) {
                       v.focus();
                       const S = !f.bold;
@@ -4273,7 +4278,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                       }
                       ce((W) => ({ ...W, bold: S }));
                     }
-                  } else if (c.action === "ITALIC") {
+                  } else if (h.action === "ITALIC") {
                     if (v) {
                       v.focus();
                       const S = !f.italic;
@@ -4285,16 +4290,16 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                       }
                       ce((W) => ({ ...W, italic: 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" ? ((Ee = s.current) == null || Ee.focus(), navigator.clipboard.readText().then((S) => {
+                  } else h.action === "UNDO" ? ($ = s.current) == null || $.executeCommand("undo") : h.action === "REDO" ? (ee = s.current) == null || ee.executeCommand("redo") : h.action === "CUT" ? ((te = s.current) == null || te.focus(), (le = s.current) == null || le.executeCommand("cutToClipboard")) : h.action === "COPY" ? ((Z = s.current) == null || Z.focus(), (V = s.current) == null || V.executeCommand("copyToClipboard")) : h.action === "PASTE" ? ((ye = s.current) == null || ye.focus(), navigator.clipboard.readText().then((S) => {
                     var D;
                     (D = s.current) == null || D.executeCommand(["insert", S]);
                   }).catch((S) => {
                     var D;
                     (D = s.current) == null || D.executeCommand("pasteFromClipboard");
-                  })) : Q(c.insert);
+                  })) : z(h.insert);
                 }
               },
-              (M.isTemplate || M.label === "√(□)" || M.isMatrix || c.isWidget) && c.insert && !c.action && !c.forceLabel ? /* @__PURE__ */ e.createElement(
+              (M.isTemplate || M.label === "√(□)" || M.isMatrix || h.isWidget) && h.insert && !h.action && !h.forceLabel ? /* @__PURE__ */ e.createElement(
                 "math-field",
                 {
                   "read-only": !0,
@@ -4313,24 +4318,24 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                     cursor: "pointer"
                   }
                 },
-                pe(c.insert)
-              ) : c.label
+                pe(h.insert)
+              ) : h.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 h = k.cx - i.width / 2, b = k.y;
+              let c = k.cx - i.width / 2, b = k.y;
               if (r) {
                 const w = r.getBoundingClientRect();
-                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 > 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 > 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";
+              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";
             });
           },
           className: "cme-more-popup",
@@ -4351,7 +4356,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
             className: `cme-more-popup-btn ${t.cls || ""}`,
             title: t.title || t.label || t.insert,
             onPointerDown: (r) => {
-              r.preventDefault(), Q(t.insert), y(null);
+              r.preventDefault(), z(t.insert), E(null);
             }
           },
           t.insert && !t.action && (t.cls === "template" || t.isWidget) ? /* @__PURE__ */ e.createElement(
@@ -4394,7 +4399,10 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
           "math-field",
           {
             ref: (t) => {
-              s.current = t, U = t, t && (t.inlineShortcuts = Object.assign({}, t.inlineShortcuts, { "*": "*" }), window.mathVirtualKeyboard && (window.mathVirtualKeyboard.policy = "manual"));
+              s.current = t, U = t, t && (t.inlineShortcuts = Object.assign({}, t.inlineShortcuts, { "*": "*" }), window.mathVirtualKeyboard && (window.mathVirtualKeyboard.policy = "manual"), t.menuItems && (t.menuItems = t.menuItems.filter((i) => {
+                const r = typeof i.label == "string" ? i.label.toLowerCase() : "", c = typeof i.id == "string" ? i.id.toLowerCase() : "";
+                return !r.includes("matrix") && !c.includes("matrix");
+              })));
             },
             class: "cme-mathfield",
             tabIndex: 0,
@@ -4411,7 +4419,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
       } }, "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,
           {
@@ -4429,21 +4437,21 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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",
           {
@@ -4505,8 +4513,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                 },
                 onPointerDown: (r) => {
                   r.preventDefault(), r.stopPropagation();
-                  const h = s.current;
-                  h && typeof h.applyStyle == "function" && (h.focus(), h.applyStyle({ color: t === "black" ? "none" : t }), F()), E(null);
+                  const c = s.current;
+                  c && typeof c.applyStyle == "function" && (c.focus(), c.applyStyle({ color: t === "black" ? "none" : t }), F()), y(null);
                 }
               }
             );