@pie-element/math-templated 8.0.2-next.20261007003844 → 8.0.2

package/dist/browser/editor-runtime/{main-CoTwYVPd.js → main-Bd8xrUwS.js}

@@ -1,11 +1,11 @@
 import { s as e } from "./rolldown-runtime-DgMJErsw.js";
-import { Ft as t, J as n, K as r, T as i, X as a, Y as o, c as s, d as c, ft as l, i as u, l as d, ot as f, q as p, r as m, t as h, u as g, w as _, y as v } from "./horizontal-keypad-CVfEAxPy.js";
-import { _ as y, n as b, r as x, t as S, u as C } from "./dist-BgelMX3V.js";
-import w, { useRef as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { It as t, J as n, K as r, T as i, X as a, Y as o, Z as s, c, d as l, i as u, l as d, pt as f, q as p, r as m, st as h, t as g, u as _, w as v, y } from "./horizontal-keypad-BHA2V7Wd.js";
+import { _ as b, n as x, r as S, t as C, u as w } from "./dist-BgelMX3V.js";
+import T, { useRef as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
 import ee from "react-dom";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var O = /* @__PURE__ */ e(t(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
+var k = /* @__PURE__ */ e(t(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ O("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -13,27 +13,27 @@ var O = /* @__PURE__ */ e(t(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ E("circle", {
+		/* @__PURE__ */ D("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ E("path", {
+		/* @__PURE__ */ D("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__ */ E("polygon", {
+		/* @__PURE__ */ D("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
 		})
 	]
 });
 te.propTypes = {
-	bgFill: O.default.string.isRequired,
-	fgFill: O.default.string.isRequired
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired
 };
-var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
+var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ O("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -41,7 +41,7 @@ var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ E("path", {
+		/* @__PURE__ */ D("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -50,7 +50,7 @@ var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("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__ */ E("path", {
+		/* @__PURE__ */ D("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -59,48 +59,48 @@ var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("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__ */ E("circle", {
+		/* @__PURE__ */ D("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ E("path", {
+		/* @__PURE__ */ D("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__ */ E("polygon", {
+		/* @__PURE__ */ D("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
 		})
 	]
 });
 ne.propTypes = {
-	bgFill: O.default.string.isRequired,
-	fgFill: O.default.string.isRequired,
-	borderFill: O.default.string.isRequired
+	bgFill: k.default.string.isRequired,
+	fgFill: k.default.string.isRequired,
+	borderFill: k.default.string.isRequired
 };
-var re = l("div")(({ size: e }) => ({
+var re = f("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), k = ({ open: e, size: t }) => /* @__PURE__ */ E(re, {
+})), A = ({ open: e, size: t }) => /* @__PURE__ */ D(re, {
 	size: t,
-	children: e ? /* @__PURE__ */ E(te, {
+	children: e ? /* @__PURE__ */ D(te, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ E(ne, {
+	}) : /* @__PURE__ */ D(ne, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-k.propTypes = {
-	open: O.default.bool,
-	size: O.default.string
-}, k.defaultProps = { open: !1 };
+A.propTypes = {
+	open: k.default.bool,
+	size: k.default.string
+}, A.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/mask-markup/dist/componentize.js
-var ie = /* @__PURE__ */ e(b(), 1), ae = /\{\{(\d+)\}\}/g, oe = (e, t) => e ? { markup: e.replace(ae, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, A = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), j = /* @__PURE__ */ A(((e, t) => {
+var ie = /* @__PURE__ */ e(x(), 1), ae = /\{\{(\d+)\}\}/g, oe = (e, t) => e ? { markup: e.replace(ae, (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) => {
 	t.exports = {
 		"border-radius": 1,
 		"border-top-left-radius": 1,
@@ -127,10 +127,10 @@ var ie = /* @__PURE__ */ e(b(), 1), ae = /\{\{(\d+)\}\}/g, oe = (e, t) => e ? {
 		"box-pack": 1
 	};
 }));
-j();
+M();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
-var M = /* @__PURE__ */ A(((e, t) => {
+var N = /* @__PURE__ */ j(((e, t) => {
 	t.exports = {
 		animation: 1,
 		"column-count": 1,
@@ -150,19 +150,19 @@ var M = /* @__PURE__ */ A(((e, t) => {
 		rowspan: 1
 	};
 }));
-M();
+N();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var N = /* @__PURE__ */ A(((e, t) => {
+var P = /* @__PURE__ */ j(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-N();
+P();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var P = /* @__PURE__ */ A(((e, t) => {
-	var n = N(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+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;
 	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 P = /* @__PURE__ */ A(((e, t) => {
 		};
 	})();
 }));
-P();
+F();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var se = /* @__PURE__ */ A(((e, t) => {
+var se = /* @__PURE__ */ j(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
 se();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var F = /* @__PURE__ */ A(((e, t) => {
+var I = /* @__PURE__ */ j(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
 	}, r = se();
@@ -196,10 +196,10 @@ var F = /* @__PURE__ */ A(((e, t) => {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-F();
+I();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var ce = /* @__PURE__ */ A(((e, t) => {
+var ce = /* @__PURE__ */ j(((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,25 +208,25 @@ var ce = /* @__PURE__ */ A(((e, t) => {
 ce();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var I = /* @__PURE__ */ A(((e, t) => {
+var L = /* @__PURE__ */ j(((e, t) => {
 	var n = ce();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-I();
+L();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var le = /* @__PURE__ */ A(((e, t) => {
+var R = /* @__PURE__ */ j(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
 }));
-le();
+R();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var ue = /* @__PURE__ */ A(((e, t) => {
-	var n = F(), r = I(), i = le(), a = N(), o = P(), s = j(), c = typeof document > "u" ? {} : document.documentElement.style;
+var le = /* @__PURE__ */ j(((e, t) => {
+	var n = I(), r = L(), i = R(), a = P(), o = F(), s = M(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -243,45 +243,45 @@ var ue = /* @__PURE__ */ A(((e, t) => {
 		};
 	};
 }));
-ue();
+le();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var de = /* @__PURE__ */ A(((e, t) => {
-	t.exports = ue()();
+var ue = /* @__PURE__ */ j(((e, t) => {
+	t.exports = le()();
 }));
-de();
+ue();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var L = /* @__PURE__ */ A(((e, t) => {
+var z = /* @__PURE__ */ j(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-L();
+z();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var fe = /* @__PURE__ */ A(((e, t) => {
+var de = /* @__PURE__ */ j(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
 	};
 }));
-fe();
+de();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var pe = /* @__PURE__ */ A(((e, t) => {
+var fe = /* @__PURE__ */ j(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
 	};
 }));
-pe();
+fe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var R = /* @__PURE__ */ A(((e, t) => {
-	P();
-	var n = de(), r = I(), i = F(), a = L(), o = fe(), s = pe(), c = function(e, t, r, i) {
+var B = /* @__PURE__ */ j(((e, t) => {
+	F();
+	var n = ue(), r = L(), i = I(), a = z(), o = de(), s = fe(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -292,7 +292,7 @@ var R = /* @__PURE__ */ A(((e, t) => {
 			var n = e.split(":");
 			n.length == 2 && (t[n[0].trim()] = n[1].trim());
 		}), t;
-	}, u = { cssUnitless: M() }, d = function(e, t, n, f) {
+	}, u = { cssUnitless: N() }, 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 R = /* @__PURE__ */ A(((e, t) => {
 	};
 	t.exports = d;
 }));
-R();
+B();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var z = /* @__PURE__ */ A(((e, t) => {
-	var n = R(), r = L();
+var pe = /* @__PURE__ */ j(((e, t) => {
+	var n = B(), r = z();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -333,25 +333,25 @@ var z = /* @__PURE__ */ A(((e, t) => {
 		return i.join("; ");
 	};
 }));
-z();
+pe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var B = /* @__PURE__ */ A(((e, t) => {
+var me = /* @__PURE__ */ j(((e, t) => {
 	t.exports = {
-		prefixProperties: j(),
-		cssUnitless: M(),
-		object: R(),
-		string: z()
+		prefixProperties: M(),
+		cssUnitless: N(),
+		object: B(),
+		string: pe()
 	};
 }));
-B();
+me();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = ["span"], _e = [
+var he = me(), ge = (0, ie.default)("@pie-lib:mask-markup:serialization"), _e = ["span"], ve = [
 	"em",
 	"strong",
 	"u"
-], ve = 3, ye = 8, be = 1, xe = (e) => {
+], ye = 3, be = 8, xe = 1, Se = (e) => {
 	if (!e.attributes || e.attributes.length <= 0) return;
 	let t = {}, n;
 	for (n = 0; n < e.attributes.length; n++) {
@@ -359,31 +359,31 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 		t[r.name] = r.value;
 	}
 	return t;
-}, Se = (e) => ge.includes(e) ? "inline" : _e.includes(e) ? "mark" : "block", Ce = (e) => {
+}, Ce = (e) => _e.includes(e) ? "inline" : ve.includes(e) ? "mark" : "block", we = (e) => {
 	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
 	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
 	return r;
-}, we = (e) => (0, me.object)(e, {
+}, Te = (e) => (0, he.object)(e, {
 	camelize: !0,
 	addUnits: !1
-}), Te = (e, t) => we(Ce(e.getAttribute(t))), Ee = (e, t, n) => {
+}), Ee = (e, t) => Te(we(e.getAttribute(t))), De = (e, t, n) => {
 	let r = e.getAttribute(n);
 	return delete t.class, r;
-}, De = (e) => (t, n) => {
+}, Oe = (e) => (t, n) => {
 	if (!e.getAttribute) return t;
 	if (e.getAttribute(n)) switch (n) {
 		case "style":
-			t.style = Te(e, n);
+			t.style = Ee(e, n);
 			break;
 		case "class":
-			t.className = Ee(e, t, n);
+			t.className = De(e, t, n);
 			break;
 		default:
 			t[n] = e.getAttribute(n);
 			break;
 	}
 	return t;
-}, Oe = [
+}, ke = [
 	"border",
 	"class",
 	"style"
@@ -394,9 +394,9 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 	s: "strikethrough",
 	code: "code",
 	strong: "strong"
-}, ke = (e, t = []) => {
-	if (e.nodeType === ye) return null;
-	if (e.nodeType === ve) {
+}, Ae = (e, t = []) => {
+	if (e.nodeType === be) return null;
+	if (e.nodeType === ye) {
 		let n = { text: e.textContent };
 		return t.length > 0 && (n.marks = t.map((e) => ({
 			type: e,
@@ -406,9 +406,9 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 			leaves: [n]
 		};
 	}
-	if (e.nodeType === be) {
+	if (e.nodeType === xe) {
 		let n = e.tagName.toLowerCase(), r = V[n];
-		if (r) return he("[deserialize] mark: ", r), {
+		if (r) return ge("[deserialize] mark: ", r), {
 			_flatten: !0,
 			nodes: H(e.childNodes, [...t, r])
 		};
@@ -416,9 +416,9 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 			isMath: !0,
 			nodes: [e]
 		};
-		let i = xe(e) || {};
+		let i = Se(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = Oe.reduce(De(e), { ...i }), o = Se(n), s = H(e.childNodes, t);
+		let a = ke.reduce(Oe(e), { ...i }), o = Ce(n), s = H(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -433,11 +433,11 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 }, H = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
-		let i = ke(e[r], t);
+		let i = Ae(e[r], t);
 		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
 	}
 	return n;
-}, Ae = (e) => {
+}, je = (e) => {
 	if (!e || !e.trim()) return {
 		object: "value",
 		document: {
@@ -473,71 +473,71 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 			nodes: t
 		}
 	};
-}, je = l("div")(({ theme: e }) => ({
+}, Me = f("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), Me = l("span")(() => ({
+})), Ne = f("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
-})), Ne = ["tbody", "tr"], Pe = (e, t) => {
+})), Pe = ["tbody", "tr"], Fe = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
-	if (!(n && Ne.includes(r))) return t;
-}, Fe = (e) => {
-	let t = e.leaves.find((e) => C(e, "marks", []).length);
+	if (!(n && Pe.includes(r))) return t;
+}, Ie = (e) => {
+	let t = e.leaves.find((e) => w(e, "marks", []).length);
 	return t ? t.marks : null;
-}, Ie = (e, t, n, r, i, a) => {
+}, U = (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__ */ E("span", { dangerouslySetInnerHTML: { __html: `<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__ */ E(Me, {}, `spacer-${s}-before`)), o.push(a), t && o.push(/* @__PURE__ */ E(Me, {}, `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__ */ D("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__ */ D(Ne, {}, `spacer-${c}-before`)), s.push(r), t && s.push(/* @__PURE__ */ D(Ne, {}, `spacer-${c}-after`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = Pe(i, n);
+				let n = t.text, r = Fe(a, n);
 				return r ? e + r : e;
-			}, ""), n = Fe(e);
+			}, ""), n = Ie(e);
 			if (n?.length > 0) {
 				let e = n.map((e) => Object.keys(V).find((t) => V[t] === e.type)).filter(Boolean);
-				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ E(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
-			} else t.length > 0 && o.push(t);
+				e.length > 0 ? s.push(e.reduceRight((e, t, n) => /* @__PURE__ */ D(t, { children: e }, `${l}-${t}-${n}`), t)) : s.push(t);
+			} else t.length > 0 && s.push(t);
 		} else {
-			let i = Ie(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ E(je, { children: i }, c));
+			let r = U(e, t, n, i, e, o);
+			if (e.type === "p" || e.type === "paragraph") s.push(/* @__PURE__ */ D(Me, { children: r }, l));
 			else {
 				let t = e.type;
-				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ E(t, {
+				e.nodes && e.nodes.length > 0 ? s.push(/* @__PURE__ */ D(t, {
 					...e.data.attributes,
-					children: i
-				}, c)) : o.push(/* @__PURE__ */ E(t, { ...e.data.attributes }, c));
+					children: r
+				}, l)) : s.push(/* @__PURE__ */ D(t, { ...e.data.attributes }, l));
 			}
 		}
-	}), o;
-}, Le = l("div")(() => ({
+	}), s;
+}, Le = f("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), Re = class extends w.Component {
+})), Re = class extends T.Component {
 	constructor(e) {
-		super(e), this.internalContainerRef = w.createRef();
+		super(e), this.internalContainerRef = T.createRef();
 	}
 	static propTypes = {
-		renderChildren: O.default.func,
-		layout: O.default.object,
-		value: O.default.object,
-		onChange: O.default.func,
-		elementType: O.default.string,
-		containerRef: O.default.oneOfType([O.default.func, O.default.shape({ current: O.default.instanceOf(Element) })])
+		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) })])
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
@@ -551,39 +551,39 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = Ie(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ E(Le, {
+		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(Le, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
 }, ze = (e, t) => {
 	let { markup: n } = oe(e, t);
-	return Ae(n).document;
-}, Be = ((e, t) => class extends w.Component {
+	return je(r(n)).document;
+}, Be = ((e, t) => class extends T.Component {
 	static propTypes = {
-		markup: O.default.string,
-		layout: O.default.object,
-		value: O.default.object,
-		onChange: O.default.func,
-		customMarkMarkupComponent: O.default.func,
-		elementType: O.default.string
+		markup: k.default.string,
+		layout: k.default.object,
+		value: k.default.object,
+		onChange: k.default.func,
+		customMarkMarkupComponent: k.default.func,
+		elementType: k.default.string
 	};
 	constructor(e) {
-		super(e), this.containerRef = w.createRef();
+		super(e), this.containerRef = T.createRef();
 	}
 	componentDidUpdate(e) {
 		if (this.props.markup !== e.markup) {
 			let e = this.containerRef.current;
 			(e && e.querySelectorAll("[data-latex][data-math-handled=\"true\"]") || []).forEach((e) => {
 				let t = e.querySelector("mjx-container");
-				t && e.removeChild(t), e.innerHTML = e.getAttribute("data-raw"), e.removeAttribute("data-math-handled");
+				t && e.removeChild(t), e.textContent = e.getAttribute("data-raw"), e.removeAttribute("data-math-handled");
 			});
 		}
 	}
 	render() {
 		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || ze(n, e);
-		return /* @__PURE__ */ E(Re, {
+		return /* @__PURE__ */ D(Re, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -595,7 +595,7 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 })("input", (e) => (t, n, r) => {
 	let i = t.data && t.data.dataset || {};
 	if (i.component === "input") return e.customMarkMarkupComponent(i.id);
-}), Ve = "height ease-in 300ms, opacity ease-in 300ms", He = l("div")(() => ({
+}), Ve = "height ease-in 300ms, opacity ease-in 300ms", He = f("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -630,8 +630,8 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 		width: 0
 	}
 })), Ue = (e) => {
-	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(f, {
+	let { show: t, children: n, className: r } = e, i = E(null);
+	return /* @__PURE__ */ D(h, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -643,7 +643,7 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ E(He, {
+		children: /* @__PURE__ */ D(He, {
 			ref: i,
 			className: r,
 			children: n
@@ -651,29 +651,29 @@ var me = B(), he = (0, ie.default)("@pie-lib:mask-markup:serialization"), ge = [
 	});
 };
 Ue.propTypes = {
-	show: O.default.bool.isRequired,
-	className: O.default.string,
-	children: O.default.oneOfType([O.default.arrayOf(O.default.node), O.default.node]).isRequired
+	show: k.default.bool.isRequired,
+	className: k.default.string,
+	children: k.default.oneOfType([k.default.arrayOf(k.default.node), k.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function U(e) {
+function W(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
 function We(e, t) {
-	return !e || U(e) ? e : U(e.default) ? e.default : t && U(e[t]) ? e[t] : t && U(e[t]?.default) ? e[t].default : e;
+	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
 }
-var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.default, qe = W && typeof W == "object" ? W : Ke, { translator: G } = S, Je = {
+var Ge = We(_, "Readable") || We(qe.Readable, "Readable"), Ke = u, G = Ke.default, qe = G && typeof G == "object" ? G : Ke, { translator: K } = C, Je = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, Ye = l("div")(() => ({
+}, Ye = f("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Xe = l("button")(() => ({
+})), Xe = f("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -686,18 +686,18 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 	font: "inherit",
 	cursor: "pointer",
 	"&:focus-visible": {
-		outline: `2px solid ${r.buttonFocusOutline()}`,
+		outline: `2px solid ${p.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), Ze = l("div")(() => ({
+})), Ze = f("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${r.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${p.text()})`,
 	fontWeight: "normal",
 	...Je
-})), Qe = l("div")(() => ({
+})), Qe = f("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -710,20 +710,20 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), $e = l("div")(() => ({
+})), $e = f("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), et = class e extends w.Component {
+})), et = class e extends T.Component {
 	static propTypes = {
-		onToggle: O.default.func,
-		toggled: O.default.bool,
-		show: O.default.bool,
-		hideMessage: O.default.string,
-		showMessage: O.default.string,
-		className: O.default.string,
-		language: O.default.string
+		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
 	};
 	static defaultProps = {
 		showMessage: "Show correct answer",
@@ -732,10 +732,10 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 		toggled: !1
 	};
 	constructor(t) {
-		super(t), this.state = { show: t.show }, this.openIconRef = w.createRef(), this.closedIconRef = w.createRef(), e.defaultProps = {
+		super(t), this.state = { show: t.show }, this.openIconRef = T.createRef(), this.closedIconRef = T.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: G.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: G.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -747,22 +747,22 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: G.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: G.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ E(Ye, {
+		return /* @__PURE__ */ D(Ye, {
 			className: e,
-			children: /* @__PURE__ */ E(Ue, {
+			children: /* @__PURE__ */ D(Ue, {
 				show: this.state.show,
-				children: /* @__PURE__ */ D(Xe, {
+				children: /* @__PURE__ */ O(Xe, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D($e, { children: [/* @__PURE__ */ E(f, {
+					children: [/* @__PURE__ */ O($e, { children: [/* @__PURE__ */ D(h, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -773,11 +773,11 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(Qe, {
+						children: /* @__PURE__ */ D(Qe, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ E(k, { open: t }, "correct-open")
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ E(f, {
+					}), /* @__PURE__ */ D(h, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -788,13 +788,13 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(Qe, {
+						children: /* @__PURE__ */ D(Qe, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ E(k, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ D(A, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ E(Ge, {
+					})] }), /* @__PURE__ */ D(Ge, {
 						false: !0,
-						children: /* @__PURE__ */ E(Ze, {
+						children: /* @__PURE__ */ D(Ze, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -806,22 +806,22 @@ var Ge = We(g, "Readable") || We(qe.Readable, "Readable"), Ke = u, W = Ke.defaul
 };
 //#endregion
 //#region src/delivery/main.tsx
-function K(e) {
+function q(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function q(e, t) {
-	return !e || K(e) ? e : K(e.default) ? e.default : t && K(e[t]) ? e[t] : t && K(e[t]?.default) ? e[t].default : 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 tt = q(v, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(c, "PreviewPrompt") || q(X.PreviewPrompt, "PreviewPrompt"), nt = q(g, "Readable") || q(X.Readable, "Readable"), rt = q(_, "Collapsible") || q(X.Collapsible, "Collapsible"), it = u, Y = it.default, X = Y && typeof Y == "object" ? Y : it, { translator: Z } = S, at = l(tt)({
-	color: r.text(),
-	backgroundColor: r.background(),
+var tt = J(y, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(l, "PreviewPrompt") || J(Z.PreviewPrompt, "PreviewPrompt"), nt = J(_, "Readable") || J(Z.Readable, "Readable"), rt = J(v, "Collapsible") || J(Z.Collapsible, "Collapsible"), it = u, X = it.default, Z = X && typeof X == "object" ? X : it, { translator: Q } = C, at = f(tt)({
+	color: p.text(),
+	backgroundColor: p.background(),
 	display: "inline-block"
-}), Q = l("div")({
+}), ot = f("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: r.background(),
-	color: r.text()
-}), ot = l("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = l("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ct = l("div")({
+	backgroundColor: p.background(),
+	color: p.text()
+}), st = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ct = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), lt = f("div")({
 	position: "relative",
 	"& > div > div": {
 		display: "flex",
@@ -856,12 +856,12 @@ var tt = q(v, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(c, "PreviewPrompt"
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), lt = l("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: i, $correctAnswerShown: a }) => ({
+}), ut = f("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
 	maxWidth: "fit-content",
-	...t && { borderColor: `${r.incorrect()} !important` },
-	...n && { borderColor: `${r.correct()} !important` },
-	...i && { border: "2px solid" },
-	...a && {
+	...t && { borderColor: `${p.incorrect()} !important` },
+	...n && { borderColor: `${p.correct()} !important` },
+	...r && { border: "2px solid" },
+	...i && {
 		padding: e.spacing(1),
 		letterSpacing: "0.5px"
 	},
@@ -872,22 +872,22 @@ var tt = q(v, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(c, "PreviewPrompt"
 		} },
 		"& sup": { top: 0 }
 	}
-})), ut = l(m.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: r.text() } } }), dt = l("div")(({ theme: e }) => ({
+})), dt = f(m.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: p.text() } } }), ft = f("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), ft = l("div")(({ theme: e }) => ({
+})), pt = f("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), pt = l("h2")({
+})), mt = f("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), mt = l("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ht = l(et)(({ theme: e }) => ({
-	color: r.text(),
+}), ht = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), gt = f(et)(({ theme: e }) => ({
+	color: p.text(),
 	marginBottom: e.spacing(2)
 }));
 if (typeof document < "u") {
@@ -912,8 +912,8 @@ if (typeof document < "u") {
         border-right: 2px solid #bdbdbd !important;
       }
       .block-math {
-        color: ${r.text()};
-        background-color: ${r.background()};
+        color: ${p.text()};
+        background-color: ${p.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -924,16 +924,16 @@ if (typeof document < "u") {
         display: none;
       }
       .correct {
-        border-color: ${r.correct()} !important;
+        border-color: ${p.correct()} !important;
       }
       .incorrect {
-        border-color: ${r.incorrect()} !important;
+        border-color: ${p.incorrect()} !important;
       }
     `, document.head.appendChild(t);
 	}
 }
-var gt = !1, $ = /(\{\{\d+\}\})/gm, _t = 6, vt = 8, yt = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function bt(e = []) {
+var _t = !1, $ = /(\{\{\d+\}\})/gm, vt = 6, yt = 8, bt = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function xt(e = []) {
 	return e.map((e) => ({
 		name: e,
 		latex: e,
@@ -941,17 +941,17 @@ function bt(e = []) {
 		label: e
 	}));
 }
-function xt(e = [], t) {
+function St(e = [], t) {
 	return Math.floor(e.length / 5) * 30 + (t === "miscellaneous" ? 600 : 500);
 }
-function St(e) {
+function Ct(e) {
 	return e.split($).filter((e) => e);
 }
-function Ct(e, t) {
+function wt(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), {}) : St(i).reduce((e, n) => {
+	if (i) return t.showCorrect ? Object.keys(n || {}).reduce((e, t) => (e[t] = n?.[t]?.answer, e), {}) : Ct(i).reduce((e, n) => {
 		if (n.match($)) {
-			let i = Tt.getResponseKey(n), s = t.session.answers[`r${i}`];
+			let i = Et.getResponseKey(n), s = t.session.answers[`r${i}`];
 			if (a && !o) {
 				let t = "\\ \\ ".repeat(30) + "\\embed{newLine}[] ";
 				return {
@@ -970,7 +970,7 @@ function Ct(e, t) {
 		return e;
 	}, {});
 }
-var wt = {
+var Tt = {
 	name: "smartHorizontalPlacement",
 	enabled: !0,
 	phase: "main",
@@ -978,15 +978,15 @@ var wt = {
 	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 + vt, d = l + n - r - vt;
+		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 + yt, d = l + n - r - yt;
 		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);
 	}
-}, Tt = class e extends w.Component {
+}, Et = class e extends T.Component {
 	static getResponseKey = (e) => (e || "").replaceAll("{{", "").replaceAll("}}", "");
 	static propTypes = {
-		session: O.default.object.isRequired,
-		onSessionChange: O.default.func,
-		model: O.default.object.isRequired
+		session: k.default.object.isRequired,
+		onSessionChange: k.default.func,
+		model: k.default.object.isRequired
 	};
 	constructor(t) {
 		super(t);
@@ -1001,11 +1001,11 @@ var wt = {
 			},
 			activeAnswerBlock: "",
 			showCorrect: o || !1,
-			tooltipContainerRef: w.createRef()
+			tooltipContainerRef: T.createRef()
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (gt ||= (n("answerBlock", (e) => ({
+		typeof window < "u" && (_t ||= (o("answerBlock", (e) => ({
 			htmlString: `<div class="block-container">
               <div class="block-response" data-answer-block-index="${e}">R</div>
               <div class="block-math">
@@ -1017,12 +1017,12 @@ var wt = {
 		})), !0));
 	}
 	handleAnswerBlockDomUpdate = () => {
-		let { model: e } = this.props, { session: t, showCorrect: n } = this.state, r = t.answers;
-		this.root && e.disabled && !n && Object.keys(r).forEach((t) => {
-			let n = this.root.querySelector(`[data-answer-block="${t}"]`), i = this.root.querySelector(`[data-answer-block-index="${t}"]`);
-			if (n) {
-				let a = r[t];
-				p(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+		let { model: e } = this.props, { session: t, showCorrect: r } = this.state, a = t.answers;
+		this.root && e.disabled && !r && Object.keys(a).forEach((t) => {
+			let r = this.root.querySelector(`[data-answer-block="${t}"]`), i = this.root.querySelector(`[data-answer-block-index="${t}"]`);
+			if (r) {
+				let o = a[t];
+				n(r, o && o.value || ""), e.view && (r.parentElement.parentElement.classList.remove("correct"), r.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
 		}), i(this.root);
 	};
@@ -1033,7 +1033,7 @@ var wt = {
 			showCorrect: !1
 		})), c && this.setState({ showCorrect: !0 });
 		let u = i.match($), d = o.match($);
-		if (!y(u, d)) {
+		if (!b(u, d)) {
 			let t = {}, n = this.state.session.answers;
 			(d || []).forEach((r) => {
 				let i = e.getResponseKey(r), a = n && n[`r${i}`];
@@ -1047,7 +1047,7 @@ var wt = {
 		}
 	}
 	shouldComponentUpdate(e, t) {
-		let n = y(this.props.model, e.model), r = y(this.state, t);
+		let n = b(this.props.model, e.model), r = b(this.state, t);
 		return !n || !r;
 	}
 	componentDidMount() {
@@ -1114,7 +1114,7 @@ var wt = {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		o(), e && this.setState((n) => ({ session: {
+		a(), e && this.setState((n) => ({ session: {
 			...n.session,
 			answers: {
 				...n.session.answers,
@@ -1146,43 +1146,43 @@ var wt = {
 	};
 	setTooltipRef(e) {
 		setTimeout(() => {
-			if (e && yt) {
+			if (e && bt) {
 				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 && (d(t) || s(t)), i = /* @__PURE__ */ E(J, {
+		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (d(t) || c(t)), i = /* @__PURE__ */ D(Y, {
 			defaultClassName: "teacher-instructions",
 			prompt: t
 		});
-		return r && /* @__PURE__ */ E(st, { children: n ? i : /* @__PURE__ */ E(rt, {
+		return r && /* @__PURE__ */ D(ct, { children: n ? i : /* @__PURE__ */ D(rt, {
 			labels: {
-				hidden: Z.t("common:showTeacherInstructions", { lng: e?.language }),
-				visible: Z.t("common:hideTeacherInstructions", { lng: e?.language })
+				hidden: Q.t("common:showTeacherInstructions", { lng: e?.language }),
+				visible: Q.t("common:hideTeacherInstructions", { lng: e?.language })
 			},
 			children: i
 		}) });
 	};
 	renderRationale = () => {
-		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ E(J, { prompt: t });
-		return t && (d(t) || s(t)) && /* @__PURE__ */ E(st, { children: n ? r : /* @__PURE__ */ E(rt, {
+		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ D(Y, { prompt: t });
+		return t && (d(t) || c(t)) && /* @__PURE__ */ D(ct, { children: n ? r : /* @__PURE__ */ D(rt, {
 			labels: {
-				hidden: Z.t("common:showRationale", { lng: e?.language }),
-				visible: Z.t("common:hideRationale", { lng: e?.language })
+				hidden: Q.t("common:showRationale", { lng: e?.language }),
+				visible: Q.t("common:hideRationale", { lng: e?.language })
 			},
 			children: r
 		}) });
 	};
 	renderPlayerContent = () => {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: r, tooltipContainerRef: i } = this.state, { correctness: o, disabled: s, view: c, responses: l, equationEditor: u, customKeys: d, feedback: f, env: { mode: p } = {}, printMode: m, alwaysShowCorrect: g, language: _ } = e || {}, v = x(l), y = bt(d), b = Ct(e, this.state) || "", S = m && !g;
-		return /* @__PURE__ */ E(ct, { children: /* @__PURE__ */ E(Be, {
-			disabled: s,
+		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: r, tooltipContainerRef: i } = this.state, { correctness: a, disabled: o, view: c, responses: l, equationEditor: u, customKeys: d, feedback: f, env: { mode: p } = {}, printMode: m, alwaysShowCorrect: h, language: _ } = e || {}, v = S(l), y = xt(d), b = wt(e, this.state) || "", x = m && !h;
+		return /* @__PURE__ */ D(lt, { children: /* @__PURE__ */ D(Be, {
+			disabled: o,
 			markup: e.markup,
 			value: {},
 			customMarkMarkupComponent: (e) => {
-				let l = p === "evaluate" && f && f[e], d = /* @__PURE__ */ E(ut, {
+				let l = p === "evaluate" && f && f[e], d = /* @__PURE__ */ D(dt, {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
@@ -1194,13 +1194,13 @@ var wt = {
 					onSubFieldFocus: this.onSubFieldFocus,
 					onBlur: this.onBlur
 				});
-				return /* @__PURE__ */ E(lt, {
+				return /* @__PURE__ */ D(ut, {
 					ref: i,
 					$incorrect: !v && !l && !n,
 					$correct: !v && (l || n),
-					$showCorrectness: !v && s && o && !c,
+					$showCorrectness: !v && o && a && !c,
 					$correctAnswerShown: n,
-					children: /* @__PURE__ */ E(a, {
+					children: /* @__PURE__ */ D(s, {
 						ref: (e) => this.setTooltipRef(e),
 						enterTouchDelay: 0,
 						interactive: !0,
@@ -1224,7 +1224,7 @@ var wt = {
 										name: "flip",
 										enabled: !1
 									},
-									wt
+									Tt
 								]
 							},
 							tooltip: { sx: {
@@ -1237,46 +1237,46 @@ var wt = {
 								boxShadow: "none"
 							} }
 						},
-						title: Object.keys(r.answers).map((e) => e === t && !(n || s) && /* @__PURE__ */ E(dt, {
+						title: Object.keys(r.answers).map((e) => e === t && !(n || o) && /* @__PURE__ */ D(ft, {
 							"data-keypad": !0,
-							style: { width: xt(y, u) },
-							children: /* @__PURE__ */ E(h, {
+							style: { width: St(y, u) },
+							children: /* @__PURE__ */ D(g, {
 								additionalKeys: y,
-								mode: u || _t,
+								mode: u || vt,
 								onClick: this.onClick
 							})
 						}, e) || null),
-						children: E(S ? ft : "div", { children: d })
+						children: D(x ? pt : "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 = !x(s) && o && o.correctness !== "correct", f = (t || r === "view" && i === "instructor") && l && u;
-		return /* @__PURE__ */ E(at, {
-			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 = !S(c) && s && s.correctness !== "correct", p = (t || i === "view" && a === "instructor") && u && d;
+		return /* @__PURE__ */ D(at, {
+			extraCSSRules: o,
 			ref: (e) => {
 				let t = ee.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ D(Q, { children: [
-				r === "gather" && /* @__PURE__ */ E(pt, { children: Z.t("mathInline.mathEquationResponseQuestion", { lng: c }) }),
-				/* @__PURE__ */ E(Q, { children: d && /* @__PURE__ */ E(ht, {
-					language: c,
+			children: /* @__PURE__ */ O(ot, { children: [
+				i === "gather" && /* @__PURE__ */ D(mt, { children: Q.t("mathInline.mathEquationResponseQuestion", { lng: l }) }),
+				/* @__PURE__ */ D(ot, { children: f && /* @__PURE__ */ D(gt, {
+					language: l,
 					show: !0,
 					toggled: t,
 					onToggle: this.toggleShowCorrect
 				}) }),
 				this.renderTeacherInstructions(),
-				n && /* @__PURE__ */ E(ot, { children: /* @__PURE__ */ E(J, { prompt: n }) }),
-				/* @__PURE__ */ E(nt, {
+				n && /* @__PURE__ */ D(st, { children: /* @__PURE__ */ D(Y, { prompt: n }) }),
+				/* @__PURE__ */ D(nt, {
 					false: !0,
 					children: this.renderPlayerContent()
 				}),
-				f && /* @__PURE__ */ E(mt, {
+				p && /* @__PURE__ */ D(ht, {
 					className: "note",
-					dangerouslySetInnerHTML: { __html: u }
+					dangerouslySetInnerHTML: { __html: r(d) }
 				}),
 				this.renderRationale()
 			] })
@@ -1284,6 +1284,6 @@ var wt = {
 	}
 };
 //#endregion
-export { Tt as t };
+export { Et as t };
 
-//# sourceMappingURL=main-CoTwYVPd.js.map
+//# sourceMappingURL=main-Bd8xrUwS.js.map