digi-mathchem-editor 1.0.20 → 1.0.21

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

@@ -365,32 +365,32 @@ function it({ isOpen: l, onClose: n, onInsert: o, position: c }) {
   O(() => {
     l && (h(""), d("All"));
   }, [l]);
-  const w = Te(() => {
+  const u = Te(() => {
     let k = rt;
     if (m !== "All" && (k = k.filter((f) => f.category === m)), a.trim()) {
       const f = a.trim().toUpperCase();
       k = k.filter((x) => x.code.includes(f));
     }
     return k;
-  }, [m, a]), A = Te(() => {
+  }, [m, a]), C = Te(() => {
     if (m !== "All" && !a.trim())
-      return { [m]: w };
+      return { [m]: u };
     const k = {};
-    return w.forEach((f) => {
+    return u.forEach((f) => {
       k[f.category] || (k[f.category] = []), k[f.category].push(f);
     }), k;
-  }, [w, m, a]), p = (k) => {
+  }, [u, m, a]), p = (k) => {
     k.key === "Escape" && n();
   };
   if (O(() => (l && window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p)), [l]), !l) return null;
-  let C = { top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
+  let A = { top: "50%", left: "50%", transform: "translate(-50%, -50%)" };
   if (c) {
     let k = c.x - 120, f = c.y;
-    k < 10 && (k = 10), k + 230 > window.innerWidth && (k = window.innerWidth - 240), f + 200 > window.innerHeight && (f = window.innerHeight - 210), C = { top: `${f}px`, left: `${k}px` };
+    k < 10 && (k = 10), k + 230 > window.innerWidth && (k = window.innerWidth - 240), f + 200 > window.innerHeight && (f = window.innerHeight - 210), A = { top: `${f}px`, left: `${k}px` };
   }
   return /* @__PURE__ */ e.createElement("div", { className: "scm-overlay", onMouseDown: (k) => {
     k.stopPropagation(), n();
-  } }, /* @__PURE__ */ e.createElement("div", { className: "scm-modal", style: C, onMouseDown: (k) => k.stopPropagation() }, /* @__PURE__ */ e.createElement("div", { className: "scm-toolbar" }, /* @__PURE__ */ e.createElement(
+  } }, /* @__PURE__ */ e.createElement("div", { className: "scm-modal", style: A, onMouseDown: (k) => k.stopPropagation() }, /* @__PURE__ */ e.createElement("div", { className: "scm-toolbar" }, /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "text",
@@ -407,7 +407,7 @@ function it({ isOpen: l, onClose: n, onInsert: o, position: c }) {
       className: "scm-category-select"
     },
     Ue.map((k) => /* @__PURE__ */ e.createElement("option", { key: k.id, value: k.id }, k.name))
-  )), /* @__PURE__ */ e.createElement("div", { className: "scm-body" }, /* @__PURE__ */ e.createElement("div", { className: "scm-grid-container" }, Object.entries(A).map(([k, f]) => /* @__PURE__ */ e.createElement("div", { key: k, className: "scm-category-group" }, /* @__PURE__ */ e.createElement("div", { className: "scm-char-grid" }, f.map((x) => /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement("div", { className: "scm-body" }, /* @__PURE__ */ e.createElement("div", { className: "scm-grid-container" }, Object.entries(C).map(([k, f]) => /* @__PURE__ */ e.createElement("div", { key: k, className: "scm-category-group" }, /* @__PURE__ */ e.createElement("div", { className: "scm-char-grid" }, f.map((x) => /* @__PURE__ */ e.createElement(
     "button",
     {
       key: x.code,
@@ -418,9 +418,9 @@ function it({ isOpen: l, onClose: n, onInsert: o, position: c }) {
       title: `U+${x.code}`
     },
     x.char
-  ))))), w.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "scm-no-results" }, "No characters found.")))));
+  ))))), u.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "scm-no-results" }, "No characters found.")))));
 }
-const nt = "1.0.20", at = {
+const nt = "1.0.21", at = {
   version: nt
 };
 window.__cme_macros = {
@@ -537,12 +537,12 @@ function De(l) {
       for (; m < n.length; ) {
         const d = n.indexOf(h, m);
         if (d === -1) break;
-        let w = 1, A = d + h.length;
-        for (; A < n.length && w > 0; )
-          n[A] === "{" && !Be(n, A) ? w++ : n[A] === "}" && !Be(n, A) && w--, A++;
-        if (w === 0) {
-          const p = n.slice(d + h.length, A - 1);
-          n = n.slice(0, d) + p + n.slice(A), c = !0, m = d;
+        let u = 1, C = d + h.length;
+        for (; C < n.length && u > 0; )
+          n[C] === "{" && !Be(n, C) ? u++ : n[C] === "}" && !Be(n, C) && u--, C++;
+        if (u === 0) {
+          const p = n.slice(d + h.length, C - 1);
+          n = n.slice(0, d) + p + n.slice(C), c = !0, m = d;
         } else
           m = d + h.length;
       }
@@ -605,14 +605,15 @@ function ae(l, n, o, c) {
   if (!l) return "";
   let a = l.trim();
   const h = a.match(/^\\displaylines\s*\{([\s\S]*)\}$/i);
-  h && (a = h[1].trim());
-  const m = a.match(/^\\begin\{(array|matrix|pmatrix|bmatrix|vmatrix|Vmatrix|align|gather)\}(\{[\s\S]*?\})?([\s\S]*?)\\end\{\1\}$/i);
-  if (m && (a = m[3].trim()), /\\\\|\\cr|\\newline|\\par|\n/.test(a)) {
-    const d = /\\\\(?:\[[^\]]*\])?|\\cr|\\newline|\\par|\n/;
-    return a.split(d).map((A) => {
-      const p = A.trim();
-      return p ? Ne(p, n, o, c) : "";
-    }).filter((A) => A.length > 0).join(" \\\\ ");
+  if (h && (a = h[1].trim()), a.match(/^\\begin\{(array|matrix|pmatrix|bmatrix|vmatrix|Vmatrix|align|aligned|gather|cases)\}([\s\S]*)\\end\{\1\}$/i))
+    return a;
+  const d = a.match(/^\\begin\{(array|gather)\}(\{[\s\S]*?\})?([\s\S]*?)\\end\{\1\}$/i);
+  if (d && (a = d[3].trim()), /\\\\|\\cr|\\newline|\\par|\n/.test(a)) {
+    const u = /\\\\(?:\[[^\]]*\])?|\\cr|\\newline|\\par|\n/;
+    return a.split(u).map((p) => {
+      const A = p.trim();
+      return A ? Ne(A, n, o, c) : "";
+    }).filter((p) => p.length > 0).join(" \\\\ ");
   }
   return Ne(a, n, o, c);
 }
@@ -644,20 +645,20 @@ function ht(l, n) {
   if ((o == null ? void 0 : o.name) === "mathInline") return o;
   const c = n.getAttribute("data-math-id");
   if (c) {
-    const w = window.__ckMathWidgets.get(c);
-    if (Pe(l, w)) return w;
+    const u = window.__ckMathWidgets.get(c);
+    if (Pe(l, u)) return u;
   }
   const a = l.editing.view.domConverter.mapDomToView(n);
   if (a) {
-    const w = l.editing.mapper.toModelElement(a);
-    if ((w == null ? void 0 : w.name) === "mathInline") return w;
+    const u = l.editing.mapper.toModelElement(a);
+    if ((u == null ? void 0 : u.name) === "mathInline") return u;
   }
   const h = he(n);
   if (!h) return null;
   const m = l.model.document.getRoot();
-  for (const { item: w } of l.model.createRangeIn(m))
-    if ((d = w.is) != null && d.call(w, "element", "mathInline") && w.getAttribute("latex") === h)
-      return w;
+  for (const { item: u } of l.model.createRangeIn(m))
+    if ((d = u.is) != null && d.call(u, "element", "mathInline") && u.getAttribute("latex") === h)
+      return u;
   return null;
 }
 function qe(l, n, o, c) {
@@ -2065,7 +2066,7 @@ const dt = [
           { label: "∰", insert: "\\mathop{{\\style{font-size:1em;}{\\iiint}}\\mkern-28mu\\class{wider-circle}{\\bigcirc}\\mkern18mu}", title: "Closed volume 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: "22", y: "54", transform: "skewX(-15)", 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' },
@@ -3671,7 +3672,7 @@ const dt = [
       // { 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: "22", y: "54", transform: "skewX(-15)", 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' },
@@ -3767,18 +3768,18 @@ class vt extends Ke {
           contenteditable: "false",
           "data-math-id": m,
           "data-latex": h
-        }), w = a.createRawElement(
+        }), u = a.createRawElement(
           "span",
           {
             class: "ck-math-widget-inner",
             style: "display:inline-block;vertical-align:middle;margin:0;cursor:pointer;width:auto;max-width:100%;pointer-events:none;"
           },
-          (A) => {
+          (C) => {
             const p = document.createElement("math-field");
             p.setAttribute("math-virtual-keyboard-policy", "manual"), p.setAttribute("tabindex", "-1"), p.style.display = "inline-block", p.style.width = "auto", p.style.maxWidth = "100%", p.style.verticalAlign = "middle", p.style.border = "none", p.style.background = "transparent", p.style.outline = "none", p.style.fontSize = "inherit", p.style.minHeight = "auto", p.style.padding = "0", p.style.margin = "0", p.style.pointerEvents = "none";
-            const C = () => {
+            const A = () => {
               if (!p.isConnected) {
-                requestAnimationFrame(C);
+                requestAnimationFrame(A);
                 return;
               }
               window.__cme_macros && (p.macros = { ...p.macros, ...window.__cme_macros });
@@ -3802,15 +3803,15 @@ class vt extends Ke {
               }
               p.setAttribute("read-only", "");
             };
-            customElements.get("math-field") ? requestAnimationFrame(C) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(C)), A.appendChild(p);
+            customElements.get("math-field") ? requestAnimationFrame(A) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(A)), C.appendChild(p);
             const k = () => {
-              const f = A.parentElement;
+              const f = C.parentElement;
               f && mt(n, f);
             };
             k(), requestAnimationFrame(k);
           }
         );
-        return a.insert(a.createPositionAt(d, 0), w), Ge(d, a, { label: "math formula" });
+        return a.insert(a.createPositionAt(d, 0), u), Ge(d, a, { label: "math formula" });
       }
     });
     const o = n.editing.view.document;
@@ -3826,19 +3827,19 @@ class vt extends Ke {
       c.on("attribute:latex:mathInline", (a, h, m) => {
         if (!m.consumable.consume(h.item, a.name))
           return;
-        const d = m.writer, w = m.mapper.toViewElement(h.item);
-        if (w) {
-          d.setAttribute("data-latex", h.attributeNewValue, w);
-          const A = n.editing.view.domConverter.mapViewToDom(w);
-          if (A) {
-            const p = A.querySelector("math-field");
+        const d = m.writer, u = m.mapper.toViewElement(h.item);
+        if (u) {
+          d.setAttribute("data-latex", h.attributeNewValue, u);
+          const C = n.editing.view.domConverter.mapViewToDom(u);
+          if (C) {
+            const p = C.querySelector("math-field");
             if (p) {
-              let C = Ee(se(G(we(h.attributeNewValue))));
-              C.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(C.trim()) && (C = C.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1")), p.removeAttribute("read-only");
+              let A = Ee(se(G(we(h.attributeNewValue))));
+              A.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(A.trim()) && (A = A.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1")), p.removeAttribute("read-only");
               try {
-                p.setValue ? p.setValue("", { silenceNotifications: !0 }) : p.value = "", p.executeCommand(["insert", C, { insertionMode: "replaceAll" }]);
+                p.setValue ? p.setValue("", { silenceNotifications: !0 }) : p.value = "", p.executeCommand(["insert", A, { insertionMode: "replaceAll" }]);
               } catch {
-                p.setValue ? p.setValue(C, { silenceNotifications: !0 }) : p.value = C;
+                p.setValue ? p.setValue(A, { silenceNotifications: !0 }) : p.value = A;
               }
               p.setAttribute("read-only", "");
             }
@@ -3861,8 +3862,8 @@ class vt extends Ke {
           )
         );
         d.includes("\\enclose") && /^\\ce\{[\s\S]*\}$/i.test(d.trim()) && (d = d.trim().replace(/^\\ce\{([\s\S]*)\}$/i, "$1"));
-        let w = d.replace(/\\textasciitilde/g, "~").replace(/\\textasciicircum/g, "^").replace(/\\textasteriskcentered/g, "*").replace(/\\char96/g, "`").replace(/\\sim/g, "~").replace(/\\!/g, "!").replace(/\\@/g, "@").replace(/\\#/g, "#").replace(/\\$/g, "$").replace(/\\%/g, "%").replace(/\\&/g, "&").replace(/\\_/g, "_").replace(/\\\{/g, "{").replace(/\\\}/g, "}").replace(/\\ce\{([^}]*)\}/g, "$1").trim();
-        return a.insert(a.createPositionAt(m, 0), a.createText(w)), m;
+        let u = d.replace(/\\textasciitilde/g, "~").replace(/\\textasciicircum/g, "^").replace(/\\textasteriskcentered/g, "*").replace(/\\char96/g, "`").replace(/\\sim/g, "~").replace(/\\!/g, "!").replace(/\\@/g, "@").replace(/\\#/g, "#").replace(/\\$/g, "$").replace(/\\%/g, "%").replace(/\\&/g, "&").replace(/\\_/g, "_").replace(/\\\{/g, "{").replace(/\\\}/g, "}").replace(/\\ce\{([^}]*)\}/g, "$1").trim();
+        return a.insert(a.createPositionAt(m, 0), a.createText(u)), m;
       }
     }), n.conversion.for("upcast").elementToElement({
       view: {
@@ -3877,7 +3878,7 @@ class vt extends Ke {
   }
 }
 function gt({ matrixType: l, x: n, y: o, onSelect: c, onMouseEnter: a, onMouseLeave: h }) {
-  const [m, d] = I({ r: 2, c: 2 }), w = Math.max(10, parseInt(m.r, 10) || 0), A = Math.max(10, parseInt(m.c, 10) || 0), p = (x) => {
+  const [m, d] = I({ r: 2, c: 2 }), u = Math.max(10, parseInt(m.r, 10) || 0), C = Math.max(10, parseInt(m.c, 10) || 0), p = (x) => {
     const v = x.target.value;
     if (v === "") {
       d((T) => ({ ...T, r: "" }));
@@ -3885,7 +3886,7 @@ function gt({ matrixType: l, x: n, y: o, onSelect: c, onMouseEnter: a, onMouseLe
     }
     const S = parseInt(v, 10);
     isNaN(S) || d((T) => ({ ...T, r: Math.max(1, Math.min(10, S)) }));
-  }, C = () => {
+  }, A = () => {
     (m.r === "" || isNaN(parseInt(m.r, 10))) && d((x) => ({ ...x, r: 1 }));
   }, k = (x) => {
     const v = x.target.value;
@@ -3916,7 +3917,7 @@ function gt({ matrixType: l, x: n, y: o, onSelect: c, onMouseEnter: a, onMouseLe
       onMouseEnter: a,
       onMouseLeave: h
     },
-    /* @__PURE__ */ e.createElement("div", { className: "cme-matrix-hover-grid" }, Array.from({ length: w }).map((x, v) => /* @__PURE__ */ e.createElement("div", { key: v, className: "cme-matrix-hover-row" }, Array.from({ length: A }).map((S, T) => {
+    /* @__PURE__ */ e.createElement("div", { className: "cme-matrix-hover-grid" }, Array.from({ length: u }).map((x, v) => /* @__PURE__ */ e.createElement("div", { key: v, className: "cme-matrix-hover-row" }, Array.from({ length: C }).map((S, T) => {
       const N = parseInt(m.r, 10) || 0, Q = parseInt(m.c, 10) || 0, F = v < N && T < Q;
       return /* @__PURE__ */ e.createElement(
         "div",
@@ -3937,7 +3938,7 @@ function gt({ matrixType: l, x: n, y: o, onSelect: c, onMouseEnter: a, onMouseLe
         className: "cme-counter-val",
         value: m.r,
         onChange: p,
-        onBlur: C,
+        onBlur: A,
         min: "1",
         max: "10"
       }
@@ -3969,19 +3970,19 @@ function gt({ matrixType: l, x: n, y: o, onSelect: c, onMouseEnter: a, onMouseLe
 }
 let j = !1, ye = null, Y = null;
 function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a }) {
-  const h = ne(null), [m, d] = I(null), [w, A] = I(0), [p, C] = I(null), [k, f] = I(null), [x, v] = I(null), [S, T] = I(null);
+  const h = ne(null), [m, d] = I(null), [u, C] = I(0), [p, A] = I(null), [k, f] = I(null), [x, v] = I(null), [S, T] = I(null);
   ne(null);
   const [N, Q] = I({ x: 0, y: 0 }), [F, X] = I(!1), me = ne({ x: 0, y: 0 }), [Fe, fe] = I(!1), [Ze, ve] = I(!1), [Je, $] = I(!1), de = ne(null);
   O(() => {
     const t = (i) => {
       if (!F) return;
       const s = i.touches && i.touches.length > 0 ? i.touches[0].clientX : i.clientX, b = i.touches && i.touches.length > 0 ? i.touches[0].clientY : i.clientY;
-      let u = s - me.current.x, g = b - me.current.y;
+      let w = s - me.current.x, g = b - me.current.y;
       if (de.current) {
         const L = de.current, M = -L.left, q = window.innerWidth - L.right, J = -L.top, D = window.innerHeight - L.bottom;
-        u < M && (u = M), u > q && (u = q), g < J && (g = J), g > D && (g = D);
+        w < M && (w = M), w > q && (w = q), g < J && (g = J), g > D && (g = D);
       }
-      Q({ x: u, y: g });
+      Q({ x: w, y: g });
     }, r = () => X(!1);
     return F && (window.addEventListener("mousemove", t, { passive: !1 }), window.addEventListener("mouseup", r), window.addEventListener("touchmove", t, { passive: !1 }), window.addEventListener("touchend", r)), () => {
       window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", r), window.removeEventListener("touchmove", t), window.removeEventListener("touchend", r);
@@ -4064,7 +4065,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
     if (!(!t || typeof t.queryStyle != "function"))
       try {
         const r = Z(t);
-        let i = Ae(t), s = Ce(t), b = "none", u = "auto", g = "none";
+        let i = Ae(t), s = Ce(t), b = "none", w = "auto", g = "none";
         const L = (M) => ["all", "some", !0].includes(M);
         if (r) {
           window.__cmeManualBold = void 0, window.__cmeManualItalic = void 0, window.__cmeManualFontFamily = void 0, window.__cmeManualFontSize = void 0;
@@ -4076,7 +4077,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
           const q = ["roman", "sans-serif", "monospace"].find((D) => L(t.queryStyle({ fontFamily: D }))) || "none";
           q !== "none" ? b = q : /\\mathsf\b/.test(M) ? b = "sans-serif" : /\\mathtt\b/.test(M) ? b = "monospace" : /\\mathrm\b/.test(M) ? b = "roman" : b = "none";
           const J = [5, 7, 9].find((D) => L(t.queryStyle({ fontSize: D }))) || "auto";
-          u = String(J), g = [
+          w = String(J), g = [
             "black",
             "dimgray",
             "gray",
@@ -4105,7 +4106,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
         } else
           window.__cmeManualBold !== void 0 && (i = window.__cmeManualBold), window.__cmeManualItalic !== void 0 && (s = window.__cmeManualItalic), console.log("CME: updateActiveStyles else-branch bold=", i, "manual=", window.__cmeManualBold), b = window.__cmeManualFontFamily !== void 0 ? window.__cmeManualFontFamily : ["roman", "sans-serif", "monospace"].find(
             (M) => L(t.queryStyle({ fontFamily: M }))
-          ) || "none", u = window.__cmeManualFontSize !== void 0 ? window.__cmeManualFontSize : [5, 7, 9].find(
+          ) || "none", w = window.__cmeManualFontSize !== void 0 ? window.__cmeManualFontSize : [5, 7, 9].find(
             (M) => L(t.queryStyle({ fontSize: M }))
           ) || "auto", g = [
             "black",
@@ -4139,7 +4140,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
           bold: i,
           italic: s,
           fontFamily: b,
-          fontSize: String(u),
+          fontSize: String(w),
           color: g
         });
       } catch (r) {
@@ -4149,7 +4150,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
   O(() => {
     if (!p && !x) return;
     const t = (r) => {
-      !r.target.closest(".cme-matrix-hover-popover") && !r.target.closest(".cme-matrix-btn-wrapper") && C(null), !r.target.closest(".cme-color-picker-popup") && !r.target.closest('[title="Text Color"]') && v(null);
+      !r.target.closest(".cme-matrix-hover-popover") && !r.target.closest(".cme-matrix-btn-wrapper") && A(null), !r.target.closest(".cme-color-picker-popup") && !r.target.closest('[title="Text Color"]') && v(null);
     };
     return window.addEventListener("mousedown", t, !0), window.addEventListener("pointerdown", t, !0), () => {
       window.removeEventListener("mousedown", t, !0), window.removeEventListener("pointerdown", t, !0);
@@ -4165,7 +4166,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
   }, [S]), O(() => {
     const t = setTimeout(() => tt(), 50);
     return () => clearTimeout(t);
-  }, [w]), O(() => {
+  }, [u]), O(() => {
     if (j) return;
     const t = m;
     if (!t) return;
@@ -4210,8 +4211,8 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
         );
         const b = y.fontSize === "auto" ? 5 : parseInt(y.fontSize, 10);
         if (b !== 5) {
-          const u = { 1: "\\tiny", 2: "\\scriptsize", 3: "\\footnotesize", 4: "\\small", 5: "\\normalsize", 6: "\\large", 7: "\\Large", 8: "\\LARGE", 9: "\\huge", 10: "\\Huge" };
-          u[b] && (s = `{${u[b]} ${s}}`);
+          const w = { 1: "\\tiny", 2: "\\scriptsize", 3: "\\footnotesize", 4: "\\small", 5: "\\normalsize", 6: "\\large", 7: "\\Large", 8: "\\LARGE", 9: "\\huge", 10: "\\Huge" };
+          w[b] && (s = `{${w[b]} ${s}}`);
         }
         y.color !== "none" && (s = `\\textcolor{${y.color}}{${s}}`), t.executeCommand(["insert", s]);
         return;
@@ -4248,8 +4249,8 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
   }, [y]), ze = ke((t, r, i) => {
     let s = `\\begin{${t}} `;
     for (let b = 0; b < r; b++) {
-      for (let u = 0; u < i; u++)
-        s += "#?", u < i - 1 && (s += " & ");
+      for (let w = 0; w < i; w++)
+        s += "#?", w < i - 1 && (s += " & ");
       b < r - 1 && (s += " \\\\ ");
     }
     s += ` \\end{${t}}`, _(s);
@@ -4301,7 +4302,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
         /* @__PURE__ */ e.createElement("span", null, a ? l === "math" ? "Edit Math Formula" : "Edit Chemistry Formula" : l === "math" ? "Math Editor" : "Chemistry Editor")
       ), /* @__PURE__ */ e.createElement("div", { className: "cme-popup-controls" }, /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-popup-btn", onClick: Qe, title: "Minimize" }, "—"), /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-popup-btn", onClick: je, title: "Maximize" }, "⤢"), /* @__PURE__ */ e.createElement("button", { type: "button", className: "cme-popup-btn", onClick: Le, title: "Close" }, "✕"))),
       /* @__PURE__ */ e.createElement("div", { className: "cme-toolbar", role: "toolbar", "aria-label": "Symbol palette" }, /* @__PURE__ */ e.createElement("div", { className: "cme-toolbar-groups" }, ee.map((t, r) => {
-        const i = w === r;
+        const i = u === r;
         return /* @__PURE__ */ e.createElement(
           "button",
           {
@@ -4309,7 +4310,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
             className: `cme-group-tab${i ? " active" : ""}`,
             type: "button",
             onPointerDown: (s) => {
-              s.preventDefault(), A(r), C(null);
+              s.preventDefault(), C(r), A(null);
             }
           },
           t.mathLabel ? /* @__PURE__ */ e.createElement(
@@ -4337,24 +4338,24 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
         );
       })), /* @__PURE__ */ e.createElement("div", { className: "cme-toolbar-items" }, (() => {
         var s;
-        const t = ((s = ee[w]) == null ? void 0 : s.items) || [], r = t.some((b) => b.type === "sep"), i = [];
+        const t = ((s = ee[u]) == null ? void 0 : s.items) || [], r = t.some((b) => b.type === "sep"), i = [];
         if (r) {
           let b = { cols: 2, small: !1, cls: "", items: [], moreItems: null };
-          for (const u of t)
-            u.type === "sep" ? (b.items.length > 0 && i.push(b), b = { cols: u.cols || 2, small: !!u.small, cls: u.cls || "", items: [], moreItems: u.moreItems || null, moreCols: u.moreCols || 1 }) : b.items.push(u);
+          for (const w of t)
+            w.type === "sep" ? (b.items.length > 0 && i.push(b), b = { cols: w.cols || 2, small: !!w.small, cls: w.cls || "", items: [], moreItems: w.moreItems || null, moreCols: w.moreCols || 1 }) : b.items.push(w);
           b.items.length > 0 && i.push(b);
         } else
-          for (let u = 0; u < t.length; u += 4)
+          for (let w = 0; w < t.length; w += 4)
             i.push({
               cols: 2,
               small: !1,
               cls: "",
-              items: t.slice(u, u + 4)
+              items: t.slice(w, w + 4)
             });
-        return i.map((b, u) => /* @__PURE__ */ e.createElement(
+        return i.map((b, w) => /* @__PURE__ */ e.createElement(
           "div",
           {
-            key: u,
+            key: w,
             className: `cme-symbol-subgroup${b.small ? " cme-symbol-subgroup--small" : ""}${b.cls ? ` ${b.cls}` : ""}${b.moreItems ? " cme-subgroup-has-more" : ""}`,
             style: { gridTemplateColumns: `repeat(${b.cols}, auto)`, position: "relative" }
           },
@@ -4371,7 +4372,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
                 if (g.stopPropagation(), S && S.items === b.moreItems)
                   T(null);
                 else {
-                  const L = g.currentTarget.getBoundingClientRect(), M = ee[w] || {};
+                  const L = g.currentTarget.getBoundingClientRect(), M = ee[u] || {};
                   T({ cx: L.left + L.width / 2, y: L.bottom, items: b.moreItems, cols: b.moreCols, isTemplate: M.isTemplate || M.label === "√(□)" || M.isMatrix });
                 }
               }
@@ -4379,7 +4380,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
             "▶"
           ),
           b.items.map((g, L) => {
-            const M = ee[w];
+            const M = ee[u];
             if (g.type === "dropdown") {
               const B = g.label === "Font...", E = g.label === "Size", te = B && y.fontFamily !== "none", le = E && y.fontSize !== "auto" && y.fontSize !== "5", re = B ? y.fontFamily === "none" ? "" : y.fontFamily : E ? y.fontSize === "auto" || y.fontSize === "5" ? "" : y.fontSize : "";
               return /* @__PURE__ */ e.createElement(
@@ -4426,11 +4427,11 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
                     title: g.title || g.label || g.insert,
                     onPointerDown: (B) => {
                       if (B.preventDefault(), B.stopPropagation(), (p == null ? void 0 : p.type) === g.insert)
-                        C(null);
+                        A(null);
                       else {
                         j || (window.__cmeManualBold = void 0, window.__cmeManualItalic = void 0, window.__cmeManualFontFamily = void 0, window.__cmeManualFontSize = void 0);
                         const E = B.currentTarget.getBoundingClientRect();
-                        C({
+                        A({
                           type: g.insert,
                           x: E.left + E.width / 2,
                           y: E.bottom
@@ -4465,7 +4466,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
             return /* @__PURE__ */ e.createElement(
               "button",
               {
-                key: `${M.label}-${u * 4 + L}`,
+                key: `${M.label}-${w * 4 + L}`,
                 type: "button",
                 className: `cme-btn${M.isTemplate ? " template" : ""}${g.cls ? ` ${g.cls}` : ""}${_e ? " active" : ""}`,
                 title: g.title || g.label || g.insert,
@@ -4563,8 +4564,8 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
               const r = t.getBoundingClientRect(), i = document.querySelector(".cme-editor-popup");
               let s = S.cx - r.width / 2, b = S.y;
               if (i) {
-                const u = i.getBoundingClientRect();
-                s + r.width > u.right - 4 && (s = u.right - r.width - 4), s < u.left + 4 && (s = u.left + 4), b + r.height > u.bottom - 4 && (b = u.bottom - r.height - 4);
+                const w = i.getBoundingClientRect();
+                s + r.width > w.right - 4 && (s = w.right - r.width - 4), s < w.left + 4 && (s = w.left + 4), b + r.height > w.bottom - 4 && (b = w.bottom - r.height - 4);
               }
               s + r.width > window.innerWidth - 4 && (s = window.innerWidth - r.width - 4), b + r.height > window.innerHeight - 4 && (b = window.innerHeight - r.height - 4), s < 4 && (s = 4), t.style.left = `${s}px`, t.style.top = `${b}px`, t.style.transform = "none";
             });
@@ -4658,7 +4659,7 @@ function kt({ mode: l, onInsert: n, onClose: o, initialLatex: c, isEditing: a })
             x: p.x,
             y: p.y,
             onSelect: (t, r) => {
-              ze(p.type, t, r), C(null);
+              ze(p.type, t, r), A(null);
             },
             onMouseEnter: () => {
             },