@pie-element/math-templated 7.1.1-next.12 → 7.1.2

package/dist/browser/main-I_wWeaur.js

@@ -1,1274 +0,0 @@
-import { C as e, g as t, n, o as r, t as i } from "./browser-DJA4OL8j.js";
-import { At as a, J as o, M as s, S as c, a as l, b as u, d, f, ft as p, i as m, it as h, l as g, n as _, q as v, r as y, t as b, u as x, w as S } from "./dist-Csid0rBE.js";
-import { t as C } from "./dist-D9ARZhQk.js";
-import w, { useRef as T } from "react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import ee from "react-dom";
-//#region ../../lib-react/icons/dist/correct-response-icon.js
-var O = /* @__PURE__ */ e(a(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
-	preserveAspectRatio: "xMinYMin meet",
-	version: "1.1",
-	viewBox: "-283 359 34 35",
-	style: { enableBackground: "new -283 359 34 35" },
-	children: [
-		/* @__PURE__ */ E("circle", {
-			cx: "-266",
-			cy: "375.9",
-			r: "14",
-			fill: e
-		}),
-		/* @__PURE__ */ E("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", {
-			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
-};
-var k = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
-	preserveAspectRatio: "xMinYMin meet",
-	version: "1.1",
-	viewBox: "-129.5 127 34 35",
-	style: { enableBackground: "new -129.5 127 34 35" },
-	children: [
-		/* @__PURE__ */ E("path", {
-			style: {
-				fill: "#D0CAC5",
-				stroke: "#E6E3E0",
-				strokeWidth: .75,
-				strokeMiterlimit: 10
-			},
-			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", {
-			style: {
-				fill: "#B3ABA4",
-				stroke: "#CDC7C2",
-				strokeWidth: .5,
-				strokeMiterlimit: 10
-			},
-			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", {
-			cx: "-114.2",
-			cy: "143.5",
-			r: "14",
-			fill: e
-		}),
-		/* @__PURE__ */ E("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", {
-			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
-		})
-	]
-});
-k.propTypes = {
-	bgFill: O.default.string.isRequired,
-	fgFill: O.default.string.isRequired,
-	borderFill: O.default.string.isRequired
-};
-var ne = p("div")(({ size: e }) => ({
-	width: e || "25px",
-	height: e || "25px"
-})), A = ({ open: e, size: t }) => /* @__PURE__ */ E(ne, {
-	size: t,
-	children: e ? /* @__PURE__ */ E(te, {
-		bgFill: "#bce2ff",
-		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ E(k, {
-		bgFill: "white",
-		fgFill: "#1a9cff",
-		borderFill: "#bce2ff"
-	})
-});
-A.propTypes = {
-	open: O.default.bool,
-	size: O.default.string
-}, A.defaultProps = { open: !1 };
-//#endregion
-//#region ../../lib-react/mask-markup/dist/componentize.js
-var re = /* @__PURE__ */ e(i(), 1), ie = /\{\{(\d+)\}\}/g, ae = (e, t) => e ? { markup: e.replace(ie, (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,
-		"border-top-right-radius": 1,
-		"border-bottom-left-radius": 1,
-		"border-bottom-right-radius": 1,
-		"box-shadow": 1,
-		order: 1,
-		flex: function(e, t) {
-			return [t + "box-flex"];
-		},
-		"box-flex": 1,
-		"box-align": 1,
-		animation: 1,
-		"animation-duration": 1,
-		"animation-name": 1,
-		transition: 1,
-		"transition-duration": 1,
-		transform: 1,
-		"transform-style": 1,
-		"transform-origin": 1,
-		"backface-visibility": 1,
-		perspective: 1,
-		"box-pack": 1
-	};
-}));
-M();
-//#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) => {
-	t.exports = {
-		animation: 1,
-		"column-count": 1,
-		columns: 1,
-		"font-weight": 1,
-		opacity: 1,
-		"order  ": 1,
-		"z-index": 1,
-		zoom: 1,
-		flex: 1,
-		"box-flex": 1,
-		transform: 1,
-		perspective: 1,
-		"box-pack": 1,
-		"box-align": 1,
-		colspan: 1,
-		rowspan: 1
-	};
-}));
-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 P = /* @__PURE__ */ j(((e, t) => {
-	t.exports = function(e) {
-		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
-	};
-}));
-P();
-//#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;
-	t.exports = (function() {
-		var e = (function() {
-			for (var e in i) if (r.test(e)) return e.match(r)[0];
-			return "WebkitOpacity" in i ? "Webkit" : "KhtmlOpacity" in i ? "Khtml" : "";
-		})();
-		return {
-			style: e,
-			css: "-" + e.toLowerCase() + "-",
-			dom: {
-				Webkit: "WebKit",
-				ms: "MS",
-				o: "WebKit"
-			}[e] || n(e)
-		};
-	})();
-}));
-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 oe = /* @__PURE__ */ j(((e, t) => {
-	t.exports = /[-\s]+(.)?/g;
-}));
-oe();
-//#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 n = function(e, t) {
-		return t ? t.toUpperCase() : "";
-	}, r = oe();
-	t.exports = function(e) {
-		return e ? e.replace(r, n) : "";
-	};
-}));
-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 se = /* @__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 || "-") : "";
-	};
-}));
-se();
-//#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 n = se();
-	t.exports = function(e) {
-		return n(e).toLowerCase();
-	};
-}));
-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 ce = /* @__PURE__ */ j(((e, t) => {
-	t.exports = function(e) {
-		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
-	};
-}));
-ce();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var le = /* @__PURE__ */ j(((e, t) => {
-	var n = I(), r = L(), i = ce(), a = P(), o = F(), s = M(), c = typeof document > "u" ? {} : document.documentElement.style;
-	t.exports = function(e) {
-		return function(t, l) {
-			l ||= {};
-			var u = i(n(t)), d = r(t), f = e ? u : d, p = o.style ? e ? o.style : o.css : "";
-			if (u in c) return l.asString ? f : [f];
-			var m = f, h = s[d], g = [];
-			if (e && (m = a(f)), typeof h == "function") {
-				var _ = h(f, p) || [];
-				_ && !Array.isArray(_) && (_ = [_]), _.length && (_ = _.map(function(t) {
-					return e ? i(n(t)) : r(t);
-				})), g = g.concat(_);
-			}
-			return p && g.push(p + m), g.push(f), l.asString || g.length == 1 ? g[0] : g;
-		};
-	};
-}));
-le();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var ue = /* @__PURE__ */ j(((e, t) => {
-	t.exports = le()();
-}));
-ue();
-//#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 n = Object.prototype.hasOwnProperty;
-	t.exports = function(e, t) {
-		return n.call(e, t);
-	};
-}));
-R();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var de = /* @__PURE__ */ j(((e, t) => {
-	var n = Object.prototype.toString;
-	t.exports = function(e) {
-		return !!e && n.call(e) === "[object Object]";
-	};
-}));
-de();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var fe = /* @__PURE__ */ j(((e, t) => {
-	var n = Object.prototype.toString;
-	t.exports = function(e) {
-		return n.apply(e) === "[object Function]";
-	};
-}));
-fe();
-//#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 = ue(), r = L(), i = I(), a = R(), o = de(), s = fe(), c = function(e, t, r, i) {
-		n(t).forEach(function(t) {
-			e[i ? i(t) : t] = r;
-		});
-	}, l = function(e) {
-		e = (e || "").split(";");
-		var t = {};
-		return e.forEach(function(e) {
-			var n = e.split(":");
-			n.length == 2 && (t[n[0].trim()] = n[1].trim());
-		}), t;
-	}, 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)) {
-			if (S = e[x], b = r(n ? n + x : x), y = !1, E = !1, s(S) && (T = S.call(p || e, S, x, b, e), o(T) && T.value != null ? (S = T.value, E = T.prefix, b = T.name ? r(T.name) : b) : S = T), C = typeof S, w = C == "number" || C == "string" && S != "" && S * 1 == S, S == null || b == null || b === "") continue;
-			if ((w || C == "string") && (y = !0), !y && S.value != null && S.prefix && (y = !0, E = S.prefix, S = S.value), y) {
-				if (E ||= !!_[b], w && (S = m && !(b in h) ? S + g : S + ""), (b == "border" || !b.indexOf("border") && !~b.indexOf("radius") && !~b.indexOf("width")) && w && (b += "-width"), !b.indexOf("border-radius-") && (b.replace(/border(-radius)(-(.*))/, function(e, t, n) {
-					var r = {
-						"-top": ["-top-left", "-top-right"],
-						"-left": ["-top-left", "-bottom-left"],
-						"-right": ["-top-right", "-bottom-right"],
-						"-bottom": ["-bottom-left", "-bottom-right"]
-					};
-					n in r ? (b = [], r[n].forEach(function(e) {
-						b.push("border" + e + t);
-					})) : b = "border" + n + t;
-				}), Array.isArray(b))) {
-					b.forEach(function(e) {
-						E ? c(f, e, S, v) : f[v(e)] = S;
-					});
-					continue;
-				}
-				E ? c(f, b, S, v) : f[v(b)] = S;
-			} else d(S, t, b + "-", f);
-		}
-		return f;
-	};
-	t.exports = d;
-}));
-z();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var pe = /* @__PURE__ */ j(((e, t) => {
-	var n = z(), r = R();
-	t.exports = function(e, t) {
-		e = n(e, t);
-		var i = [], a;
-		for (a in e) r(e, a) && i.push(a + ": " + e[a]);
-		return i.join("; ");
-	};
-}));
-pe();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var me = /* @__PURE__ */ j(((e, t) => {
-	t.exports = {
-		prefixProperties: M(),
-		cssUnitless: N(),
-		object: z(),
-		string: pe()
-	};
-}));
-me();
-//#endregion
-//#region ../../lib-react/mask-markup/dist/serialization.js
-var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e = ["span"], ve = [
-	"em",
-	"strong",
-	"u"
-], 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++) {
-		let r = e.attributes[n];
-		t[r.name] = r.value;
-	}
-	return t;
-}, 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;
-}, Te = (e) => (0, he.object)(e, {
-	camelize: !0,
-	addUnits: !1
-}), Ee = (e, t) => Te(we(e.getAttribute(t))), De = (e, t, n) => {
-	let r = e.getAttribute(n);
-	return delete t.class, r;
-}, Oe = (e) => (t, n) => {
-	if (!e.getAttribute) return t;
-	if (e.getAttribute(n)) switch (n) {
-		case "style":
-			t.style = Ee(e, n);
-			break;
-		case "class":
-			t.className = De(e, t, n);
-			break;
-		default:
-			t[n] = e.getAttribute(n);
-			break;
-	}
-	return t;
-}, ke = [
-	"border",
-	"class",
-	"style"
-], B = {
-	b: "bold",
-	em: "italic",
-	u: "underline",
-	s: "strikethrough",
-	code: "code",
-	strong: "strong"
-}, 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,
-			data: void 0
-		}))), {
-			object: "text",
-			leaves: [n]
-		};
-	}
-	if (e.nodeType === xe) {
-		let n = e.tagName.toLowerCase(), r = B[n];
-		if (r) return ge("[deserialize] mark: ", r), {
-			_flatten: !0,
-			nodes: V(e.childNodes, [...t, r])
-		};
-		if (n === "math") return {
-			isMath: !0,
-			nodes: [e]
-		};
-		let i = Se(e) || {};
-		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = ke.reduce(Oe(e), { ...i }), o = Ce(n), s = V(e.childNodes, t);
-		return {
-			object: o,
-			type: n,
-			data: {
-				dataset: { ...e.dataset },
-				attributes: { ...a }
-			},
-			nodes: s
-		};
-	}
-	return null;
-}, V = (e, t = []) => {
-	let n = [];
-	for (let r = 0; r < e.length; r++) {
-		let i = Ae(e[r], t);
-		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
-	}
-	return n;
-}, je = (e) => {
-	if (!e || !e.trim()) return {
-		object: "value",
-		document: {
-			object: "document",
-			data: {},
-			nodes: [{
-				object: "block",
-				type: "span",
-				data: {},
-				isVoid: !1,
-				nodes: []
-			}]
-		}
-	};
-	let t = V(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",
-		data: {},
-		isVoid: !1,
-		nodes: t
-	}]), t.length === 0 && (t = [{
-		object: "block",
-		type: "span",
-		data: {},
-		isVoid: !1,
-		nodes: []
-	}]), {
-		object: "value",
-		document: {
-			object: "document",
-			data: {},
-			nodes: t
-		}
-	};
-}, Me = p("div")(({ theme: e }) => ({
-	paddingTop: e.spacing(.5),
-	paddingBottom: e.spacing(.5)
-})), H = p("span")(() => ({
-	display: "inline-block",
-	width: ".75em"
-})), Ne = ["tbody", "tr"], Pe = (e, t) => {
-	let n = t.trim() === "", r = e && e.type;
-	if (!(n && Ne.includes(r))) return t;
-}, Fe = (e) => {
-	let n = e.leaves.find((e) => t(e, "marks", []).length);
-	return n ? n.marks[0] : null;
-}, U = (e, t, n, r, i, a) => {
-	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 i = r(e, t, n);
-			if (i) {
-				let t = e.data?.dataset?.component === "blank";
-				t && o.push(/* @__PURE__ */ E(H, {}, `spacer-${s}`)), o.push(i), t && o.push(/* @__PURE__ */ E(H, {}, `spacer-${s}`));
-				return;
-			}
-		}
-		if (e.object === "text") {
-			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = Pe(i, n);
-				return r ? e + r : e;
-			}, ""), n = Fe(e);
-			if (n) {
-				let e;
-				for (e in B) if (B[e] === n.type) {
-					let n = e;
-					o.push(/* @__PURE__ */ E(n, { children: t }, c));
-					break;
-				}
-			} else t.length > 0 && o.push(t);
-		} else {
-			let i = U(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ E(Me, { children: i }, c));
-			else {
-				let t = e.type;
-				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ E(t, {
-					...e.data.attributes,
-					children: i
-				}, c)) : o.push(/* @__PURE__ */ E(t, { ...e.data.attributes }, c));
-			}
-		}
-	}), o;
-}, Ie = p("div")(() => ({
-	display: "initial",
-	"&:not(.MathJax) table": { borderCollapse: "collapse" },
-	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
-		padding: "8px 12px",
-		textAlign: "left"
-	}
-})), Le = class extends w.Component {
-	constructor(e) {
-		super(e), this.internalContainerRef = w.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) })])
-	};
-	componentDidMount() {
-		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof S == "function" && S(e.current);
-	}
-	handleChange = (e, t) => {
-		let n = {
-			...this.props.value,
-			[e]: t
-		};
-		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__ */ E(Ie, {
-			ref: r || this.internalContainerRef,
-			children: i
-		});
-	}
-}, Re = (e, t) => {
-	let { markup: n } = ae(e, t);
-	return je(n).document;
-}, ze = ((e, t) => class extends w.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
-	};
-	constructor(e) {
-		super(e), this.containerRef = w.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");
-			});
-		}
-	}
-	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Re(n, e);
-		return /* @__PURE__ */ E(Le, {
-			containerRef: this.containerRef,
-			elementType: o,
-			layout: s,
-			value: i,
-			onChange: a,
-			renderChildren: t(this.props)
-		});
-	}
-})("input", (e) => (t, n, r) => {
-	let i = t.data && t.data.dataset || {};
-	if (i.component === "input") return e.customMarkMarkupComponent(i.id);
-}), W = "height ease-in 300ms, opacity ease-in 300ms", Be = p("div")(() => ({
-	position: "relative",
-	height: 0,
-	overflow: "hidden",
-	display: "flex",
-	visibility: "hidden",
-	width: 0,
-	"&.enter": {
-		transition: W,
-		opacity: 1,
-		height: "auto",
-		width: "auto",
-		visibility: "visible",
-		minHeight: "25px"
-	},
-	"&.enter-done": {
-		height: "auto",
-		visibility: "visible",
-		width: "auto",
-		minHeight: "25px"
-	},
-	"&.exit": {
-		transition: W,
-		opacity: 0,
-		height: 0,
-		visibility: "visible",
-		width: 0
-	},
-	"&.exit-done": {
-		opacity: 0,
-		visibility: "hidden",
-		height: 0,
-		width: 0
-	}
-})), Ve = (e) => {
-	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(h, {
-		nodeRef: i,
-		in: t,
-		appear: !0,
-		mountOnEnter: !1,
-		timeout: 300,
-		classNames: {
-			enter: "enter",
-			enterDone: "enter-done",
-			exit: "exit",
-			exitDone: "exit-done"
-		},
-		children: /* @__PURE__ */ E(Be, {
-			ref: i,
-			className: r,
-			children: n
-		})
-	});
-};
-Ve.propTypes = {
-	show: O.default.bool.isRequired,
-	className: O.default.string,
-	children: O.default.oneOfType([O.default.arrayOf(O.default.node), O.default.node]).isRequired
-};
-//#endregion
-//#region ../../lib-react/correct-answer-toggle/dist/index.js
-function G(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function He(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 Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.default, Ge = K && typeof K == "object" ? K : We, { translator: q } = C, Ke = {
-	WebkitTouchCallout: "none",
-	WebkitUserSelect: "none",
-	KhtmlUserSelect: "none",
-	MozUserSelect: "none",
-	msUserSelect: "none",
-	userSelect: "none"
-}, qe = p("div")(() => ({
-	width: "100%",
-	cursor: "pointer"
-})), Je = p("div")(() => ({
-	margin: "0 auto",
-	textAlign: "center",
-	display: "flex"
-})), Ye = p("div")(() => ({
-	width: "fit-content",
-	minWidth: "140px",
-	alignSelf: "center",
-	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
-	fontWeight: "normal",
-	...Ke
-})), Xe = p("div")(() => ({
-	position: "absolute",
-	width: "25px",
-	"&.enter": { opacity: "0" },
-	"&.enter-active": {
-		opacity: "1",
-		transition: "opacity 0.3s ease-in"
-	},
-	"&.exit": { opacity: "1" },
-	"&.exit-active": {
-		opacity: "0",
-		transition: "opacity 0.3s ease-in"
-	}
-})), Ze = p("div")(() => ({
-	width: "25px",
-	marginRight: "5px",
-	display: "flex",
-	alignItems: "center"
-})), Qe = class e extends w.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
-	};
-	static defaultProps = {
-		showMessage: "Show correct answer",
-		hideMessage: "Hide correct answer",
-		show: !1,
-		toggled: !1
-	};
-	constructor(t) {
-		super(t), this.state = { show: t.show }, this.openIconRef = w.createRef(), this.closedIconRef = w.createRef(), e.defaultProps = {
-			...e.defaultProps,
-			showMessage: q.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: q.t("common:hideCorrectAnswer", { lng: t.language })
-		};
-	}
-	onClick() {
-		this.props.onToggle(!this.props.toggled);
-	}
-	onTouch(e) {
-		e.preventDefault(), this.props.onToggle(!this.props.toggled);
-	}
-	UNSAFE_componentWillReceiveProps(t) {
-		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
-			...e.defaultProps,
-			showMessage: q.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: q.t("common:hideCorrectAnswer", { lng: t.language })
-		});
-	}
-	render() {
-		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ E(qe, {
-			className: e,
-			children: /* @__PURE__ */ E(Ve, {
-				show: this.state.show,
-				children: /* @__PURE__ */ D(Je, {
-					onClick: this.onClick.bind(this),
-					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D(Ze, { children: [/* @__PURE__ */ E(h, {
-						nodeRef: this.openIconRef,
-						timeout: 400,
-						in: t,
-						exit: !t,
-						classNames: {
-							enter: "enter",
-							enterActive: "enter-active",
-							exit: "exit",
-							exitActive: "exit-active"
-						},
-						children: /* @__PURE__ */ E(Xe, {
-							ref: this.openIconRef,
-							children: /* @__PURE__ */ E(A, { open: t }, "correct-open")
-						})
-					}), /* @__PURE__ */ E(h, {
-						nodeRef: this.closedIconRef,
-						timeout: 5e3,
-						in: !t,
-						exit: t,
-						classNames: {
-							enter: "enter",
-							enterActive: "enter-active",
-							exit: "exit",
-							exitActive: "exit-active"
-						},
-						children: /* @__PURE__ */ E(Xe, {
-							ref: this.closedIconRef,
-							children: /* @__PURE__ */ E(A, { open: t }, "correct-closed")
-						})
-					})] }), /* @__PURE__ */ E(Ue, {
-						false: !0,
-						children: /* @__PURE__ */ E(Ye, {
-							"aria-hidden": !this.state.show,
-							children: t ? n : r
-						})
-					})]
-				})
-			})
-		});
-	}
-};
-//#endregion
-//#region src/delivery/main.tsx
-function J(e) {
-	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
-}
-function Y(e, t) {
-	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
-}
-var $e = Y(u, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(f, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), et = Y(d, "Readable") || Y(Q.Readable, "Readable"), tt = Y(c, "Collapsible") || Y(Q.Collapsible, "Collapsible"), nt = l, Z = nt.default, Q = Z && typeof Z == "object" ? Z : nt, rt = p($e)({
-	color: s.text(),
-	backgroundColor: s.background(),
-	display: "inline-block"
-}), it = p("div")({
-	width: "100%",
-	position: "relative",
-	backgroundColor: s.background(),
-	color: s.text()
-}), at = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = p("div")({
-	position: "relative",
-	"& > div > div": {
-		display: "flex",
-		alignItems: "baseline",
-		flexWrap: "wrap"
-	},
-	"& .mq-overarrow-inner": {
-		border: "none !important",
-		padding: "0 !important"
-	},
-	"& .mq-overarrow-inner-right": { display: "none !important" },
-	"& .mq-overarrow-inner-left": { display: "none !important" },
-	"& .mq-overarrow.mq-arrow-both": {
-		minWidth: "1.23em",
-		"& *": { lineHeight: "1 !important" },
-		"&:before": {
-			top: "-0.4em",
-			left: "-1px"
-		},
-		"&:after": {
-			top: "-2.4em",
-			right: "-1px"
-		},
-		"&.mq-empty:after": { top: "-0.45em" }
-	},
-	"& .mq-overarrow.mq-arrow-right": { "&:before": {
-		top: "-0.4em",
-		right: "-1px"
-	} },
-	"& .mq-longdiv-inner": {
-		borderTop: "1px solid !important",
-		paddingTop: "1.5px !important"
-	},
-	"& .mq-parallelogram": { lineHeight: .85 }
-}), ct = p("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
-	maxWidth: "fit-content",
-	...t && { borderColor: `${s.incorrect()} !important` },
-	...n && { borderColor: `${s.correct()} !important` },
-	...r && { border: "2px solid" },
-	...i && {
-		padding: e.spacing(1),
-		letterSpacing: "0.5px"
-	},
-	"& > .mq-math-mode": {
-		"& > .mq-root-block": { "& > .mq-editable-field": {
-			minWidth: "10px",
-			padding: e.spacing(.25)
-		} },
-		"& sup": { top: 0 }
-	}
-})), lt = p(y.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: s.text() } } }), ut = p("div")(({ theme: e }) => ({
-	zIndex: 10,
-	minWidth: "400px",
-	marginTop: e.spacing(2)
-})), dt = p("div")(({ theme: e }) => ({
-	marginBottom: e.spacing(1),
-	pointerEvents: "none"
-})), ft = p("h2")({
-	position: "absolute",
-	left: "-10000px",
-	top: "auto",
-	width: "1px",
-	height: "1px",
-	overflow: "hidden"
-}), pt = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = p(Qe)(({ theme: e }) => ({
-	color: s.text(),
-	marginBottom: e.spacing(2)
-}));
-if (typeof document < "u") {
-	let e = "math-templated-main-styles";
-	if (!document.getElementById(e)) {
-		let t = document.createElement("style");
-		t.id = e, t.textContent = `
-      .block-container {
-        margin: 8px !important;
-        display: inline-flex;
-        border: 2px solid grey !important;
-      }
-      .block-response {
-        flex: 2;
-        color: grey;
-        background: rgba(0, 0, 0, 0.04);
-        font-size: 0.8rem !important;
-        padding: 4px !important;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        border-right: 2px solid #bdbdbd !important;
-      }
-      .block-math {
-        color: ${s.text()};
-        background-color: ${s.background()};
-        padding: 4px !important;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex: 8;
-      }
-      .block-math > .mq-math-mode > .mq-hasCursor > .mq-cursor {
-        display: none;
-      }
-      .correct {
-        border-color: ${s.correct()} !important;
-      }
-      .incorrect {
-        border-color: ${s.incorrect()} !important;
-      }
-    `, document.head.appendChild(t);
-	}
-}
-var ht = !1, $ = /(\{\{\d+\}\})/gm, gt = 6, _t = 8, vt = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function yt(e = []) {
-	return e.map((e) => ({
-		name: e,
-		latex: e,
-		write: e,
-		label: e
-	}));
-}
-function bt(e = [], t) {
-	return Math.floor(e.length / 5) * 30 + (t === "miscellaneous" ? 600 : 500);
-}
-function xt(e) {
-	return e.split($).filter((e) => e);
-}
-function St(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), {}) : xt(i).reduce((e, n) => {
-		if (n.match($)) {
-			let i = wt.getResponseKey(n), s = t.session.answers[`r${i}`];
-			if (a && !o) {
-				let t = "\\ \\ ".repeat(30) + "\\embed{newLine}[] ";
-				return {
-					...e,
-					[i]: `\\MathQuillMathField[r${i}]{${t.repeat(3)}}`
-				};
-			}
-			return r ? {
-				...e,
-				[i]: `\\embed{answerBlock}[r${i}]`
-			} : {
-				...e,
-				[i]: `\\MathQuillMathField[r${i}]{${s && s.value || ""}}`
-			};
-		}
-		return e;
-	}, {});
-}
-var Ct = {
-	name: "smartHorizontalPlacement",
-	enabled: !0,
-	phase: "main",
-	requires: ["popperOffsets"],
-	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 + _t, d = l + n - r - _t;
-		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);
-	}
-}, wt = class e extends w.Component {
-	static getResponseKey = (e) => (e || "").replaceAll("{{", "").replaceAll("}}", "");
-	static propTypes = {
-		session: O.default.object.isRequired,
-		onSessionChange: O.default.func,
-		model: O.default.object.isRequired
-	};
-	constructor(t) {
-		super(t);
-		let n = {}, { model: r, session: i } = t || {}, { markup: a, alwaysShowCorrect: o } = r || {}, { answers: s } = i || {};
-		a && (a || "").replace($, (t) => {
-			let r = e.getResponseKey(t), i = s && s[`r${r}`];
-			n[`r${r}`] = { value: i?.value || "" };
-		}), this.state = {
-			session: {
-				...t.session,
-				answers: n
-			},
-			activeAnswerBlock: "",
-			showCorrect: o || !1,
-			tooltipContainerRef: w.createRef()
-		};
-	}
-	UNSAFE_componentWillMount() {
-		typeof window < "u" && (ht ||= (_("answerBlock", (e) => ({
-			htmlString: `<div class="block-container">
-              <div class="block-response" id="${e}Index">R</div>
-              <div class="block-math">
-                <span id="${e}"></span>
-              </div>
-            </div>`,
-			text: () => "text",
-			latex: () => `\\embed{answerBlock}[${e}]`
-		})), !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(`#${t}`), i = this.root.querySelector(`#${t}Index`);
-			if (n) {
-				let a = r[t];
-				b(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
-			}
-		}), S(this.root);
-	};
-	UNSAFE_componentWillReceiveProps(t) {
-		let { model: r } = this.props, { model: i = {} } = t || {}, { markup: a = "", env: o = {} } = r || {}, { markup: s = "", env: c = {}, alwaysShowCorrect: l = !1 } = i, u = (e) => e && e.mode === "evaluate";
-		(!u(o) || !u(c)) && this.setState((e) => ({
-			...e.session,
-			showCorrect: !1
-		})), l && this.setState({ showCorrect: !0 });
-		let d = a.match($), f = s.match($);
-		if (!n(d, f)) {
-			let t = {}, n = this.state.session.answers;
-			(f || []).forEach((r) => {
-				let i = e.getResponseKey(r), a = n && n[`r${i}`];
-				t[`r${i}`] = { value: a?.value || "" };
-			}), this.setState((e) => ({ session: {
-				...e.session,
-				answers: t
-			} }), () => {
-				this.props.onSessionChange(this.state.session), this.handleAnswerBlockDomUpdate();
-			});
-		}
-	}
-	shouldComponentUpdate(e, t) {
-		let r = n(this.props.model, e.model), i = n(this.state, t);
-		return !r || !i;
-	}
-	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), setTimeout(() => S(this.root), 100);
-	}
-	componentDidUpdate() {
-		this.handleAnswerBlockDomUpdate();
-	}
-	onSubFieldFocus = (e) => {
-		let t = Array.from(this.root?.querySelectorAll(".mq-editable-field") || []).map((e) => ({
-			el: e,
-			left: e.scrollLeft,
-			top: e.scrollTop
-		})), n = () => {
-			t.forEach(({ el: e, left: t, top: n }) => {
-				e.scrollLeft = t, e.scrollTop = n;
-			});
-		};
-		this.setState({ activeAnswerBlock: e }, () => {
-			n(), requestAnimationFrame(n), setTimeout(n, 0);
-		});
-	};
-	toNodeData = (e) => {
-		if (!e) return;
-		let { type: t, value: n } = e;
-		return t === "command" || t === "cursor" ? e : t === "answer" ? {
-			type: "answer",
-			...e
-		} : n === "clear" ? { type: "clear" } : {
-			type: "write",
-			value: n
-		};
-	};
-	setInput = (e) => {
-		this.input = e;
-	};
-	onClick = (e) => {
-		let t = this.toNodeData(e);
-		t.type === "clear" ? this.input.clear() : t.type === "command" ? Array.isArray(t.value) ? t.value.forEach((e) => {
-			this.input.cmd(e);
-		}) : this.input.cmd(t.value) : t.type === "cursor" ? this.input.keystroke(t.value) : this.input.write(t.value);
-		let n = this.input?.el?.() || this.root, r = [], i = n;
-		for (; i && i !== document.body && i !== document.documentElement;) (i.scrollWidth > i.clientWidth || i.scrollHeight > i.clientHeight) && r.push(i), i = i.parentElement;
-		document.scrollingElement && r.push(document.scrollingElement);
-		let a = r.map((e) => ({
-			el: e,
-			left: e.scrollLeft,
-			top: e.scrollTop
-		})), o = {
-			x: window.scrollX,
-			y: window.scrollY
-		}, s = () => {
-			a.forEach(({ el: e, left: t, top: n }) => {
-				e.scrollLeft = t, e.scrollTop = n;
-			}), window.scrollTo(o.x, o.y);
-		};
-		this.input.focus(), s(), requestAnimationFrame(s), setTimeout(s, 0);
-	};
-	callOnSessionChange = () => {
-		let { onSessionChange: e } = this.props;
-		e && e(this.state.session);
-	};
-	toggleShowCorrect = (e) => {
-		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
-	};
-	subFieldChanged = (e, t) => {
-		v(), e && this.setState((n) => ({ session: {
-			...n.session,
-			answers: {
-				...n.session.answers,
-				[e]: { value: t }
-			}
-		} }), this.callOnSessionChange);
-	};
-	getFieldName = (e, t) => {
-		let { answers: n } = this.state.session;
-		if (Object.keys(n || {}).length) return Object.keys(n).find((n) => {
-			let r = t[n];
-			return r && r.id == e.id;
-		});
-	};
-	onBlur = (e) => {
-		let { relatedTarget: t, currentTarget: n } = e || {};
-		function r(e, t = 0) {
-			if (!e || t >= 16) return null;
-			let n = e.offsetParent;
-			return n ? n.getAttribute("role") === "tooltip" ? n : r(n, t + 1) : null;
-		}
-		function i(e, t = 0) {
-			if (!e || t >= 4) return null;
-			let n = e?.children?.[0];
-			return n ? n.attributes && n.attributes["data-keypad"] ? n : i(n, t + 1) : null;
-		}
-		let a = r(t), o = a ? i(a) : null;
-		(!t || !n || !o?.attributes["data-keypad"]) && this.setState({ activeAnswerBlock: "" });
-	};
-	setTooltipRef(e) {
-		setTimeout(() => {
-			if (e && vt) {
-				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 && (x(t) || g(t)), i = /* @__PURE__ */ E(X, {
-			defaultClassName: "teacher-instructions",
-			prompt: t
-		});
-		return r && /* @__PURE__ */ E(ot, { children: n ? i : /* @__PURE__ */ E(tt, {
-			labels: {
-				hidden: "Show Teacher Instructions",
-				visible: "Hide Teacher Instructions"
-			},
-			children: i
-		}) });
-	};
-	renderRationale = () => {
-		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ E(X, { prompt: t });
-		return t && (x(t) || g(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(tt, {
-			labels: {
-				hidden: "Show Rationale",
-				visible: "Hide Rationale"
-			},
-			children: r
-		}) });
-	};
-	renderPlayerContent = () => {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: i, tooltipContainerRef: a } = this.state, { correctness: s, disabled: c, view: l, responses: u, equationEditor: d, customKeys: f, feedback: p, env: { mode: h } = {}, printMode: g, alwaysShowCorrect: _ } = e || {}, v = r(u), y = yt(f), b = St(e, this.state) || "", x = g && !_;
-		return /* @__PURE__ */ E(st, { children: /* @__PURE__ */ E(ze, {
-			disabled: c,
-			markup: e.markup,
-			value: {},
-			customMarkMarkupComponent: (e) => {
-				let r = h === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
-					ref: (e) => {
-						this.mqStatic = e || this.mqStatic;
-					},
-					latex: b[e],
-					onSubFieldChange: this.subFieldChanged,
-					getFieldName: this.getFieldName,
-					setInput: this.setInput,
-					onSubFieldFocus: this.onSubFieldFocus,
-					onBlur: this.onBlur
-				});
-				return /* @__PURE__ */ E(ct, {
-					ref: a,
-					$incorrect: !v && !r && !n,
-					$correct: !v && (r || n),
-					$showCorrectness: !v && c && s && !l,
-					$correctAnswerShown: n,
-					children: /* @__PURE__ */ E(o, {
-						ref: (e) => this.setTooltipRef(e),
-						enterTouchDelay: 0,
-						interactive: !0,
-						open: t === `r${e}`,
-						slotProps: {
-							popper: {
-								container: a?.current || void 0,
-								placement: "bottom-start",
-								sx: {
-									backgroundColor: "transparent",
-									width: "auto",
-									opacity: 1,
-									"& .MuiTooltip-arrow": { display: "none" }
-								},
-								modifiers: [
-									{
-										name: "preventOverflow",
-										enabled: !1
-									},
-									{
-										name: "flip",
-										enabled: !1
-									},
-									Ct
-								]
-							},
-							tooltip: { sx: {
-								fontSize: "initial",
-								backgroundColor: "transparent",
-								width: "auto",
-								maxWidth: "none",
-								marginTop: 0,
-								paddingTop: 0,
-								boxShadow: "none"
-							} }
-						},
-						title: Object.keys(i.answers).map((e) => e === t && !(n || c) && /* @__PURE__ */ E(ut, {
-							"data-keypad": !0,
-							style: { width: bt(y, d) },
-							children: /* @__PURE__ */ E(m, {
-								additionalKeys: y,
-								mode: d || gt,
-								onClick: this.onClick
-							})
-						}, e) || null),
-						children: E(x ? dt : "div", { children: u })
-					})
-				});
-			}
-		}) });
-	};
-	render() {
-		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 = !r(c) && s && s.correctness !== "correct", p = (t || i === "view" && a === "instructor") && u && d;
-		return /* @__PURE__ */ E(rt, {
-			extraCSSRules: o,
-			ref: (e) => {
-				let t = ee.findDOMNode(e);
-				this.root = t || this.root;
-			},
-			children: /* @__PURE__ */ D(it, { children: [
-				i === "gather" && /* @__PURE__ */ E(ft, { children: "Math Equation Response Question" }),
-				/* @__PURE__ */ E(it, { children: f && /* @__PURE__ */ E(mt, {
-					language: l,
-					show: !0,
-					toggled: t,
-					onToggle: this.toggleShowCorrect
-				}) }),
-				this.renderTeacherInstructions(),
-				n && /* @__PURE__ */ E(at, { children: /* @__PURE__ */ E(X, { prompt: n }) }),
-				/* @__PURE__ */ E(et, {
-					false: !0,
-					children: this.renderPlayerContent()
-				}),
-				p && /* @__PURE__ */ E(pt, {
-					className: "note",
-					dangerouslySetInnerHTML: { __html: d }
-				}),
-				this.renderRationale()
-			] })
-		});
-	}
-};
-//#endregion
-export { wt as t };
-
-//# sourceMappingURL=main-I_wWeaur.js.map