@pie-element/math-inline 12.1.1-next.15 → 12.1.1-next.16

package/dist/browser/{main-DIAGtm9r.js → main-AjqUtC75.js}

@@ -1,11 +1,11 @@
-import { a as e, t, y as n } from "./dist-BTyrpsXL.js";
-import { C as r, L as i, M as a, Ot as o, S as s, T as c, _ as l, dt as u, f as d, ft as f, h as ee, m as p, mt as m, n as h, p as g, u as te, ut as _, v, w as y, z as b } from "./dist-gZPCFLwA.js";
-import { t as x } from "./dist-D9ARZhQk.js";
-import S, { useRef as C } from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import ne from "react-dom";
+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-D8taXDhz.js";
+import { t as b } from "./dist-DiGNNRzu.js";
+import x, { useRef as S } from "react";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import T 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 = m("div")(() => ({
+var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 300ms", O = h("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -40,8 +40,8 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 		width: 0
 	}
 })), k = (e) => {
-	let { show: t, children: n, className: r } = e, i = C(null);
-	return /* @__PURE__ */ w(f, {
+	let { show: t, children: n, className: r } = e, i = S(null);
+	return /* @__PURE__ */ C(f, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -53,7 +53,7 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ w(O, {
+		children: /* @__PURE__ */ C(O, {
 			ref: i,
 			className: r,
 			children: n
@@ -67,23 +67,23 @@ k.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var A = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ T("svg", {
+var A = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ w("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ w("circle", {
+		/* @__PURE__ */ C("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ w("path", {
+		/* @__PURE__ */ C("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__ */ w("polygon", {
+		/* @__PURE__ */ C("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
 		})
@@ -93,13 +93,13 @@ A.propTypes = {
 	bgFill: E.default.string.isRequired,
 	fgFill: E.default.string.isRequired
 };
-var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ T("svg", {
+var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-129.5 127 34 35",
 	style: { enableBackground: "new -129.5 127 34 35" },
 	children: [
-		/* @__PURE__ */ w("path", {
+		/* @__PURE__ */ C("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -108,7 +108,7 @@ var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ T("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__ */ w("path", {
+		/* @__PURE__ */ C("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -117,17 +117,17 @@ var j = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ T("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__ */ w("circle", {
+		/* @__PURE__ */ C("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ w("path", {
+		/* @__PURE__ */ C("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__ */ w("polygon", {
+		/* @__PURE__ */ C("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
 		})
@@ -138,15 +138,15 @@ j.propTypes = {
 	fgFill: E.default.string.isRequired,
 	borderFill: E.default.string.isRequired
 };
-var M = m("div")(({ size: e }) => ({
+var M = h("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), N = ({ open: e, size: t }) => /* @__PURE__ */ w(M, {
+})), N = ({ open: e, size: t }) => /* @__PURE__ */ C(M, {
 	size: t,
-	children: e ? /* @__PURE__ */ w(A, {
+	children: e ? /* @__PURE__ */ C(A, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ w(j, {
+	}) : /* @__PURE__ */ C(j, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
@@ -164,29 +164,29 @@ function P(e) {
 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;
 }
-var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z = R && typeof R == "object" ? R : L, { translator: B } = x, V = {
+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 = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, re = m("div")(() => ({
+}, re = h("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), H = m("div")(() => ({
+})), H = h("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), U = m("div")(() => ({
+})), U = h("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${u.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${d.text()})`,
 	fontWeight: "normal",
 	...V
-})), W = m("div")(() => ({
+})), W = h("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -199,12 +199,12 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), G = m("div")(() => ({
+})), G = h("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), ie = class e extends S.Component {
+})), ie = class e extends x.Component {
 	static propTypes = {
 		onToggle: E.default.func,
 		toggled: E.default.bool,
@@ -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 = S.createRef(), this.closedIconRef = S.createRef(), e.defaultProps = {
+		super(t), this.state = { show: t.show }, this.openIconRef = x.createRef(), this.closedIconRef = x.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__ */ w(re, {
+		return /* @__PURE__ */ C(re, {
 			className: e,
-			children: /* @__PURE__ */ w(k, {
+			children: /* @__PURE__ */ C(k, {
 				show: this.state.show,
-				children: /* @__PURE__ */ T(H, {
+				children: /* @__PURE__ */ w(H, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(f, {
+					children: [/* @__PURE__ */ w(G, { children: [/* @__PURE__ */ C(f, {
 						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__ */ w(W, {
+						children: /* @__PURE__ */ C(W, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ w(N, { open: t }, "correct-open")
+							children: /* @__PURE__ */ C(N, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ w(f, {
+					}), /* @__PURE__ */ C(f, {
 						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__ */ w(W, {
+						children: /* @__PURE__ */ C(W, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ w(N, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ C(N, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ w(I, {
+					})] }), /* @__PURE__ */ C(I, {
 						false: !0,
-						children: /* @__PURE__ */ w(U, {
+						children: /* @__PURE__ */ C(U, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -293,14 +293,14 @@ var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z =
 }, ae = {
 	advanced: "Advanced Multi",
 	simple: "Simple"
-}, oe = m("div")(({ theme: e }) => ({
+}, oe = h("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	padding: e.spacing(1)
-})), se = m("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
-	color: u.text(),
-	background: u.background(),
-	border: t ? `2px solid ${u.correct()} !important` : n ? `2px solid ${u.incorrect()} !important` : `1px solid ${u.primaryLight()}`,
+})), se = h("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()}`,
 	width: "fit-content",
 	fontSize: "1rem",
 	padding: t || n ? e.spacing(1) : e.spacing(.5),
@@ -322,12 +322,12 @@ if (typeof document < "u") {
         padding: 8px;
       }
       .response-editor.mq-math-mode {
-        border: 1px solid ${u.primaryLight()};
+        border: 1px solid ${d.primaryLight()};
       }
     `, document.head.appendChild(t);
 	}
 }
-var ce = class extends S.Component {
+var ce = class extends x.Component {
 	static propTypes = {
 		onSimpleResponseChange: E.default.func,
 		model: E.default.object.isRequired,
@@ -354,15 +354,15 @@ var ce = class extends S.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__ */ w(oe, {
+		return /* @__PURE__ */ C(oe, {
 			"data-keypad": !0,
-			children: t || s ? /* @__PURE__ */ w(se, {
+			children: t || s ? /* @__PURE__ */ C(se, {
 				isIncorrect: !r && !l && !t,
 				isCorrect: !r && (l || t),
-				children: /* @__PURE__ */ w(p.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
-			}) : /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ C(m.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
+			}) : /* @__PURE__ */ C("div", {
 				id: this.mathToolBarId,
-				children: /* @__PURE__ */ w(h, {
+				children: /* @__PURE__ */ C(g, {
 					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(c, "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 } = x, 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(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);
 function ve(e = []) {
 	return e.map((e) => ({
 		name: e,
@@ -431,7 +431,7 @@ function Se(e, t) {
 	}
 	return n;
 }
-var Ce = class extends S.Component {
+var Ce = class extends x.Component {
 	static propTypes = {
 		session: E.default.object.isRequired,
 		onSessionChange: E.default.func,
@@ -447,11 +447,11 @@ var Ce = class extends S.Component {
 			},
 			activeAnswerBlock: "",
 			showCorrect: this.props.model.config.alwaysShowCorrect || !1,
-			tooltipContainerRef: S.createRef()
+			tooltipContainerRef: x.createRef()
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (me ||= (g("answerBlock", (e) => {
+		typeof window < "u" && (me ||= (te("answerBlock", (e) => {
 			let t = we();
 			return {
 				htmlString: `<div class="${t.blockContainer}">
@@ -471,9 +471,9 @@ var Ce = class extends S.Component {
 			let n = this.root.querySelector(`#${t}`), i = this.root.querySelector(`#${t}Index`);
 			if (n) {
 				let a = r[t];
-				d(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				p(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), b(this.root);
+		}), s(this.root);
 	};
 	countResponseOccurrences(e) {
 		let t = e?.match(/\{\{response\}\}/g);
@@ -503,7 +503,7 @@ var Ce = class extends S.Component {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => b(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => s(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 S.Component {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		if (l(), e) {
+		if (u(), e) {
 			let n = window.scrollX, r = window.scrollY;
 			this.setState((n) => ({ session: {
 				...n.session,
@@ -628,9 +628,9 @@ var Ce = class extends S.Component {
 		}, 1);
 	}
 	render() {
-		let { model: t } = this.props, { activeAnswerBlock: n, showCorrect: i, session: a, tooltipContainerRef: o } = this.state, { config: c, correctness: l, disabled: d, extraCSSRules: f, view: m, teacherInstructions: h, rationale: g, feedback: _, animationsDisabled: v, printMode: y, alwaysShowCorrect: b, language: x } = t || {};
-		if (!c) return null;
-		let { showNote: S, note: C, prompt: E, responses: D, responseType: O, equationEditor: k, customKeys: A, id: j, env: { mode: M, role: N } = {} } = c || {}, P = (i || M === "view" && N === "instructor") && S && C, F = e(D), I = !F && l && l.correctness !== "correct", L = d && l, R = ve(A), z = l && l.correct, B = xe(t, this.state) || "", V = d && !l, re = y && !b, H = g && (r(g) || s(g)), U = h && (r(h) || s(h)), W = /* @__PURE__ */ w(Ne, { children: /* @__PURE__ */ w(p.Static, {
+		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, {
 			className: "static-math",
 			ref: (e) => {
 				e && (this.mqStatic = e);
@@ -641,21 +641,21 @@ var Ce = class extends S.Component {
 			setInput: this.setInput,
 			onSubFieldFocus: this.onSubFieldFocus,
 			onBlur: this.onBlur
-		}) }), G = /* @__PURE__ */ T(Oe, { children: [
-			M === "gather" && /* @__PURE__ */ w(Pe, { children: "Math Equation Response Question" }),
-			V && U && (v ? /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: h } }) : /* @__PURE__ */ w($, {
+		}) }), 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($, {
 				labels: {
 					hidden: "Show Teacher Instructions",
 					visible: "Hide Teacher Instructions"
 				},
-				children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: h } })
+				children: /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: p } })
 			})),
-			E && /* @__PURE__ */ w(De, { children: /* @__PURE__ */ w(J, { prompt: E }) }),
-			re ? W : /* @__PURE__ */ w(ue, {
+			E && /* @__PURE__ */ C(De, { children: /* @__PURE__ */ C(J, { prompt: E }) }),
+			re ? W : /* @__PURE__ */ C(ue, {
 				false: !0,
-				children: /* @__PURE__ */ T(Me, {
+				children: /* @__PURE__ */ w(Me, {
 					tabIndex: 0,
-					children: [O === ae.simple && /* @__PURE__ */ w(ce, {
+					children: [O === ae.simple && /* @__PURE__ */ C(ce, {
 						onSimpleResponseChange: this.onSimpleResponseChange,
 						showCorrect: i,
 						emptyResponse: F,
@@ -663,14 +663,14 @@ var Ce = class extends S.Component {
 						session: a,
 						onSubFieldFocus: this.onSubFieldFocus,
 						showKeypad: !!n
-					}), O === ae.advanced && /* @__PURE__ */ w(je, {
+					}), O === ae.advanced && /* @__PURE__ */ C(je, {
 						ref: o,
 						isIncorrect: !F && !z && !i,
 						isCorrect: !F && (z || i),
-						showCorrectness: !F && d && l && !m,
+						showCorrectness: !F && u && l && !te,
 						correctAnswerShown: i,
-						printCorrect: y && b,
-						children: /* @__PURE__ */ w(te, {
+						printCorrect: v && y,
+						children: /* @__PURE__ */ C(ne, {
 							ref: (e) => this.setTooltipRef(e),
 							enterTouchDelay: 0,
 							interactive: !0,
@@ -720,16 +720,16 @@ var Ce = class extends S.Component {
 									boxShadow: "none"
 								} }
 							},
-							title: Object.keys(a.answers).map((e) => e === n && !(i || d) && /* @__PURE__ */ w(Ae, {
+							title: Object.keys(a.answers).map((e) => e === n && !(i || u) && /* @__PURE__ */ C(Ae, {
 								"data-keypad": !0,
 								style: { width: be(R, k) },
-								children: /* @__PURE__ */ w(ee, {
+								children: /* @__PURE__ */ C(ee, {
 									additionalKeys: R,
 									mode: k || ge,
 									onClick: this.onClick
 								})
 							}, e) || null),
-							children: /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(p.Static, {
+							children: /* @__PURE__ */ C("div", { children: /* @__PURE__ */ C(m.Static, {
 								className: "static-math",
 								ref: (e) => {
 									e && (this.mqStatic = e);
@@ -745,31 +745,31 @@ var Ce = class extends S.Component {
 					})]
 				})
 			}),
-			V && P && /* @__PURE__ */ w(ke, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${C}` } }),
-			V && H && (v ? /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: g } }) : /* @__PURE__ */ w(de, {
+			V && P && /* @__PURE__ */ C(ke, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${S}` } }),
+			V && H && (_ ? /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: h } }) : /* @__PURE__ */ C(de, {
 				labels: {
 					hidden: "Show Rationale",
 					visible: "Hide Rationale"
 				},
-				children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: g } })
+				children: /* @__PURE__ */ C("div", { dangerouslySetInnerHTML: { __html: h } })
 			}))
 		] });
-		return L && (I || U || H || _) ? /* @__PURE__ */ w(Te, {
+		return L && (I || U || H || g) ? /* @__PURE__ */ C(Te, {
 			extraCSSRules: f,
 			ref: (e) => {
-				let t = ne.findDOMNode(e);
+				let t = T.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ w(Ee, {
+			children: /* @__PURE__ */ C(Ee, {
 				interactive: !0,
 				enterTouchDelay: 0,
 				placement: "bottom-start",
 				slotProps: {
 					tooltip: { sx: (e) => ({
-						background: `${u.primaryLight()} !important`,
-						color: u.text(),
+						background: `${d.primaryLight()} !important`,
+						color: d.text(),
 						padding: e.spacing(2),
-						border: `1px solid ${u.secondary()}`,
+						border: `1px solid ${d.secondary()}`,
 						fontSize: "16px",
 						"& :not(.MathJax) > table tr": { "&:nth-child(2n)": { backgroundColor: "unset !important" } }
 					}) },
@@ -781,46 +781,46 @@ var Ce = class extends S.Component {
 						}]
 					}
 				},
-				title: /* @__PURE__ */ T("div", { children: [
-					/* @__PURE__ */ w(Oe, { children: I && /* @__PURE__ */ w(Fe, {
-						language: x,
+				title: /* @__PURE__ */ w("div", { children: [
+					/* @__PURE__ */ C(Oe, { children: I && /* @__PURE__ */ C(Fe, {
+						language: b,
 						show: !0,
 						toggled: i,
 						onToggle: this.toggleShowCorrect
 					}) }),
-					U && /* @__PURE__ */ w($, {
+					U && /* @__PURE__ */ C($, {
 						labels: {
 							hidden: "Show Teacher Instructions",
 							visible: "Hide Teacher Instructions"
 						},
-						children: /* @__PURE__ */ w(J, { prompt: h })
+						children: /* @__PURE__ */ C(J, { prompt: p })
 					}, "collapsible-teacher-instructions"),
-					P && r(C) && /* @__PURE__ */ w($, {
+					P && r(S) && /* @__PURE__ */ C($, {
 						labels: {
-							hidden: Z.t("common:showNote", { lng: x }),
-							visible: Z.t("common:hideNote", { lng: x })
+							hidden: Z.t("common:showNote", { lng: b }),
+							visible: Z.t("common:hideNote", { lng: b })
 						},
-						children: /* @__PURE__ */ w(J, { prompt: C })
+						children: /* @__PURE__ */ C(J, { prompt: S })
 					}, "collapsible-note"),
-					H && /* @__PURE__ */ w($, {
+					H && /* @__PURE__ */ C($, {
 						labels: {
 							hidden: "Show Rationale",
 							visible: "Hide Rationale"
 						},
-						children: /* @__PURE__ */ w(J, { prompt: g })
+						children: /* @__PURE__ */ C(J, { prompt: h })
 					}, "collapsible-rationale"),
-					_ && /* @__PURE__ */ w(fe, {
+					g && /* @__PURE__ */ C(fe, {
 						correctness: l.correctness,
-						feedback: _
+						feedback: g
 					})
 				] }),
 				children: G
 			})
-		}) : /* @__PURE__ */ w(Te, {
+		}) : /* @__PURE__ */ C(Te, {
 			id: j,
 			extraCSSRules: f,
 			ref: (e) => {
-				let t = ne.findDOMNode(e);
+				let t = T.findDOMNode(e);
 				this.root = t || this.root;
 			},
 			children: G
@@ -855,8 +855,8 @@ if (typeof document < "u") {
         flex-basis: auto;
       }
       .block-math {
-        color: ${u.text()};
-        background-color: ${u.background()};
+        color: ${d.text()};
+        background-color: ${d.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -875,32 +875,32 @@ if (typeof document < "u") {
         overflow: hidden;
       }
       .static-math > .mq-root-block > .mq-editable-field {
-        border-color: ${u.text()};
+        border-color: ${d.text()};
       }
     `, document.head.appendChild(t);
 	}
 }
-var Te = m(le)(() => ({
-	color: u.text(),
-	backgroundColor: u.background(),
+var Te = h(le)(() => ({
+	color: d.text(),
+	backgroundColor: d.background(),
 	display: "inline-block"
-})), Ee = m(te)({}), De = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = m("div")({
+})), Ee = h(ne)({}), De = h("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = h("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: u.background(),
-	color: u.text()
-}), ke = m("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = m(de)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = m("div")(({ theme: e }) => ({
+	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 }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), je = m("div", { shouldForwardProp: (e) => ![
+})), je = h("div", { shouldForwardProp: (e) => ![
 	"isIncorrect",
 	"isCorrect",
 	"showCorrectness",
 	"correctAnswerShown",
 	"printCorrect"
 ].includes(e) })(({ theme: e, isIncorrect: t, isCorrect: n, showCorrectness: r, correctAnswerShown: i, printCorrect: a }) => {
-	let o = t ? u.incorrect() : n ? u.correct() : void 0;
+	let o = t ? d.incorrect() : n ? d.correct() : void 0;
 	return {
 		maxWidth: "fit-content",
 		padding: e.spacing(.25),
@@ -910,7 +910,7 @@ var Te = m(le)(() => ({
 			padding: e.spacing(1),
 			letterSpacing: "0.5px"
 		},
-		...a && { border: `2px solid ${u.correct()} !important` },
+		...a && { border: `2px solid ${d.correct()} !important` },
 		"& .mq-math-mode": {
 			"& .mq-root-block": {
 				paddingRight: "0 !important",
@@ -923,7 +923,7 @@ var Te = m(le)(() => ({
 			"& sup": { top: 0 }
 		}
 	};
-}), Me = m("div")({
+}), Me = h("div")({
 	position: "relative",
 	"& .mq-overarrow-inner": {
 		border: "none !important",
@@ -953,21 +953,21 @@ var Te = m(le)(() => ({
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), Ne = m("div")(({ theme: e }) => ({
+}), Ne = h("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), Pe = m("h2")({
+})), Pe = h("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Fe = m(ie)(({ theme: e }) => ({
-	color: u.text(),
+}), Fe = h(ie)(({ theme: e }) => ({
+	color: d.text(),
 	marginBottom: e.spacing(2)
 }));
 //#endregion
 export { Ce as t };
 
-//# sourceMappingURL=main-DIAGtm9r.js.map
+//# sourceMappingURL=main-AjqUtC75.js.map