@pie-element/math-templated 8.0.6 → 8.0.7-next.20261019062545

package/dist/browser/editor-runtime/{main-CjydLdRr.js → main-DwwlYPR4.js}

@@ -1,11 +1,11 @@
 import { s as e } from "./rolldown-runtime-DgMJErsw.js";
-import { J as t, Lt as n, Q as r, T as i, X as a, Y as o, Z as s, c, ct as l, d as u, i as d, k as f, l as p, mt as m, q as h, r as g, t as _, u as v, w as y, y as b } from "./horizontal-keypad-D71I_hsg.js";
-import { _ as x, n as S, r as C, t as w, u as T } from "./dist-BgelMX3V.js";
-import E, { useRef as ee } from "react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { $ as t, A as n, J as r, Q as i, Rt as a, T as o, X as s, Y as c, Z as l, c as u, d, ht as f, i as p, k as m, l as h, lt as g, r as _, t as v, u as y, w as b, y as x } from "./horizontal-keypad-BzF-ph1O.js";
+import { _ as S, n as C, r as w, t as T, u as E } from "./dist-BgelMX3V.js";
+import D, { useRef as ee } from "react";
+import { jsx as O, jsxs as k } from "react/jsx-runtime";
 import te from "react-dom";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var k = /* @__PURE__ */ e(n(), 1), ne = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ O("svg", {
+var A = /* @__PURE__ */ e(a(), 1), ne = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ k("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -13,27 +13,27 @@ var k = /* @__PURE__ */ e(n(), 1), ne = ({ bgFill: e, fgFill: t }) => /* @__PURE
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ D("circle", {
+		/* @__PURE__ */ O("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ D("path", {
+		/* @__PURE__ */ O("path", {
 			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
 			fill: e
 		}),
-		/* @__PURE__ */ D("polygon", {
+		/* @__PURE__ */ O("polygon", {
 			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
 			fill: t
 		})
 	]
 });
 ne.propTypes = {
-	bgFill: k.default.string.isRequired,
-	fgFill: k.default.string.isRequired
+	bgFill: A.default.string.isRequired,
+	fgFill: A.default.string.isRequired
 };
-var re = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
+var re = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ k("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -41,7 +41,7 @@ var re = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ D("path", {
+		/* @__PURE__ */ O("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -50,7 +50,7 @@ var re = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
 			},
 			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
 		}),
-		/* @__PURE__ */ D("path", {
+		/* @__PURE__ */ O("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -59,48 +59,48 @@ var re = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
 			},
 			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
 		}),
-		/* @__PURE__ */ D("circle", {
+		/* @__PURE__ */ O("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ D("path", {
+		/* @__PURE__ */ O("path", {
 			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
 			fill: n
 		}),
-		/* @__PURE__ */ D("polygon", {
+		/* @__PURE__ */ O("polygon", {
 			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
 			fill: t
 		})
 	]
 });
 re.propTypes = {
-	bgFill: k.default.string.isRequired,
-	fgFill: k.default.string.isRequired,
-	borderFill: k.default.string.isRequired
+	bgFill: A.default.string.isRequired,
+	fgFill: A.default.string.isRequired,
+	borderFill: A.default.string.isRequired
 };
-var ie = m("div")(({ size: e }) => ({
+var ie = f("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), A = ({ open: e, size: t }) => /* @__PURE__ */ D(ie, {
+})), j = ({ open: e, size: t }) => /* @__PURE__ */ O(ie, {
 	size: t,
-	children: e ? /* @__PURE__ */ D(ne, {
+	children: e ? /* @__PURE__ */ O(ne, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ D(re, {
+	}) : /* @__PURE__ */ O(re, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-A.propTypes = {
-	open: k.default.bool,
-	size: k.default.string
-}, A.defaultProps = { open: !1 };
+j.propTypes = {
+	open: A.default.bool,
+	size: A.default.string
+}, j.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/mask-markup/dist/componentize.js
-var ae = /* @__PURE__ */ e(S(), 1), oe = /\{\{(\d+)\}\}/g, se = (e, t) => e ? { markup: e.replace(oe, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, j = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), M = /* @__PURE__ */ j(((e, t) => {
+var ae = /* @__PURE__ */ e(C(), 1), oe = /\{\{(\d+)\}\}/g, se = (e, t) => e ? { markup: e.replace(oe, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, M = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), N = /* @__PURE__ */ M(((e, t) => {
 	t.exports = {
 		"border-radius": 1,
 		"border-top-left-radius": 1,
@@ -127,10 +127,10 @@ var ae = /* @__PURE__ */ e(S(), 1), oe = /\{\{(\d+)\}\}/g, se = (e, t) => e ? {
 		"box-pack": 1
 	};
 }));
-M();
+N();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
-var N = /* @__PURE__ */ j(((e, t) => {
+var P = /* @__PURE__ */ M(((e, t) => {
 	t.exports = {
 		animation: 1,
 		"column-count": 1,
@@ -150,19 +150,19 @@ var N = /* @__PURE__ */ j(((e, t) => {
 		rowspan: 1
 	};
 }));
-N();
+P();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var P = /* @__PURE__ */ j(((e, t) => {
+var F = /* @__PURE__ */ M(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-P();
+F();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var F = /* @__PURE__ */ j(((e, t) => {
-	var n = P(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+var I = /* @__PURE__ */ M(((e, t) => {
+	var n = F(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = (function() {
 		var e = (function() {
 			for (var e in i) if (r.test(e)) return e.match(r)[0];
@@ -179,16 +179,16 @@ var F = /* @__PURE__ */ j(((e, t) => {
 		};
 	})();
 }));
-F();
+I();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var ce = /* @__PURE__ */ j(((e, t) => {
+var ce = /* @__PURE__ */ M(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
 ce();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var I = /* @__PURE__ */ j(((e, t) => {
+var L = /* @__PURE__ */ M(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
 	}, r = ce();
@@ -196,10 +196,10 @@ var I = /* @__PURE__ */ j(((e, t) => {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-I();
+L();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var le = /* @__PURE__ */ j(((e, t) => {
+var le = /* @__PURE__ */ M(((e, t) => {
 	var n = /::/g, r = /([A-Z]+)([A-Z][a-z])/g, i = /([a-z\d])([A-Z])/g, a = /_/g;
 	t.exports = function(e, t) {
 		return e ? e.replace(n, "/").replace(r, "$1_$2").replace(i, "$1_$2").replace(a, t || "-") : "";
@@ -208,16 +208,16 @@ var le = /* @__PURE__ */ j(((e, t) => {
 le();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var L = /* @__PURE__ */ j(((e, t) => {
+var R = /* @__PURE__ */ M(((e, t) => {
 	var n = le();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-L();
+R();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var ue = /* @__PURE__ */ j(((e, t) => {
+var ue = /* @__PURE__ */ M(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
@@ -225,8 +225,8 @@ var ue = /* @__PURE__ */ j(((e, t) => {
 ue();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var de = /* @__PURE__ */ j(((e, t) => {
-	var n = I(), r = L(), i = ue(), a = P(), o = F(), s = M(), c = typeof document > "u" ? {} : document.documentElement.style;
+var de = /* @__PURE__ */ M(((e, t) => {
+	var n = L(), r = R(), i = ue(), a = F(), o = I(), s = N(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -246,22 +246,22 @@ var de = /* @__PURE__ */ j(((e, t) => {
 de();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var fe = /* @__PURE__ */ j(((e, t) => {
+var fe = /* @__PURE__ */ M(((e, t) => {
 	t.exports = de()();
 }));
 fe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var R = /* @__PURE__ */ j(((e, t) => {
+var z = /* @__PURE__ */ M(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-R();
+z();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var pe = /* @__PURE__ */ j(((e, t) => {
+var pe = /* @__PURE__ */ M(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
@@ -270,7 +270,7 @@ var pe = /* @__PURE__ */ j(((e, t) => {
 pe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var me = /* @__PURE__ */ j(((e, t) => {
+var me = /* @__PURE__ */ M(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
@@ -279,9 +279,9 @@ var me = /* @__PURE__ */ j(((e, t) => {
 me();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var z = /* @__PURE__ */ j(((e, t) => {
-	F();
-	var n = fe(), r = L(), i = I(), a = R(), o = pe(), s = me(), c = function(e, t, r, i) {
+var B = /* @__PURE__ */ M(((e, t) => {
+	I();
+	var n = fe(), r = R(), i = L(), a = z(), o = pe(), s = me(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -292,7 +292,7 @@ var z = /* @__PURE__ */ j(((e, t) => {
 			var n = e.split(":");
 			n.length == 2 && (t[n[0].trim()] = n[1].trim());
 		}), t;
-	}, u = { cssUnitless: N() }, d = function(e, t, n, f) {
+	}, u = { cssUnitless: P() }, d = function(e, t, n, f) {
 		typeof e == "string" && (e = l(e)), t ||= u, t.cssUnitless = t.cssUnitless || u.cssUnitless, f ||= {};
 		var p = t.scope || {}, m = t.addUnits == null ? p && p.addUnits != null ? p.addUnits : !0 : t.addUnits, h = (t.cssUnitless == null ? p ? p.cssUnitless : null : t.cssUnitless) || {}, g = (t.cssUnit || p ? p.cssUnit : null) || "px", _ = t.prefixProperties || (p ? p.prefixProperties : null) || {}, v = t.camelize ? i : r, y, b, x, S, C, w, T, E;
 		for (x in e) if (a(e, x)) {
@@ -321,11 +321,11 @@ var z = /* @__PURE__ */ j(((e, t) => {
 	};
 	t.exports = d;
 }));
-z();
+B();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var he = /* @__PURE__ */ j(((e, t) => {
-	var n = z(), r = R();
+var he = /* @__PURE__ */ M(((e, t) => {
+	var n = B(), r = z();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -336,11 +336,11 @@ var he = /* @__PURE__ */ j(((e, t) => {
 he();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var ge = /* @__PURE__ */ j(((e, t) => {
+var ge = /* @__PURE__ */ M(((e, t) => {
 	t.exports = {
-		prefixProperties: M(),
-		cssUnitless: N(),
-		object: z(),
+		prefixProperties: N(),
+		cssUnitless: P(),
+		object: B(),
 		string: he()
 	};
 }));
@@ -387,7 +387,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 	"border",
 	"class",
 	"style"
-], B = {
+], V = {
 	b: "bold",
 	em: "italic",
 	u: "underline",
@@ -407,10 +407,10 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		};
 	}
 	if (e.nodeType === Ce) {
-		let n = e.tagName.toLowerCase(), r = B[n];
+		let n = e.tagName.toLowerCase(), r = V[n];
 		if (r) return ve("[deserialize] mark: ", r), {
 			_flatten: !0,
-			nodes: V(e.childNodes, [...t, r])
+			nodes: H(e.childNodes, [...t, r])
 		};
 		if (n === "math") return {
 			isMath: !0,
@@ -418,7 +418,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		};
 		let i = we(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = je.reduce(Ae(e), { ...i }), o = Te(n), s = V(e.childNodes, t);
+		let a = je.reduce(Ae(e), { ...i }), o = Te(n), s = H(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -430,7 +430,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		};
 	}
 	return null;
-}, V = (e, t = []) => {
+}, H = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
 		let i = Me(e[r], t);
@@ -452,7 +452,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 			}]
 		}
 	};
-	let t = V(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	let t = H(new DOMParser().parseFromString(e, "text/html").body.childNodes);
 	return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
 		object: "block",
 		type: "span",
@@ -473,75 +473,75 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 			nodes: t
 		}
 	};
-}, Pe = m("div")(({ theme: e }) => ({
+}, Pe = f("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), H = m("span")(() => ({
+})), U = f("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
 })), Fe = ["tbody", "tr"], Ie = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
 	if (!(n && Fe.includes(r))) return t;
 }, Le = (e) => {
-	let t = e.leaves.find((e) => T(e, "marks", []).length);
+	let t = e.leaves.find((e) => E(e, "marks", []).length);
 	return t ? t.marks : null;
-}, U = (e, t, n, r, i, a) => {
+}, Re = (e, t, n, i, a, o) => {
 	if (!t) return null;
-	let o = [];
-	return (e.nodes || []).forEach((e, s) => {
-		let c = e.type ? `${e.type}-${s}` : `${s}`;
-		if (e.isMath) return o.push(/* @__PURE__ */ D("span", { dangerouslySetInnerHTML: { __html: h(`<math displaystyle="true">${e.nodes[0].innerHTML}</math>`) } })), o;
-		if (r) {
-			let a = r(e, t, n);
-			if (a) {
-				let t = e.data?.dataset?.component === "blank" && i?.type !== "td";
-				t && o.push(/* @__PURE__ */ D(H, {}, `spacer-${s}-before`)), o.push(a), t && o.push(/* @__PURE__ */ D(H, {}, `spacer-${s}-after`));
+	let s = [];
+	return (e.nodes || []).forEach((e, c) => {
+		let l = e.type ? `${e.type}-${c}` : `${c}`;
+		if (e.isMath) return s.push(/* @__PURE__ */ O("span", { dangerouslySetInnerHTML: { __html: r(`<math displaystyle="true">${e.nodes[0].innerHTML}</math>`) } })), s;
+		if (i) {
+			let r = i(e, t, n);
+			if (r) {
+				let t = e.data?.dataset?.component === "blank" && a?.type !== "td";
+				t && s.push(/* @__PURE__ */ O(U, {}, `spacer-${c}-before`)), s.push(r), t && s.push(/* @__PURE__ */ O(U, {}, `spacer-${c}-after`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = Ie(i, n);
+				let n = t.text, r = Ie(a, n);
 				return r ? e + r : e;
 			}, ""), n = Le(e);
 			if (n?.length > 0) {
-				let e = n.map((e) => Object.keys(B).find((t) => B[t] === e.type)).filter(Boolean);
-				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ D(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
-			} else t.length > 0 && o.push(t);
+				let e = n.map((e) => Object.keys(V).find((t) => V[t] === e.type)).filter(Boolean);
+				e.length > 0 ? s.push(e.reduceRight((e, t, n) => /* @__PURE__ */ O(t, { children: e }, `${l}-${t}-${n}`), t)) : s.push(t);
+			} else t.length > 0 && s.push(t);
 		} else {
-			let i = U(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ D(Pe, { children: i }, c));
+			let r = Re(e, t, n, i, e, o);
+			if (e.type === "p" || e.type === "paragraph") s.push(/* @__PURE__ */ O(Pe, { children: r }, l));
 			else {
 				let t = e.type;
-				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ D(t, {
+				e.nodes && e.nodes.length > 0 ? s.push(/* @__PURE__ */ O(t, {
 					...e.data.attributes,
-					children: i
-				}, c)) : o.push(/* @__PURE__ */ D(t, { ...e.data.attributes }, c));
+					children: r
+				}, l)) : s.push(/* @__PURE__ */ O(t, { ...e.data.attributes }, l));
 			}
 		}
-	}), o;
-}, Re = m("div")(() => ({
+	}), s;
+}, ze = f("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), ze = class extends E.Component {
+})), Be = class extends D.Component {
 	constructor(e) {
-		super(e), this.internalContainerRef = E.createRef();
+		super(e), this.internalContainerRef = D.createRef();
 	}
 	static propTypes = {
-		renderChildren: k.default.func,
-		layout: k.default.object,
-		value: k.default.object,
-		onChange: k.default.func,
-		elementType: k.default.string,
-		containerRef: k.default.oneOfType([k.default.func, k.default.shape({ current: k.default.instanceOf(Element) })])
+		renderChildren: A.default.func,
+		layout: A.default.object,
+		value: A.default.object,
+		onChange: A.default.func,
+		elementType: A.default.string,
+		containerRef: A.default.oneOfType([A.default.func, A.default.shape({ current: A.default.instanceOf(Element) })])
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof i == "function" && i(e.current);
+		e.current && typeof o == "function" && o(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -551,26 +551,26 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = U(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ D(Re, {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = Re(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ O(ze, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
-}, Be = (e, t) => {
+}, Ve = (e, t) => {
 	let { markup: n } = se(e, t);
-	return Ne(h(n)).document;
-}, Ve = ((e, t) => class extends E.Component {
+	return Ne(r(n)).document;
+}, He = ((e, t) => class extends D.Component {
 	static propTypes = {
-		markup: k.default.string,
-		layout: k.default.object,
-		value: k.default.object,
-		onChange: k.default.func,
-		customMarkMarkupComponent: k.default.func,
-		elementType: k.default.string
+		markup: A.default.string,
+		layout: A.default.object,
+		value: A.default.object,
+		onChange: A.default.func,
+		customMarkMarkupComponent: A.default.func,
+		elementType: A.default.string
 	};
 	constructor(e) {
-		super(e), this.containerRef = E.createRef();
+		super(e), this.containerRef = D.createRef();
 	}
 	componentDidUpdate(e) {
 		if (this.props.markup !== e.markup) {
@@ -582,8 +582,8 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		}
 	}
 	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Be(n, e);
-		return /* @__PURE__ */ D(ze, {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Ve(n, e);
+		return /* @__PURE__ */ O(Be, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -595,7 +595,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 })("input", (e) => (t, n, r) => {
 	let i = t.data && t.data.dataset || {};
 	if (i.component === "input") return e.customMarkMarkupComponent(i.id);
-}), He = "height ease-in 300ms, opacity ease-in 300ms", Ue = m("div")(() => ({
+}), Ue = "height ease-in 300ms, opacity ease-in 300ms", We = f("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -603,7 +603,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: He,
+		transition: Ue,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -617,7 +617,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: He,
+		transition: Ue,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -631,7 +631,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 	}
 })), W = (e) => {
 	let { show: t, children: n, className: r } = e, i = ee(null);
-	return /* @__PURE__ */ D(l, {
+	return /* @__PURE__ */ O(g, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -643,7 +643,7 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ D(Ue, {
+		children: /* @__PURE__ */ O(We, {
 			ref: i,
 			className: r,
 			children: n
@@ -651,13 +651,13 @@ var _e = ge(), ve = (0, ae.default)("@pie-lib:mask-markup:serialization"), ye =
 	});
 };
 W.propTypes = {
-	show: k.default.bool.isRequired,
-	className: k.default.string,
-	children: k.default.oneOfType([k.default.arrayOf(k.default.node), k.default.node]).isRequired
+	show: A.default.bool.isRequired,
+	className: A.default.string,
+	children: A.default.oneOfType([A.default.arrayOf(A.default.node), A.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/i18n/index.js
-var We = f({
+var Ge = n({
 	packageName: "@pie-lib/correct-answer-toggle",
 	source: {
 		showCorrectAnswer: "Show correct answer",
@@ -719,20 +719,20 @@ var We = f({
 function G(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function Ge(e, t) {
+function Ke(e, t) {
 	return !e || G(e) ? e : G(e.default) ? e.default : t && G(e[t]) ? e[t] : t && G(e[t]?.default) ? e[t].default : e;
 }
-var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v, "Readable") || Ge(qe.Readable, "Readable"), Ye = {
+var qe = p, K = qe.default, Je = K && typeof K == "object" ? K : qe, Ye = Ke(y, "Readable") || Ke(Je.Readable, "Readable"), Xe = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, Xe = m("div")(() => ({
+}, Ze = f("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Ze = m("button")(() => ({
+})), Qe = f("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -745,18 +745,18 @@ var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v,
 	font: "inherit",
 	cursor: "pointer",
 	"&:focus-visible": {
-		outline: `2px solid ${t.buttonFocusOutline()}`,
+		outline: `2px solid ${c.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), Qe = m("div")(() => ({
+})), $e = f("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${t.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${c.text()})`,
 	fontWeight: "normal",
-	...Ye
-})), $e = m("div")(() => ({
+	...Xe
+})), et = f("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -769,27 +769,27 @@ var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v,
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), et = m("div")(() => ({
+})), tt = f("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), tt = class extends E.Component {
+})), nt = class extends D.Component {
 	static propTypes = {
-		onToggle: k.default.func,
-		toggled: k.default.bool,
-		show: k.default.bool,
-		hideMessage: k.default.string,
-		showMessage: k.default.string,
-		className: k.default.string,
-		language: k.default.string
+		onToggle: A.default.func,
+		toggled: A.default.bool,
+		show: A.default.bool,
+		hideMessage: A.default.string,
+		showMessage: A.default.string,
+		className: A.default.string,
+		language: A.default.string
 	};
 	static defaultProps = {
 		show: !1,
 		toggled: !1
 	};
 	constructor(e) {
-		super(e), this.state = { show: e.show }, this.openIconRef = E.createRef(), this.closedIconRef = E.createRef();
+		super(e), this.state = { show: e.show }, this.openIconRef = D.createRef(), this.closedIconRef = D.createRef();
 	}
 	relabel = () => this.forceUpdate();
 	onClick() {
@@ -802,17 +802,18 @@ var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v,
 		this.setState({ show: e.show });
 	}
 	render() {
-		let { className: e, toggled: t, language: n } = this.props, r = We.forLocale(n, this.relabel), i = this.props.hideMessage ?? r.t("hideCorrectAnswer"), a = this.props.showMessage ?? r.t("showCorrectAnswer");
-		return /* @__PURE__ */ D(Xe, {
+		let { className: e, toggled: t, language: n } = this.props, r = Ge.forLocale(n, this.relabel), i = this.props.hideMessage ?? r.t("hideCorrectAnswer"), a = this.props.showMessage ?? r.t("showCorrectAnswer");
+		return /* @__PURE__ */ O(Ze, {
 			className: e,
-			children: /* @__PURE__ */ D(W, {
+			...m(n),
+			children: /* @__PURE__ */ O(W, {
 				show: this.state.show,
-				children: /* @__PURE__ */ O(Ze, {
+				children: /* @__PURE__ */ k(Qe, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ O(et, { children: [/* @__PURE__ */ D(l, {
+					children: [/* @__PURE__ */ k(tt, { children: [/* @__PURE__ */ O(g, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -823,11 +824,11 @@ var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v,
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ D($e, {
+						children: /* @__PURE__ */ O(et, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ D(A, { open: t }, "correct-open")
+							children: /* @__PURE__ */ O(j, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ D(l, {
+					}), /* @__PURE__ */ O(g, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -838,13 +839,13 @@ var Ke = d, K = Ke.default, qe = K && typeof K == "object" ? K : Ke, Je = Ge(v,
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ D($e, {
+						children: /* @__PURE__ */ O(et, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ D(A, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ O(j, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ D(Je, {
+					})] }), /* @__PURE__ */ O(Ye, {
 						false: !0,
-						children: /* @__PURE__ */ D(Qe, {
+						children: /* @__PURE__ */ O($e, {
 							"aria-hidden": !this.state.show,
 							children: t ? i : a
 						})
@@ -862,16 +863,16 @@ function q(e) {
 function J(e, t) {
 	return !e || q(e) ? e : q(e.default) ? e.default : t && q(e[t]) ? e[t] : t && q(e[t]?.default) ? e[t].default : e;
 }
-var nt = d, Y = nt.default, X = Y && typeof Y == "object" ? Y : nt, rt = J(b, "UiLayout") || J(X.UiLayout, "UiLayout"), Z = J(u, "PreviewPrompt") || J(X.PreviewPrompt, "PreviewPrompt"), it = J(v, "Readable") || J(X.Readable, "Readable"), at = J(y, "Collapsible") || J(X.Collapsible, "Collapsible"), { translator: Q } = w, ot = m(rt)({
-	color: t.text(),
-	backgroundColor: t.background(),
+var rt = p, Y = rt.default, X = Y && typeof Y == "object" ? Y : rt, it = J(x, "UiLayout") || J(X.UiLayout, "UiLayout"), Z = J(d, "PreviewPrompt") || J(X.PreviewPrompt, "PreviewPrompt"), at = J(y, "Readable") || J(X.Readable, "Readable"), ot = J(b, "Collapsible") || J(X.Collapsible, "Collapsible"), { translator: Q } = T, st = f(it)({
+	color: c.text(),
+	backgroundColor: c.background(),
 	display: "inline-block"
-}), st = m("div")({
+}), ct = f("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: t.background(),
-	color: t.text()
-}), ct = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), lt = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ut = m("div")({
+	backgroundColor: c.background(),
+	color: c.text()
+}), lt = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ut = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), dt = f("div")({
 	position: "relative",
 	"& > div > div": {
 		display: "flex",
@@ -906,12 +907,12 @@ var nt = d, Y = nt.default, X = Y && typeof Y == "object" ? Y : nt, rt = J(b, "U
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), dt = m("div")(({ theme: e, $incorrect: n, $correct: r, $showCorrectness: i, $correctAnswerShown: a }) => ({
+}), ft = f("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
 	maxWidth: "fit-content",
-	...n && { borderColor: `${t.incorrect()} !important` },
-	...r && { borderColor: `${t.correct()} !important` },
-	...i && { border: "2px solid" },
-	...a && {
+	...t && { borderColor: `${c.incorrect()} !important` },
+	...n && { borderColor: `${c.correct()} !important` },
+	...r && { border: "2px solid" },
+	...i && {
 		padding: e.spacing(1),
 		letterSpacing: "0.5px"
 	},
@@ -922,29 +923,29 @@ var nt = d, Y = nt.default, X = Y && typeof Y == "object" ? Y : nt, rt = J(b, "U
 		} },
 		"& sup": { top: 0 }
 	}
-})), ft = m(g.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: t.text() } } }), pt = m("div")(({ theme: e }) => ({
+})), pt = f(_.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: c.text() } } }), mt = f("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), mt = m("div")(({ theme: e }) => ({
+})), ht = f("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), ht = m("h2")({
+})), gt = f("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), gt = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), _t = m(tt)(({ theme: e }) => ({
-	color: t.text(),
+}), _t = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), vt = f(nt)(({ theme: e }) => ({
+	color: c.text(),
 	marginBottom: e.spacing(2)
 }));
 if (typeof document < "u") {
 	let e = "math-templated-main-styles";
 	if (!document.getElementById(e)) {
-		let n = document.createElement("style");
-		n.id = e, n.textContent = `
+		let t = document.createElement("style");
+		t.id = e, t.textContent = `
       .block-container {
         margin: 8px !important;
         display: inline-flex;
@@ -962,8 +963,8 @@ if (typeof document < "u") {
         border-right: 2px solid #bdbdbd !important;
       }
       .block-math {
-        color: ${t.text()};
-        background-color: ${t.background()};
+        color: ${c.text()};
+        background-color: ${c.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -974,16 +975,16 @@ if (typeof document < "u") {
         display: none;
       }
       .correct {
-        border-color: ${t.correct()} !important;
+        border-color: ${c.correct()} !important;
       }
       .incorrect {
-        border-color: ${t.incorrect()} !important;
+        border-color: ${c.incorrect()} !important;
       }
-    `, document.head.appendChild(n);
+    `, document.head.appendChild(t);
 	}
 }
-var vt = !1, $ = /(\{\{\d+\}\})/gm, yt = 6, bt = 8, xt = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function St(e = []) {
+var yt = !1, $ = /(\{\{\d+\}\})/gm, bt = 6, xt = 8, St = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function Ct(e = []) {
 	return e.map((e) => ({
 		name: e,
 		latex: e,
@@ -991,17 +992,17 @@ function St(e = []) {
 		label: e
 	}));
 }
-function Ct(e = [], t) {
+function wt(e = [], t) {
 	return Math.floor(e.length / 5) * 30 + (t === "miscellaneous" ? 600 : 500);
 }
-function wt(e) {
+function Tt(e) {
 	return e.split($).filter((e) => e);
 }
-function Tt(e, t) {
+function Et(e, t) {
 	let { responses: n, disabled: r, markup: i, printMode: a, alwaysShowCorrect: o } = e || {};
-	if (i) return t.showCorrect ? Object.keys(n || {}).reduce((e, t) => (e[t] = n?.[t]?.answer, e), {}) : wt(i).reduce((e, n) => {
+	if (i) return t.showCorrect ? Object.keys(n || {}).reduce((e, t) => (e[t] = n?.[t]?.answer, e), {}) : Tt(i).reduce((e, n) => {
 		if (n.match($)) {
-			let i = Dt.getResponseKey(n), s = t.session.answers[`r${i}`];
+			let i = Ot.getResponseKey(n), s = t.session.answers[`r${i}`];
 			if (a && !o) {
 				let t = "\\ \\ ".repeat(30) + "\\embed{newLine}[] ";
 				return {
@@ -1020,7 +1021,7 @@ function Tt(e, t) {
 		return e;
 	}, {});
 }
-var Et = {
+var Dt = {
 	name: "smartHorizontalPlacement",
 	enabled: !0,
 	phase: "main",
@@ -1028,15 +1029,15 @@ var Et = {
 	fn: ({ state: e }) => {
 		let t = e.modifiersData.popperOffsets;
 		if (!t) return;
-		let n = window.innerWidth || document.documentElement.clientWidth, r = e.rects.popper.width, i = e.elements.reference.getBoundingClientRect().left, a = e.elements.popper?.offsetParent, o = a?.getBoundingClientRect?.() || { left: 0 }, s = a?.scrollLeft || 0, c = i - o.left + s, l = c - i, u = l + bt, d = l + n - r - bt;
+		let n = window.innerWidth || document.documentElement.clientWidth, r = e.rects.popper.width, i = e.elements.reference.getBoundingClientRect().left, a = e.elements.popper?.offsetParent, o = a?.getBoundingClientRect?.() || { left: 0 }, s = a?.scrollLeft || 0, c = i - o.left + s, l = c - i, u = l + xt, d = l + n - r - xt;
 		i + r <= n ? t.x = c : t.x = c - r, d < u ? t.x = u : t.x = Math.min(Math.max(t.x, u), d);
 	}
-}, Dt = class e extends E.Component {
+}, Ot = class e extends D.Component {
 	static getResponseKey = (e) => (e || "").replaceAll("{{", "").replaceAll("}}", "");
 	static propTypes = {
-		session: k.default.object.isRequired,
-		onSessionChange: k.default.func,
-		model: k.default.object.isRequired
+		session: A.default.object.isRequired,
+		onSessionChange: A.default.func,
+		model: A.default.object.isRequired
 	};
 	constructor(t) {
 		super(t);
@@ -1051,11 +1052,11 @@ var Et = {
 			},
 			activeAnswerBlock: "",
 			showCorrect: o || !1,
-			tooltipContainerRef: E.createRef()
+			tooltipContainerRef: D.createRef()
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (vt ||= (a("answerBlock", (e) => ({
+		typeof window < "u" && (yt ||= (l("answerBlock", (e) => ({
 			htmlString: `<div class="block-container">
               <div class="block-response" data-answer-block-index="${e}">R</div>
               <div class="block-math">
@@ -1072,9 +1073,9 @@ var Et = {
 			let n = this.root.querySelector(`[data-answer-block="${t}"]`), i = this.root.querySelector(`[data-answer-block-index="${t}"]`);
 			if (n) {
 				let a = r[t];
-				o(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				s(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), i(this.root);
+		}), o(this.root);
 	};
 	UNSAFE_componentWillReceiveProps(t) {
 		let { model: n } = this.props, { model: r = {} } = t || {}, { markup: i = "", env: a = {} } = n || {}, { markup: o = "", env: s = {}, alwaysShowCorrect: c = !1 } = r, l = (e) => e && e.mode === "evaluate";
@@ -1083,7 +1084,7 @@ var Et = {
 			showCorrect: !1
 		})), c && this.setState({ showCorrect: !0 });
 		let u = i.match($), d = o.match($);
-		if (!x(u, d)) {
+		if (!S(u, d)) {
 			let t = {}, n = this.state.session.answers;
 			(d || []).forEach((r) => {
 				let i = e.getResponseKey(r), a = n && n[`r${i}`];
@@ -1097,11 +1098,11 @@ var Et = {
 		}
 	}
 	shouldComponentUpdate(e, t) {
-		let n = x(this.props.model, e.model), r = x(this.state, t);
+		let n = S(this.props.model, e.model), r = S(this.state, t);
 		return !n || !r;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), setTimeout(() => i(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), setTimeout(() => o(this.root), 100);
 	}
 	componentDidUpdate() {
 		this.handleAnswerBlockDomUpdate();
@@ -1164,7 +1165,7 @@ var Et = {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		s(), e && this.setState((n) => ({ session: {
+		i(), e && this.setState((n) => ({ session: {
 			...n.session,
 			answers: {
 				...n.session.answers,
@@ -1196,18 +1197,18 @@ var Et = {
 	};
 	setTooltipRef(e) {
 		setTimeout(() => {
-			if (e && xt) {
+			if (e && St) {
 				let e = document.querySelector("[role='tooltip']");
 				e && e.firstChild.setAttribute("tabindex", "-1");
 			}
 		}, 1);
 	}
 	renderTeacherInstructions = () => {
-		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (p(t) || c(t)), i = /* @__PURE__ */ D(Z, {
+		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (h(t) || u(t)), i = /* @__PURE__ */ O(Z, {
 			defaultClassName: "teacher-instructions",
 			prompt: t
 		});
-		return r && /* @__PURE__ */ D(lt, { children: n ? i : /* @__PURE__ */ D(at, {
+		return r && /* @__PURE__ */ O(ut, { children: n ? i : /* @__PURE__ */ O(ot, {
 			labels: {
 				hidden: Q.t("common:showTeacherInstructions", { lng: e?.language }),
 				visible: Q.t("common:hideTeacherInstructions", { lng: e?.language })
@@ -1216,8 +1217,8 @@ var Et = {
 		}) });
 	};
 	renderRationale = () => {
-		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ D(Z, { prompt: t });
-		return t && (p(t) || c(t)) && /* @__PURE__ */ D(lt, { children: n ? r : /* @__PURE__ */ D(at, {
+		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ O(Z, { prompt: t });
+		return t && (h(t) || u(t)) && /* @__PURE__ */ O(ut, { children: n ? r : /* @__PURE__ */ O(ot, {
 			labels: {
 				hidden: Q.t("common:showRationale", { lng: e?.language }),
 				visible: Q.t("common:hideRationale", { lng: e?.language })
@@ -1226,13 +1227,13 @@ var Et = {
 		}) });
 	};
 	renderPlayerContent = () => {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: i, tooltipContainerRef: a } = this.state, { correctness: o, disabled: s, view: c, responses: l, equationEditor: u, customKeys: d, feedback: f, env: { mode: p } = {}, printMode: m, alwaysShowCorrect: h, language: g } = e || {}, v = C(l), y = St(d), b = Tt(e, this.state) || "", x = m && !h;
-		return /* @__PURE__ */ D(ut, { children: /* @__PURE__ */ D(Ve, {
+		let { model: e } = this.props, { activeAnswerBlock: n, showCorrect: r, session: i, tooltipContainerRef: a } = this.state, { correctness: o, disabled: s, view: c, responses: l, equationEditor: u, customKeys: d, feedback: f, env: { mode: p } = {}, printMode: m, alwaysShowCorrect: h, language: g } = e || {}, _ = w(l), y = Ct(d), b = Et(e, this.state) || "", x = m && !h;
+		return /* @__PURE__ */ O(dt, { children: /* @__PURE__ */ O(He, {
 			disabled: s,
 			markup: e.markup,
 			value: {},
 			customMarkMarkupComponent: (e) => {
-				let l = p === "evaluate" && f && f[e], d = /* @__PURE__ */ D(ft, {
+				let l = p === "evaluate" && f && f[e], d = /* @__PURE__ */ O(pt, {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
@@ -1244,17 +1245,17 @@ var Et = {
 					onSubFieldFocus: this.onSubFieldFocus,
 					onBlur: this.onBlur
 				});
-				return /* @__PURE__ */ D(dt, {
+				return /* @__PURE__ */ O(ft, {
 					ref: a,
-					$incorrect: !v && !l && !n,
-					$correct: !v && (l || n),
-					$showCorrectness: !v && s && o && !c,
-					$correctAnswerShown: n,
-					children: /* @__PURE__ */ D(r, {
+					$incorrect: !_ && !l && !r,
+					$correct: !_ && (l || r),
+					$showCorrectness: !_ && s && o && !c,
+					$correctAnswerShown: r,
+					children: /* @__PURE__ */ O(t, {
 						ref: (e) => this.setTooltipRef(e),
 						enterTouchDelay: 0,
 						interactive: !0,
-						open: t === `r${e}`,
+						open: n === `r${e}`,
 						slotProps: {
 							popper: {
 								container: a?.current || void 0,
@@ -1274,7 +1275,7 @@ var Et = {
 										name: "flip",
 										enabled: !1
 									},
-									Et
+									Dt
 								]
 							},
 							tooltip: { sx: {
@@ -1287,46 +1288,46 @@ var Et = {
 								boxShadow: "none"
 							} }
 						},
-						title: Object.keys(i.answers).map((e) => e === t && !(n || s) && /* @__PURE__ */ D(pt, {
+						title: Object.keys(i.answers).map((e) => e === n && !(r || s) && /* @__PURE__ */ O(mt, {
 							"data-keypad": !0,
-							style: { width: Ct(y, u) },
-							children: /* @__PURE__ */ D(_, {
+							style: { width: wt(y, u) },
+							children: /* @__PURE__ */ O(v, {
 								additionalKeys: y,
-								mode: u || yt,
+								mode: u || bt,
 								onClick: this.onClick
 							})
 						}, e) || null),
-						children: D(x ? mt : "div", { children: d })
+						children: O(x ? ht : "div", { children: d })
 					})
 				});
 			}
 		}) });
 	};
 	render() {
-		let { model: e } = this.props, { showCorrect: t } = this.state, { prompt: n, env: { mode: r, role: i } = {}, extraCSSRules: a, correctness: o, responses: s, language: c, showNote: l, note: u } = e || {}, d = !C(s) && o && o.correctness !== "correct", f = (t || r === "view" && i === "instructor") && l && u;
-		return /* @__PURE__ */ D(ot, {
-			extraCSSRules: a,
+		let { model: e } = this.props, { showCorrect: t } = this.state, { prompt: n, env: { mode: i, role: a } = {}, extraCSSRules: o, correctness: s, responses: c, language: l, showNote: u, note: d } = e || {}, f = !w(c) && s && s.correctness !== "correct", p = (t || i === "view" && a === "instructor") && u && d;
+		return /* @__PURE__ */ O(st, {
+			extraCSSRules: o,
 			ref: (e) => {
 				let t = te.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ O(st, { children: [
-				r === "gather" && /* @__PURE__ */ D(ht, { children: Q.t("mathInline.mathEquationResponseQuestion", { lng: c }) }),
-				/* @__PURE__ */ D(st, { children: d && /* @__PURE__ */ D(_t, {
-					language: c,
+			children: /* @__PURE__ */ k(ct, { children: [
+				i === "gather" && /* @__PURE__ */ O(gt, { children: Q.t("mathInline.mathEquationResponseQuestion", { lng: l }) }),
+				/* @__PURE__ */ O(ct, { children: f && /* @__PURE__ */ O(vt, {
+					language: l,
 					show: !0,
 					toggled: t,
 					onToggle: this.toggleShowCorrect
 				}) }),
 				this.renderTeacherInstructions(),
-				n && /* @__PURE__ */ D(ct, { children: /* @__PURE__ */ D(Z, { prompt: n }) }),
-				/* @__PURE__ */ D(it, {
+				n && /* @__PURE__ */ O(lt, { children: /* @__PURE__ */ O(Z, { prompt: n }) }),
+				/* @__PURE__ */ O(at, {
 					false: !0,
 					children: this.renderPlayerContent()
 				}),
-				f && /* @__PURE__ */ D(gt, {
+				p && /* @__PURE__ */ O(_t, {
 					className: "note",
-					dangerouslySetInnerHTML: { __html: h(u) }
+					dangerouslySetInnerHTML: { __html: r(d) }
 				}),
 				this.renderRationale()
 			] })
@@ -1334,6 +1335,6 @@ var Et = {
 	}
 };
 //#endregion
-export { Dt as t };
+export { Ot as t };
 
-//# sourceMappingURL=main-CjydLdRr.js.map
+//# sourceMappingURL=main-DwwlYPR4.js.map