digi-mathchem-editor 1.0.17 → 1.0.18

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

@@ -1,4 +1,4 @@
-import e, { useState as I, useEffect as O, useMemo as Ee, useRef as re, useCallback as he } from "react";
+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";
@@ -361,7 +361,7 @@ const Se = [
   }), l;
 }, je = Je();
 function ze({ isOpen: l, onClose: o, onInsert: a, position: m }) {
-  const [n, s] = I(""), [d, p] = I("All");
+  const [n, s] = B(""), [d, p] = B("All");
   O(() => {
     l && (s(""), p("All"));
   }, [l]);
@@ -372,7 +372,7 @@ function ze({ isOpen: l, onClose: o, onInsert: a, position: m }) {
       u = u.filter((k) => k.code.includes(y));
     }
     return u;
-  }, [d, n]), B = Ee(() => {
+  }, [d, n]), I = Ee(() => {
     if (d !== "All" && !n.trim())
       return { [d]: x };
     const u = {};
@@ -407,7 +407,7 @@ function ze({ 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(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(
+  )), /* @__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,7 +420,7 @@ function ze({ 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 Qe = "1.0.17", Xe = {
+const Qe = "1.0.18", Xe = {
   version: Qe
 };
 window.__cme_macros = {
@@ -3657,11 +3657,11 @@ 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;"
           },
-          (B) => {
+          (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);
@@ -3688,9 +3688,9 @@ class ct extends Ve {
               }
               g.setAttribute("read-only", "");
             };
-            customElements.get("math-field") ? requestAnimationFrame(A) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(A)), B.appendChild(g);
+            customElements.get("math-field") ? requestAnimationFrame(A) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(A)), I.appendChild(g);
             const u = () => {
-              const y = B.parentElement;
+              const y = I.parentElement;
               y && Ye(o, y);
             };
             u(), requestAnimationFrame(u);
@@ -3715,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 B = o.editing.view.domConverter.mapViewToDom(x);
-          if (B) {
-            const g = B.querySelector("math-field");
+          const I = o.editing.view.domConverter.mapViewToDom(x);
+          if (I) {
+            const g = I.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");
@@ -3763,7 +3763,7 @@ class ct extends Ve {
   }
 }
 function tt({ matrixType: l, x: o, y: a, onSelect: m, onMouseEnter: n, onMouseLeave: s }) {
-  const [d, p] = I({ r: 2, c: 2 }), x = Math.max(10, parseInt(d.r, 10) || 0), B = Math.max(10, parseInt(d.c, 10) || 0), g = (k) => {
+  const [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 E = k.target.value;
     if (E === "") {
       p((L) => ({ ...L, r: "" }));
@@ -3802,7 +3802,7 @@ 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, E) => /* @__PURE__ */ e.createElement("div", { key: E, className: "cme-matrix-hover-row" }, Array.from({ length: B }).map((T, L) => {
+    /* @__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",
@@ -3855,19 +3855,19 @@ function tt({ matrixType: l, x: o, y: a, onSelect: m, onMouseEnter: n, onMouseLe
 }
 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] = I(0), [x, B] = I(null), [g, A] = I(null), [u, y] = I(null), [k, E] = I(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] = 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);
+  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);
@@ -3881,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,
@@ -3893,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] = I({
+  }, G = l === "math" ? Ge : $e, [f, ce] = B({
     bold: !1,
     italic: !1,
     color: "none",
@@ -3904,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",
@@ -3934,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
         }));
@@ -3950,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") && B(null), !i.target.closest(".cme-color-picker-popup") && !i.target.closest('[title="Text Color"]') && y(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);
@@ -3975,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" }]);
       }
@@ -3991,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) {
@@ -4021,8 +4021,8 @@ 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), () => {
@@ -4033,13 +4033,13 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
     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}}`, z(h);
+    c += ` \\end{${t}}`, z(c);
   }, [z]), Ne = (t) => {
     t.stopPropagation(), ke((i) => !i), ue(!1), L({ x: 0, y: 0 });
   }, Re = (t) => {
@@ -4051,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;
@@ -4064,8 +4064,8 @@ 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();
   };
@@ -4073,7 +4073,7 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
     /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: `cme-editor-popup ${_ ? "maximized" : ""} ${Be ? "minimized" : ""}`,
+        className: `cme-editor-popup ${_ ? "maximized" : ""} ${Ie ? "minimized" : ""}`,
         style: { transform: `translate(${T.x}px, ${T.y}px)` },
         onPointerDown: (t) => t.stopPropagation()
       },
@@ -4095,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), B(null);
+            onPointerDown: (c) => {
+              c.preventDefault(), p(i), I(null);
             }
           },
           t.mathLabel ? /* @__PURE__ */ e.createElement(
@@ -4123,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)
@@ -4151,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)
+              onClick: (h) => {
+                if (h.stopPropagation(), k && k.items === b.moreItems)
                   E(null);
                 else {
-                  const C = c.currentTarget.getBoundingClientRect(), M = G[d] || {};
+                  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",
                 {
@@ -4176,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",
@@ -4193,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",
                 {
@@ -4209,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)
-                        B(null);
+                      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();
-                        B({
-                          type: c.insert,
+                        I({
+                          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,
@@ -4244,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, 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();
                     y({ x: S.left, y: S.bottom + 4 });
-                  } else if (c.action === "BOLD") {
+                  } else if (h.action === "BOLD") {
                     if (v) {
                       v.focus();
                       const S = !f.bold;
@@ -4278,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;
@@ -4290,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" ? ((ye = s.current) == null || ye.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");
-                  })) : z(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,
@@ -4318,8 +4318,8 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
                     cursor: "pointer"
                   }
                 },
-                pe(c.insert)
-              ) : c.label
+                pe(h.insert)
+              ) : h.label
             );
           })
         ));
@@ -4330,12 +4330,12 @@ function lt({ mode: l, onInsert: o, onClose: a, initialLatex: m, isEditing: n })
           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",
@@ -4399,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,
@@ -4409,7 +4412,7 @@ 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)),
-      Ie && /* @__PURE__ */ e.createElement("div", { className: "cme-confirm-overlay", onPointerDown: (t) => {
+      Be && /* @__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();
@@ -4424,7 +4427,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), B(null);
+              De(x.type, t, i), I(null);
             },
             onMouseEnter: () => {
             },
@@ -4510,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()), y(null);
+                  const c = s.current;
+                  c && typeof c.applyStyle == "function" && (c.focus(), c.applyStyle({ color: t === "black" ? "none" : t }), F()), y(null);
                 }
               }
             );