digi-mathchem-editor 1.0.16 → 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";
@@ -360,24 +360,24 @@ const Se = [
     });
   }), l;
 }, je = Je();
-function Qe({ isOpen: l, onClose: o, onInsert: a, position: m }) {
-  const [n, s] = 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 && (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();
@@ -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(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: 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.17", 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,
@@ -3654,7 +3659,7 @@ class ct extends Ve {
             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(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);
           }
@@ -3710,9 +3715,9 @@ class ct extends Ve {
         const p = d.writer, x = d.mapper.toViewElement(s.item);
         if (x) {
           p.setAttribute("data-latex", s.attributeNewValue, x);
-          const I = o.editing.view.domConverter.mapViewToDom(x);
-          if (I) {
-            const g = I.querySelector("math-field");
+          const B = o.editing.view.domConverter.mapViewToDom(x);
+          if (B) {
+            const g = B.querySelector("math-field");
             if (g) {
               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");
@@ -3758,31 +3763,31 @@ 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 [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;
         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: 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(), 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,24 +3840,24 @@ 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] = 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;
@@ -3888,7 +3893,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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",
@@ -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") && 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: 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);
@@ -4024,7 +4029,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
       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) => {
@@ -4034,8 +4039,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
         h += "#?", w < r - 1 && (h += " & ");
       b < i - 1 && (h += " \\\\ ");
     }
-    h += ` \\end{${t}}`, Q(h);
-  }, [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 });
@@ -4064,11 +4069,11 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
     }
     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)` },
         onPointerDown: (t) => t.stopPropagation()
       },
@@ -4091,7 +4096,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
             className: `cme-group-tab${r ? " active" : ""}`,
             type: "button",
             onPointerDown: (h) => {
-              h.preventDefault(), p(i), I(null);
+              h.preventDefault(), p(i), B(null);
             }
           },
           t.mathLabel ? /* @__PURE__ */ e.createElement(
@@ -4151,10 +4156,10 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
               },
               onClick: (c) => {
                 if (c.stopPropagation(), k && k.items === b.moreItems)
-                  y(null);
+                  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 });
+                  E({ cx: C.left + C.width / 2, y: C.bottom, items: b.moreItems, cols: b.moreCols, isTemplate: M.isTemplate || M.label === "√(□)" || M.isMatrix });
                 }
               }
             },
@@ -4208,11 +4213,11 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                     title: c.title || c.label || c.insert,
                     onPointerDown: (N) => {
                       if (N.preventDefault(), N.stopPropagation(), (x == null ? void 0 : x.type) === c.insert)
-                        I(null);
+                        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({
+                        B({
                           type: c.insert,
                           x: v.left + v.width / 2,
                           y: v.bottom
@@ -4252,7 +4257,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                 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, Ee;
+                  var $, ee, te, le, Z, V, ye;
                   N.preventDefault();
                   const v = s.current;
                   if (c.action === "SPECIAL_CHARS") {
@@ -4260,7 +4265,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                     A({ x: S.left, y: S.bottom + 4 });
                   } else if (c.action === "TEXT_COLOR") {
                     const S = N.currentTarget.getBoundingClientRect();
-                    E({ x: S.left, y: S.bottom + 4 });
+                    y({ x: S.left, y: S.bottom + 4 });
                   } else if (c.action === "BOLD") {
                     if (v) {
                       v.focus();
@@ -4285,13 +4290,13 @@ 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 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 = s.current) == null || D.executeCommand(["insert", S]);
                   }).catch((S) => {
                     var D;
                     (D = s.current) == null || D.executeCommand("pasteFromClipboard");
-                  })) : Q(c.insert);
+                  })) : z(c.insert);
                 }
               },
               (M.isTemplate || M.label === "√(□)" || M.isMatrix || c.isWidget) && c.insert && !c.action && !c.forceLabel ? /* @__PURE__ */ e.createElement(
@@ -4319,7 +4324,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
           })
         ));
       })())),
-      k && z(/* @__PURE__ */ e.createElement(
+      k && Q(/* @__PURE__ */ e.createElement(
         "div",
         {
           ref: (t) => {
@@ -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(
@@ -4404,14 +4409,14 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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", onPointerDown: (t) => {
+      Ie && /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-overlay", onPointerDown: (t) => {
         t.stopPropagation(), Y(!1);
       } }, /* @__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,
           {
@@ -4419,7 +4424,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, 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: () => {
             },
@@ -4429,21 +4434,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",
           {
@@ -4506,7 +4511,7 @@ 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);
+                  h && typeof h.applyStyle == "function" && (h.focus(), h.applyStyle({ color: t === "black" ? "none" : t }), F()), y(null);
                 }
               }
             );