@pie-element/math-inline 12.1.1-next.42 → 12.1.1-next.44

package/dist/browser/{main-CKdHiINt.js → main-BT-ouGfG.js}

@@ -1,11 +1,11 @@
 import { a as e, t, y as n } from "./dist--pvq7WNe.js";
-import { C as r, L as i, M as a, Ot as o, R as s, S as c, T as l, _ as u, dt as d, f as ee, ft as f, g as te, h as p, m, mt as h, n as g, u as ne, ut as _, v, w as y } from "./dist-CuWXpGIy.js";
-import { t as b } from "./dist-DCmVXYeO.js";
-import x, { useRef as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import T from "react-dom";
+import { C as r, L as i, M as a, S as o, T as s, _ as c, dt as l, f as u, ft as d, g as f, h as p, ht as m, kt as h, m as g, n as _, pt as v, u as ee, v as y, w as b, z as x } from "./dist-CQJsyamN.js";
+import { t as S } from "./dist-DCmVXYeO.js";
+import C, { useRef as w } from "react";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import te from "react-dom";
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 300ms", O = h("div")(() => ({
+var D = /* @__PURE__ */ n(h(), 1), O = "height ease-in 300ms, opacity ease-in 300ms", k = m("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -13,7 +13,7 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: D,
+		transition: O,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -27,7 +27,7 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: D,
+		transition: O,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -39,9 +39,9 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 		height: 0,
 		width: 0
 	}
-})), k = (e) => {
-	let { show: t, children: n, className: r } = e, i = S(null);
-	return /* @__PURE__ */ C(f, {
+})), A = (e) => {
+	let { show: t, children: n, className: r } = e, i = w(null);
+	return /* @__PURE__ */ T(v, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -53,53 +53,53 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ C(O, {
+		children: /* @__PURE__ */ T(k, {
 			ref: i,
 			className: r,
 			children: n
 		})
 	});
 };
-k.propTypes = {
-	show: E.default.bool.isRequired,
-	className: E.default.string,
-	children: E.default.oneOfType([E.default.arrayOf(E.default.node), E.default.node]).isRequired
+A.propTypes = {
+	show: D.default.bool.isRequired,
+	className: D.default.string,
+	children: D.default.oneOfType([D.default.arrayOf(D.default.node), D.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var A = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ w("svg", {
+var j = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ E("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ C("circle", {
+		/* @__PURE__ */ T("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ T("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__ */ C("polygon", {
+		/* @__PURE__ */ T("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
 		})
 	]
 });
-A.propTypes = {
-	bgFill: E.default.string.isRequired,
-	fgFill: E.default.string.isRequired
+j.propTypes = {
+	bgFill: D.default.string.isRequired,
+	fgFill: D.default.string.isRequired
 };
-var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
+var M = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ E("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ T("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -108,7 +108,7 @@ var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("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__ */ C("path", {
+		/* @__PURE__ */ T("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -117,68 +117,68 @@ var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("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__ */ C("circle", {
+		/* @__PURE__ */ T("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ T("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__ */ C("polygon", {
+		/* @__PURE__ */ T("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
 		})
 	]
 });
-j.propTypes = {
-	bgFill: E.default.string.isRequired,
-	fgFill: E.default.string.isRequired,
-	borderFill: E.default.string.isRequired
+M.propTypes = {
+	bgFill: D.default.string.isRequired,
+	fgFill: D.default.string.isRequired,
+	borderFill: D.default.string.isRequired
 };
-var M = h("div")(({ size: e }) => ({
+var N = m("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), N = ({ open: e, size: t }) => /* @__PURE__ */ C(M, {
+})), P = ({ open: e, size: t }) => /* @__PURE__ */ T(N, {
 	size: t,
-	children: e ? /* @__PURE__ */ C(A, {
+	children: e ? /* @__PURE__ */ T(j, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ C(j, {
+	}) : /* @__PURE__ */ T(M, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-N.propTypes = {
-	open: E.default.bool,
-	size: E.default.string
-}, N.defaultProps = { open: !1 };
+P.propTypes = {
+	open: D.default.bool,
+	size: D.default.string
+}, P.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function P(e) {
+function F(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function F(e, t) {
-	return !e || P(e) ? e : P(e.default) ? e.default : t && P(e[t]) ? e[t] : t && P(e[t]?.default) ? e[t].default : e;
+function I(e, t) {
+	return !e || F(e) ? e : F(e.default) ? e.default : t && F(e[t]) ? e[t] : t && F(e[t]?.default) ? e[t].default : e;
 }
-var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z = R && typeof R == "object" ? R : L, { translator: B } = b, V = {
+var L = I(b, "Readable") || I(ne.Readable, "Readable"), R = y, z = R.default, ne = z && typeof z == "object" ? z : R, { translator: B } = S, V = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, re = h("div")(() => ({
+}, re = m("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), H = h("div")(() => ({
+})), H = m("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), U = h("div")(() => ({
+})), U = m("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
@@ -186,7 +186,7 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 	color: `var(--correct-answer-toggle-label-color, ${d.text()})`,
 	fontWeight: "normal",
 	...V
-})), W = h("div")(() => ({
+})), W = m("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -199,20 +199,20 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), G = h("div")(() => ({
+})), G = m("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), ie = class e extends x.Component {
+})), ie = class e extends C.Component {
 	static propTypes = {
-		onToggle: E.default.func,
-		toggled: E.default.bool,
-		show: E.default.bool,
-		hideMessage: E.default.string,
-		showMessage: E.default.string,
-		className: E.default.string,
-		language: E.default.string
+		onToggle: D.default.func,
+		toggled: D.default.bool,
+		show: D.default.bool,
+		hideMessage: D.default.string,
+		showMessage: D.default.string,
+		className: D.default.string,
+		language: D.default.string
 	};
 	static defaultProps = {
 		showMessage: "Show correct answer",
@@ -221,7 +221,7 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 		toggled: !1
 	};
 	constructor(t) {
-		super(t), this.state = { show: t.show }, this.openIconRef = x.createRef(), this.closedIconRef = x.createRef(), e.defaultProps = {
+		super(t), this.state = { show: t.show }, this.openIconRef = C.createRef(), this.closedIconRef = C.createRef(), e.defaultProps = {
 			...e.defaultProps,
 			showMessage: B.t("common:showCorrectAnswer", { lng: t.language }),
 			hideMessage: B.t("common:hideCorrectAnswer", { lng: t.language })
@@ -242,14 +242,14 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ C(re, {
+		return /* @__PURE__ */ T(re, {
 			className: e,
-			children: /* @__PURE__ */ C(k, {
+			children: /* @__PURE__ */ T(A, {
 				show: this.state.show,
-				children: /* @__PURE__ */ w(H, {
+				children: /* @__PURE__ */ E(H, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ w(G, { children: [/* @__PURE__ */ C(f, {
+					children: [/* @__PURE__ */ E(G, { children: [/* @__PURE__ */ T(v, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -260,11 +260,11 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(W, {
+						children: /* @__PURE__ */ T(W, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ C(N, { open: t }, "correct-open")
+							children: /* @__PURE__ */ T(P, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ C(f, {
+					}), /* @__PURE__ */ T(v, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -275,13 +275,13 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(W, {
+						children: /* @__PURE__ */ T(W, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ C(N, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ T(P, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ C(I, {
+					})] }), /* @__PURE__ */ T(L, {
 						false: !0,
-						children: /* @__PURE__ */ C(U, {
+						children: /* @__PURE__ */ T(U, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -293,11 +293,11 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 }, ae = {
 	advanced: "Advanced Multi",
 	simple: "Simple"
-}, oe = h("div")(({ theme: e }) => ({
+}, oe = m("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	padding: e.spacing(1)
-})), se = h("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
+})), se = m("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
 	color: d.text(),
 	background: d.background(),
 	border: t ? `2px solid ${d.correct()} !important` : n ? `2px solid ${d.incorrect()} !important` : `1px solid ${d.primaryLight()}`,
@@ -327,15 +327,15 @@ if (typeof document < "u") {
     `, document.head.appendChild(t);
 	}
 }
-var ce = class extends x.Component {
+var ce = class extends C.Component {
 	static propTypes = {
-		onSimpleResponseChange: E.default.func,
-		model: E.default.object.isRequired,
-		emptyResponse: E.default.bool,
-		session: E.default.object.isRequired,
-		showCorrect: E.default.bool,
-		onSubFieldFocus: E.default.func.isRequired,
-		showKeypad: E.default.bool.isRequired
+		onSimpleResponseChange: D.default.func,
+		model: D.default.object.isRequired,
+		emptyResponse: D.default.bool,
+		session: D.default.object.isRequired,
+		showCorrect: D.default.bool,
+		onSubFieldFocus: D.default.func.isRequired,
+		showKeypad: D.default.bool.isRequired
 	};
 	constructor(e) {
 		super(e), this.mathToolBarId = `math-toolbar-${(/* @__PURE__ */ new Date()).getTime()}`;
@@ -354,15 +354,15 @@ var ce = class extends x.Component {
 		let { model: e, showCorrect: t, session: n, emptyResponse: r, onSimpleResponseChange: i, showKeypad: a } = this.props, { config: o, disabled: s, correctness: c } = e || {};
 		if (!o) return;
 		let l = c && c.correct, { responses: u, equationEditor: d } = o;
-		return /* @__PURE__ */ C(oe, {
+		return /* @__PURE__ */ T(oe, {
 			"data-keypad": !0,
-			children: t || s ? /* @__PURE__ */ C(se, {
+			children: t || s ? /* @__PURE__ */ T(se, {
 				isIncorrect: !r && !l && !t,
 				isCorrect: !r && (l || t),
-				children: /* @__PURE__ */ C(m.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
-			}) : /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ T(g.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
+			}) : /* @__PURE__ */ T("div", {
 				id: this.mathToolBarId,
-				children: /* @__PURE__ */ C(g, {
+				children: /* @__PURE__ */ T(_, {
 					classNames: { editor: "response-editor" },
 					latex: n.response,
 					keypadMode: d,
@@ -385,7 +385,7 @@ function K(e) {
 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;
 }
-var le = q(a, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(l, "PreviewPrompt") || q(X.PreviewPrompt, "PreviewPrompt"), ue = q(y, "Readable") || q(X.Readable, "Readable"), de = q(i, "Collapsible") || q(X.Collapsible, "Collapsible"), fe = q(_, "Feedback") || q(X.Feedback, "Feedback"), pe = v, Y = pe.default, X = Y && typeof Y == "object" ? Y : pe, { translator: Z } = b, me = !1, he = /\\newline/g, Q = /{{response}}/gm, ge = 6, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var le = q(a, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(s, "PreviewPrompt") || q(X.PreviewPrompt, "PreviewPrompt"), ue = q(b, "Readable") || q(X.Readable, "Readable"), de = q(i, "Collapsible") || q(X.Collapsible, "Collapsible"), fe = q(l, "Feedback") || q(X.Feedback, "Feedback"), pe = y, Y = pe.default, X = Y && typeof Y == "object" ? Y : pe, { translator: Z } = S, me = !1, he = /\\newline/g, Q = /{{response}}/gm, ge = 6, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 function ve(e = []) {
 	return e.map((e) => ({
 		name: e,
@@ -431,11 +431,11 @@ function Se(e, t) {
 	}
 	return n;
 }
-var Ce = class extends x.Component {
+var Ce = class extends C.Component {
 	static propTypes = {
-		session: E.default.object.isRequired,
-		onSessionChange: E.default.func,
-		model: E.default.object.isRequired
+		session: D.default.object.isRequired,
+		onSessionChange: D.default.func,
+		model: D.default.object.isRequired
 	};
 	constructor(e) {
 		super(e);
@@ -447,11 +447,11 @@ var Ce = class extends x.Component {
 			},
 			activeAnswerBlock: "",
 			showCorrect: this.props.model.config.alwaysShowCorrect || !1,
-			tooltipContainerRef: x.createRef()
+			tooltipContainerRef: C.createRef()
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (me ||= (te("answerBlock", (e) => {
+		typeof window < "u" && (me ||= (f("answerBlock", (e) => {
 			let t = we();
 			return {
 				htmlString: `<div class="${t.blockContainer}">
@@ -473,7 +473,7 @@ var Ce = class extends x.Component {
 				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";
 			}
-		}), s(this.root);
+		}), x(this.root);
 	};
 	countResponseOccurrences(e) {
 		let t = e?.match(/\{\{response\}\}/g);
@@ -503,7 +503,7 @@ var Ce = class extends x.Component {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => s(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => x(this.root), 100);
 	}
 	componentDidUpdate(e, t) {
 		this.handleAnswerBlockDomUpdate(), e.model?.config?.responseType !== this.props.model?.config?.responseType && this.updateAria();
@@ -581,7 +581,7 @@ var Ce = class extends x.Component {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		if (u(), e) {
+		if (c(), e) {
 			let n = window.scrollX, r = window.scrollY;
 			this.setState((n) => ({ session: {
 				...n.session,
@@ -628,9 +628,9 @@ var Ce = class extends x.Component {
 		}, 1);
 	}
 	render() {
-		let { model: t } = this.props, { activeAnswerBlock: n, showCorrect: i, session: a, tooltipContainerRef: o } = this.state, { config: s, correctness: l, disabled: u, extraCSSRules: f, view: te, teacherInstructions: p, rationale: h, feedback: g, animationsDisabled: _, printMode: v, alwaysShowCorrect: y, language: b } = t || {};
-		if (!s) return null;
-		let { showNote: x, note: S, prompt: E, responses: D, responseType: O, equationEditor: k, customKeys: A, id: j, env: { mode: M, role: N } = {} } = s || {}, P = (i || M === "view" && N === "instructor") && x && S, F = e(D), I = !F && l && l.correctness !== "correct", L = u && l, R = ve(A), z = l && l.correct, B = xe(t, this.state) || "", V = u && !l, re = v && !y, H = h && (r(h) || c(h)), U = p && (r(p) || c(p)), W = /* @__PURE__ */ C(Ne, { children: /* @__PURE__ */ C(m.Static, {
+		let { model: t } = this.props, { activeAnswerBlock: n, showCorrect: i, session: a, tooltipContainerRef: s } = this.state, { config: c, correctness: l, disabled: f, extraCSSRules: p, view: m, teacherInstructions: h, rationale: _, feedback: v, animationsDisabled: y, printMode: b, alwaysShowCorrect: x, language: S } = t || {};
+		if (!c) return null;
+		let { showNote: C, note: w, prompt: D, responses: O, responseType: k, equationEditor: A, customKeys: j, id: M, env: { mode: N, role: P } = {} } = c || {}, F = (i || N === "view" && P === "instructor") && C && w, I = e(O), L = !I && l && l.correctness !== "correct", R = f && l, z = ve(j), ne = l && l.correct, B = xe(t, this.state) || "", V = f && !l, re = b && !x, H = _ && (r(_) || o(_)), U = h && (r(h) || o(h)), W = /* @__PURE__ */ T(Ne, { children: /* @__PURE__ */ T(g.Static, {
 			className: "static-math",
 			ref: (e) => {
 				e && (this.mqStatic = e);
@@ -641,43 +641,43 @@ var Ce = class extends x.Component {
 			setInput: this.setInput,
 			onSubFieldFocus: this.onSubFieldFocus,
 			onBlur: this.onBlur
-		}) }), G = /* @__PURE__ */ w(Oe, { children: [
-			M === "gather" && /* @__PURE__ */ C(Pe, { children: "Math Equation Response Question" }),
-			V && U && (_ ? /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: p } }) : /* @__PURE__ */ C($, {
+		}) }), G = /* @__PURE__ */ E(Oe, { children: [
+			N === "gather" && /* @__PURE__ */ T(Pe, { children: "Math Equation Response Question" }),
+			V && U && (y ? /* @__PURE__ */ T("div", { dangerouslySetInnerHTML: { __html: h } }) : /* @__PURE__ */ T($, {
 				labels: {
 					hidden: "Show Teacher Instructions",
 					visible: "Hide Teacher Instructions"
 				},
-				children: /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: p } })
+				children: /* @__PURE__ */ T("div", { dangerouslySetInnerHTML: { __html: h } })
 			})),
-			E && /* @__PURE__ */ C(De, { children: /* @__PURE__ */ C(J, { prompt: E }) }),
-			re ? W : /* @__PURE__ */ C(ue, {
+			D && /* @__PURE__ */ T(De, { children: /* @__PURE__ */ T(J, { prompt: D }) }),
+			re ? W : /* @__PURE__ */ T(ue, {
 				false: !0,
-				children: /* @__PURE__ */ w(Me, {
+				children: /* @__PURE__ */ E(Me, {
 					tabIndex: 0,
-					children: [O === ae.simple && /* @__PURE__ */ C(ce, {
+					children: [k === ae.simple && /* @__PURE__ */ T(ce, {
 						onSimpleResponseChange: this.onSimpleResponseChange,
 						showCorrect: i,
-						emptyResponse: F,
+						emptyResponse: I,
 						model: t,
 						session: a,
 						onSubFieldFocus: this.onSubFieldFocus,
 						showKeypad: !!n
-					}), O === ae.advanced && /* @__PURE__ */ C(je, {
-						ref: o,
-						isIncorrect: !F && !z && !i,
-						isCorrect: !F && (z || i),
-						showCorrectness: !F && u && l && !te,
+					}), k === ae.advanced && /* @__PURE__ */ T(je, {
+						ref: s,
+						isIncorrect: !I && !ne && !i,
+						isCorrect: !I && (ne || i),
+						showCorrectness: !I && f && l && !m,
 						correctAnswerShown: i,
-						printCorrect: v && y,
-						children: /* @__PURE__ */ C(ne, {
+						printCorrect: b && x,
+						children: /* @__PURE__ */ T(ee, {
 							ref: (e) => this.setTooltipRef(e),
 							enterTouchDelay: 0,
 							interactive: !0,
 							open: !!n,
 							slotProps: {
 								popper: {
-									container: o?.current || void 0,
+									container: s?.current || void 0,
 									placement: "bottom-start",
 									sx: {
 										backgroundColor: "transparent",
@@ -720,16 +720,16 @@ var Ce = class extends x.Component {
 									boxShadow: "none"
 								} }
 							},
-							title: Object.keys(a.answers).map((e) => e === n && !(i || u) && /* @__PURE__ */ C(Ae, {
+							title: Object.keys(a.answers).map((e) => e === n && !(i || f) && /* @__PURE__ */ T(Ae, {
 								"data-keypad": !0,
-								style: { width: be(R, k) },
-								children: /* @__PURE__ */ C(ee, {
-									additionalKeys: R,
-									mode: k || ge,
+								style: { width: be(z, A) },
+								children: /* @__PURE__ */ T(u, {
+									additionalKeys: z,
+									mode: A || ge,
 									onClick: this.onClick
 								})
 							}, e) || null),
-							children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(m.Static, {
+							children: /* @__PURE__ */ T("div", { children: /* @__PURE__ */ T(g.Static, {
 								className: "static-math",
 								ref: (e) => {
 									e && (this.mqStatic = e);
@@ -745,22 +745,22 @@ var Ce = class extends x.Component {
 					})]
 				})
 			}),
-			V && P && /* @__PURE__ */ C(ke, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${S}` } }),
-			V && H && (_ ? /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: h } }) : /* @__PURE__ */ C(de, {
+			V && F && /* @__PURE__ */ T(ke, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${w}` } }),
+			V && H && (y ? /* @__PURE__ */ T("div", { dangerouslySetInnerHTML: { __html: _ } }) : /* @__PURE__ */ T(de, {
 				labels: {
 					hidden: "Show Rationale",
 					visible: "Hide Rationale"
 				},
-				children: /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: h } })
+				children: /* @__PURE__ */ T("div", { dangerouslySetInnerHTML: { __html: _ } })
 			}))
 		] });
-		return L && (I || U || H || g) ? /* @__PURE__ */ C(Te, {
-			extraCSSRules: f,
+		return R && (L || U || H || v) ? /* @__PURE__ */ T(Te, {
+			extraCSSRules: p,
 			ref: (e) => {
-				let t = T.findDOMNode(e);
+				let t = te.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ C(Ee, {
+			children: /* @__PURE__ */ T(Ee, {
 				interactive: !0,
 				enterTouchDelay: 0,
 				placement: "bottom-start",
@@ -781,46 +781,46 @@ var Ce = class extends x.Component {
 						}]
 					}
 				},
-				title: /* @__PURE__ */ w("div", { children: [
-					/* @__PURE__ */ C(Oe, { children: I && /* @__PURE__ */ C(Fe, {
-						language: b,
+				title: /* @__PURE__ */ E("div", { children: [
+					/* @__PURE__ */ T(Oe, { children: L && /* @__PURE__ */ T(Fe, {
+						language: S,
 						show: !0,
 						toggled: i,
 						onToggle: this.toggleShowCorrect
 					}) }),
-					U && /* @__PURE__ */ C($, {
+					U && /* @__PURE__ */ T($, {
 						labels: {
 							hidden: "Show Teacher Instructions",
 							visible: "Hide Teacher Instructions"
 						},
-						children: /* @__PURE__ */ C(J, { prompt: p })
+						children: /* @__PURE__ */ T(J, { prompt: h })
 					}, "collapsible-teacher-instructions"),
-					P && r(S) && /* @__PURE__ */ C($, {
+					F && r(w) && /* @__PURE__ */ T($, {
 						labels: {
-							hidden: Z.t("common:showNote", { lng: b }),
-							visible: Z.t("common:hideNote", { lng: b })
+							hidden: Z.t("common:showNote", { lng: S }),
+							visible: Z.t("common:hideNote", { lng: S })
 						},
-						children: /* @__PURE__ */ C(J, { prompt: S })
+						children: /* @__PURE__ */ T(J, { prompt: w })
 					}, "collapsible-note"),
-					H && /* @__PURE__ */ C($, {
+					H && /* @__PURE__ */ T($, {
 						labels: {
 							hidden: "Show Rationale",
 							visible: "Hide Rationale"
 						},
-						children: /* @__PURE__ */ C(J, { prompt: h })
+						children: /* @__PURE__ */ T(J, { prompt: _ })
 					}, "collapsible-rationale"),
-					g && /* @__PURE__ */ C(fe, {
+					v && /* @__PURE__ */ T(fe, {
 						correctness: l.correctness,
-						feedback: g
+						feedback: v
 					})
 				] }),
 				children: G
 			})
-		}) : /* @__PURE__ */ C(Te, {
-			id: j,
-			extraCSSRules: f,
+		}) : /* @__PURE__ */ T(Te, {
+			id: M,
+			extraCSSRules: p,
 			ref: (e) => {
-				let t = T.findDOMNode(e);
+				let t = te.findDOMNode(e);
 				this.root = t || this.root;
 			},
 			children: G
@@ -880,20 +880,20 @@ if (typeof document < "u") {
     `, document.head.appendChild(t);
 	}
 }
-var Te = h(le)(() => ({
+var Te = m(le)(() => ({
 	color: d.text(),
 	backgroundColor: d.background(),
 	display: "inline-block"
-})), Ee = h(ne)({}), De = h("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = h("div")({
+})), Ee = m(ee)({}), De = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = m("div")({
 	width: "100%",
 	position: "relative",
 	backgroundColor: d.background(),
 	color: d.text()
-}), ke = h("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = h(de)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = h("div")(({ theme: e }) => ({
+}), ke = m("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = m(de)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = m("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), je = h("div", { shouldForwardProp: (e) => ![
+})), je = m("div", { shouldForwardProp: (e) => ![
 	"isIncorrect",
 	"isCorrect",
 	"showCorrectness",
@@ -923,7 +923,7 @@ var Te = h(le)(() => ({
 			"& sup": { top: 0 }
 		}
 	};
-}), Me = h("div")({
+}), Me = m("div")({
 	position: "relative",
 	"& .mq-overarrow-inner": {
 		border: "none !important",
@@ -953,21 +953,21 @@ var Te = h(le)(() => ({
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), Ne = h("div")(({ theme: e }) => ({
+}), Ne = m("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), Pe = h("h2")({
+})), Pe = m("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Fe = h(ie)(({ theme: e }) => ({
+}), Fe = m(ie)(({ theme: e }) => ({
 	color: d.text(),
 	marginBottom: e.spacing(2)
 }));
 //#endregion
 export { Ce as t };
 
-//# sourceMappingURL=main-CKdHiINt.js.map
+//# sourceMappingURL=main-BT-ouGfG.js.map