npm - athif-custom-package - Versions diffs - 1.0.0 → 1.0.2 - Mend

athif-custom-package 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/custom-ck-editor-athif-package.css +1 -1
package/dist/index.cjs +186 -186
package/dist/index.js +640 -621
package/package.json +1 -1

package/dist/index.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { createPortal as a } from "react-dom";
-import { CKEditor as o } from "@ckeditor/ckeditor5-react";
-import { Bold as s, ButtonView as c, ClassicEditor as l, Essentials as u, Heading as d, Italic as f, Link as p, List as m, Paragraph as h, Plugin as g, Table as _, TableCellProperties as ee, TableProperties as te, TableToolbar as v, Underline as ne, Undo as re, Widget as y, toWidget as ie } from "ckeditor5";
+import { useCallback as e, useEffect as t, useLayoutEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { createPortal as o } from "react-dom";
+import { CKEditor as s } from "@ckeditor/ckeditor5-react";
+import { Bold as c, ButtonView as l, ClassicEditor as u, Essentials as d, Heading as f, Italic as p, Link as m, List as h, Paragraph as g, Plugin as _, Table as ee, TableCellProperties as te, TableProperties as v, TableToolbar as y, Underline as ne, Undo as b, Widget as x, toWidget as S } from "ckeditor5";
 import "ckeditor5/ckeditor5.css";
 import "mathlive";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/SpecialCharacterModal.jsx
-var C = [
+var E = [
 	{
 		id: "All",
 		name: "All"
@@ -72,9 +72,9 @@ var C = [
 			[9632, 9727]
 		]
 	}
-], w = (() => {
+], re = (() => {
 	let e = [];
-	return C.slice(1).forEach((t) => {
+	return E.slice(1).forEach((t) => {
 		t.ranges.forEach((n) => {
 			for (let r = n[0]; r <= n[1]; r++) r >= 127 && r <= 159 || e.push({
 				code: r.toString(16).toUpperCase().padStart(4, "0"),
@@ -84,19 +84,19 @@ var C = [
 		});
 	}), e;
 })();
-function ae({ isOpen: e, onClose: r, onInsert: a, position: o, contained: s = !1 }) {
-	let [c, l] = i(""), [u, d] = i("All");
+function ie({ isOpen: e, onClose: n, onInsert: i, position: o, contained: s = !1 }) {
+	let [c, l] = a(""), [u, d] = a("All");
 	t(() => {
 		e && (l(""), d("All"));
 	}, [e]);
-	let f = n(() => {
-		let e = w;
+	let f = r(() => {
+		let e = re;
 		if (u !== "All" && (e = e.filter((e) => e.category === u)), c.trim()) {
 			let t = c.trim().toUpperCase();
 			e = e.filter((e) => e.code.includes(t));
 		}
 		return e;
-	}, [u, c]), p = n(() => {
+	}, [u, c]), p = r(() => {
 		if (u !== "All" && !c.trim()) return { [u]: f };
 		let e = {};
 		return f.forEach((t) => {
@@ -107,7 +107,7 @@ function ae({ isOpen: e, onClose: r, onInsert: a, position: o, contained: s = !1
 		u,
 		c
 	]), m = (e) => {
-		e.key === "Escape" && r();
+		e.key === "Escape" && n();
 	};
 	if (t(() => (e && window.addEventListener("keydown", m), () => window.removeEventListener("keydown", m)), [e]), !e) return null;
 	let h = {
@@ -122,50 +122,50 @@ function ae({ isOpen: e, onClose: r, onInsert: a, position: o, contained: s = !1
 			left: `${e}px`
 		};
 	}
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: `scm-overlay${s ? " scm-overlay--contained" : ""}`,
 		onMouseDown: (e) => {
-			e.stopPropagation(), r();
+			e.stopPropagation(), n();
 		},
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "scm-modal",
 			style: h,
 			onMouseDown: (e) => e.stopPropagation(),
-			children: [/* @__PURE__ */ S("div", {
+			children: [/* @__PURE__ */ T("div", {
 				className: "scm-toolbar",
-				children: [/* @__PURE__ */ x("input", {
+				children: [/* @__PURE__ */ w("input", {
 					type: "text",
 					placeholder: "Code",
 					value: c,
 					onChange: (e) => l(e.target.value),
 					className: "scm-code-input"
-				}), /* @__PURE__ */ x("select", {
+				}), /* @__PURE__ */ w("select", {
 					value: u,
 					onChange: (e) => d(e.target.value),
 					className: "scm-category-select",
-					children: C.map((e) => /* @__PURE__ */ x("option", {
+					children: E.map((e) => /* @__PURE__ */ w("option", {
 						value: e.id,
 						children: e.name
 					}, e.id))
 				})]
-			}), /* @__PURE__ */ x("div", {
+			}), /* @__PURE__ */ w("div", {
 				className: "scm-body",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "scm-grid-container",
-					children: [Object.entries(p).map(([e, t]) => /* @__PURE__ */ x("div", {
+					children: [Object.entries(p).map(([e, t]) => /* @__PURE__ */ w("div", {
 						className: "scm-category-group",
-						children: /* @__PURE__ */ x("div", {
+						children: /* @__PURE__ */ w("div", {
 							className: "scm-char-grid",
-							children: t.map((e) => /* @__PURE__ */ x("button", {
+							children: t.map((e) => /* @__PURE__ */ w("button", {
 								className: "scm-char-btn",
 								onClick: () => {
-									a(e.char), r();
+									i(e.char), n();
 								},
 								title: `U+${e.code}`,
 								children: e.char
 							}, e.code))
 						})
-					}, e)), f.length === 0 && /* @__PURE__ */ x("div", {
+					}, e)), f.length === 0 && /* @__PURE__ */ w("div", {
 						className: "scm-no-results",
 						children: "No characters found."
 					})]
@@ -175,27 +175,27 @@ function ae({ isOpen: e, onClose: r, onInsert: a, position: o, contained: s = !1
 	});
 }
 window.__ckMathWidgets = window.__ckMathWidgets || /* @__PURE__ */ new Map(), window.__ckMathWidgetClickHandler = null;
-function oe(e) {
+function D(e) {
 	if (!e) return null;
 	let t = typeof e.composedPath == "function" ? e.composedPath() : [e];
 	for (let e of t) if (e instanceof HTMLElement && (e.classList?.contains("ck-math-widget") || e.dataset?.mathId || e.classList?.contains("ck-widget") && e.querySelector?.(".ck-math-widget-inner"))) return e;
 	return e instanceof Element ? e.closest?.(".ck-math-widget, [data-math-id]") : null;
 }
-function T(e) {
+function O(e) {
 	if (!e) return "";
 	let t = e.getAttribute("data-latex");
 	if (t) return t;
 	let n = e.querySelector("math-field");
 	return n ? n.getValue ? n.getValue() : n.value || "" : "";
 }
-function E(e) {
+function k(e) {
 	if (!e) return "ltr";
 	let t = e.getAttribute("data-dir");
 	if (t === "rtl" || t === "ltr") return t;
 	let n = e.querySelector("math-field");
 	return (n?.getAttribute("dir") || n?.style?.direction) === "rtl" ? "rtl" : "ltr";
 }
-function D(e, t) {
+function A(e, t) {
 	if (!e || !t) return !1;
 	try {
 		return e.model.createPositionBefore(t), !0;
@@ -203,45 +203,45 @@ function D(e, t) {
 		return !1;
 	}
 }
-function O(e, t) {
+function j(e, t) {
 	if (!e || !t) return null;
 	let n = e.model.document.selection.getSelectedElement();
 	if (n?.name === "mathInline") return n;
 	let r = t.getAttribute("data-math-id");
 	if (r) {
 		let t = window.__ckMathWidgets.get(r);
-		if (D(e, t)) return t;
+		if (A(e, t)) return t;
 	}
 	let i = e.editing.view.domConverter.mapDomToView(t);
 	if (i) {
 		let t = e.editing.mapper.toModelElement(i);
 		if (t?.name === "mathInline") return t;
 	}
-	let a = T(t);
+	let a = O(t);
 	if (!a) return null;
 	let o = e.model.document.getRoot();
 	for (let { item: t } of e.model.createRangeIn(o)) if (t.is?.("element", "mathInline") && t.getAttribute("latex") === a) return t;
 	return null;
 }
-function k(e, t, n, r) {
+function M(e, t, n, r) {
 	if (!e || e._mathWidgetOpening) return;
 	e._mathWidgetOpening = !0, queueMicrotask(() => {
 		e._mathWidgetOpening = !1;
 	});
-	let i = D(e, t) ? t : O(e, r), a = i?.getAttribute("latex") || n || T(r), o = i?.getAttribute("dir") === "rtl" || E(r) === "rtl" ? "rtl" : "ltr";
+	let i = A(e, t) ? t : j(e, r), a = i?.getAttribute("latex") || n || O(r), o = i?.getAttribute("dir") === "rtl" || k(r) === "rtl" ? "rtl" : "ltr";
 	a && (i && e.model.change((e) => {
 		e.setSelection(i, "on");
 	}), (e.mathWidgetClickHandler || window.__ckMathWidgetClickHandler)?.(i, a, o));
 }
-function A(e, t) {
+function N(e, t) {
 	if (!t || t._ckMathClickBound) return;
 	t._ckMathClickBound = !0;
 	let n = (n) => {
-		n.button === 0 && (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation?.(), k(e, null, T(t), t));
+		n.button === 0 && (n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation?.(), M(e, null, O(t), t));
 	};
 	t.addEventListener("mousedown", n, !0), t.addEventListener("click", n, !0);
 }
-var j = [
+var P = [
 	{
 		label: "√(□)",
 		items: [
@@ -1521,7 +1521,7 @@ var j = [
 		]
 	},
 	{
-		label: /* @__PURE__ */ x(b, { children: "⎡□ □⎤" }),
+		label: /* @__PURE__ */ w(C, { children: "⎡□ □⎤" }),
 		isMatrix: !0,
 		items: [
 			{
@@ -1684,10 +1684,10 @@ var j = [
 				icon: "division-layout-template-image",
 				title: "Division Layout"
 			},
-			M("arithmeticLayoutExtras", "More Arithmetic Layouts")
+			F("arithmeticLayoutExtras", "More Arithmetic Layouts")
 		]
 	}
-], se = {
+], ae = {
 	operatorExtras: [
 		{
 			label: "\\",
@@ -2093,7 +2093,7 @@ var j = [
 		}
 	]
 };
-function M(e, t = "More Symbols") {
+function F(e, t = "More Symbols") {
 	return {
 		label: "|",
 		action: "RELATION_MORE_PICKER",
@@ -2103,7 +2103,7 @@ function M(e, t = "More Symbols") {
 		cls: "arrow-picker-tool relation-more-picker-tool"
 	};
 }
-var N = [
+var I = [
 	{
 		label: "cancel",
 		insert: "\\cancel{#0}",
@@ -2150,7 +2150,7 @@ var N = [
 		label: "∘",
 		insert: "∘"
 	},
-	M("operatorExtras", "More Operators"),
+	F("operatorExtras", "More Operators"),
 	{
 		type: "sep",
 		cols: 5
@@ -2193,7 +2193,7 @@ var N = [
 		insert: "''",
 		cls: "prime-symbol-tool"
 	},
-	M("primeExtras", "More Prime Symbols"),
+	F("primeExtras", "More Prime Symbols"),
 	{
 		type: "sep",
 		cols: 3
@@ -2218,7 +2218,7 @@ var N = [
 		label: "≅",
 		insert: "\\cong"
 	},
-	M("notEqualExtras", "More Not Equal Relations"),
+	F("notEqualExtras", "More Not Equal Relations"),
 	{
 		type: "sep",
 		cols: 3
@@ -2249,7 +2249,7 @@ var N = [
 		insert: "\\leqslant",
 		title: "Less Than or Slanted Equal To"
 	},
-	M("comparisonExtras", "More Comparison Symbols"),
+	F("comparisonExtras", "More Comparison Symbols"),
 	{
 		type: "sep",
 		cols: 3
@@ -2278,7 +2278,7 @@ var N = [
 		label: "⊃",
 		insert: "\\supset"
 	},
-	M("setExtras", "More Set Symbols"),
+	F("setExtras", "More Set Symbols"),
 	{
 		type: "sep",
 		cols: 3
@@ -2307,7 +2307,7 @@ var N = [
 		label: "∄",
 		insert: "\\nexists"
 	},
-	M("logicExtras", "More Logic Symbols"),
+	F("logicExtras", "More Logic Symbols"),
 	{
 		type: "sep",
 		cols: 2
@@ -2324,7 +2324,7 @@ var N = [
 		label: "⊥",
 		insert: "\\perp"
 	},
-	M("geometryExtras", "More Geometry Symbols"),
+	F("geometryExtras", "More Geometry Symbols"),
 	{
 		type: "sep",
 		cols: 3
@@ -2341,7 +2341,7 @@ var N = [
 		label: "○",
 		insert: "\\bigcirc"
 	},
-	M("shapeExtras", "More Shape Symbols"),
+	F("shapeExtras", "More Shape Symbols"),
 	{
 		type: "sep",
 		cols: 3
@@ -2358,8 +2358,8 @@ var N = [
 		label: "⊙",
 		insert: "\\odot"
 	},
-	M("circledExtras", "More Circled Operators")
-], P = [
+	F("circledExtras", "More Circled Operators")
+], L = [
 	{
 		label: "↗",
 		insert: "\\nearrow",
@@ -2517,7 +2517,7 @@ var N = [
 		insert: "↵",
 		title: "Downwards Arrow with Corner Leftwards"
 	}
-], F = [
+], R = [
 	{
 		insert: "\\xleftrightarrow{#0}",
 		title: "Right Left Arrows with Overscript",
@@ -2623,7 +2623,7 @@ var N = [
 		title: "Short Rightwards Arrow over Leftwards Arrow with Under and Overscript",
 		icon: "short-right-long-left-over-under"
 	}
-], I = [
+], z = [
 	{
 		label: "Α",
 		insert: "\\mathit{Α}",
@@ -2744,7 +2744,7 @@ var N = [
 		insert: "\\varOmega",
 		title: "Italic Omega"
 	}
-], L = [
+], B = [
 	["𝔸", "A"],
 	["𝔹", "B"],
 	["ℂ", "C"],
@@ -2801,7 +2801,7 @@ var N = [
 	label: e,
 	insert: `\\mathbb{${t}}`,
 	title: `Blackboard Bold ${t}`
-})), R = [
+})), V = [
 	[
 		"𝔄",
 		"\\mathfrak{A}",
@@ -3326,7 +3326,7 @@ var N = [
 	label: e,
 	insert: t,
 	title: n
-})), z = [
+})), H = [
 	{
 		label: "ℵ",
 		insert: "\\aleph",
@@ -3352,7 +3352,7 @@ var N = [
 		insert: "\\mathscr{F}",
 		title: "Script F"
 	}
-], B = [
+], oe = [
 	"٠",
 	"١",
 	"٢",
@@ -3363,7 +3363,7 @@ var N = [
 	"٧",
 	"٨",
 	"٩"
-], ce = [
+], U = [
 	"۰",
 	"۱",
 	"۲",
@@ -3375,12 +3375,12 @@ var N = [
 	"۸",
 	"۹"
 ];
-function le(e, t) {
+function se(e, t) {
 	if (!e || t === "western") return e;
-	let n = t === "arabicIndic" ? B : t === "easternArabicIndic" ? ce : null;
+	let n = t === "arabicIndic" ? oe : t === "easternArabicIndic" ? U : null;
 	return n ? String(e).replace(/\d/g, (e) => n[Number(e)] || e) : e;
 }
-var V = 31, H = 33, ue = 592, de = 295, U = [
+var W = 31, G = 33, ce = 592, K = 295, le = [
 	{
 		row: 1,
 		items: [[
@@ -4020,7 +4020,7 @@ var V = 31, H = 33, ue = 592, de = 295, U = [
 	col: n,
 	tone: r,
 	title: t
-}))), fe = [
+}))), ue = [
 	{
 		label: "Times",
 		value: "family:roman",
@@ -4056,10 +4056,10 @@ var V = 31, H = 33, ue = 592, de = 295, U = [
 		value: "variant:double-struck",
 		style: { variant: "double-struck" }
 	}
-], pe = {
+], de = {
 	fontFamily: "none",
 	variant: "main"
-}, me = [
+}, fe = [
 	{
 		label: "8px",
 		value: "3"
@@ -4088,7 +4088,7 @@ var V = 31, H = 33, ue = 592, de = 295, U = [
 		label: "24px",
 		value: "10"
 	}
-], he = {
+], pe = {
 	up: {
 		x: 0,
 		y: -1
@@ -4106,7 +4106,7 @@ var V = 31, H = 33, ue = 592, de = 295, U = [
 		y: 1
 	}
 };
-function ge(e = "") {
+function me(e = "") {
 	let t = String(e || ""), n = 0, r = 0, i = /^\\htmlStyle\{([^}]*)\}\{([\s\S]*)\}$/;
 	for (;;) {
 		let e = t.match(i);
@@ -4122,14 +4122,14 @@ function ge(e = "") {
 		offsetY: r
 	};
 }
-function _e(e, t, n) {
+function he(e, t, n) {
 	let r = ["display:inline-block", "position:relative"];
 	return t !== 0 && r.push(`left:${t}px`), n !== 0 && r.push(`top:${n}px`), `\\htmlStyle{${r.join(";")};}{${e}}`;
 }
-var ve = [
+var ge = [
 	{
 		id: "roots-main",
-		label: /* @__PURE__ */ x(G, {}),
+		label: /* @__PURE__ */ w(ye, {}),
 		items: [
 			{
 				label: "□/□",
@@ -4385,18 +4385,18 @@ var ve = [
 	},
 	{
 		id: "relations",
-		...j[1],
-		items: N,
-		label: /* @__PURE__ */ x(Ce, {})
+		...P[1],
+		items: I,
+		label: /* @__PURE__ */ w(Se, {})
 	},
 	{
 		id: "arrows",
-		...j[4],
-		label: /* @__PURE__ */ x(J, {})
+		...P[4],
+		label: /* @__PURE__ */ w(Ee, {})
 	},
 	{
 		id: "greek",
-		label: /* @__PURE__ */ x(we, {}),
+		label: /* @__PURE__ */ w(Ce, {}),
 		items: [
 			{
 				category: "Lowercase Greek Letters",
@@ -4703,17 +4703,17 @@ var ve = [
 	},
 	{
 		id: "matrix",
-		...j[11],
-		label: /* @__PURE__ */ x(xe, {})
+		...P[11],
+		label: /* @__PURE__ */ w(be, {})
 	},
 	{
 		id: "power-frac",
-		...j[2],
-		label: /* @__PURE__ */ x(Se, {})
+		...P[2],
+		label: /* @__PURE__ */ w(xe, {})
 	},
 	{
 		id: "brackets",
-		label: /* @__PURE__ */ x(K, {}),
+		label: /* @__PURE__ */ w(we, {}),
 		items: [
 			{
 				label: "(□)",
@@ -4745,7 +4745,7 @@ var ve = [
 				insert: "\\left\\{#0\\right\\}",
 				cls: "green-placeholder-glyph"
 			},
-			M("bracketDelimiterExtras", "More Delimiters"),
+			F("bracketDelimiterExtras", "More Delimiters"),
 			{
 				type: "sep",
 				cols: 2
@@ -4902,7 +4902,7 @@ var ve = [
 				title: "Rounded Enclosure",
 				icon: "paren-frame-template-image"
 			},
-			M("enclosureFrameExtras", "More Enclosures"),
+			F("enclosureFrameExtras", "More Enclosures"),
 			{
 				type: "sep",
 				cols: 2
@@ -4939,12 +4939,12 @@ var ve = [
 				title: "Cross Cancel",
 				icon: "xcancel-template-image"
 			},
-			M("strikeDecorationExtras", "More Strike Decorations")
+			F("strikeDecorationExtras", "More Strike Decorations")
 		]
 	},
 	{
 		id: "sets",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "Σ ∪",
 			compact: !0
 		}),
@@ -5077,7 +5077,7 @@ var ve = [
 	},
 	{
 		id: "calc",
-		label: /* @__PURE__ */ x(Te, {}),
+		label: /* @__PURE__ */ w(Te, {}),
 		isTemplate: !0,
 		items: [
 			{
@@ -5221,7 +5221,7 @@ var ve = [
 				insert: "\\oiint",
 				icon: "double-contour-integral-template-image"
 			},
-			M("tripleIntegralExtras", "More Triple Integrals"),
+			F("tripleIntegralExtras", "More Triple Integrals"),
 			{
 				type: "sep",
 				cols: 2
@@ -5263,12 +5263,12 @@ var ve = [
 				insert: "\\ln\\left(#0\\right)",
 				cls: "green-placeholder-glyph"
 			},
-			M("trigFunctionExtras", "More Trig Functions")
+			F("trigFunctionExtras", "More Trig Functions")
 		]
 	},
 	{
 		id: "move-text",
-		label: /* @__PURE__ */ x(q, {}),
+		label: /* @__PURE__ */ w(J, {}),
 		isTemplate: !0,
 		items: [
 			{
@@ -5301,10 +5301,10 @@ var ve = [
 			}
 		]
 	}
-], ye = [
+], _e = [
 	{
 		id: "chem-period-1",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "H-Ne",
 			bottom: "elem"
 		}),
@@ -5328,7 +5328,7 @@ var ve = [
 	},
 	{
 		id: "chem-period-2",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "Na-Ca",
 			bottom: "elem"
 		}),
@@ -5352,7 +5352,7 @@ var ve = [
 	},
 	{
 		id: "chem-reactions",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "Fe-Zn",
 			bottom: "→ ⇌"
 		}),
@@ -5476,7 +5476,7 @@ var ve = [
 	},
 	{
 		id: "chem-states",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "(aq)",
 			bottom: "± ₂"
 		}),
@@ -5616,7 +5616,7 @@ var ve = [
 	},
 	{
 		id: "chem-molecules",
-		label: /* @__PURE__ */ x(W, {
+		label: /* @__PURE__ */ w(q, {
 			top: "H₂O",
 			bottom: "ions"
 		}),
@@ -5725,34 +5725,34 @@ var ve = [
 		]
 	}
 ];
-function be(e = "") {
+function ve(e = "") {
 	if (String(e).match(/^\\ce\{([\s\S]*)\}$/)) return e;
 	let t = e.replace(/\\text\{([^}]*)\}/g, "$1").replace(/\$/g, "").trim();
 	return t ? `\\ce{${t}}` : "";
 }
-function W({ top: e, bottom: t = "", compact: n = !1 }) {
-	return /* @__PURE__ */ S("span", {
+function q({ top: e, bottom: t = "", compact: n = !1 }) {
+	return /* @__PURE__ */ T("span", {
 		className: `cme-tab-icon${n ? " compact" : ""}`,
 		"aria-hidden": "true",
-		children: [/* @__PURE__ */ x("span", {
+		children: [/* @__PURE__ */ w("span", {
 			className: "cme-tab-icon-top",
 			children: e
-		}), t ? /* @__PURE__ */ x("span", {
+		}), t ? /* @__PURE__ */ w("span", {
 			className: "cme-tab-icon-bottom",
 			children: t
 		}) : null]
 	});
 }
-function G() {
-	return /* @__PURE__ */ x("span", {
+function ye() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 48 24",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M2 13 L5 13 L7 18 L10 4 L20 4",
 					fill: "none",
 					stroke: "currentColor",
@@ -5760,7 +5760,7 @@ function G() {
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "13",
 					y: "7",
 					width: "8",
@@ -5769,7 +5769,7 @@ function G() {
 					stroke: "currentColor",
 					strokeWidth: "1.7"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "31",
 					y: "3",
 					width: "6",
@@ -5778,7 +5778,7 @@ function G() {
 					stroke: "currentColor",
 					strokeWidth: "1.7"
 				}),
-				/* @__PURE__ */ x("line", {
+				/* @__PURE__ */ w("line", {
 					x1: "29",
 					y1: "12",
 					x2: "39",
@@ -5786,7 +5786,7 @@ function G() {
 					stroke: "currentColor",
 					strokeWidth: "1.7"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "31",
 					y: "15",
 					width: "6",
@@ -5799,28 +5799,28 @@ function G() {
 		})
 	});
 }
-function xe() {
-	return /* @__PURE__ */ x("span", {
+function be() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 210 110",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M12 8 H4 V102 H12",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "7"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M96 8 H104 V102 H96",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "7"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "24",
 					y: "15",
 					width: "22",
@@ -5829,7 +5829,7 @@ function xe() {
 					stroke: "currentColor",
 					strokeWidth: "7.5"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "64",
 					y: "15",
 					width: "22",
@@ -5838,7 +5838,7 @@ function xe() {
 					stroke: "currentColor",
 					strokeWidth: "7.5"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "24",
 					y: "63",
 					width: "22",
@@ -5847,7 +5847,7 @@ function xe() {
 					stroke: "currentColor",
 					strokeWidth: "7.5"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "64",
 					y: "63",
 					width: "22",
@@ -5856,13 +5856,13 @@ function xe() {
 					stroke: "currentColor",
 					strokeWidth: "7.5"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M142 8 C132 8 132 18 132 28 C132 38 128 45 124 49 C128 53 132 60 132 70 C132 80 132 90 142 102",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "7"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "154",
 					y: "15",
 					width: "22",
@@ -5871,7 +5871,7 @@ function xe() {
 					stroke: "currentColor",
 					strokeWidth: "7.5"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "154",
 					y: "63",
 					width: "22",
@@ -5884,16 +5884,16 @@ function xe() {
 		})
 	});
 }
-function Se() {
-	return /* @__PURE__ */ x("span", {
+function xe() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 70 50",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "4",
 					y: "20",
 					width: "20",
@@ -5902,7 +5902,7 @@ function Se() {
 					stroke: "currentColor",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "24",
 					y: "6",
 					width: "12",
@@ -5911,7 +5911,7 @@ function Se() {
 					stroke: "currentColor",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "51",
 					y: "10",
 					width: "8",
@@ -5920,7 +5920,7 @@ function Se() {
 					stroke: "currentColor",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "48",
 					y: "30",
 					width: "14",
@@ -5933,16 +5933,16 @@ function Se() {
 		})
 	});
 }
-function Ce() {
-	return /* @__PURE__ */ x("span", {
+function Se() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 56 28",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M18 4 C10 4 6 9 6 14 C6 19 10 24 18 24",
 					fill: "none",
 					stroke: "currentColor",
@@ -5950,7 +5950,7 @@ function Ce() {
 					strokeLinecap: "round",
 					strokeLinejoin: "round"
 				}),
-				/* @__PURE__ */ x("line", {
+				/* @__PURE__ */ w("line", {
 					x1: "8",
 					y1: "14",
 					x2: "18",
@@ -5959,7 +5959,7 @@ function Ce() {
 					strokeWidth: "2.5",
 					strokeLinecap: "round"
 				}),
-				/* @__PURE__ */ x("text", {
+				/* @__PURE__ */ w("text", {
 					x: "26",
 					y: "24",
 					fill: "currentColor",
@@ -5971,15 +5971,15 @@ function Ce() {
 		})
 	});
 }
-function we() {
-	return /* @__PURE__ */ x("span", {
+function Ce() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x("svg", {
+		children: /* @__PURE__ */ w("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 40 24",
 			focusable: "false",
-			children: /* @__PURE__ */ x("text", {
+			children: /* @__PURE__ */ w("text", {
 				x: "2",
 				y: "20",
 				fill: "currentColor",
@@ -5990,23 +5990,23 @@ function we() {
 		})
 	});
 }
-function K() {
-	return /* @__PURE__ */ x("span", {
+function we() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 90 50",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M12 8 C4 14,4 36,12 42",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "4",
 					strokeLinecap: "round"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "20",
 					y: "10",
 					width: "18",
@@ -6015,21 +6015,21 @@ function K() {
 					stroke: "currentColor",
 					strokeWidth: "4"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M46 8 C54 14,54 36,46 42",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "4",
 					strokeLinecap: "round"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M65 10 Q75 2 85 10",
 					fill: "none",
 					stroke: "currentColor",
 					strokeWidth: "4",
 					strokeLinecap: "round"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "68",
 					y: "18",
 					width: "14",
@@ -6043,15 +6043,15 @@ function K() {
 	});
 }
 function Te() {
-	return /* @__PURE__ */ x("span", {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 80 50",
 			focusable: "false",
 			children: [
-				/* @__PURE__ */ x("text", {
+				/* @__PURE__ */ w("text", {
 					x: "2",
 					y: "40",
 					fill: "currentColor",
@@ -6060,7 +6060,7 @@ function Te() {
 					fontWeight: "500",
 					children: "∫"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "30",
 					y: "1",
 					width: "10",
@@ -6069,7 +6069,7 @@ function Te() {
 					stroke: "currentColor",
 					strokeWidth: "2.5"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "24",
 					y: "40",
 					width: "10",
@@ -6078,7 +6078,7 @@ function Te() {
 					stroke: "currentColor",
 					strokeWidth: "2.5"
 				}),
-				/* @__PURE__ */ x("text", {
+				/* @__PURE__ */ w("text", {
 					x: "45",
 					y: "36",
 					fill: "currentColor",
@@ -6091,24 +6091,24 @@ function Te() {
 		})
 	});
 }
-function q() {
-	return /* @__PURE__ */ x("span", {
+function J() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			width: "24",
 			height: "24",
 			viewBox: "0 0 24 24",
 			fill: "none",
 			children: [
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M12 3V12",
 					stroke: "currentColor",
 					"stroke-width": "2",
 					"stroke-linecap": "round"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M8.5 8.5L12 12L15.5 8.5",
 					stroke: "currentColor",
 					"stroke-width": "2",
@@ -6116,14 +6116,14 @@ function q() {
 					"stroke-linejoin": "round",
 					fill: "none"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M4 15C4 19 7.5 22 12 22C16.5 22 20 19 20 15",
 					stroke: "currentColor",
 					"stroke-width": "2",
 					"stroke-linecap": "round",
 					fill: "none"
 				}),
-				/* @__PURE__ */ x("path", {
+				/* @__PURE__ */ w("path", {
 					d: "M7 15C7 17.5 9 19 12 19C15 19 17 17.5 17 15",
 					stroke: "currentColor",
 					"stroke-width": "2",
@@ -6134,29 +6134,29 @@ function q() {
 		})
 	});
 }
-function J() {
-	return /* @__PURE__ */ x("span", {
+function Ee() {
+	return /* @__PURE__ */ w("span", {
 		className: "cme-tab-icon cme-tab-icon--svg",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x("svg", {
+		children: /* @__PURE__ */ w("svg", {
 			className: "cme-tab-svg-icon",
 			viewBox: "0 0 64 24",
 			focusable: "false",
-			children: /* @__PURE__ */ S("g", {
+			children: /* @__PURE__ */ T("g", {
 				fill: "currentColor",
 				children: [
-					/* @__PURE__ */ x("path", { d: "M4 10h20V5l12 7-12 7v-5H4z" }),
-					/* @__PURE__ */ x("circle", {
+					/* @__PURE__ */ w("path", { d: "M4 10h20V5l12 7-12 7v-5H4z" }),
+					/* @__PURE__ */ w("circle", {
 						cx: "44",
 						cy: "18",
 						r: "2.5"
 					}),
-					/* @__PURE__ */ x("circle", {
+					/* @__PURE__ */ w("circle", {
 						cx: "52",
 						cy: "12",
 						r: "2.5"
 					}),
-					/* @__PURE__ */ x("circle", {
+					/* @__PURE__ */ w("circle", {
 						cx: "60",
 						cy: "6",
 						r: "2.5"
@@ -6166,12 +6166,12 @@ function J() {
 		})
 	});
 }
-var Ee = class extends g {
+var De = class extends _ {
 	static get pluginName() {
 		return "MathInlinePlugin";
 	}
 	static get requires() {
-		return [y];
+		return [x];
 	}
 	init() {
 		let e = this.editor;
@@ -6199,24 +6199,24 @@ var Ee = class extends g {
 					style: "display:inline-block;vertical-align:middle;margin:0 2px;cursor:pointer;width:auto;max-width:100%;pointer-events:none;"
 				}, (t) => {
 					let n = document.createElement("math-field");
-					n.setAttribute("read-only", ""), n.setAttribute("math-virtual-keyboard-policy", "manual"), n.setAttribute("tabindex", "-1"), n.setAttribute("letter-shape-style", "upright"), n.setAttribute("dir", i), n.style.display = "inline-block", n.style.width = "auto", n.style.maxWidth = "100%", n.style.verticalAlign = "middle", n.style.border = "none", n.style.background = "transparent", n.style.outline = "none", n.style.fontSize = "inherit", n.style.minHeight = "auto", n.style.padding = "0 2px", n.style.margin = "0", n.style.pointerEvents = "none", n.style.direction = i, n.style.textAlign = i === "rtl" ? "right" : "left", n.style.unicodeBidi = i === "rtl" ? "plaintext" : "normal", n.style.color = "#ffffff";
+					n.setAttribute("read-only", ""), n.setAttribute("math-virtual-keyboard-policy", "manual"), n.setAttribute("tabindex", "-1"), n.setAttribute("letter-shape-style", "upright"), n.setAttribute("dir", i), n.style.display = "inline-block", n.style.width = "auto", n.style.maxWidth = "100%", n.style.verticalAlign = "middle", n.style.border = "none", n.style.background = "transparent", n.style.outline = "none", n.style.fontSize = "inherit", n.style.minHeight = "auto", n.style.padding = "0 2px", n.style.margin = "0", n.style.pointerEvents = "none", n.style.direction = i, n.style.textAlign = i === "rtl" ? "right" : "left", n.style.unicodeBidi = i === "rtl" ? "plaintext" : "normal", n.style.color = "#000000";
 					let a = () => {
 						n.setValue ? n.setValue(r, { silenceNotifications: !0 }) : n.value = r;
 					};
 					customElements.get("math-field") ? requestAnimationFrame(a) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(a)), t.appendChild(n);
 					let o = () => {
 						let n = t.parentElement;
-						n && A(e, n);
+						n && N(e, n);
 					};
 					o(), requestAnimationFrame(o);
 				});
-				return n.insert(n.createPositionAt(o, 0), s), ie(o, n, { label: "math formula" });
+				return n.insert(n.createPositionAt(o, 0), s), S(o, n, { label: "math formula" });
 			}
 		});
 		let t = e.editing.view.document;
 		this.listenTo(t, "mousedown", (t, n) => {
-			let r = oe(n.domTarget);
-			r && n.domEvent.button === 0 && (t.stop(), n.preventDefault(), k(e, null, T(r), r));
+			let r = D(n.domTarget);
+			r && n.domEvent.button === 0 && (t.stop(), n.preventDefault(), M(e, null, O(r), r));
 		}, { priority: "high" }), e.conversion.for("dataDowncast").elementToElement({
 			model: "mathInline",
 			view: (e, { writer: t }) => {
@@ -6243,7 +6243,7 @@ var Ee = class extends g {
 			}
 		});
 	}
-}, De = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path d=\"M4 12h3l3 6l5-12h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", Y = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"/><text x=\"12\" y=\"16\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"bold\" fill=\"currentColor\" font-family=\"system-ui, sans-serif\">C</text><text x=\"6\" y=\"8\" font-size=\"4\" font-weight=\"bold\" fill=\"currentColor\" font-family=\"system-ui, sans-serif\">6</text></svg>", Oe = [
+}, Y = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><path d=\"M4 12h3l3 6l5-12h5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>", Oe = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"20\" height=\"20\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"/><text x=\"12\" y=\"16\" text-anchor=\"middle\" font-size=\"12\" font-weight=\"bold\" fill=\"currentColor\" font-family=\"system-ui, sans-serif\">C</text><text x=\"6\" y=\"8\" font-size=\"4\" font-weight=\"bold\" fill=\"currentColor\" font-family=\"system-ui, sans-serif\">6</text></svg>", ke = [
 	{
 		label: "Black",
 		value: "#000000"
@@ -6341,7 +6341,7 @@ var Ee = class extends g {
 		value: "#ffd700"
 	}
 ];
-function ke(e) {
+function Ae(e) {
 	let t = String(e || "").trim();
 	if (!t) return "";
 	if (t === "none") return "none";
@@ -6370,7 +6370,7 @@ function Z(e) {
     </svg>
   `);
 }
-var Ae = {
+var je = {
 	"fraction-template-image": X("\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\"> \n      <rect x=\"6.1\" y=\"1.8\" width=\"6\" height=\"4.8\" rx=\"0\" fill=\"none\" stroke=\"#2c8a43\" stroke-width=\"1.6\"/>\n      <line x1=\"3.2\" y1=\"9\" x2=\"14.8\" y2=\"9\" stroke=\"#000000\" stroke-width=\"1.6\" stroke-linecap=\"square\"/>\n      <rect x=\"6.1\" y=\"11.4\" width=\"6\" height=\"4.8\" rx=\"0\" fill=\"none\" stroke=\"#2c8a43\" stroke-width=\"1.6\"/>\n    </svg>\n  "),
 	"superscript-template-image": X("\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 18 18\">\n      <rect x=\"3.1\" y=\"7.3\" width=\"6.5\" height=\"7.4\" rx=\"0.6\" fill=\"none\" stroke=\"#2c8a43\" stroke-width=\"1.5\"/>\n      <rect x=\"10.3\" y=\"3.2\" width=\"4.6\" height=\"5.6\" rx=\"0.6\" fill=\"none\" stroke=\"#2c8a43\" stroke-width=\"1.5\"/>\n    </svg>\n  "),
 	"sqrt-template-image": X("\n<svg width=\"48\" height=\"32\" viewBox=\"-7 0 48 32\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M4 18 L11 25 L18 4 L38 4\"\n    fill=\"none\"\n    stroke=\"#222\"\n    stroke-width=\"2.5\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  />\n  <rect\n    x=\"23\"   \n    y=\"9\"\n    width=\"10\"\n    height=\"13\"\n    fill=\"none\"\n    stroke=\"#43A047\"\n    stroke-width=\"2\"\n  />\n</svg>  \n  "),
@@ -6551,43 +6551,43 @@ var Ae = {
 	"arabic-indic-numerals-template-image": X("\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n      <text x=\"4\" y=\"36\" font-family=\"Amiri, Noto Naskh Arabic, serif\" font-size=\"38\" fill=\"#000\">٤٦</text>\n    </svg>\n  "),
 	"eastern-arabic-indic-numerals-template-image": X("\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\">\n      <text x=\"4\" y=\"36\" font-size=\"36\" font-family=\"sans-serif\" fill=\"#000\">۴۶</text>\n    </svg>\n  ")
 };
-function je(e, t = {}) {
-	if (e.cls?.includes("arrow-picker-tool")) return /* @__PURE__ */ x("span", {
+function Me(e, t = {}) {
+	if (e.cls?.includes("arrow-picker-tool")) return /* @__PURE__ */ w("span", {
 		className: "cme-toolbar-chevron-indicator",
 		"aria-hidden": "true",
 		children: "⏵"
 	});
-	if (e.icon && Ae[e.icon]) return /* @__PURE__ */ x("span", {
+	if (e.icon && je[e.icon]) return /* @__PURE__ */ w("span", {
 		className: `cme-toolbar-icon-image-wrapper cme-toolbar-icon-image-wrapper--${e.icon}`,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x("img", {
+		children: /* @__PURE__ */ w("img", {
 			className: `cme-toolbar-icon-image cme-toolbar-icon-image--${e.icon}`,
-			src: Ae[e.icon],
+			src: je[e.icon],
 			alt: ""
 		})
 	});
-	if (e.icon === "stacked-fraction") return /* @__PURE__ */ x("span", {
+	if (e.icon === "stacked-fraction") return /* @__PURE__ */ w("span", {
 		className: `cme-fraction-icon cme-fraction-stack${e.cls?.includes("black-glyph-template") ? " cme-fraction-stack--black-glyph-template" : ""}`,
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ S("svg", {
+		children: /* @__PURE__ */ T("svg", {
 			className: "cme-fraction-svg",
 			viewBox: "0 0 24 24",
 			focusable: "false",
 			"aria-hidden": "true",
 			children: [
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "7.5",
 					y: "-0.2",
 					width: "9",
 					height: "9"
 				}),
-				/* @__PURE__ */ x("line", {
+				/* @__PURE__ */ w("line", {
 					x1: "5.5",
 					y1: "12",
 					x2: "18.5",
 					y2: "12"
 				}),
-				/* @__PURE__ */ x("rect", {
+				/* @__PURE__ */ w("rect", {
 					x: "7.5",
 					y: "15.3",
 					width: "9",
@@ -6862,71 +6862,71 @@ function je(e, t = {}) {
 					height: 4.9
 				}
 			}
-		}[e.icon], a = t === "left" ? /* @__PURE__ */ x("path", { d: `M5.1 ${n - 1.55}L2.55 ${n}L5.1 ${n + 1.55}M2.95 ${n}H14.9` }) : t === "both" ? /* @__PURE__ */ x("path", { d: `M5.1 ${n - 1.55}L2.55 ${n}L5.1 ${n + 1.55}M2.95 ${n}H15.05M12.5 ${n - 1.55}L15.05 ${n}L12.5 ${n + 1.55}` }) : t === "harpoon-rl" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("path", { d: `M3.1 ${n - 1.95}H14.35M12.05 ${n - 3.15}L14.55 ${n - 1.95}L12.05 ${n - .75}` }), /* @__PURE__ */ x("path", { d: `M14.45 ${n + 1.65}H3.2M5.45 ${n + .45}L2.95 ${n + 1.65}L5.45 ${n + 2.85}` })] }) : t === "harpoon-lr" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("path", { d: `M14.45 ${n - 1.95}H3.2M5.45 ${n - 3.15}L2.95 ${n - 1.95}L5.45 ${n - .75}` }), /* @__PURE__ */ x("path", { d: `M3.1 ${n + 1.65}H14.35M12.05 ${n + .45}L14.55 ${n + 1.65}L12.05 ${n + 2.85}` })] }) : t === "bar-harpoon-rl" ? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ x("path", { d: `M4.3 ${n - 1.95}H14.1M11.8 ${n - 3.15}L14.3 ${n - 1.95}L11.8 ${n - .75}` }),
-			/* @__PURE__ */ x("path", { d: `M14.2 ${n + 1.65}H4.1M6.35 ${n + .45}L3.85 ${n + 1.65}L6.35 ${n + 2.85}` }),
-			/* @__PURE__ */ x("line", {
+		}[e.icon], a = t === "left" ? /* @__PURE__ */ w("path", { d: `M5.1 ${n - 1.55}L2.55 ${n}L5.1 ${n + 1.55}M2.95 ${n}H14.9` }) : t === "both" ? /* @__PURE__ */ w("path", { d: `M5.1 ${n - 1.55}L2.55 ${n}L5.1 ${n + 1.55}M2.95 ${n}H15.05M12.5 ${n - 1.55}L15.05 ${n}L12.5 ${n + 1.55}` }) : t === "harpoon-rl" ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("path", { d: `M3.1 ${n - 1.95}H14.35M12.05 ${n - 3.15}L14.55 ${n - 1.95}L12.05 ${n - .75}` }), /* @__PURE__ */ w("path", { d: `M14.45 ${n + 1.65}H3.2M5.45 ${n + .45}L2.95 ${n + 1.65}L5.45 ${n + 2.85}` })] }) : t === "harpoon-lr" ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("path", { d: `M14.45 ${n - 1.95}H3.2M5.45 ${n - 3.15}L2.95 ${n - 1.95}L5.45 ${n - .75}` }), /* @__PURE__ */ w("path", { d: `M3.1 ${n + 1.65}H14.35M12.05 ${n + .45}L14.55 ${n + 1.65}L12.05 ${n + 2.85}` })] }) : t === "bar-harpoon-rl" ? /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w("path", { d: `M4.3 ${n - 1.95}H14.1M11.8 ${n - 3.15}L14.3 ${n - 1.95}L11.8 ${n - .75}` }),
+			/* @__PURE__ */ w("path", { d: `M14.2 ${n + 1.65}H4.1M6.35 ${n + .45}L3.85 ${n + 1.65}L6.35 ${n + 2.85}` }),
+			/* @__PURE__ */ w("line", {
 				x1: "2.95",
 				y1: n - 1.95,
 				x2: "4.15",
 				y2: n - 1.95
 			}),
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("line", {
 				x1: "14.2",
 				y1: n + 1.65,
 				x2: "15.3",
 				y2: n + 1.65
 			})
-		] }) : t === "bar-harpoon-lr" ? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ x("path", { d: `M14.2 ${n - 1.95}H4.1M6.35 ${n - 3.15}L3.85 ${n - 1.95}L6.35 ${n - .75}` }),
-			/* @__PURE__ */ x("path", { d: `M4.3 ${n + 1.65}H14.1M11.8 ${n + .45}L14.3 ${n + 1.65}L11.8 ${n + 2.85}` }),
-			/* @__PURE__ */ x("line", {
+		] }) : t === "bar-harpoon-lr" ? /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w("path", { d: `M14.2 ${n - 1.95}H4.1M6.35 ${n - 3.15}L3.85 ${n - 1.95}L6.35 ${n - .75}` }),
+			/* @__PURE__ */ w("path", { d: `M4.3 ${n + 1.65}H14.1M11.8 ${n + .45}L14.3 ${n + 1.65}L11.8 ${n + 2.85}` }),
+			/* @__PURE__ */ w("line", {
 				x1: "14.2",
 				y1: n - 1.95,
 				x2: "15.3",
 				y2: n - 1.95
 			}),
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("line", {
 				x1: "2.95",
 				y1: n + 1.65,
 				x2: "4.15",
 				y2: n + 1.65
 			})
-		] }) : t === "bar-arrow-rl" ? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ x("path", { d: `M4.2 ${n - 1.95}H14.05M11.75 ${n - 3.15}L14.25 ${n - 1.95}L11.75 ${n - .75}` }),
-			/* @__PURE__ */ x("path", { d: `M14.15 ${n + 1.65}H4.25M6.55 ${n + .45}L4.05 ${n + 1.65}L6.55 ${n + 2.85}` }),
-			/* @__PURE__ */ x("line", {
+		] }) : t === "bar-arrow-rl" ? /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w("path", { d: `M4.2 ${n - 1.95}H14.05M11.75 ${n - 3.15}L14.25 ${n - 1.95}L11.75 ${n - .75}` }),
+			/* @__PURE__ */ w("path", { d: `M14.15 ${n + 1.65}H4.25M6.55 ${n + .45}L4.05 ${n + 1.65}L6.55 ${n + 2.85}` }),
+			/* @__PURE__ */ w("line", {
 				x1: "4.05",
 				y1: n + 1.65,
 				x2: "14.15",
 				y2: n + 1.65
 			})
-		] }) : t === "bar-arrow-lr" ? /* @__PURE__ */ S(b, { children: [
-			/* @__PURE__ */ x("path", { d: `M14.15 ${n - 1.95}H4.25M6.55 ${n - 3.15}L4.05 ${n - 1.95}L6.55 ${n - .75}` }),
-			/* @__PURE__ */ x("path", { d: `M4.2 ${n + 1.65}H14.05M11.75 ${n + .45}L14.25 ${n + 1.65}L11.75 ${n + 2.85}` }),
-			/* @__PURE__ */ x("line", {
+		] }) : t === "bar-arrow-lr" ? /* @__PURE__ */ T(C, { children: [
+			/* @__PURE__ */ w("path", { d: `M14.15 ${n - 1.95}H4.25M6.55 ${n - 3.15}L4.05 ${n - 1.95}L6.55 ${n - .75}` }),
+			/* @__PURE__ */ w("path", { d: `M4.2 ${n + 1.65}H14.05M11.75 ${n + .45}L14.25 ${n + 1.65}L11.75 ${n + 2.85}` }),
+			/* @__PURE__ */ w("line", {
 				x1: "4.05",
 				y1: n - 1.95,
 				x2: "14.15",
 				y2: n - 1.95
 			})
-		] }) : /* @__PURE__ */ x("path", { d: `M12.5 ${n - 1.55}L15.05 ${n}L12.5 ${n + 1.55}M2.95 ${n}H14.65` });
-		return /* @__PURE__ */ x("span", {
+		] }) : /* @__PURE__ */ w("path", { d: `M12.5 ${n - 1.55}L15.05 ${n}L12.5 ${n + 1.55}M2.95 ${n}H14.65` });
+		return /* @__PURE__ */ w("span", {
 			className: "cme-arrow-label-icon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ S("svg", {
+			children: /* @__PURE__ */ T("svg", {
 				className: "cme-arrow-label-svg",
 				viewBox: "0 0 18 18",
 				focusable: "false",
 				"aria-hidden": "true",
 				children: [
-					r ? /* @__PURE__ */ x("rect", {
+					r ? /* @__PURE__ */ w("rect", {
 						...r,
 						rx: "0.45",
 						className: "cme-arrow-label-placeholder-box"
 					}) : null,
 					a,
-					i ? /* @__PURE__ */ x("rect", {
+					i ? /* @__PURE__ */ w("rect", {
 						...i,
 						rx: "0.45",
 						className: "cme-arrow-label-placeholder-box"
@@ -6954,15 +6954,15 @@ function je(e, t = {}) {
 			[5.3, 11.25],
 			[10.1, 11.25]
 		], r;
-		return t === "bmatrix" ? r = /* @__PURE__ */ x("path", { d: "M3 1.8H1.95V15.85H3M12.95 1.8H14V15.85H12.95" }) : t === "pmatrix" ? r = /* @__PURE__ */ x("path", { d: "M3.15 1.8C1.85 3.05 1.35 4.75 1.35 8.85C1.35 12.95 1.85 14.65 3.15 15.85M12.85 1.8C14.15 3.05 14.65 4.75 14.65 8.85C14.65 12.95 14.15 14.65 12.85 15.85" }) : t === "vmatrix" && (r = /* @__PURE__ */ x("path", { d: "M2.6 1.9V15.75M13.4 1.9V15.75" })), /* @__PURE__ */ x("span", {
+		return t === "bmatrix" ? r = /* @__PURE__ */ w("path", { d: "M3 1.8H1.95V15.85H3M12.95 1.8H14V15.85H12.95" }) : t === "pmatrix" ? r = /* @__PURE__ */ w("path", { d: "M3.15 1.8C1.85 3.05 1.35 4.75 1.35 8.85C1.35 12.95 1.85 14.65 3.15 15.85M12.85 1.8C14.15 3.05 14.65 4.75 14.65 8.85C14.65 12.95 14.15 14.65 12.85 15.85" }) : t === "vmatrix" && (r = /* @__PURE__ */ w("path", { d: "M2.6 1.9V15.75M13.4 1.9V15.75" })), /* @__PURE__ */ w("span", {
 			className: "cme-matrix-icon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ S("svg", {
+			children: /* @__PURE__ */ T("svg", {
 				className: "cme-matrix-svg",
 				viewBox: "0 0 16 18",
 				focusable: "false",
 				"aria-hidden": "true",
-				children: [r, n.map(([e, n], r) => /* @__PURE__ */ x("rect", {
+				children: [r, n.map(([e, n], r) => /* @__PURE__ */ w("rect", {
 					x: e,
 					y: n,
 					width: "2.35",
@@ -7025,15 +7025,15 @@ function je(e, t = {}) {
 	}[e.insert];
 	if (n) {
 		let e;
-		return n.frame === "brackets" ? e = /* @__PURE__ */ x("path", { d: "M2.7 1.4H1.75V16.1H2.7M13.3 1.4H14.25V16.1H13.3" }) : n.frame === "parentheses" && (e = /* @__PURE__ */ x("path", { d: "M3 1.4C1.95 2.7 1.55 4.65 1.55 8.75C1.55 12.85 1.95 14.8 3 16.1M13 1.4C14.05 2.7 14.45 4.65 14.45 8.75C14.45 12.85 14.05 14.8 13 16.1" })), /* @__PURE__ */ x("span", {
+		return n.frame === "brackets" ? e = /* @__PURE__ */ w("path", { d: "M2.7 1.4H1.75V16.1H2.7M13.3 1.4H14.25V16.1H13.3" }) : n.frame === "parentheses" && (e = /* @__PURE__ */ w("path", { d: "M3 1.4C1.95 2.7 1.55 4.65 1.55 8.75C1.55 12.85 1.95 14.8 3 16.1M13 1.4C14.05 2.7 14.45 4.65 14.45 8.75C14.45 12.85 14.05 14.8 13 16.1" })), /* @__PURE__ */ w("span", {
 			className: "cme-matrix-template-icon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ S("svg", {
+			children: /* @__PURE__ */ T("svg", {
 				className: "cme-matrix-template-svg",
 				viewBox: "0 0 16 18",
 				focusable: "false",
 				"aria-hidden": "true",
-				children: [e, n.cells.map(([e, t], n) => /* @__PURE__ */ x("rect", {
+				children: [e, n.cells.map(([e, t], n) => /* @__PURE__ */ w("rect", {
 					x: e,
 					y: t,
 					width: "2.35",
@@ -7044,33 +7044,33 @@ function je(e, t = {}) {
 			})
 		});
 	}
-	if (e.icon === "superscript-template" || e.icon === "subscript-template") return /* @__PURE__ */ x("span", {
+	if (e.icon === "superscript-template" || e.icon === "subscript-template") return /* @__PURE__ */ w("span", {
 		className: "cme-script-icon",
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ x("svg", {
+		children: /* @__PURE__ */ w("svg", {
 			className: "cme-script-svg",
 			viewBox: "0 0 18 18",
 			focusable: "false",
 			"aria-hidden": "true",
-			children: e.icon === "superscript-template" ? /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("rect", {
+			children: e.icon === "superscript-template" ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("rect", {
 				x: "3",
 				y: "7",
 				width: "6",
 				height: "8",
 				rx: "0.5"
-			}), /* @__PURE__ */ x("rect", {
+			}), /* @__PURE__ */ w("rect", {
 				x: "10",
 				y: "3",
 				width: "5",
 				height: "7",
 				rx: "0.5"
-			})] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("rect", {
+			})] }) : /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("rect", {
 				x: "3",
 				y: "3",
 				width: "6",
 				height: "8",
 				rx: "0.5"
-			}), /* @__PURE__ */ x("rect", {
+			}), /* @__PURE__ */ w("rect", {
 				x: "10",
 				y: "8",
 				width: "5",
@@ -7081,10 +7081,10 @@ function je(e, t = {}) {
 	});
 	if (e.icon === "square-root-template" || e.icon === "nth-root-template") {
 		let t = e.icon === "nth-root-template";
-		return /* @__PURE__ */ x("span", {
+		return /* @__PURE__ */ w("span", {
 			className: "cme-root-icon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ S("svg", {
+			children: /* @__PURE__ */ T("svg", {
 				className: "cme-root-svg",
 				width: "48",
 				height: "32",
@@ -7092,15 +7092,15 @@ function je(e, t = {}) {
 				focusable: "false",
 				"aria-hidden": "true",
 				children: [
-					t ? /* @__PURE__ */ x("rect", {
+					t ? /* @__PURE__ */ w("rect", {
 						x: "8",
 						y: "4",
 						width: "8",
 						height: "10",
 						className: "cme-root-svg-box cme-root-svg-box--small"
 					}) : null,
-					/* @__PURE__ */ x("path", { d: t ? "M10 18 L17 25 L24 4 L46 4" : "M4 18 L11 25 L18 4 L42 4" }),
-					/* @__PURE__ */ x("rect", {
+					/* @__PURE__ */ w("path", { d: t ? "M10 18 L17 25 L24 4 L46 4" : "M4 18 L11 25 L18 4 L42 4" }),
+					/* @__PURE__ */ w("rect", {
 						x: t ? "30" : "24",
 						y: "9",
 						width: "11",
@@ -7113,20 +7113,20 @@ function je(e, t = {}) {
 	}
 	if (e.icon === "accent-harpoon-right" || e.icon === "accent-arrow-right" || e.icon === "accent-arrow-both" || e.icon === "accent-bar") {
 		let t;
-		return t = e.icon === "accent-bar" ? /* @__PURE__ */ x("line", {
+		return t = e.icon === "accent-bar" ? /* @__PURE__ */ w("line", {
 			x1: "3.5",
 			y1: "4.5",
 			x2: "14.5",
 			y2: "4.5"
-		}) : e.icon === "accent-arrow-both" ? /* @__PURE__ */ x("path", { d: "M3.3 5.5L5 3.9M3.3 5.5L5 7.1M3.5 5.5H14.5M13 3.9L14.7 5.5L13 7.1" }) : e.icon === "accent-harpoon-right" ? /* @__PURE__ */ x("path", { d: "M3.5 5.5H14.5M12 3.9L14.7 5.5M14 5.5V5" }) : /* @__PURE__ */ x("path", { d: "M3.5 5.5H14.2M11.8 3.9L14.7 5.5L11.8 7.1" }), /* @__PURE__ */ x("span", {
+		}) : e.icon === "accent-arrow-both" ? /* @__PURE__ */ w("path", { d: "M3.3 5.5L5 3.9M3.3 5.5L5 7.1M3.5 5.5H14.5M13 3.9L14.7 5.5L13 7.1" }) : e.icon === "accent-harpoon-right" ? /* @__PURE__ */ w("path", { d: "M3.5 5.5H14.5M12 3.9L14.7 5.5M14 5.5V5" }) : /* @__PURE__ */ w("path", { d: "M3.5 5.5H14.2M11.8 3.9L14.7 5.5L11.8 7.1" }), /* @__PURE__ */ w("span", {
 			className: "cme-accent-icon",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ S("svg", {
+			children: /* @__PURE__ */ T("svg", {
 				className: "cme-accent-svg",
 				viewBox: "0 0 18 18",
 				focusable: "false",
 				"aria-hidden": "true",
-				children: [t, /* @__PURE__ */ x("rect", {
+				children: [t, /* @__PURE__ */ w("rect", {
 					x: "6.4",
 					y: "8.6",
 					width: "5.2",
@@ -7145,19 +7145,19 @@ function je(e, t = {}) {
 			let i = /^(?:[+-]|[²³][⁺⁻])$/u.test(String(e.label || ""));
 			r.includes("chem-element") && n.push("cme-toolbar-glyph--chem-element"), r.includes("chem-arrow") && n.push("cme-toolbar-glyph--chem-arrow"), r.includes("chem-state") && n.push("cme-toolbar-glyph--chem-state"), t && n.push("cme-toolbar-glyph--chem-script"), i && n.push("cme-toolbar-glyph--chem-charge");
 		} else i && n.push("cme-toolbar-glyph--roots-main"), a && n.push("cme-toolbar-glyph--relations"), !i && !a && n.push("cme-toolbar-glyph--math"), o && n.push("cme-toolbar-glyph--greek");
-		return r.includes("green-template") && n.push("cme-toolbar-glyph--template"), r.includes("soft-tool") && n.push("cme-toolbar-glyph--tool"), r.includes("format-tool") && n.push("cme-toolbar-glyph--format"), l >= 4 && n.push("cme-toolbar-glyph--wide"), l >= 8 && n.push("cme-toolbar-glyph--very-wide"), /* @__PURE__ */ x("span", {
+		return r.includes("green-template") && n.push("cme-toolbar-glyph--template"), r.includes("soft-tool") && n.push("cme-toolbar-glyph--tool"), r.includes("format-tool") && n.push("cme-toolbar-glyph--format"), l >= 4 && n.push("cme-toolbar-glyph--wide"), l >= 8 && n.push("cme-toolbar-glyph--very-wide"), /* @__PURE__ */ w("span", {
 			className: n.join(" "),
 			"aria-hidden": "true",
-			children: r.includes("green-placeholder-glyph") || r.includes("black-glyph-template") || r.includes("black-placeholder-glyph") ? Array.from(c).map((e, t) => e === "□" ? /* @__PURE__ */ x("span", {
+			children: r.includes("green-placeholder-glyph") || r.includes("black-glyph-template") || r.includes("black-placeholder-glyph") ? Array.from(c).map((e, t) => e === "□" ? /* @__PURE__ */ w("span", {
 				className: r.includes("black-placeholder-glyph") ? "cme-toolbar-placeholder-box-black" : "cme-toolbar-placeholder-box-green",
 				children: e
-			}, `placeholder-${t}`) : /* @__PURE__ */ x("span", { children: e }, `glyph-${t}`)) : e.label
+			}, `placeholder-${t}`) : /* @__PURE__ */ w("span", { children: e }, `glyph-${t}`)) : e.label
 		});
 	}
 	return e.label;
 }
-function Me({ position: e, onInsert: t }) {
-	let n = Math.min(Math.max(e.x - 6, 8), window.innerWidth - 348), r = Math.min(e.y + 2, window.innerHeight - 148), i = (e) => e.preview === "rightleft-short-left" ? /* @__PURE__ */ S("svg", {
+function Ne({ position: e, onInsert: t }) {
+	let n = Math.min(Math.max(e.x - 6, 8), window.innerWidth - 348), r = Math.min(e.y + 2, window.innerHeight - 148), i = (e) => e.preview === "rightleft-short-left" ? /* @__PURE__ */ T("svg", {
 		width: "22",
 		height: "18",
 		viewBox: "0 0 50 24",
@@ -7168,22 +7168,22 @@ function Me({ position: e, onInsert: t }) {
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("line", {
 				x1: "10",
 				y1: "8",
 				x2: "38",
 				y2: "8"
 			}),
-			/* @__PURE__ */ x("polyline", { points: "30,2 38,8 30,14" }),
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("polyline", { points: "30,2 38,8 30,14" }),
+			/* @__PURE__ */ w("line", {
 				x1: "34",
 				y1: "16",
 				x2: "18",
 				y2: "16"
 			}),
-			/* @__PURE__ */ x("polyline", { points: "26,10 18,16 26,22" })
+			/* @__PURE__ */ w("polyline", { points: "26,10 18,16 26,22" })
 		]
-	}) : e.preview === "right-short-over-left-long" ? /* @__PURE__ */ S("svg", {
+	}) : e.preview === "right-short-over-left-long" ? /* @__PURE__ */ T("svg", {
 		width: "22",
 		height: "18",
 		viewBox: "0 0 50 24",
@@ -7194,22 +7194,22 @@ function Me({ position: e, onInsert: t }) {
 		strokeLinejoin: "round",
 		"aria-hidden": "true",
 		children: [
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("line", {
 				x1: "14",
 				y1: "8",
 				x2: "30",
 				y2: "8"
 			}),
-			/* @__PURE__ */ x("polyline", { points: "22,2 30,8 22,14" }),
-			/* @__PURE__ */ x("line", {
+			/* @__PURE__ */ w("polyline", { points: "22,2 30,8 22,14" }),
+			/* @__PURE__ */ w("line", {
 				x1: "40",
 				y1: "16",
 				x2: "12",
 				y2: "16"
 			}),
-			/* @__PURE__ */ x("polyline", { points: "20,10 12,16 20,22" })
+			/* @__PURE__ */ w("polyline", { points: "20,10 12,16 20,22" })
 		]
-	}) : /* @__PURE__ */ x("span", {
+	}) : /* @__PURE__ */ w("span", {
 		"aria-hidden": "true",
 		style: {
 			fontSize: "18px",
@@ -7219,7 +7219,7 @@ function Me({ position: e, onInsert: t }) {
 		},
 		children: e.label
 	});
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-arrow-picker-popup",
 		style: {
 			position: "fixed",
@@ -7228,9 +7228,9 @@ function Me({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-arrow-picker-grid",
-			children: P.map((e) => /* @__PURE__ */ x("button", {
+			children: L.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-arrow-picker-btn",
 				title: e.title,
@@ -7242,7 +7242,7 @@ function Me({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Ne({ position: e, items: t = [], onInsert: n, popupBounds: r = null, picker: i = "" }) {
+function Pe({ position: e, items: t = [], onInsert: n, popupBounds: r = null, picker: i = "" }) {
 	let a = i === "trigFunctionExtras" || i === "bracketDelimiterExtras" || i === "enclosureFrameExtras" || i === "strikeDecorationExtras" || i === "arithmeticLayoutExtras", o = a ? 2 : Math.max(1, Math.min(t.length, 5)), s = a ? 88 : 30, c = a ? 34 : 30, l = a ? 10 : 8, u = a ? 8 : 6, d = a ? 18 : 20, f = a ? 18 : 16, p = Math.max(1, Math.ceil(t.length / o)), m = o * s + (o - 1) * l + d, h = p * c + (p - 1) * u + f, g = r ? {
 		left: r.left,
 		top: r.top,
@@ -7253,24 +7253,24 @@ function Ne({ position: e, items: t = [], onInsert: n, popupBounds: r = null, pi
 		top: 8,
 		right: window.innerWidth - 8,
 		bottom: window.innerHeight - 8
-	}, _ = g.left + 8, ee = Math.max(_, g.right - m - 8), te = g.top + 8, v = Math.max(te, g.bottom - h - 8), ne = Math.min(Math.max(e.x - 6, _), ee), re = e.y + 2, y = e.y - h - 6, ie = re <= v ? re : Math.max(te, Math.min(y, v));
-	return /* @__PURE__ */ x("div", {
+	}, _ = g.left + 8, ee = Math.max(_, g.right - m - 8), te = g.top + 8, v = Math.max(te, g.bottom - h - 8), y = Math.min(Math.max(e.x - 6, _), ee), ne = e.y + 2, b = e.y - h - 6, x = ne <= v ? ne : Math.max(te, Math.min(b, v));
+	return /* @__PURE__ */ w("div", {
 		className: "cme-arrow-picker-popup cme-relation-more-picker-popup",
 		style: {
 			position: "fixed",
-			left: `${ne}px`,
-			top: `${ie}px`,
+			left: `${y}px`,
+			top: `${x}px`,
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-arrow-picker-grid",
 			style: {
 				gridTemplateColumns: `repeat(${o}, ${s}px)`,
 				gridAutoRows: `${c}px`,
 				gap: `${u}px ${l}px`
 			},
-			children: t.map((e) => /* @__PURE__ */ x("button", {
+			children: t.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: `cme-arrow-picker-btn${e.cls ? ` ${e.cls}` : ""}`,
 				title: e.title || e.label,
@@ -7282,7 +7282,7 @@ function Ne({ position: e, items: t = [], onInsert: n, popupBounds: r = null, pi
 				onMouseDown: (t) => {
 					t.preventDefault(), n(e.insert);
 				},
-				children: je(e, {
+				children: Me(e, {
 					groupId: "relations",
 					isMathMode: !0,
 					isChemMode: !1
@@ -7291,9 +7291,9 @@ function Ne({ position: e, items: t = [], onInsert: n, popupBounds: r = null, pi
 		})
 	});
 }
-function Pe({ position: e, onInsert: t }) {
-	let n = Math.ceil(F.length / 4), r = n * 34 + (n - 1) * 4 + 12, i = Math.min(Math.max(e.x - 8, 8), Math.max(8, window.innerWidth - 220 - 8)), a = Math.min(e.y + 2, Math.max(8, window.innerHeight - r - 8));
-	return /* @__PURE__ */ x("div", {
+function Fe({ position: e, onInsert: t }) {
+	let n = Math.ceil(R.length / 4), r = n * 34 + (n - 1) * 4 + 12, i = Math.min(Math.max(e.x - 8, 8), Math.max(8, window.innerWidth - 220 - 8)), a = Math.min(e.y + 2, Math.max(8, window.innerHeight - r - 8));
+	return /* @__PURE__ */ w("div", {
 		className: "cme-arrow-label-picker-popup",
 		style: {
 			position: "fixed",
@@ -7302,17 +7302,17 @@ function Pe({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-arrow-label-picker-grid",
 			style: { gridTemplateColumns: "repeat(4, 48px)" },
-			children: F.map((e) => /* @__PURE__ */ x("button", {
+			children: R.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-arrow-label-picker-btn",
 				title: e.title,
 				onMouseDown: (n) => {
 					n.preventDefault(), t(e.insert);
 				},
-				children: je(e, {
+				children: Me(e, {
 					groupId: "arrows",
 					isMathMode: !0,
 					isChemMode: !1
@@ -7321,9 +7321,9 @@ function Pe({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Fe({ position: e, onInsert: t }) {
+function Ie({ position: e, onInsert: t }) {
 	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 356), r = Math.min(e.y + 2, window.innerHeight - 148);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-greek-italic-picker-popup",
 		style: {
 			position: "fixed",
@@ -7332,16 +7332,16 @@ function Fe({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-greek-italic-picker-grid",
-			children: I.map((e) => /* @__PURE__ */ x("button", {
+			children: z.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-greek-italic-picker-btn",
 				title: e.title,
 				onMouseDown: (n) => {
 					n.preventDefault(), t(e.insert);
 				},
-				children: /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ w("span", {
 					className: "cme-greek-italic-picker-glyph",
 					"aria-hidden": "true",
 					children: e.label
@@ -7350,9 +7350,9 @@ function Fe({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Ie({ position: e, onInsert: t }) {
+function Le({ position: e, onInsert: t }) {
 	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 356), r = Math.min(e.y + 2, window.innerHeight - 308);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-blackboard-bold-picker-popup",
 		style: {
 			position: "fixed",
@@ -7361,16 +7361,16 @@ function Ie({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-blackboard-bold-picker-grid",
-			children: L.map((e) => /* @__PURE__ */ x("button", {
+			children: B.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-blackboard-bold-picker-btn",
 				title: e.title,
 				onMouseDown: (n) => {
 					n.preventDefault(), t(e.insert);
 				},
-				children: /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ w("span", {
 					className: "cme-blackboard-bold-picker-glyph",
 					"aria-hidden": "true",
 					children: e.label
@@ -7379,9 +7379,9 @@ function Ie({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Le({ position: e, onInsert: t }) {
+function Re({ position: e, onInsert: t }) {
 	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 356), r = Math.min(e.y + 2, window.innerHeight - 348);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-fraktur-script-picker-popup",
 		style: {
 			position: "fixed",
@@ -7390,16 +7390,16 @@ function Le({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-fraktur-script-picker-grid",
-			children: R.map((e) => /* @__PURE__ */ x("button", {
+			children: V.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-fraktur-script-picker-btn",
 				title: e.title,
 				onMouseDown: (n) => {
 					n.preventDefault(), t(e.insert);
 				},
-				children: /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ w("span", {
 					className: "cme-fraktur-script-picker-glyph",
 					"aria-hidden": "true",
 					children: e.label
@@ -7408,9 +7408,9 @@ function Le({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Re({ position: e, onInsert: t }) {
+function ze({ position: e, onInsert: t }) {
 	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 248), r = Math.min(e.y + 2, window.innerHeight - 88);
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-hebrew-symbol-picker-popup",
 		style: {
 			position: "fixed",
@@ -7419,16 +7419,16 @@ function Re({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "cme-hebrew-symbol-picker-grid",
-			children: z.map((e) => /* @__PURE__ */ x("button", {
+			children: H.map((e) => /* @__PURE__ */ w("button", {
 				type: "button",
 				className: "cme-hebrew-symbol-picker-btn",
 				title: e.title,
 				onMouseDown: (n) => {
 					n.preventDefault(), t(e.insert);
 				},
-				children: /* @__PURE__ */ x("span", {
+				children: /* @__PURE__ */ w("span", {
 					className: "cme-hebrew-symbol-picker-glyph",
 					"aria-hidden": "true",
 					children: e.label
@@ -7437,9 +7437,9 @@ function Re({ position: e, onInsert: t }) {
 		})
 	});
 }
-function ze({ position: e, onInsert: t }) {
-	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 612), r = Math.min(e.y + 2, window.innerHeight - 313), i = 2 * H + Math.floor(V / 2), a = 5 * H + Math.floor(V / 2), o = 7 * H + Math.floor(V / 2), s = 8 * H + Math.floor(V / 2), c = 3 * H;
-	return /* @__PURE__ */ x("div", {
+function Be({ position: e, onInsert: t }) {
+	let n = Math.min(Math.max(e.x - 8, 8), window.innerWidth - 612), r = Math.min(e.y + 2, window.innerHeight - 313), i = 2 * G + Math.floor(W / 2), a = 5 * G + Math.floor(W / 2), o = 7 * G + Math.floor(W / 2), s = 8 * G + Math.floor(W / 2), c = 3 * G;
+	return /* @__PURE__ */ w("div", {
 		className: "cme-periodic-table-picker-popup",
 		style: {
 			position: "fixed",
@@ -7448,14 +7448,14 @@ function ze({ position: e, onInsert: t }) {
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "cme-periodic-table-board",
 			style: {
-				width: `${ue}px`,
-				height: `${de}px`
+				width: `${ce}px`,
+				height: `${K}px`
 			},
 			children: [
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ w("div", {
 					className: "cme-periodic-table-connector cme-periodic-table-connector--vertical",
 					style: {
 						left: `${i}px`,
@@ -7463,7 +7463,7 @@ function ze({ position: e, onInsert: t }) {
 						height: `${s - a}px`
 					}
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ w("div", {
 					className: "cme-periodic-table-connector cme-periodic-table-connector--horizontal",
 					style: {
 						left: `${i}px`,
@@ -7471,7 +7471,7 @@ function ze({ position: e, onInsert: t }) {
 						width: `${c - i}px`
 					}
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ w("div", {
 					className: "cme-periodic-table-connector cme-periodic-table-connector--horizontal",
 					style: {
 						left: `${i}px`,
@@ -7479,15 +7479,15 @@ function ze({ position: e, onInsert: t }) {
 						width: `${c - i}px`
 					}
 				}),
-				U.map((e) => /* @__PURE__ */ x("button", {
+				le.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
 					className: `cme-periodic-table-cell cme-periodic-table-cell--${e.tone}`,
 					title: e.title,
 					style: {
-						left: `${(e.col - 1) * H}px`,
-						top: `${(e.row - 1) * H}px`,
-						width: `${V}px`,
-						height: `${V}px`
+						left: `${(e.col - 1) * G}px`,
+						top: `${(e.row - 1) * G}px`,
+						width: `${W}px`,
+						height: `${W}px`
 					},
 					onMouseDown: (n) => {
 						n.preventDefault(), t(e.insert);
@@ -7498,9 +7498,9 @@ function ze({ position: e, onInsert: t }) {
 		})
 	});
 }
-function Be({ position: e, options: t, value: n, onSelect: r, width: i = 132 }) {
+function Ve({ position: e, options: t, value: n, onSelect: r, width: i = 132 }) {
 	let a = Math.min(Math.max(e.x, 8), window.innerWidth - i - 8), o = Math.max(8, Math.min(e.y + 4, window.innerHeight - 290));
-	return /* @__PURE__ */ x("div", {
+	return /* @__PURE__ */ w("div", {
 		className: "cme-style-dropdown-popup",
 		style: {
 			position: "fixed",
@@ -7510,7 +7510,7 @@ function Be({ position: e, options: t, value: n, onSelect: r, width: i = 132 })
 			zIndex: 1e5
 		},
 		onMouseDown: (e) => e.stopPropagation(),
-		children: t.map((e) => /* @__PURE__ */ x("button", {
+		children: t.map((e) => /* @__PURE__ */ w("button", {
 			type: "button",
 			className: `cme-style-dropdown-option${n === e.value ? " active" : ""}`,
 			onMouseDown: (t) => {
@@ -7520,30 +7520,30 @@ function Be({ position: e, options: t, value: n, onSelect: r, width: i = 132 })
 		}, e.value))
 	});
 }
-function Ve(e) {
-	return class extends g {
+function He(e) {
+	return class extends _ {
 		init() {
 			let t = this.editor;
 			t.ui.componentFactory.add("mathType", () => {
-				let t = new c();
+				let t = new l();
 				return t.set({
 					label: "Math",
-					icon: De,
+					icon: Y,
 					tooltip: "Insert Math Formula"
 				}), t.on("execute", () => e("math")), t;
 			}), t.ui.componentFactory.add("chemType", () => {
-				let t = new c();
+				let t = new l();
 				return t.set({
 					label: "Chemistry",
-					icon: Y,
+					icon: Oe,
 					tooltip: "Insert Chemistry Formula"
 				}), t.on("execute", () => e("chem")), t;
 			});
 		}
 	};
 }
-function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLeave: c }) {
-	let [l, u] = i({
+function Ue({ matrixType: n, x: r, y: i, onSelect: o, onMouseEnter: s, onMouseLeave: c }) {
+	let [l, u] = a({
 		r: 2,
 		c: 2
 	}), d = {
@@ -7567,22 +7567,22 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 		l.r,
 		l.c,
 		o
-	]), /* @__PURE__ */ S("div", {
+	]), /* @__PURE__ */ T("div", {
 		className: "cme-matrix-hover-popover ck-only",
 		style: {
-			top: `${a}px`,
+			top: `${i}px`,
 			left: `${r}px`
 		},
 		onMouseDown: (e) => e.stopPropagation(),
 		onMouseEnter: s,
 		onMouseLeave: c,
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "cme-matrix-hover-title-wrap",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "cme-matrix-hover-title",
 					children: d[n] || "Matrix"
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "cme-matrix-hover-subtitle",
 					children: [
 						l.r,
@@ -7591,11 +7591,11 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 					]
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ w("div", {
 				className: "cme-matrix-hover-grid",
-				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ x("div", {
+				children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ w("div", {
 					className: "cme-matrix-hover-row",
-					children: Array.from({ length: 6 }).map((e, n) => /* @__PURE__ */ x("div", {
+					children: Array.from({ length: 6 }).map((e, n) => /* @__PURE__ */ w("div", {
 						className: `cme-matrix-hover-cell${t < l.r && n < l.c ? " selected" : ""}`,
 						onMouseEnter: () => u({
 							r: t + 1,
@@ -7607,16 +7607,16 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 					}, `${t}-${n}`))
 				}, t))
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "cme-matrix-hover-footer",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "cme-matrix-counter",
 					children: [
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ w("span", {
 							className: "cme-counter-label",
 							children: "R"
 						}),
-						/* @__PURE__ */ x("input", {
+						/* @__PURE__ */ w("input", {
 							type: "number",
 							min: "1",
 							max: "20",
@@ -7625,16 +7625,16 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 							onChange: (e) => f("r", e.target.value),
 							onMouseDown: (e) => e.stopPropagation()
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ T("div", {
 							className: "cme-counter-btns",
-							children: [/* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => u((e) => ({
 									...e,
 									r: Math.min(20, e.r + 1)
 								})),
 								children: "+"
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => u((e) => ({
 									...e,
@@ -7644,14 +7644,14 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 							})]
 						})
 					]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "cme-matrix-counter",
 					children: [
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ w("span", {
 							className: "cme-counter-label",
 							children: "C"
 						}),
-						/* @__PURE__ */ x("input", {
+						/* @__PURE__ */ w("input", {
 							type: "number",
 							min: "1",
 							max: "20",
@@ -7660,16 +7660,16 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 							onChange: (e) => f("c", e.target.value),
 							onMouseDown: (e) => e.stopPropagation()
 						}),
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ T("div", {
 							className: "cme-counter-btns",
-							children: [/* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => u((e) => ({
 									...e,
 									c: Math.min(20, e.c + 1)
 								})),
 								children: "+"
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => u((e) => ({
 									...e,
@@ -7684,69 +7684,69 @@ function He({ matrixType: n, x: r, y: a, onSelect: o, onMouseEnter: s, onMouseLe
 		]
 	});
 }
-function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirection: u = "ltr", isEditing: d }) {
-	let f = r(null), p = r(null), m = r(null), h = r(null), g = r(() => {}), _ = r(null), [ee, te] = i(0), [v, ne] = i(null), [re, y] = i(null), [ie, b] = i(null), [C, w] = i(null), [oe, T] = i(null), [E, D] = i(null), [O, k] = i(null), [A, j] = i(null), [M, N] = i(null), [P, F] = i(null), [I, L] = i(null), [R, z] = i(null), [B, ce] = i("normal"), [V, H] = i(null), [ue, de] = i(!1), [U, W] = i(u === "rtl"), [G, xe] = i(""), [Se, Ce] = i(""), we = o === "math" ? ve : ye, K = o === "math", Te = o === "chem", q = K || Te, J = we[ee] || {}, Ee = K && J.id ? ` cme-symbol-subgroup--tab-${J.id}` : "", De = n(() => Oe.map((e) => ({
+function We({ mode: n, onInsert: s, onClose: c, initialLatex: l, initialDirection: u = "ltr", isEditing: d }) {
+	let f = i(null), p = i(null), m = i(null), h = i(null), g = i(() => {}), _ = i(null), [ee, te] = a(0), [v, y] = a(null), [ne, b] = a(null), [x, S] = a(null), [C, E] = a(null), [re, D] = a(null), [O, k] = a(null), [A, j] = a(null), [M, N] = a(null), [P, F] = a(null), [I, L] = a(null), [R, z] = a(null), [B, V] = a(null), [H, oe] = a("normal"), [U, W] = a(null), [G, ce] = a(!1), [K, le] = a(u === "rtl"), [q, ye] = a(""), [be, xe] = a(""), Se = n === "math" ? ge : _e, Ce = n === "math", we = n === "chem", Te = Ce || we, J = Se[ee] || {}, Ee = Ce && J.id ? ` cme-symbol-subgroup--tab-${J.id}` : "", De = r(() => ke.map((e) => ({
 		...e,
-		normalized: ke(e.value) || e.value.toLowerCase()
-	})), []), [Y, X] = i({
+		normalized: Ae(e.value) || e.value.toLowerCase()
+	})), []), [Y, Oe] = a({
 		bold: !1,
 		italic: !1,
 		boldItalic: !1,
 		color: "none",
 		fontOption: "",
 		fontSize: "auto"
-	}), [Z, Ae] = i("western"), [Ve, Ue] = i("thin"), We = e((e, t) => {
+	}), [X, Z] = a("western"), [je, He] = a("thin"), We = e((e, t) => {
 		let n = p.current, r = n?.offsetWidth || 720, i = n?.offsetHeight || 384, a = Math.max(12, window.innerWidth - r - 12), o = Math.max(12, window.innerHeight - i - 12);
 		return {
 			x: Math.min(Math.max(12, e), a),
 			y: Math.min(Math.max(12, t), o)
 		};
 	}, []), Ge = e(() => {
-		g.current(), g.current = () => {}, h.current = null, de(!1);
+		g.current(), g.current = () => {}, h.current = null, ce(!1);
 	}, []);
 	t(() => () => Ge(), [Ge]), t(() => {
-		m.current = V;
-	}, [V]), t(() => {
-		B === "minimized" && (ne(null), y(null), b(null), w(null), T(null), D(null), k(null), j(null), N(null), F(null), L(null), z(null));
-	}, [B]), t(() => {
-		if (B === "maximized") return;
+		m.current = U;
+	}, [U]), t(() => {
+		H === "minimized" && (y(null), b(null), S(null), E(null), D(null), k(null), j(null), N(null), F(null), L(null), z(null), V(null));
+	}, [H]), t(() => {
+		if (H === "maximized") return;
 		let e = () => {
 			let e = p.current;
 			if (!e) return;
 			let t = m.current;
 			if (t) {
 				let e = We(t.x, t.y);
-				m.current = e, H(e);
+				m.current = e, W(e);
 				return;
 			}
 			let n = e.getBoundingClientRect(), r = We(window.innerWidth - n.width - 24, window.innerHeight - n.height - 24);
-			m.current = r, H(r);
+			m.current = r, W(r);
 		}, t = requestAnimationFrame(e), n = p.current, r = (t) => {
 			t.target === n && (t.propertyName !== "width" && t.propertyName !== "height" || e());
 		};
 		return n?.addEventListener("transitionend", r), () => {
 			cancelAnimationFrame(t), n?.removeEventListener("transitionend", r);
 		};
-	}, [We, B]), t(() => {
-		if (B === "maximized") return;
+	}, [We, H]), t(() => {
+		if (H === "maximized") return;
 		let e = () => {
 			let e = m.current;
 			if (!e) return;
 			let t = We(e.x, e.y);
-			m.current = t, H(t);
+			m.current = t, W(t);
 		};
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [We, B]);
+	}, [We, H]);
 	let Ke = e((e) => {
-		if (B === "maximized" || e.button !== void 0 && e.button !== 0 || e.target.closest(".cme-popup-actions")) return;
+		if (H === "maximized" || e.button !== void 0 && e.button !== 0 || e.target.closest(".cme-popup-actions")) return;
 		let t = p.current;
 		if (!t) return;
-		e.preventDefault(), de(!0);
+		e.preventDefault(), ce(!0);
 		let n = t.getBoundingClientRect(), r = m.current || {
 			x: n.left,
 			y: n.top
 		};
-		m.current = r, H(r), h.current = {
+		m.current = r, W(r), h.current = {
 			offsetX: e.clientX - n.left,
 			offsetY: e.clientY - n.top
 		};
@@ -7754,7 +7754,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 			if (!h.current) return;
 			e.preventDefault();
 			let t = We(e.clientX - h.current.offsetX, e.clientY - h.current.offsetY);
-			m.current = t, H(t);
+			m.current = t, W(t);
 		}, a = () => Ge();
 		g.current = () => {
 			window.removeEventListener("pointermove", i), window.removeEventListener("pointerup", a);
@@ -7762,21 +7762,21 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 	}, [
 		We,
 		Ge,
-		B
+		H
 	]);
 	t(() => {
-		W(u === "rtl");
+		le(u === "rtl");
 	}, [u]), t(() => {
 		let e = f.current;
 		if (!e) return;
-		let t = U ? "rtl" : "ltr";
-		e.setAttribute("dir", t), e.style.direction = t, e.style.textAlign = U ? "right" : "left", e.style.unicodeBidi = U ? "plaintext" : "normal";
-	}, [U]);
+		let t = K ? "rtl" : "ltr";
+		e.setAttribute("dir", t), e.style.direction = t, e.style.textAlign = K ? "right" : "left", e.style.unicodeBidi = K ? "plaintext" : "normal";
+	}, [K]);
 	let Q = e(() => {
 		let e = f.current;
 		if (!(!e || typeof e.queryStyle != "function")) try {
-			let t = e.queryStyle({ variantStyle: "bolditalic" }) === "all", n = t || e.queryStyle({ fontSeries: "b" }) === "all" || e.queryStyle({ variantStyle: "bold" }) === "all", r = t || e.queryStyle({ fontShape: "it" }) === "all" || e.queryStyle({ variantStyle: "italic" }) === "all", i = fe.find(({ style: t }) => Object.entries(t).every(([t, n]) => e.queryStyle({ [t]: n }) === "all")) || null, a = me.find(({ value: t }) => e.queryStyle({ fontSize: parseInt(t, 10) }) === "all")?.value || "auto", o = ke(G), s = [...new Set(De.flatMap((e) => [e.normalized, e.value]).concat(Y.color === "none" ? [] : [Y.color]).concat(o ? [o, G.trim()] : []).filter(Boolean))].find((t) => e.queryStyle({ color: t }) === "all"), c = s ? ke(s) || s : "none";
-			X({
+			let t = e.queryStyle({ variantStyle: "bolditalic" }) === "all", n = t || e.queryStyle({ fontSeries: "b" }) === "all" || e.queryStyle({ variantStyle: "bold" }) === "all", r = t || e.queryStyle({ fontShape: "it" }) === "all" || e.queryStyle({ variantStyle: "italic" }) === "all", i = ue.find(({ style: t }) => Object.entries(t).every(([t, n]) => e.queryStyle({ [t]: n }) === "all")) || null, a = fe.find(({ value: t }) => e.queryStyle({ fontSize: parseInt(t, 10) }) === "all")?.value || "auto", o = Ae(q), s = [...new Set(De.flatMap((e) => [e.normalized, e.value]).concat(Y.color === "none" ? [] : [Y.color]).concat(o ? [o, q.trim()] : []).filter(Boolean))].find((t) => e.queryStyle({ color: t }) === "all"), c = s ? Ae(s) || s : "none";
+			Oe({
 				bold: n,
 				italic: r,
 				boldItalic: t,
@@ -7790,7 +7790,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 	}, [
 		Y.color,
 		De,
-		G
+		q
 	]), qe = e((e) => {
 		let t = f.current;
 		if (!t || typeof t.applyStyle != "function") return;
@@ -7799,8 +7799,8 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 			variantStyle: i,
 			fontSeries: n ? "b" : "m",
 			fontShape: r ? "it" : "n"
-		}), t.applyStyle({ color: e.color === "none" ? "none" : e.color }), t.applyStyle(pe);
-		let a = fe.find(({ value: t }) => t === e.fontOption);
+		}), t.applyStyle({ color: e.color === "none" ? "none" : e.color }), t.applyStyle(de);
+		let a = ue.find(({ value: t }) => t === e.fontOption);
 		if (a && t.applyStyle(a.style), e.fontSize !== "auto") {
 			let n = parseInt(e.fontSize, 10);
 			t.applyStyle({
@@ -7823,20 +7823,20 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 	]), Ye = e((e) => {
 		let t = f.current;
 		if (!t || typeof t.applyStyle != "function") return !1;
-		let n = e === "none" ? "none" : ke(e);
-		if (e !== "none" && !n) return Ce("Enter a valid hex code or CSS color name."), !1;
+		let n = e === "none" ? "none" : Ae(e);
+		if (e !== "none" && !n) return xe("Enter a valid hex code or CSS color name."), !1;
 		let r = e === "none" ? "none" : n;
-		return t.focus(), t.applyStyle({ color: r }), X((e) => ({
+		return t.focus(), t.applyStyle({ color: r }), Oe((e) => ({
 			...e,
 			color: r
-		})), xe(r === "none" ? "" : r), Ce(""), requestAnimationFrame(Q), !0;
+		})), ye(r === "none" ? "" : r), xe(""), requestAnimationFrame(Q), !0;
 	}, [Q]), Xe = e((e, t) => {
 		let n = f.current;
 		if (!(!n || typeof n.applyStyle != "function")) {
 			if (n.focus(), e === "font") {
-				n.applyStyle(pe);
-				let e = fe.find((e) => e.value === t);
-				e && n.applyStyle(e.style), X((e) => ({
+				n.applyStyle(de);
+				let e = ue.find((e) => e.value === t);
+				e && n.applyStyle(e.style), Oe((e) => ({
 					...e,
 					fontOption: t
 				}));
@@ -7845,7 +7845,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 				n.applyStyle({
 					fontSize: e,
 					size: e
-				}), X((e) => ({
+				}), Oe((e) => ({
 					...e,
 					fontSize: t || "auto"
 				}));
@@ -7854,39 +7854,39 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 		}
 	}, [Q]);
 	t(() => {
-		if (!v && !I && !R && !ie && !C && !oe && !E && !O && !A && !M && !P) return;
+		if (!v && !R && !B && !x && !C && !re && !O && !A && !M && !P && !I) return;
 		let e = (e) => {
-			!e.target.closest(".cme-matrix-hover-popover") && !e.target.closest(".cme-matrix-btn-wrapper") && ne(null), !e.target.closest(".cme-color-picker-popup") && !e.target.closest("[title=\"Text Color\"]") && L(null), !e.target.closest(".cme-style-dropdown-popup") && !e.target.closest(".cme-style-select-trigger") && z(null), !e.target.closest(".cme-arrow-picker-popup") && !e.target.closest(".arrow-picker-tool") && b(null), !e.target.closest(".cme-relation-more-picker-popup") && !e.target.closest(".relation-more-picker-tool") && w(null), !e.target.closest(".cme-arrow-label-picker-popup") && !e.target.closest(".arrow-label-picker-tool") && T(null), !e.target.closest(".cme-greek-italic-picker-popup") && !e.target.closest(".greek-italic-picker-tool") && D(null), !e.target.closest(".cme-blackboard-bold-picker-popup") && !e.target.closest(".blackboard-bold-picker-tool") && k(null), !e.target.closest(".cme-fraktur-script-picker-popup") && !e.target.closest(".fraktur-script-picker-tool") && j(null), !e.target.closest(".cme-hebrew-symbol-picker-popup") && !e.target.closest(".hebrew-symbol-picker-tool") && N(null), !e.target.closest(".cme-periodic-table-picker-popup") && !e.target.closest(".periodic-table-picker-tool") && F(null);
+			!e.target.closest(".cme-matrix-hover-popover") && !e.target.closest(".cme-matrix-btn-wrapper") && y(null), !e.target.closest(".cme-color-picker-popup") && !e.target.closest("[title=\"Text Color\"]") && z(null), !e.target.closest(".cme-style-dropdown-popup") && !e.target.closest(".cme-style-select-trigger") && V(null), !e.target.closest(".cme-arrow-picker-popup") && !e.target.closest(".arrow-picker-tool") && S(null), !e.target.closest(".cme-relation-more-picker-popup") && !e.target.closest(".relation-more-picker-tool") && E(null), !e.target.closest(".cme-arrow-label-picker-popup") && !e.target.closest(".arrow-label-picker-tool") && D(null), !e.target.closest(".cme-greek-italic-picker-popup") && !e.target.closest(".greek-italic-picker-tool") && k(null), !e.target.closest(".cme-blackboard-bold-picker-popup") && !e.target.closest(".blackboard-bold-picker-tool") && j(null), !e.target.closest(".cme-fraktur-script-picker-popup") && !e.target.closest(".fraktur-script-picker-tool") && N(null), !e.target.closest(".cme-hebrew-symbol-picker-popup") && !e.target.closest(".hebrew-symbol-picker-tool") && F(null), !e.target.closest(".cme-periodic-table-picker-popup") && !e.target.closest(".periodic-table-picker-tool") && L(null);
 		};
 		return window.addEventListener("mousedown", e, !0), window.addEventListener("pointerdown", e, !0), () => {
 			window.removeEventListener("mousedown", e, !0), window.removeEventListener("pointerdown", e, !0);
 		};
 	}, [
 		v,
-		I,
 		R,
-		ie,
+		B,
+		x,
 		C,
-		oe,
-		E,
+		re,
 		O,
 		A,
 		M,
-		P
+		P,
+		I
 	]), t(() => {
 		let e = f.current;
 		if (!e) return;
-		e.defaultMode = o === "chem" ? "text" : "math", e.letterShapeStyle = "upright";
+		e.defaultMode = n === "chem" ? "text" : "math", e.letterShapeStyle = "upright";
 		let t = () => {
 			let t = l || "";
-			if (o === "chem" && t) {
+			if (n === "chem" && t) {
 				let e = t.match(/^\\ce\{([\s\S]*)\}$/);
 				e && (t = e[1]);
 			}
 			e.setValue ? e.setValue(t, { silenceNotifications: !0 }) : e.value = t, requestAnimationFrame(() => e.focus());
 		};
 		customElements.get("math-field") ? requestAnimationFrame(t) : customElements.whenDefined("math-field").then(() => requestAnimationFrame(t));
-	}, [o, l]), t(() => {
+	}, [n, l]), t(() => {
 		let e = f.current;
 		if (!e) return;
 		let t = () => e.getValue ? e.getValue() : e.value || "", n = () => {
@@ -7909,44 +7909,44 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 			});
 		}, i = (n) => {
 			let i = n.key.length === 1 && n.key !== " " && !n.ctrlKey && !n.metaKey && !n.altKey, a = /^\d$/.test(n.key) && !n.ctrlKey && !n.metaKey && !n.altKey;
-			if (Ve === "negativeThin" && i) {
+			if (je === "negativeThin" && i) {
 				n.preventDefault();
-				let i = Z !== "western" && a ? le(n.key, Z) : n.key;
-				U ? r(`\\!${i}${t()}`) : e.executeCommand(["insert", `\\!${i}`]);
+				let i = X !== "western" && a ? se(n.key, X) : n.key;
+				K ? r(`\\!${i}${t()}`) : e.executeCommand(["insert", `\\!${i}`]);
 				return;
 			}
-			if (Z !== "western" && a) {
+			if (X !== "western" && a) {
 				n.preventDefault();
-				let i = le(n.key, Z);
-				U ? r(`${i}${t()}`) : e.executeCommand(["insert", i]);
+				let i = se(n.key, X);
+				K ? r(`${i}${t()}`) : e.executeCommand(["insert", i]);
 				return;
 			}
 			if (n.key === " ") {
 				n.preventDefault();
-				let i = Ve === "negativeThin" ? "\\!" : "\\, ";
-				U ? r(`${i}${t()}`) : e.executeCommand(["insert", i]);
+				let i = je === "negativeThin" ? "\\!" : "\\, ";
+				K ? r(`${i}${t()}`) : e.executeCommand(["insert", i]);
 				return;
 			} else if (n.key === "Enter") {
-				n.preventDefault(), U ? r(`\\\\${t()}`) : e.executeCommand(["insert", "\\\\"]), setTimeout(() => {
+				n.preventDefault(), K ? r(`\\\\${t()}`) : e.executeCommand(["insert", "\\\\"]), setTimeout(() => {
 					qe(Y), Q();
 				}, 10);
 				return;
 			}
-			if (U && n.key === "Backspace") {
+			if (K && n.key === "Backspace") {
 				n.preventDefault(), r(t().slice(1));
 				return;
 			}
-			U && i && (n.preventDefault(), r(`${n.key}${t()}`));
+			K && i && (n.preventDefault(), r(`${n.key}${t()}`));
 		};
 		return e.addEventListener("keydown", i), () => e.removeEventListener("keydown", i);
 	}, [
-		o,
+		n,
 		Y,
 		qe,
 		Q,
-		U,
-		Z,
-		Ve
+		K,
+		X,
+		je
 	]), t(() => {
 		let e = f.current;
 		if (!e) return;
@@ -7983,13 +7983,13 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 				return;
 			}
 			if (e === "\\,") {
-				Ue("thin"), t.executeCommand(["insert", "\\,"]);
+				He("thin"), t.executeCommand(["insert", "\\,"]);
 				return;
 			}
-			e === "\\!" && (Ue("negativeThin"), t.executeCommand(["insert", "\\!"]));
+			e === "\\!" && (He("negativeThin"), t.executeCommand(["insert", "\\!"]));
 		}
 	}, []), Qe = e((e) => {
-		let t = f.current, n = he[e];
+		let t = f.current, n = pe[e];
 		if (!t || !n) return;
 		let r = t.selection || t.model?.selection;
 		if (!(r && Array.isArray(r.ranges) && r.ranges.length > 0 && r.ranges.some(([e, t]) => e !== t))) {
@@ -8004,7 +8004,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 			_.current = null;
 			return;
 		}
-		let a = ge(i), o = _.current, s = a.baseLatex, c = o?.baseLatex === s, l = c ? o.offsetX : a.offsetX, u = c ? o.offsetY : a.offsetY, d = l + n.x, p = u + n.y, m = _e(s, d, p);
+		let a = me(i), o = _.current, s = a.baseLatex, c = o?.baseLatex === s, l = c ? o.offsetX : a.offsetX, u = c ? o.offsetY : a.offsetY, d = l + n.x, p = u + n.y, m = he(s, d, p);
 		if (_.current = {
 			baseLatex: s,
 			offsetX: d,
@@ -8033,41 +8033,41 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 			c();
 			return;
 		}
-		o === "chem" && (t = be(t)), s(t, { direction: U ? "rtl" : "ltr" }), e.setValue ? e.setValue("") : e.value = "", c();
-	}, tt = B !== "maximized" && V ? {
-		left: `${V.x}px`,
-		top: `${V.y}px`,
+		n === "chem" && (t = ve(t)), s(t, { direction: K ? "rtl" : "ltr" }), e.setValue ? e.setValue("") : e.value = "", c();
+	}, tt = H !== "maximized" && U ? {
+		left: `${U.x}px`,
+		top: `${U.y}px`,
 		right: "auto",
 		bottom: "auto"
 	} : void 0;
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ T("div", {
 		ref: p,
-		className: `cme-editor-popup ${B}${ue ? " dragging" : ""}`,
+		className: `cme-editor-popup ${H}${G ? " dragging" : ""}`,
 		style: tt,
 		onMouseDown: (e) => e.stopPropagation(),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "cme-popup-header",
 				onPointerDown: Ke,
-				children: [/* @__PURE__ */ x("span", { children: o === "math" ? "MathType" : "ChemType" }), /* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ w("span", { children: n === "math" ? "MathType" : "ChemType" }), /* @__PURE__ */ T("div", {
 					className: "cme-popup-actions",
 					onPointerDown: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ w("button", {
 							type: "button",
 							className: "cme-popup-window-btn",
-							"aria-label": B === "minimized" ? "Restore window" : "Minimize window",
-							onClick: () => ce((e) => e === "minimized" ? "normal" : "minimized"),
-							children: B === "minimized" ? "+" : "-"
+							"aria-label": H === "minimized" ? "Restore window" : "Minimize window",
+							onClick: () => oe((e) => e === "minimized" ? "normal" : "minimized"),
+							children: H === "minimized" ? "+" : "-"
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ w("button", {
 							type: "button",
 							className: "cme-popup-window-btn",
-							"aria-label": B === "maximized" ? "Restore window" : "Maximize window",
-							onClick: () => ce((e) => e === "maximized" ? "normal" : "maximized"),
-							children: B === "maximized" ? "o" : "⤢ "
+							"aria-label": H === "maximized" ? "Restore window" : "Maximize window",
+							onClick: () => oe((e) => e === "maximized" ? "normal" : "maximized"),
+							children: H === "maximized" ? "o" : "⤢ "
 						}),
-						/* @__PURE__ */ x("button", {
+						/* @__PURE__ */ w("button", {
 							type: "button",
 							className: "cme-popup-close",
 							onClick: () => {
@@ -8078,25 +8078,25 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 					]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "cme-toolbar",
 				role: "toolbar",
 				"aria-label": "Symbol palette",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ w("div", {
 					className: "cme-toolbar-groups",
-					children: we.map((e, t) => /* @__PURE__ */ x("button", {
-						className: `cme-group-tab${q ? " cme-group-tab--popup" : ""}${K ? " cme-group-tab--math" : ""}${Te ? " cme-group-tab--chem" : ""}${ee === t ? " active" : ""}`,
+					children: Se.map((e, t) => /* @__PURE__ */ w("button", {
+						className: `cme-group-tab${Te ? " cme-group-tab--popup" : ""}${Ce ? " cme-group-tab--math" : ""}${we ? " cme-group-tab--chem" : ""}${ee === t ? " active" : ""}`,
 						type: "button",
 						onClick: () => {
-							te(t), ne(null);
+							te(t), y(null);
 						},
-						children: /* @__PURE__ */ x("span", {
+						children: /* @__PURE__ */ w("span", {
 							className: "cme-group-tab-label",
 							children: e.label
 						})
 					}, e.id || t))
-				}), /* @__PURE__ */ x("div", {
-					className: `cme-toolbar-items${ee === 0 && K ? " cme-toolbar-items--first-tab" : ""}${J.id === "greek" ? " cme-toolbar-items--greek" : ""}${J.id === "relations" ? " cme-toolbar-items--relations" : ""}${J.id === "arrows" ? " cme-toolbar-items--arrows" : ""}${J.id === "brackets" ? " cme-toolbar-items--brackets" : ""}${J.id === "matrix" ? " cme-toolbar-items--matrix" : ""}${q ? " cme-toolbar-items--popup-compact" : ""}`,
+				}), /* @__PURE__ */ w("div", {
+					className: `cme-toolbar-items${ee === 0 && Ce ? " cme-toolbar-items--first-tab" : ""}${J.id === "greek" ? " cme-toolbar-items--greek" : ""}${J.id === "relations" ? " cme-toolbar-items--relations" : ""}${J.id === "arrows" ? " cme-toolbar-items--arrows" : ""}${J.id === "brackets" ? " cme-toolbar-items--brackets" : ""}${J.id === "matrix" ? " cme-toolbar-items--matrix" : ""}${Te ? " cme-toolbar-items--popup-compact" : ""}`,
 					children: (() => {
 						let e = J.items || [];
 						if (J.id === "greek") {
@@ -8153,30 +8153,30 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 									rows: 3
 								}
 							}, r = Object.entries(t);
-							return /* @__PURE__ */ x("div", {
+							return /* @__PURE__ */ w("div", {
 								className: "cme-greek-panel",
 								children: r.map(([e, t], i) => {
 									let a = n[e] || {
 										cols: 2,
 										rows: Math.max(1, Math.ceil(t.length / 2))
 									}, o = a.cols, s = a.rows, c = t.every((e) => e.cls?.includes("arrow-picker-tool")), l = r[i + 1]?.[1] || [], u = l.length > 0 && l.every((e) => e.cls?.includes("arrow-picker-tool"));
-									return /* @__PURE__ */ x("section", {
-										className: `cme-symbol-subgroup cme-greek-subgroup${e === "Fraktur Symbols" ? " cme-greek-subgroup--no-right-border" : ""}${c ? " cme-greek-subgroup--picker" : ""}${u ? " cme-greek-subgroup--before-picker" : ""}${q ? " cme-symbol-subgroup--compact" : ""}${Ee}`,
+									return /* @__PURE__ */ w("section", {
+										className: `cme-symbol-subgroup cme-greek-subgroup${e === "Fraktur Symbols" ? " cme-greek-subgroup--no-right-border" : ""}${c ? " cme-greek-subgroup--picker" : ""}${u ? " cme-greek-subgroup--before-picker" : ""}${Te ? " cme-symbol-subgroup--compact" : ""}${Ee}`,
 										style: {
 											gridTemplateColumns: `repeat(${o}, auto)`,
 											gridTemplateRows: `repeat(${s}, auto)`,
 											"--cme-greek-rows": `repeat(${s}, auto)`
 										},
 										children: t.map((t, n) => {
-											let r = J, i = `${r.id || r.label || ee}-${e}-${n}-${t.insert || t.action || t.label}`, a = t.action === "GREEK_ITALIC_PICKER", o = t.action === "BLACKBOARD_BOLD_PICKER", s = t.action === "FRAKTUR_SCRIPT_PICKER", c = t.action === "HEBREW_SYMBOL_PICKER", l = t.action === "PERIODIC_TABLE_PICKER", u = t.action === "ARABIC_INDIC_NUMERALS", d = t.action === "EASTERN_ARABIC_INDIC_NUMERALS", p = a ? !!E : o ? !!O : s ? !!A : c ? !!M : l ? !!P : u ? Z === "arabicIndic" : d ? Z === "easternArabicIndic" : !1;
-											return /* @__PURE__ */ x("button", {
+											let r = J, i = `${r.id || r.label || ee}-${e}-${n}-${t.insert || t.action || t.label}`, a = t.action === "GREEK_ITALIC_PICKER", o = t.action === "BLACKBOARD_BOLD_PICKER", s = t.action === "FRAKTUR_SCRIPT_PICKER", c = t.action === "HEBREW_SYMBOL_PICKER", l = t.action === "PERIODIC_TABLE_PICKER", u = t.action === "ARABIC_INDIC_NUMERALS", d = t.action === "EASTERN_ARABIC_INDIC_NUMERALS", p = a ? !!O : o ? !!A : s ? !!M : c ? !!P : l ? !!I : u ? X === "arabicIndic" : d ? X === "easternArabicIndic" : !1;
+											return /* @__PURE__ */ w("button", {
 												type: "button",
-												className: `cme-btn cme-greek-btn${q ? " cme-btn--compact" : ""}${t.cls ? ` ${t.cls}` : ""}${p ? " active" : ""}`,
+												className: `cme-btn cme-greek-btn${Te ? " cme-btn--compact" : ""}${t.cls ? ` ${t.cls}` : ""}${p ? " active" : ""}`,
 												title: t.title || t.insert,
 												onMouseDown: (e) => {
 													if (e.preventDefault(), t.action === "GREEK_ITALIC_PICKER") {
 														let t = e.currentTarget.getBoundingClientRect();
-														b(null), T(null), L(null), y(null), k(null), j(null), N(null), F(null), D((e) => e ? null : {
+														S(null), D(null), z(null), b(null), j(null), N(null), F(null), L(null), k((e) => e ? null : {
 															x: t.left,
 															y: t.bottom + 4
 														});
@@ -8184,7 +8184,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 													}
 													if (t.action === "BLACKBOARD_BOLD_PICKER") {
 														let t = e.currentTarget.getBoundingClientRect();
-														b(null), T(null), L(null), y(null), D(null), j(null), N(null), F(null), k((e) => e ? null : {
+														S(null), D(null), z(null), b(null), k(null), N(null), F(null), L(null), j((e) => e ? null : {
 															x: t.left,
 															y: t.bottom + 4
 														});
@@ -8192,7 +8192,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 													}
 													if (t.action === "FRAKTUR_SCRIPT_PICKER") {
 														let t = e.currentTarget.getBoundingClientRect();
-														b(null), T(null), L(null), y(null), D(null), k(null), N(null), F(null), j((e) => e ? null : {
+														S(null), D(null), z(null), b(null), k(null), j(null), F(null), L(null), N((e) => e ? null : {
 															x: t.left,
 															y: t.bottom + 4
 														});
@@ -8200,7 +8200,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 													}
 													if (t.action === "HEBREW_SYMBOL_PICKER") {
 														let t = e.currentTarget.getBoundingClientRect();
-														b(null), T(null), L(null), y(null), D(null), k(null), j(null), F(null), N((e) => e ? null : {
+														S(null), D(null), z(null), b(null), k(null), j(null), N(null), L(null), F((e) => e ? null : {
 															x: t.left,
 															y: t.bottom + 4
 														});
@@ -8208,26 +8208,26 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 													}
 													if (t.action === "PERIODIC_TABLE_PICKER") {
 														let t = e.currentTarget.getBoundingClientRect();
-														b(null), T(null), L(null), y(null), D(null), k(null), j(null), N(null), F((e) => e ? null : {
+														S(null), D(null), z(null), b(null), k(null), j(null), N(null), F(null), L((e) => e ? null : {
 															x: t.left,
 															y: t.bottom + 4
 														});
 														return;
 													}
 													if (t.action === "ARABIC_INDIC_NUMERALS") {
-														b(null), T(null), L(null), y(null), D(null), k(null), j(null), N(null), F(null), Ae((e) => e === "arabicIndic" ? "western" : "arabicIndic"), requestAnimationFrame(() => f.current?.focus?.());
+														S(null), D(null), z(null), b(null), k(null), j(null), N(null), F(null), L(null), Z((e) => e === "arabicIndic" ? "western" : "arabicIndic"), requestAnimationFrame(() => f.current?.focus?.());
 														return;
 													}
 													if (t.action === "EASTERN_ARABIC_INDIC_NUMERALS") {
-														b(null), T(null), L(null), y(null), D(null), k(null), j(null), N(null), F(null), Ae((e) => e === "easternArabicIndic" ? "western" : "easternArabicIndic"), requestAnimationFrame(() => f.current?.focus?.());
+														S(null), D(null), z(null), b(null), k(null), j(null), N(null), F(null), L(null), Z((e) => e === "easternArabicIndic" ? "western" : "easternArabicIndic"), requestAnimationFrame(() => f.current?.focus?.());
 														return;
 													}
 													$(t.insert);
 												},
-												children: je(t, {
+												children: Me(t, {
 													groupId: r.id,
-													isMathMode: K,
-													isChemMode: Te
+													isMathMode: Ce,
+													isChemMode: we
 												})
 											}, i);
 										})
@@ -8596,8 +8596,8 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 						});
 						return n.map((e, t) => {
 							let n = e.cols || 1, r = e.trackCols || n, i = e.items.length, a = n > 0 ? i % n : 0, o = a === 0 ? n : a, s = i - o, c = Math.max(1, Math.floor(r / n));
-							return /* @__PURE__ */ x("div", {
-								className: `cme-symbol-subgroup${e.className || ""}${q ? " cme-symbol-subgroup--compact" : ""}${Ee}`,
+							return /* @__PURE__ */ w("div", {
+								className: `cme-symbol-subgroup${e.className || ""}${Te ? " cme-symbol-subgroup--compact" : ""}${Ee}`,
 								style: {
 									gridTemplateColumns: `repeat(${r}, ${e.equalColumns ? "minmax(0, 1fr)" : "auto"})`,
 									gridTemplateRows: `repeat(${e.rows || Math.ceil(e.items.length / n)}, auto)`,
@@ -8607,8 +8607,8 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 								children: e.items.map((a, l) => {
 									let u = e.stretchLastRow && i > 0 && l >= s && o < n ? `span ${Math.max(1, Math.floor(r / o))}` : c > 1 ? `span ${c}` : void 0, d = J, p = d.id || d.label || ee, m = `${p}-${t * 4 + l}-${a.insert || a.action || a.label}`;
 									if (a.type === "dropdown") {
-										let t = a.label === "Font...", n = a.label === "Size", r = t && Y.fontOption !== "", i = n && Y.fontSize !== "auto" && Y.fontSize !== "5", o = t ? Y.fontOption : n ? Y.fontSize === "auto" || Y.fontSize === "5" ? "" : Y.fontSize : "", s = (t ? fe : me).find((e) => e.value === o)?.label || a.label, c = R?.buttonKey === m;
-										return /* @__PURE__ */ x("button", {
+										let t = a.label === "Font...", n = a.label === "Size", r = t && Y.fontOption !== "", i = n && Y.fontSize !== "auto" && Y.fontSize !== "5", o = t ? Y.fontOption : n ? Y.fontSize === "auto" || Y.fontSize === "5" ? "" : Y.fontSize : "", s = (t ? ue : fe).find((e) => e.value === o)?.label || a.label, c = B?.buttonKey === m;
+										return /* @__PURE__ */ w("button", {
 											type: "button",
 											className: `cme-style-select-trigger cme-select cme-btn template${r || i || c ? " active" : ""}`,
 											title: a.label,
@@ -8622,7 +8622,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 											onMouseDown: (e) => {
 												e.preventDefault(), e.stopPropagation();
 												let n = e.currentTarget.getBoundingClientRect();
-												z((e) => e?.buttonKey === m ? null : {
+												V((e) => e?.buttonKey === m ? null : {
 													x: n.left,
 													y: n.bottom,
 													type: t ? "font" : "size",
@@ -8632,34 +8632,34 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 											children: s
 										}, l);
 									}
-									if (d.isMatrix && !a.directInsert && !a.action) return /* @__PURE__ */ x("div", {
+									if (d.isMatrix && !a.directInsert && !a.action) return /* @__PURE__ */ w("div", {
 										className: "cme-matrix-btn-wrapper",
-										children: /* @__PURE__ */ x("button", {
+										children: /* @__PURE__ */ w("button", {
 											type: "button",
-											className: `cme-btn template${q ? " cme-btn--compact" : ""}${a.cls ? ` ${a.cls}` : ""}${v?.type === a.insert ? " active" : ""}`,
+											className: `cme-btn template${Te ? " cme-btn--compact" : ""}${a.cls ? ` ${a.cls}` : ""}${v?.type === a.insert ? " active" : ""}`,
 											title: a.insert,
 											onMouseDown: (e) => {
-												if (e.preventDefault(), e.stopPropagation(), v?.type === a.insert) ne(null);
+												if (e.preventDefault(), e.stopPropagation(), v?.type === a.insert) y(null);
 												else {
 													let t = e.currentTarget.getBoundingClientRect();
-													ne({
+													y({
 														type: a.insert,
 														x: t.left + t.width / 2,
 														y: t.bottom
 													});
 												}
 											},
-											children: je(a, {
+											children: Me(a, {
 												groupId: d.id,
-												isMathMode: K,
-												isChemMode: Te
+												isMathMode: Ce,
+												isChemMode: we
 											})
 										})
 									}, l);
-									let h = a.action === "BOLD", g = a.action === "ITALIC", _ = a.action === "BOLD_ITALIC", te = a.action === "TEXT_COLOR", re = a.action === "TOGGLE_RTL", S = a.action === "ARROW_PICKER", ae = a.action === "RELATION_MORE_PICKER", E = a.action === "ARROW_LABEL_PICKER", se = a.action === "BLACKBOARD_BOLD_PICKER", I = a.action === "FRAKTUR_SCRIPT_PICKER", B = a.action === "HEBREW_SYMBOL_PICKER", ce = a.action === "PERIODIC_TABLE_PICKER", V = h && Y.bold && !Y.italic || g && Y.italic && !Y.bold || _ && Y.boldItalic || re && U || S && !!ie || ae && C?.picker === a.picker || E && !!oe || se && !!O || I && !!A || B && !!M || ce && !!P || te && Y.color !== "none";
-									return /* @__PURE__ */ x("button", {
+									let h = a.action === "BOLD", g = a.action === "ITALIC", _ = a.action === "BOLD_ITALIC", te = a.action === "TEXT_COLOR", ne = a.action === "TOGGLE_RTL", T = a.action === "ARROW_PICKER", ie = a.action === "RELATION_MORE_PICKER", O = a.action === "ARROW_LABEL_PICKER", ae = a.action === "BLACKBOARD_BOLD_PICKER", R = a.action === "FRAKTUR_SCRIPT_PICKER", H = a.action === "HEBREW_SYMBOL_PICKER", oe = a.action === "PERIODIC_TABLE_PICKER", U = h && Y.bold && !Y.italic || g && Y.italic && !Y.bold || _ && Y.boldItalic || ne && K || T && !!x || ie && C?.picker === a.picker || O && !!re || ae && !!A || R && !!M || H && !!P || oe && !!I || te && Y.color !== "none";
+									return /* @__PURE__ */ w("button", {
 										type: "button",
-										className: `cme-btn${d.isTemplate ? " template" : ""}${q ? " cme-btn--compact" : ""}${a.cls ? ` ${a.cls}` : ""}${V ? " active" : ""}`,
+										className: `cme-btn${d.isTemplate ? " template" : ""}${Te ? " cme-btn--compact" : ""}${a.cls ? ` ${a.cls}` : ""}${U ? " active" : ""}`,
 										title: a.title || a.insert,
 										style: a.gridColumn || a.gridRow || u ? {
 											gridColumn: a.gridColumn || u,
@@ -8670,60 +8670,60 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 											let t = f.current;
 											if (a.action === "SPECIAL_CHARS") {
 												let t = e.currentTarget.getBoundingClientRect();
-												b(null), w(null), T(null), D(null), k(null), j(null), N(null), F(null), L(null), y({
+												S(null), E(null), D(null), k(null), j(null), N(null), F(null), L(null), z(null), b({
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "ARROW_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), w(null), T(null), D(null), k(null), j(null), N(null), F(null), L(null), b((e) => e ? null : {
+												b(null), E(null), D(null), k(null), j(null), N(null), F(null), L(null), z(null), S((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "RELATION_MORE_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), T(null), D(null), k(null), j(null), N(null), F(null), L(null), w((e) => e?.picker === a.picker ? null : {
+												b(null), S(null), D(null), k(null), j(null), N(null), F(null), L(null), z(null), E((e) => e?.picker === a.picker ? null : {
 													x: t.left,
 													y: t.bottom + 4,
 													picker: a.picker
 												});
 											} else if (a.action === "ARROW_LABEL_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), w(null), D(null), k(null), j(null), N(null), F(null), L(null), T((e) => e ? null : {
+												b(null), S(null), E(null), k(null), j(null), N(null), F(null), L(null), z(null), D((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "BLACKBOARD_BOLD_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), T(null), L(null), w(null), D(null), j(null), N(null), F(null), k((e) => e ? null : {
+												b(null), S(null), D(null), z(null), E(null), k(null), N(null), F(null), L(null), j((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "FRAKTUR_SCRIPT_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), T(null), L(null), w(null), D(null), k(null), N(null), F(null), j((e) => e ? null : {
+												b(null), S(null), D(null), z(null), E(null), k(null), j(null), F(null), L(null), N((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "HEBREW_SYMBOL_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), T(null), L(null), w(null), D(null), k(null), j(null), F(null), N((e) => e ? null : {
+												b(null), S(null), D(null), z(null), E(null), k(null), j(null), N(null), L(null), F((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "PERIODIC_TABLE_PICKER") {
 												let t = e.currentTarget.getBoundingClientRect();
-												y(null), b(null), T(null), L(null), w(null), D(null), k(null), j(null), N(null), F((e) => e ? null : {
+												b(null), S(null), D(null), z(null), E(null), k(null), j(null), N(null), F(null), L((e) => e ? null : {
 													x: t.left,
 													y: t.bottom + 4
 												});
 											} else if (a.action === "TEXT_COLOR") {
 												let t = e.currentTarget.getBoundingClientRect();
-												b(null), w(null), T(null), D(null), k(null), j(null), N(null), F(null), xe(Y.color === "none" ? "" : Y.color), Ce(""), L({
+												S(null), E(null), D(null), k(null), j(null), N(null), F(null), L(null), ye(Y.color === "none" ? "" : Y.color), xe(""), z({
 													x: t.left,
 													y: t.bottom + 4
 												});
-											} else if (a.action === "TOGGLE_RTL") W((e) => !e), requestAnimationFrame(() => f.current?.focus?.());
+											} else if (a.action === "TOGGLE_RTL") le((e) => !e), requestAnimationFrame(() => f.current?.focus?.());
 											else if (a.action === "BOLD") Je(!Y.bold, Y.italic);
 											else if (a.action === "BOLD_ITALIC") {
 												let e = !Y.boldItalic;
@@ -8735,13 +8735,13 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 												let e = t ? t.getValue ? t.getValue() : t.value || "" : "";
 												e && navigator.clipboard?.writeText && navigator.clipboard.writeText(e).catch(() => {});
 											} else a.action === "PASTE" ? navigator.clipboard?.readText && navigator.clipboard.readText().then((e) => {
-												e && $(le(e, Z));
-											}).catch(() => {}) : a.action === "ARABIC_INDIC_NUMERALS" ? (Ae((e) => e === "arabicIndic" ? "western" : "arabicIndic"), requestAnimationFrame(() => f.current?.focus?.())) : a.action === "EASTERN_ARABIC_INDIC_NUMERALS" ? (Ae((e) => e === "easternArabicIndic" ? "western" : "easternArabicIndic"), requestAnimationFrame(() => f.current?.focus?.())) : a.action === "MOVE_TEXT_UP" ? Qe("up") : a.action === "MOVE_TEXT_RIGHT" ? Qe("right") : a.action === "MOVE_TEXT_LEFT" ? Qe("left") : a.action === "MOVE_TEXT_DOWN" ? Qe("down") : a.action === "BLACKBOARD" ? $("\\mathbb{#0}") : a.action === "GREEK" ? $("\\Omega") : a.action === "TILDE" ? $("\\widetilde{#0}") : a.action === "ITALIC" ? Je(Y.bold, !Y.italic) : a.action === "TEXT" ? $("\\text{#0}") : a.action === "UNDO" ? f.current?.executeCommand("undo") : a.action === "REDO" ? f.current?.executeCommand("redo") : a.action === "CLEAR" ? t && (typeof t.setValue == "function" ? t.setValue("") : t.value = "", t.focus?.()) : a.insert === "\\hphantom{0}" || a.insert === "\\," || a.insert === "\\!" ? Ze(a.insert) : $(a.insert);
+												e && $(se(e, X));
+											}).catch(() => {}) : a.action === "ARABIC_INDIC_NUMERALS" ? (Z((e) => e === "arabicIndic" ? "western" : "arabicIndic"), requestAnimationFrame(() => f.current?.focus?.())) : a.action === "EASTERN_ARABIC_INDIC_NUMERALS" ? (Z((e) => e === "easternArabicIndic" ? "western" : "easternArabicIndic"), requestAnimationFrame(() => f.current?.focus?.())) : a.action === "MOVE_TEXT_UP" ? Qe("up") : a.action === "MOVE_TEXT_RIGHT" ? Qe("right") : a.action === "MOVE_TEXT_LEFT" ? Qe("left") : a.action === "MOVE_TEXT_DOWN" ? Qe("down") : a.action === "BLACKBOARD" ? $("\\mathbb{#0}") : a.action === "GREEK" ? $("\\Omega") : a.action === "TILDE" ? $("\\widetilde{#0}") : a.action === "ITALIC" ? Je(Y.bold, !Y.italic) : a.action === "TEXT" ? $("\\text{#0}") : a.action === "UNDO" ? f.current?.executeCommand("undo") : a.action === "REDO" ? f.current?.executeCommand("redo") : a.action === "CLEAR" ? t && (typeof t.setValue == "function" ? t.setValue("") : t.value = "", t.focus?.()) : a.insert === "\\hphantom{0}" || a.insert === "\\," || a.insert === "\\!" ? Ze(a.insert) : $(a.insert);
 										},
-										children: je(a, {
+										children: Me(a, {
 											groupId: d.id,
-											isMathMode: K,
-											isChemMode: Te
+											isMathMode: Ce,
+											isChemMode: we
 										})
 									}, `${p}-${t * 4 + l}`);
 								})
@@ -8750,121 +8750,121 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 					})()
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
-				className: `cme-mathfield-container${U ? " cme-mathfield-container--rtl" : ""}`,
+			/* @__PURE__ */ w("div", {
+				className: `cme-mathfield-container${K ? " cme-mathfield-container--rtl" : ""}`,
 				onMouseDown: (e) => {
 					f.current && (e.target === f.current || f.current.contains(e.target)) || (e.preventDefault(), requestAnimationFrame(() => {
 						f.current?.focus?.();
 					}));
 				},
-				children: /* @__PURE__ */ x("math-field", {
+				children: /* @__PURE__ */ w("math-field", {
 					ref: f,
-					class: `cme-mathfield${U ? " cme-mathfield--rtl" : ""}`,
-					dir: U ? "rtl" : "ltr",
+					class: `cme-mathfield${K ? " cme-mathfield--rtl" : ""}`,
+					dir: K ? "rtl" : "ltr",
 					"letter-shape-style": "upright",
 					tabIndex: 0,
 					"math-virtual-keyboard-policy": "manual",
 					placeholder: ""
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "cme-popup-footer",
-				children: [/* @__PURE__ */ x("button", {
+				children: [/* @__PURE__ */ w("button", {
 					type: "button",
 					className: "cme-insert-btn",
 					onClick: et,
 					children: d ? "Update" : "Insert"
-				}), /* @__PURE__ */ x("button", {
+				}), /* @__PURE__ */ w("button", {
 					type: "button",
 					className: "cme-cancel-btn",
 					onClick: c,
 					children: "Cancel"
 				})]
 			}),
-			v && /* @__PURE__ */ x(He, {
+			v && /* @__PURE__ */ w(Ue, {
 				matrixType: v.type,
 				x: v.x,
 				y: v.y,
 				onSelect: (e, t) => {
-					$e(v.type, e, t), ne(null);
+					$e(v.type, e, t), y(null);
 				},
 				onMouseEnter: () => {},
 				onMouseLeave: () => {}
 			}),
-			re && a(/* @__PURE__ */ x(ae, {
-				isOpen: !!re,
-				position: re,
-				onClose: () => y(null),
+			ne && o(/* @__PURE__ */ w(ie, {
+				isOpen: !!ne,
+				position: ne,
+				onClose: () => b(null),
 				onInsert: (e) => {
-					$(e), y(null);
+					$(e), b(null);
 				}
 			}), document.body),
-			ie && a(/* @__PURE__ */ x(Me, {
-				position: ie,
+			x && o(/* @__PURE__ */ w(Ne, {
+				position: x,
 				onInsert: (e) => {
-					$(e), b(null);
+					$(e), S(null);
 				}
 			}), document.body),
-			C && a(/* @__PURE__ */ x(Ne, {
+			C && o(/* @__PURE__ */ w(Pe, {
 				position: C,
 				picker: C.picker,
 				popupBounds: p.current?.getBoundingClientRect?.() || null,
-				items: se[C.picker] || [],
-				onInsert: (e) => {
-					$(e), w(null);
-				}
-			}), document.body),
-			oe && a(/* @__PURE__ */ x(Pe, {
-				position: oe,
+				items: ae[C.picker] || [],
 				onInsert: (e) => {
-					$(e), T(null);
+					$(e), E(null);
 				}
 			}), document.body),
-			E && a(/* @__PURE__ */ x(Fe, {
-				position: E,
+			re && o(/* @__PURE__ */ w(Fe, {
+				position: re,
 				onInsert: (e) => {
 					$(e), D(null);
 				}
 			}), document.body),
-			O && a(/* @__PURE__ */ x(Ie, {
+			O && o(/* @__PURE__ */ w(Ie, {
 				position: O,
 				onInsert: (e) => {
 					$(e), k(null);
 				}
 			}), document.body),
-			A && a(/* @__PURE__ */ x(Le, {
+			A && o(/* @__PURE__ */ w(Le, {
 				position: A,
 				onInsert: (e) => {
 					$(e), j(null);
 				}
 			}), document.body),
-			M && a(/* @__PURE__ */ x(Re, {
+			M && o(/* @__PURE__ */ w(Re, {
 				position: M,
 				onInsert: (e) => {
 					$(e), N(null);
 				}
 			}), document.body),
-			P && a(/* @__PURE__ */ x(ze, {
+			P && o(/* @__PURE__ */ w(ze, {
 				position: P,
 				onInsert: (e) => {
 					$(e), F(null);
 				}
 			}), document.body),
-			R && a(/* @__PURE__ */ x(Be, {
-				position: R,
-				options: R.type === "font" ? fe : me,
-				value: R.type === "font" ? Y.fontOption : Y.fontSize,
-				width: R.type === "font" ? 142 : 96,
+			I && o(/* @__PURE__ */ w(Be, {
+				position: I,
+				onInsert: (e) => {
+					$(e), L(null);
+				}
+			}), document.body),
+			B && o(/* @__PURE__ */ w(Ve, {
+				position: B,
+				options: B.type === "font" ? ue : fe,
+				value: B.type === "font" ? Y.fontOption : Y.fontSize,
+				width: B.type === "font" ? 142 : 96,
 				onSelect: (e) => {
-					Xe(R.type, e), z(null);
+					Xe(B.type, e), V(null);
 				}
 			}), document.body),
-			I && a(/* @__PURE__ */ S("div", {
+			R && o(/* @__PURE__ */ T("div", {
 				className: "cme-color-picker-popup",
 				style: {
 					position: "fixed",
-					left: Math.min(I.x, window.innerWidth - 260) + "px",
-					top: Math.min(I.y, window.innerHeight - 235) + "px",
+					left: Math.min(R.x, window.innerWidth - 260) + "px",
+					top: Math.min(R.y, window.innerHeight - 235) + "px",
 					zIndex: 1e5,
 					width: "244px",
 					background: "linear-gradient(180deg, #ffffff 0%, #f6fafc 100%)",
@@ -8877,14 +8877,14 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 					boxShadow: "0 16px 28px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.08)"
 				},
 				children: [
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							justifyContent: "space-between",
 							gap: "10px"
 						},
-						children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
 							style: {
 								fontSize: "12px",
 								fontWeight: 700,
@@ -8892,26 +8892,26 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 								lineHeight: 1.1
 							},
 							children: "Text Color"
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ w("div", {
 							style: {
 								fontSize: "10px",
 								color: "#667b88",
 								marginTop: "2px"
 							},
 							children: "Pick a swatch or enter a custom value"
-						})] }), /* @__PURE__ */ x("div", {
+						})] }), /* @__PURE__ */ w("div", {
 							style: {
 								width: "28px",
 								height: "28px",
 								borderRadius: "8px",
 								border: "1px solid #b8c8d2",
-								background: Y.color === "none" ? "linear-gradient(135deg, #ffffff 0%, #eef3f7 100%)" : ke(G) || Y.color,
+								background: Y.color === "none" ? "linear-gradient(135deg, #ffffff 0%, #eef3f7 100%)" : Ae(q) || Y.color,
 								boxShadow: "inset 0 1px 0 rgba(255,255,255,0.8)"
 							},
 							title: Y.color === "none" ? "No color selected" : Y.color
 						})]
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ w("div", {
 						style: {
 							display: "grid",
 							gridTemplateColumns: "repeat(6, 1fr)",
@@ -8923,7 +8923,7 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 						},
 						children: De.map((e) => {
 							let t = Y.color === e.normalized;
-							return /* @__PURE__ */ x("div", {
+							return /* @__PURE__ */ w("div", {
 								title: e.label,
 								style: {
 									width: "22px",
@@ -8936,18 +8936,18 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 									boxShadow: t ? "0 0 0 2px rgba(214, 165, 40, 0.16)" : "inset 0 1px 0 rgba(255,255,255,0.6)"
 								},
 								onMouseDown: (t) => {
-									t.preventDefault(), t.stopPropagation(), Ye(e.normalized) && L(null);
+									t.preventDefault(), t.stopPropagation(), Ye(e.normalized) && z(null);
 								}
 							}, e.normalized);
 						})
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: [/* @__PURE__ */ x("div", {
+						children: [/* @__PURE__ */ w("div", {
 							style: {
 								fontSize: "10px",
 								fontWeight: 700,
@@ -8956,15 +8956,15 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 								textTransform: "uppercase"
 							},
 							children: "Custom Value"
-						}), /* @__PURE__ */ x("input", {
+						}), /* @__PURE__ */ w("input", {
 							type: "text",
-							value: G,
+							value: q,
 							placeholder: "#2c8a43 or tomato",
 							style: {
 								width: "100%",
 								minWidth: 0,
 								height: "32px",
-								border: `1px solid ${Se ? "#dc2626" : "#b7c7d1"}`,
+								border: `1px solid ${be ? "#dc2626" : "#b7c7d1"}`,
 								borderRadius: "8px",
 								padding: "0 10px",
 								fontSize: "12px",
@@ -8974,20 +8974,20 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 								outline: "none"
 							},
 							onChange: (e) => {
-								xe(e.target.value), Se && Ce("");
+								ye(e.target.value), be && xe("");
 							},
 							onMouseDown: (e) => e.stopPropagation(),
 							onKeyDown: (e) => {
-								e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), Ye(G) && L(null));
+								e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), Ye(q) && z(null));
 							}
 						})]
 					}),
-					/* @__PURE__ */ S("div", {
+					/* @__PURE__ */ T("div", {
 						style: {
 							display: "flex",
 							gap: "8px"
 						},
-						children: [/* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ w("button", {
 							type: "button",
 							style: {
 								flex: 1,
@@ -9003,10 +9003,10 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 								cursor: "pointer"
 							},
 							onMouseDown: (e) => {
-								e.preventDefault(), e.stopPropagation(), Ye(G) && L(null);
+								e.preventDefault(), e.stopPropagation(), Ye(q) && z(null);
 							},
 							children: "Apply Color"
-						}), /* @__PURE__ */ x("button", {
+						}), /* @__PURE__ */ w("button", {
 							type: "button",
 							style: {
 								width: "32px",
@@ -9023,26 +9023,26 @@ function Ue({ mode: o, onInsert: s, onClose: c, initialLatex: l, initialDirectio
 							},
 							title: "Clear color",
 							onMouseDown: (e) => {
-								e.preventDefault(), e.stopPropagation(), Ye("none"), L(null);
+								e.preventDefault(), e.stopPropagation(), Ye("none"), z(null);
 							},
 							children: "×"
 						})]
 					}),
-					Se ? /* @__PURE__ */ x("div", {
+					be ? /* @__PURE__ */ w("div", {
 						style: {
 							fontSize: "10px",
 							color: "#b91c1c",
 							lineHeight: 1.2,
 							marginTop: "-2px"
 						},
-						children: Se
+						children: be
 					}) : null
 				]
 			}), document.body)
 		]
 	});
 }
-function We(e) {
+function Ge(e) {
 	let t = e, n = t.match(/^\\ce\{([\s\S]*)\}$/);
 	n && (t = n[1]);
 	let r = [
@@ -9136,9 +9136,9 @@ function We(e) {
 		["\\ln", "ln"],
 		["\\exp", "exp"],
 		["\\lim", "lim"],
-		...L.map(({ insert: e, label: t }) => [e, t]),
-		...R.map(({ insert: e, label: t }) => [e, t]),
-		...z.map(({ insert: e, label: t }) => [e, t]),
+		...B.map(({ insert: e, label: t }) => [e, t]),
+		...V.map(({ insert: e, label: t }) => [e, t]),
+		...H.map(({ insert: e, label: t }) => [e, t]),
 		["\\wp", "℘"],
 		["\\left(", "("],
 		["\\right)", ")"],
@@ -9209,41 +9209,60 @@ function We(e) {
 	};
 	return t = t.replace(/_\{([^}]*)\}/g, (e, t) => t.split("").map((e) => a[e] || e).join("")), t = t.replace(/_([a-zA-Z0-9])/g, (e, t) => a[t] || t), t = t.replace(/->/g, "→"), t = t.replace(/<=>/g, "⇌"), t = t.replace(/\\[a-zA-Z]+/g, ""), t = t.replace(/[{}]/g, ""), t = t.replace(/\s+/g, " "), t = t.replace(/\\\\/g, "\n"), t.trim();
 }
-function Ge({ value: c, defaultValue: g = "", onChange: y, className: ie = "", title: b = "custom ck editor", showPreviewButton: C = !0, previewButtonLabel: w = "Preview Question", previewModalTitle: ae = "Question Preview", previewEmptyMessage: E = "Type your question to preview it here." }) {
-	let O = r(null), A = r(!1), [j, se] = i(null), [M, N] = i(null), [P, F] = i(!1), [I, L] = i(""), R = c !== void 0, [z, B] = i(() => c ?? g);
+function Ke(e = "") {
+	if (!e || typeof document > "u") return e || "";
+	let t = document.createElement("template");
+	return t.innerHTML = e, t.content.querySelectorAll(".math-tex").forEach((e) => {
+		e.getAttribute("data-latex") || e.setAttribute("data-latex", e.textContent || ""), e.textContent = "";
+	}), t.innerHTML;
+}
+function Q(e) {
+	e && e.querySelectorAll(".math-tex").forEach((e) => {
+		let t = e.getAttribute("data-latex") || e.textContent || "", n = e.getAttribute("data-dir") || "ltr";
+		e.innerHTML = "";
+		let r = document.createElement("math-field");
+		r.setAttribute("read-only", ""), r.setAttribute("math-virtual-keyboard-policy", "manual"), r.setAttribute("tabindex", "-1"), r.setAttribute("letter-shape-style", "upright"), r.setAttribute("dir", n), r.style.display = "inline-block", r.style.width = "auto", r.style.maxWidth = "100%", r.style.verticalAlign = "middle", r.style.border = "none", r.style.background = "transparent", r.style.outline = "none", r.style.fontSize = "inherit", r.style.minHeight = "auto", r.style.padding = "0 2px", r.style.margin = "0", r.style.pointerEvents = "none", r.style.direction = n, r.style.textAlign = n === "rtl" ? "right" : "left", r.style.unicodeBidi = n === "rtl" ? "plaintext" : "normal", r.style.color = "#000000";
+		let i = () => {
+			r.setValue ? r.setValue(t, { silenceNotifications: !0 }) : r.value = t;
+		};
+		customElements.get("math-field") ? i() : customElements.whenDefined("math-field").then(i), e.appendChild(r);
+	});
+}
+function qe({ value: l, defaultValue: _ = "", onChange: x, className: S = "", title: C = "custom ck editor", showPreviewButton: E = !0, previewButtonLabel: re = "Preview Question", previewModalTitle: ie = "Question Preview", previewEmptyMessage: k = "Type your question to preview it here." }) {
+	let j = i(null), N = i(!1), [P, ae] = a(null), [F, I] = a(null), [L, R] = a(!1), [z, B] = a(""), V = i(null), H = l !== void 0, [oe, U] = a(() => l ?? _);
 	t(() => {
-		A.current = !!j;
-	}, [j]), t(() => {
-		R && B(c ?? "");
-	}, [R, c]), t(() => () => {
+		N.current = !!P;
+	}, [P]), t(() => {
+		H && U(l ?? "");
+	}, [H, l]), t(() => () => {
 		window.__ckMathWidgetClickHandler = null;
 	}, []);
-	let ce = e((e) => {
-		N(null), A.current = !0, se(e);
-	}, []), le = e(() => {
-		A.current = !1, se(null), N(null);
-		let e = O.current;
+	let se = e((e) => {
+		I(null), N.current = !0, ae(e);
+	}, []), W = e(() => {
+		N.current = !1, ae(null), I(null);
+		let e = j.current;
 		e && e.model.change((e) => {
 			e.setSelection(null);
 		});
-	}, []), [V, H] = i(!1), ue = e((e, { direction: t = "ltr" } = {}) => {
-		let n = O.current;
+	}, []), [G, ce] = a(!1), K = e((e, { direction: t = "ltr" } = {}) => {
+		let n = j.current;
 		if (!n || !e?.trim()) return;
 		let r = {
 			latex: e.trim(),
 			dir: t === "rtl" ? "rtl" : "ltr"
 		};
-		if (M) {
-			let e = D(n, M.modelElement) ? M.modelElement : null;
+		if (F) {
+			let e = A(n, F.modelElement) ? F.modelElement : null;
 			e ? n.model.change((t) => {
 				let n = t.createElement("mathInline", r), i = t.createPositionBefore(e);
 				t.insert(n, i), t.remove(e), t.setSelection(t.createPositionAfter(n));
 			}) : n.model.change((e) => {
 				let t = e.createElement("mathInline", r);
 				n.model.insertContent(t);
-			}), N(null);
-		} else if (V) {
-			let t = We(e.trim());
+			}), I(null);
+		} else if (G) {
+			let t = Ge(e.trim());
 			if (!t) return;
 			n.model.change((e) => {
 				let r = e.createText(t);
@@ -9254,77 +9273,79 @@ function Ge({ value: c, defaultValue: g = "", onChange: y, className: ie = "", t
 			n.model.insertContent(t), n.model.insertContent(e.createText(" "));
 		});
 		n.editing.view.focus();
-	}, [V, M]), de = n(() => Ve(ce), [ce]), U = e((e) => {
-		O.current = e;
+	}, [G, F]), le = r(() => He(se), [se]), ue = e((e) => {
+		j.current = e;
 		let t = (e, t, n = "ltr") => {
 			if (!t) return;
 			let r = /^\\ce\{/.test(t), i = e?.getAttribute("dir") === "rtl" || n === "rtl" ? "rtl" : "ltr";
-			A.current = !0, N({
+			N.current = !0, I({
 				modelElement: e,
 				latex: t,
 				direction: i
-			}), se(r ? "chem" : "math");
+			}), ae(r ? "chem" : "math");
 		};
 		e.mathWidgetClickHandler = t, window.__ckMathWidgetClickHandler = t;
 		let n = e.ui.getEditableElement();
 		if (!n || n._ckMathClickAttached) return;
 		n._ckMathClickAttached = !0;
 		let r = (t) => {
-			let n = oe(t.target);
-			n && t.button === 0 && (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation?.(), k(e, null, T(n), n));
+			let n = D(t.target);
+			n && t.button === 0 && (t.preventDefault(), t.stopPropagation(), t.stopImmediatePropagation?.(), M(e, null, O(n), n));
 		};
 		n.addEventListener("mousedown", r, !0), n.addEventListener("click", r, !0);
-	}, []), fe = e(() => {
-		let e = O.current;
-		L((e ? e.getData() : z) || ""), F(!0);
-	}, [z]), pe = e(() => {
-		F(!1);
+	}, []), de = e(() => {
+		let e = j.current;
+		B(Ke((e ? e.getData() : oe) || "")), R(!0);
+	}, [oe]), fe = e(() => {
+		R(!1);
 	}, []);
 	return t(() => {
-		if (!P) return;
+		if (!L) return;
 		let e = (e) => {
-			e.key === "Escape" && F(!1);
+			e.key === "Escape" && R(!1);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [P]), /* @__PURE__ */ S("div", {
-		className: `ck-editor-shell ${ie}`.trim(),
+	}, [L]), n(() => {
+		L && Q(V.current);
+	}, [L, z]), /* @__PURE__ */ T("div", {
+		className: `ck-editor-shell ${S}`.trim(),
 		children: [
-			/* @__PURE__ */ x("style", { children: "\n        .ck-powered-by { display: none !important; }\n        .ck-math-widget {\n          display: inline-block !important;\n          position: relative !important;\n          width: auto !important;\n          max-width: 100% !important;\n          cursor: pointer !important;\n          vertical-align: middle !important;\n        }\n        .ck-math-widget::after {\n          content: '';\n          position: absolute;\n          inset: 0;\n          z-index: 2;\n          cursor: pointer;\n        }\n        .ck-math-widget .ck-math-widget-inner,\n        .ck-math-widget math-field {\n          display: inline-block !important;\n          width: auto !important;\n          max-width: 100% !important;\n          pointer-events: none !important;\n          color: #ffffff !important;\n        }\n        .ck-math-widget[data-dir=\"rtl\"] {\n          direction: rtl !important;\n          unicode-bidi: plaintext !important;\n        }\n        .ck-math-widget[data-dir=\"rtl\"] .ck-math-widget-inner,\n        .ck-math-widget[data-dir=\"rtl\"] math-field {\n          direction: rtl !important;\n          text-align: right !important;\n        }\n        .ck-math-widget:hover,\n        .ck-math-widget.ck-widget_selected { outline: 2px solid #0f766e; outline-offset: 1px; border-radius: 4px; }\n      " }),
-			(b || C) && /* @__PURE__ */ S("div", {
+			/* @__PURE__ */ w("style", { children: "\n        .ck-powered-by { display: none !important; }\n        .ck-math-widget {\n          display: inline-block !important;\n          position: relative !important;\n          width: auto !important;\n          max-width: 100% !important;\n          cursor: pointer !important;\n          vertical-align: middle !important;\n        }\n        .ck-math-widget::after {\n          content: '';\n          position: absolute;\n          inset: 0;\n          z-index: 2;\n          cursor: pointer;\n        }\n        .ck-math-widget .ck-math-widget-inner,\n        .ck-math-widget math-field {\n          display: inline-block !important;\n          width: auto !important;\n          max-width: 100% !important;\n          pointer-events: none !important;\n          color: #000000 !important;\n        }\n        .ck-math-widget[data-dir=\"rtl\"] {\n          direction: rtl !important;\n          unicode-bidi: plaintext !important;\n        }\n        .ck-math-widget[data-dir=\"rtl\"] .ck-math-widget-inner,\n        .ck-math-widget[data-dir=\"rtl\"] math-field {\n          direction: rtl !important;\n          text-align: right !important;\n        }\n        .ck-math-widget:hover,\n        .ck-math-widget.ck-widget_selected { outline: 2px solid #0f766e; outline-offset: 1px; border-radius: 4px; }\n      " }),
+			(C || E) && /* @__PURE__ */ T("div", {
 				className: "ck-preview-toolbar",
-				children: [b ? /* @__PURE__ */ x("p", {
+				children: [C ? /* @__PURE__ */ w("p", {
 					className: "ck-preview-toolbar-label",
-					children: b
-				}) : null, C ? /* @__PURE__ */ x("button", {
+					children: C
+				}) : null, E ? /* @__PURE__ */ w("button", {
 					id: "ck-preview-question-btn",
 					type: "button",
 					className: "ck-preview-trigger",
-					onClick: fe,
-					children: /* @__PURE__ */ x("span", { children: w })
+					onClick: de,
+					children: /* @__PURE__ */ w("span", { children: re })
 				}) : null]
 			}),
-			/* @__PURE__ */ x(o, {
-				editor: l,
-				data: z,
-				onReady: U,
+			/* @__PURE__ */ w(s, {
+				editor: u,
+				data: oe,
+				onReady: ue,
 				config: {
 					licenseKey: "GPL",
 					plugins: [
-						u,
-						s,
-						f,
-						ne,
-						h,
 						d,
-						_,
-						v,
+						c,
+						p,
+						ne,
+						g,
+						f,
 						ee,
+						y,
 						te,
+						v,
+						h,
 						m,
-						p,
-						re,
-						Ee,
-						de
+						b,
+						De,
+						le
 					],
 					toolbar: { items: [
 						"heading",
@@ -9356,22 +9377,22 @@ function Ge({ value: c, defaultValue: g = "", onChange: y, className: ie = "", t
 				},
 				onChange: (e, t) => {
 					let n = t.getData();
-					R || B(n), y && y(n);
+					H || U(n), x && x(n);
 				}
 			}),
-			j && /* @__PURE__ */ x(Ue, {
-				mode: j,
-				onInsert: ue,
-				onClose: le,
-				initialLatex: M?.latex || "",
-				initialDirection: M?.direction || "ltr",
-				isEditing: !!M
+			P && /* @__PURE__ */ w(We, {
+				mode: P,
+				onInsert: K,
+				onClose: W,
+				initialLatex: F?.latex || "",
+				initialDirection: F?.direction || "ltr",
+				isEditing: !!F
 			}),
-			P && a(/* @__PURE__ */ x("div", {
+			L && o(/* @__PURE__ */ w("div", {
 				id: "ck-preview-modal-overlay",
 				className: "ck-preview-modal-overlay",
-				onClick: pe,
-				children: /* @__PURE__ */ S("div", {
+				onClick: fe,
+				children: /* @__PURE__ */ T("div", {
 					id: "ck-preview-modal",
 					className: "ck-preview-modal",
 					role: "dialog",
@@ -9379,38 +9400,36 @@ function Ge({ value: c, defaultValue: g = "", onChange: y, className: ie = "", t
 					"aria-labelledby": "ck-preview-modal-title",
 					onClick: (e) => e.stopPropagation(),
 					children: [
-						/* @__PURE__ */ S("div", {
+						/* @__PURE__ */ T("div", {
 							className: "ck-preview-modal-header",
-							children: [/* @__PURE__ */ x("h2", {
+							children: [/* @__PURE__ */ w("h2", {
 								id: "ck-preview-modal-title",
 								className: "ck-preview-modal-title",
-								children: ae
-							}), /* @__PURE__ */ x("button", {
+								children: ie
+							}), /* @__PURE__ */ w("button", {
 								id: "ck-preview-modal-close-x",
 								type: "button",
 								className: "ck-preview-modal-icon-button",
-								onClick: pe,
+								onClick: fe,
 								"aria-label": "Close preview",
 								children: "×"
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ w("div", {
 							className: "ck-preview-modal-body",
-							children: I && I.trim() ? /* @__PURE__ */ x("div", {
+							children: /* @__PURE__ */ w("div", {
+								ref: V,
 								className: "ck-preview-render-zone",
-								dangerouslySetInnerHTML: { __html: I }
-							}) : /* @__PURE__ */ x("p", {
-								className: "ck-preview-empty-state",
-								children: E
+								dangerouslySetInnerHTML: { __html: z }
 							})
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ w("div", {
 							className: "ck-preview-modal-footer",
-							children: /* @__PURE__ */ x("button", {
+							children: /* @__PURE__ */ w("button", {
 								id: "ck-preview-modal-close-btn",
 								type: "button",
 								className: "ck-preview-modal-close-button",
-								onClick: pe,
+								onClick: fe,
 								children: "Close"
 							})
 						})
@@ -9422,6 +9441,6 @@ function Ge({ value: c, defaultValue: g = "", onChange: y, className: ie = "", t
 }
 //#endregion
 //#region src/index.js
-var Ke = Ge;
+var Je = qe;
 //#endregion
-export { Ge as CkEditor, Ge as CustomCkEditorPackage, Ke as default };
+export { qe as CkEditor, qe as CustomCkEditorPackage, Je as default };