@pie-element/math-inline 13.0.5 → 13.0.6-next.20261016234357

package/dist/browser/editor-runtime/{main-BO5Bc5oB.js → main-JX3mHB2O.js}

@@ -1,11 +1,11 @@
 import { s as e } from "./rolldown-runtime-DgMJErsw.js";
 import { d as t, p as n, t as r } from "./dist-w6lPOmAs.js";
-import { C as i, H as a, L as o, M as s, R as c, S as l, T as u, _ as d, _t as f, f as ee, ft as p, g as m, h, ht as g, jt as _, m as v, mt as y, n as b, pt as x, u as te, v as S, w as C } from "./dist-B1WbtNIm.js";
-import w, { useRef as T } from "react";
+import { C as i, H as a, L as o, M as s, Mt as c, R as l, S as u, T as d, _ as f, f as ee, ft as p, g as m, gt as h, h as g, ht as _, m as v, mt as y, n as b, pt as x, u as te, v as S, vt as C, w } from "./dist-CxAWUhJe.js";
+import T, { useRef as ne } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import ne from "react-dom";
+import re from "react-dom";
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var O = /* @__PURE__ */ e(_(), 1), k = "height ease-in 300ms, opacity ease-in 300ms", A = f("div")(() => ({
+var O = /* @__PURE__ */ e(c(), 1), k = "height ease-in 300ms, opacity ease-in 300ms", A = C("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -40,8 +40,8 @@ var O = /* @__PURE__ */ e(_(), 1), k = "height ease-in 300ms, opacity ease-in 30
 		width: 0
 	}
 })), j = (e) => {
-	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(g, {
+	let { show: t, children: n, className: r } = e, i = ne(null);
+	return /* @__PURE__ */ E(h, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -66,8 +66,18 @@ j.propTypes = {
 	children: O.default.oneOfType([O.default.arrayOf(O.default.node), O.default.node]).isRequired
 };
 //#endregion
-//#region ../../lib-react/icons/dist/correct-response-icon.js
-var M = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
+//#region ../../lib-react/correct-answer-toggle/dist/i18n/index.js
+var ie = _({
+	packageName: "@pie-lib/correct-answer-toggle",
+	source: {
+		showCorrectAnswer: "Show correct answer",
+		hideCorrectAnswer: "Hide correct answer"
+	},
+	loaders: { es: () => import(
+		/* webpackMode: "eager" */
+		"./es-IvhhD5u_.js"
+) }
+}), M = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
 	"aria-hidden": "true",
 	focusable: "false",
 	preserveAspectRatio: "xMinYMin meet",
@@ -142,7 +152,7 @@ N.propTypes = {
 	fgFill: O.default.string.isRequired,
 	borderFill: O.default.string.isRequired
 };
-var P = f("div")(({ size: e }) => ({
+var P = C("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), F = ({ open: e, size: t }) => /* @__PURE__ */ E(P, {
@@ -168,17 +178,17 @@ function I(e) {
 function L(e, t) {
 	return !e || I(e) ? e : I(e.default) ? e.default : t && I(e[t]) ? e[t] : t && I(e[t]?.default) ? e[t].default : e;
 }
-var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Readable") || L(B.Readable, "Readable"), { translator: H } = n, U = {
+var R = S, z = R.default, ae = z && typeof z == "object" ? z : R, B = L(w, "Readable") || L(ae.Readable, "Readable"), V = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, W = f("div")(() => ({
+}, oe = C("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), re = f("button")(() => ({
+})), H = C("button")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex",
@@ -194,15 +204,15 @@ var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Reada
 		outline: `2px solid ${y.buttonFocusOutline()}`,
 		outlineOffset: "-2px"
 	}
-})), G = f("div")(() => ({
+})), se = C("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
 	color: `var(--correct-answer-toggle-label-color, ${y.text()})`,
 	fontWeight: "normal",
-	...U
-})), ie = f("div")(() => ({
+	...V
+})), U = C("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -215,12 +225,12 @@ var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Reada
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), ae = f("div")(() => ({
+})), ce = C("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), oe = class e extends w.Component {
+})), le = class extends T.Component {
 	static propTypes = {
 		onToggle: O.default.func,
 		toggled: O.default.bool,
@@ -231,43 +241,34 @@ var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Reada
 		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: H.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: H.t("common:hideCorrectAnswer", { lng: t.language })
-		};
+	constructor(e) {
+		super(e), this.state = { show: e.show }, this.openIconRef = T.createRef(), this.closedIconRef = T.createRef();
 	}
+	relabel = () => this.forceUpdate();
 	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: H.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: H.t("common:hideCorrectAnswer", { lng: t.language })
-		});
+	UNSAFE_componentWillReceiveProps(e) {
+		this.setState({ show: e.show });
 	}
 	render() {
-		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ E(W, {
+		let { className: e, toggled: t, language: n } = this.props, r = ie.forLocale(n, this.relabel), i = this.props.hideMessage ?? r.t("hideCorrectAnswer"), a = this.props.showMessage ?? r.t("showCorrectAnswer");
+		return /* @__PURE__ */ E(oe, {
 			className: e,
 			children: /* @__PURE__ */ E(j, {
 				show: this.state.show,
-				children: /* @__PURE__ */ D(re, {
+				children: /* @__PURE__ */ D(H, {
 					type: "button",
 					"aria-pressed": !!t,
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D(ae, { children: [/* @__PURE__ */ E(g, {
+					children: [/* @__PURE__ */ D(ce, { children: [/* @__PURE__ */ E(h, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -278,11 +279,11 @@ var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Reada
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(ie, {
+						children: /* @__PURE__ */ E(U, {
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ E(F, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ E(g, {
+					}), /* @__PURE__ */ E(h, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -293,29 +294,29 @@ var R = S, z = R.default, B = z && typeof z == "object" ? z : R, V = L(C, "Reada
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(ie, {
+						children: /* @__PURE__ */ E(U, {
 							ref: this.closedIconRef,
 							children: /* @__PURE__ */ E(F, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ E(V, {
+					})] }), /* @__PURE__ */ E(B, {
 						false: !0,
-						children: /* @__PURE__ */ E(G, {
+						children: /* @__PURE__ */ E(se, {
 							"aria-hidden": !this.state.show,
-							children: t ? n : r
+							children: t ? i : a
 						})
 					})]
 				})
 			})
 		});
 	}
-}, se = {
+}, W = {
 	advanced: "Advanced Multi",
 	simple: "Simple"
-}, ce = f("div")(({ theme: e }) => ({
+}, ue = C("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	padding: e.spacing(1)
-})), le = f("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
+})), de = C("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
 	color: y.text(),
 	background: y.background(),
 	border: t ? `2px solid ${y.correct()} !important` : n ? `2px solid ${y.incorrect()} !important` : `1px solid ${y.primaryLight()}`,
@@ -345,7 +346,7 @@ if (typeof document < "u") {
     `, document.head.appendChild(t);
 	}
 }
-var ue = class extends w.Component {
+var fe = class extends T.Component {
 	static propTypes = {
 		onSimpleResponseChange: O.default.func,
 		model: O.default.object.isRequired,
@@ -372,9 +373,9 @@ var ue = class extends w.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__ */ E(ce, {
+		return /* @__PURE__ */ E(ue, {
 			"data-keypad": !0,
-			children: t || s ? /* @__PURE__ */ E(le, {
+			children: t || s ? /* @__PURE__ */ E(de, {
 				isIncorrect: !r && !l && !t,
 				isCorrect: !r && (l || t),
 				children: /* @__PURE__ */ E(v.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
@@ -397,14 +398,14 @@ var ue = class extends w.Component {
 };
 //#endregion
 //#region src/delivery/main.tsx
-function K(e) {
+function G(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function q(e, t) {
-	return !e || K(e) ? e : K(e.default) ? e.default : t && K(e[t]) ? e[t] : t && K(e[t]?.default) ? e[t].default : e;
+function K(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 de = S, J = de.default, Y = J && typeof J == "object" ? J : de, fe = q(s, "UiLayout") || q(Y.UiLayout, "UiLayout"), X = q(u, "PreviewPrompt") || q(Y.PreviewPrompt, "PreviewPrompt"), pe = q(C, "Readable") || q(Y.Readable, "Readable"), me = q(o, "Collapsible") || q(Y.Collapsible, "Collapsible"), he = q(p, "Feedback") || q(Y.Feedback, "Feedback"), { translator: Z } = n, ge = !1, _e = /\\newline/g, Q = /{{response}}/gm, ve = 6, ye = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-function be(e = []) {
+var pe = S, q = pe.default, J = q && typeof q == "object" ? q : pe, me = K(s, "UiLayout") || K(J.UiLayout, "UiLayout"), Y = K(d, "PreviewPrompt") || K(J.PreviewPrompt, "PreviewPrompt"), he = K(w, "Readable") || K(J.Readable, "Readable"), ge = K(o, "Collapsible") || K(J.Collapsible, "Collapsible"), _e = K(p, "Feedback") || K(J.Feedback, "Feedback"), { translator: X } = n, ve = !1, ye = /\\newline/g, Z = /{{response}}/gm, be = 6, xe = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+function Se(e = []) {
 	return e.map((e) => ({
 		name: e,
 		latex: e,
@@ -412,7 +413,7 @@ function be(e = []) {
 		label: e
 	}));
 }
-function xe(e, t) {
+function Ce(e, t) {
 	let n = e;
 	for (; n !== null;) {
 		if (t && n === t) return !0;
@@ -420,36 +421,36 @@ function xe(e, t) {
 	}
 	return !1;
 }
-function Se(e = [], t) {
+function we(e = [], t) {
 	return Math.floor(e.length / 5) * 30 + (t === "miscellaneous" ? 600 : 500);
 }
-function Ce(e, t) {
+function Te(e, t) {
 	let { config: n, disabled: r } = e || {}, { expression: i, responses: a, printMode: o, alwaysShowCorrect: s } = n || {};
 	if (n && i) {
 		let e = i;
 		if (t.showCorrect) return a && a.length && a[0].answer;
 		let n = 1;
-		return (e || "").replace(Q, function() {
+		return (e || "").replace(Z, function() {
 			let e = t.session.answers[`r${n}`];
 			if (o && !s) {
 				let e = "\\ \\ ".repeat(30) + "\\newline ";
 				return `\\MathQuillMathField[r${n++}]{${e.repeat(3)}}`;
 			}
 			return r ? `\\embed{answerBlock}[r${n++}]` : `\\MathQuillMathField[r${n++}]{${e && e.value || ""}}`;
-		}).replace(_e, "\\embed{newLine}[]");
+		}).replace(ye, "\\embed{newLine}[]");
 	}
 }
-function we(e, t) {
+function Ee(e, t) {
 	let n = {};
 	if (t.config && t.config.expression) {
 		let r = 1;
-		(t.config.expression || "").replace(Q, () => {
+		(t.config.expression || "").replace(Z, () => {
 			n[`r${r}`] = { value: e && e.answers && e.answers[`r${r}`] && e.answers[`r${r}`].value || "" }, r += 1;
 		});
 	}
 	return n;
 }
-var Te = class extends w.Component {
+var De = class extends T.Component {
 	static propTypes = {
 		session: O.default.object.isRequired,
 		onSessionChange: O.default.func,
@@ -457,7 +458,7 @@ var Te = class extends w.Component {
 	};
 	constructor(e) {
 		super(e);
-		let { model: t, session: n } = e, r = we(n, t);
+		let { model: t, session: n } = e, r = Ee(n, t);
 		this.state = {
 			session: {
 				...e.session,
@@ -465,12 +466,12 @@ var Te = class extends w.Component {
 			},
 			activeAnswerBlock: "",
 			showCorrect: this.props.model.config.alwaysShowCorrect || !1,
-			tooltipContainerRef: w.createRef()
+			tooltipContainerRef: T.createRef()
 		}, this.instructionsIdPrefix = a("math-inline-instructions");
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (ge ||= (m("answerBlock", (e) => {
-			let t = Ee();
+		typeof window < "u" && (ve ||= (m("answerBlock", (e) => {
+			let t = Oe();
 			return {
 				htmlString: `<div class="${t.blockContainer}">
                 <div class="${t.blockResponse}" data-answer-block-index="${e}">R</div>
@@ -489,9 +490,9 @@ var Te = class extends w.Component {
 			let n = this.root.querySelector(`[data-answer-block="${t}"]`), i = this.root.querySelector(`[data-answer-block-index="${t}"]`);
 			if (n) {
 				let a = r[t];
-				h(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				g(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), c(this.root);
+		}), l(this.root);
 	};
 	countResponseOccurrences(e) {
 		let t = e?.match(/\{\{response\}\}/g);
@@ -501,13 +502,13 @@ var Te = class extends w.Component {
 		let { config: n } = this.props.model, { config: r = {} } = e.model || {}, { session: i } = this.props, { session: a = {} } = e || {};
 		if (i && a && !t(i.answers, a.answers) && this.setState({ session: {
 			...a,
-			answers: we(a, this.props.model)
-		} }), n.note && n.language && n.language !== r.language && n.note === Z.t("mathInline.primaryCorrectWithAlternates", { lng: n.language }) && (n.note = Z.t("mathInline.primaryCorrectWithAlternates", { lng: r.language })), (n.env && n.env.mode !== "evaluate" || r.env && r.env.mode !== "evaluate") && this.setState({
+			answers: Ee(a, this.props.model)
+		} }), n.note && n.language && n.language !== r.language && n.note === X.t("mathInline.primaryCorrectWithAlternates", { lng: n.language }) && (n.note = X.t("mathInline.primaryCorrectWithAlternates", { lng: r.language })), (n.env && n.env.mode !== "evaluate" || r.env && r.env.mode !== "evaluate") && this.setState({
 			...this.state.session,
 			showCorrect: !1
 		}), r.alwaysShowCorrect && this.setState({ showCorrect: !0 }), this.countResponseOccurrences(n.expression) < this.countResponseOccurrences(r.expression) && setTimeout(() => this.updateAria(), 100), n && n.responses && n.responses.length !== r.responses.length || !n && r && r.responses || n && r && n.expression !== r.expression) {
 			let e = {}, t = this.state.session.answers, n = 1;
-			(r.expression || "").replace(Q, () => {
+			(r.expression || "").replace(Z, () => {
 				e[`r${n}`] = { value: t && t[`r${n}`] && t[`r${n}`].value || "" }, n++;
 			}), this.setState((t) => ({ session: {
 				...t.session,
@@ -521,7 +522,7 @@ var Te = class extends w.Component {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => c(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => l(this.root), 100);
 	}
 	componentDidUpdate(e, t) {
 		this.handleAnswerBlockDomUpdate(), (e.model?.config?.responseType !== this.props.model?.config?.responseType || e.model?.language !== this.props.model?.language) && this.updateAria();
@@ -529,7 +530,7 @@ var Te = class extends w.Component {
 	updateAria = () => {
 		if (this.root) {
 			this.root.querySelectorAll(".mq-selectable").forEach((e) => e.setAttribute("aria-hidden", "true"));
-			let e = Z.t("mathInline.keypadInstructions", { lng: this.props.model?.language });
+			let e = X.t("mathInline.keypadInstructions", { lng: this.props.model?.language });
 			this.root.querySelectorAll("textarea").forEach((t, n) => {
 				let r = `${this.instructionsIdPrefix}-${n}`, i = t.closest(".mq-textarea");
 				if (i) {
@@ -549,7 +550,7 @@ var Te = class extends w.Component {
 		}, 0);
 	};
 	handleKeyDown = (e, t) => {
-		let n = xe(e.target, this.root), r = this.mqStatic && this.mqStatic.inputRef?.current ? this.mqStatic.inputRef?.current.contains(document.activeElement) : !!document.activeElement?.closest(".mq-editable-field"), { key: i, type: a } = e;
+		let n = Ce(e.target, this.root), r = this.mqStatic && this.mqStatic.inputRef?.current ? this.mqStatic.inputRef?.current.contains(document.activeElement) : !!document.activeElement?.closest(".mq-editable-field"), { key: i, type: a } = e;
 		r && (i === "ArrowDown" || a === "click" || a === "touchstart") ? this.state.activeAnswerBlock !== t && n && (this.cleanupKeyDownListener(), this.setState({ activeAnswerBlock: t }, () => {
 			this.onSubFieldFocus(t), i === "ArrowDown" && this.focusFirstKeypadElement();
 		})) : e.key === "Escape" && this.setState({ activeAnswerBlock: "" });
@@ -602,7 +603,7 @@ var Te = class extends w.Component {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		if (d(), e) {
+		if (f(), e) {
 			let n = window.scrollX, r = window.scrollY;
 			this.setState((n) => ({ session: {
 				...n.session,
@@ -642,52 +643,52 @@ var Te = class extends w.Component {
 	};
 	setTooltipRef(e) {
 		setTimeout(() => {
-			if (e && ye) {
+			if (e && xe) {
 				let e = document.querySelector("[role='tooltip']");
 				e && e.firstChild.setAttribute("tabindex", "-1");
 			}
 		}, 1);
 	}
 	render() {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: a, tooltipContainerRef: o } = this.state, { config: s, correctness: c, disabled: u, extraCSSRules: d, view: f, teacherInstructions: p, rationale: m, feedback: h, animationsDisabled: g, printMode: _, alwaysShowCorrect: b, language: S } = e || {};
+		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: a, tooltipContainerRef: o } = this.state, { config: s, correctness: c, disabled: l, extraCSSRules: d, view: f, teacherInstructions: p, rationale: m, feedback: h, animationsDisabled: g, printMode: _, alwaysShowCorrect: b, language: S } = e || {};
 		if (!s) return null;
-		let { showNote: C, note: w, prompt: T, responses: O, responseType: k, equationEditor: A, customKeys: j, env: { mode: M, role: N } = {} } = s || {}, P = (n || M === "view" && N === "instructor") && C && w, F = r(O), I = !F && c && c.correctness !== "correct", L = u && c, R = be(j), z = c && c.correct, B = Ce(e, this.state) || "", V = u && !c, H = _ && !b, U = m && (i(m) || l(m)), W = p && (i(p) || l(p)), re = /* @__PURE__ */ E(Fe, { children: /* @__PURE__ */ E(v.Static, {
+		let { showNote: C, note: w, prompt: T, responses: ne, responseType: O, equationEditor: k, customKeys: A, env: { mode: j, role: ie } = {} } = s || {}, M = (n || j === "view" && ie === "instructor") && C && w, N = r(ne), P = !N && c && c.correctness !== "correct", F = l && c, I = Se(A), L = c && c.correct, R = Te(e, this.state) || "", z = l && !c, ae = _ && !b, B = m && (i(m) || u(m)), V = p && (i(p) || u(p)), oe = /* @__PURE__ */ E(Ie, { children: /* @__PURE__ */ E(v.Static, {
 			className: "static-math",
 			ref: (e) => {
 				e && (this.mqStatic = e);
 			},
-			latex: B,
+			latex: R,
 			language: S,
 			onSubFieldChange: this.subFieldChanged,
 			getFieldName: this.getFieldName,
 			setInput: this.setInput,
 			onSubFieldFocus: this.onSubFieldFocus,
 			onBlur: this.onBlur
-		}) }), G = /* @__PURE__ */ D(Ae, { children: [
-			M === "gather" && /* @__PURE__ */ E(Ie, { children: Z.t("mathInline.mathEquationResponseQuestion", { lng: S }) }),
-			V && W && (g ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(p) } }) : /* @__PURE__ */ E($, {
+		}) }), H = /* @__PURE__ */ D(je, { children: [
+			j === "gather" && /* @__PURE__ */ E(Le, { children: X.t("mathInline.mathEquationResponseQuestion", { lng: S }) }),
+			z && V && (g ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(p) } }) : /* @__PURE__ */ E($, {
 				labels: {
-					hidden: Z.t("common:showTeacherInstructions", { lng: S }),
-					visible: Z.t("common:hideTeacherInstructions", { lng: S })
+					hidden: X.t("common:showTeacherInstructions", { lng: S }),
+					visible: X.t("common:hideTeacherInstructions", { lng: S })
 				},
 				children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(p) } })
 			})),
-			T && /* @__PURE__ */ E(ke, { children: /* @__PURE__ */ E(X, { prompt: T }) }),
-			H ? re : /* @__PURE__ */ E(pe, {
+			T && /* @__PURE__ */ E(Ae, { children: /* @__PURE__ */ E(Y, { prompt: T }) }),
+			ae ? oe : /* @__PURE__ */ E(he, {
 				false: !0,
-				children: /* @__PURE__ */ D(Pe, { children: [k === se.simple && /* @__PURE__ */ E(ue, {
+				children: /* @__PURE__ */ D(Fe, { children: [O === W.simple && /* @__PURE__ */ E(fe, {
 					onSimpleResponseChange: this.onSimpleResponseChange,
 					showCorrect: n,
-					emptyResponse: F,
+					emptyResponse: N,
 					model: e,
 					session: a,
 					onSubFieldFocus: this.onSubFieldFocus,
 					showKeypad: !!t
-				}), k === se.advanced && /* @__PURE__ */ E(Ne, {
+				}), O === W.advanced && /* @__PURE__ */ E(Pe, {
 					ref: o,
-					isIncorrect: !F && !z && !n,
-					isCorrect: !F && (z || n),
-					showCorrectness: !F && u && c && !f,
+					isIncorrect: !N && !L && !n,
+					isCorrect: !N && (L || n),
+					showCorrectness: !N && l && c && !f,
 					correctAnswerShown: n,
 					printCorrect: _ && b,
 					children: /* @__PURE__ */ E(te, {
@@ -740,12 +741,12 @@ var Te = class extends w.Component {
 								boxShadow: "none"
 							} }
 						},
-						title: Object.keys(a.answers).map((e) => e === t && !(n || u) && /* @__PURE__ */ E(Me, {
+						title: Object.keys(a.answers).map((e) => e === t && !(n || l) && /* @__PURE__ */ E(Ne, {
 							"data-keypad": !0,
-							style: { width: Se(R, A) },
+							style: { width: we(I, k) },
 							children: /* @__PURE__ */ E(ee, {
-								additionalKeys: R,
-								mode: A || ve,
+								additionalKeys: I,
+								mode: k || be,
 								onClick: this.onClick
 							})
 						}, e) || null),
@@ -754,7 +755,7 @@ var Te = class extends w.Component {
 							ref: (e) => {
 								e && (this.mqStatic = e);
 							},
-							latex: B,
+							latex: R,
 							language: S,
 							onSubFieldChange: this.subFieldChanged,
 							getFieldName: this.getFieldName,
@@ -765,22 +766,22 @@ var Te = class extends w.Component {
 					})
 				})] })
 			}),
-			V && P && /* @__PURE__ */ E(je, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${x(w)}` } }),
-			V && U && (g ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(m) } }) : /* @__PURE__ */ E(me, {
+			z && M && /* @__PURE__ */ E(Me, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${x(w)}` } }),
+			z && B && (g ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(m) } }) : /* @__PURE__ */ E(ge, {
 				labels: {
-					hidden: Z.t("common:showRationale", { lng: S }),
-					visible: Z.t("common:hideRationale", { lng: S })
+					hidden: X.t("common:showRationale", { lng: S }),
+					visible: X.t("common:hideRationale", { lng: S })
 				},
 				children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: x(m) } })
 			}))
 		] });
-		return L && (I || W || U || h) ? /* @__PURE__ */ E(De, {
+		return F && (P || V || B || h) ? /* @__PURE__ */ E(Q, {
 			extraCSSRules: d,
 			ref: (e) => {
-				let t = ne.findDOMNode(e);
+				let t = re.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ E(Oe, {
+			children: /* @__PURE__ */ E(ke, {
 				interactive: !0,
 				enterTouchDelay: 0,
 				placement: "bottom-start",
@@ -802,50 +803,50 @@ var Te = class extends w.Component {
 					}
 				},
 				title: /* @__PURE__ */ D("div", { children: [
-					/* @__PURE__ */ E(Ae, { children: I && /* @__PURE__ */ E(Le, {
+					/* @__PURE__ */ E(je, { children: P && /* @__PURE__ */ E(Re, {
 						language: S,
 						show: !0,
 						toggled: n,
 						onToggle: this.toggleShowCorrect
 					}) }),
-					W && /* @__PURE__ */ E($, {
+					V && /* @__PURE__ */ E($, {
 						labels: {
-							hidden: Z.t("common:showTeacherInstructions", { lng: S }),
-							visible: Z.t("common:hideTeacherInstructions", { lng: S })
+							hidden: X.t("common:showTeacherInstructions", { lng: S }),
+							visible: X.t("common:hideTeacherInstructions", { lng: S })
 						},
-						children: /* @__PURE__ */ E(X, { prompt: p })
+						children: /* @__PURE__ */ E(Y, { prompt: p })
 					}, "collapsible-teacher-instructions"),
-					P && i(w) && /* @__PURE__ */ E($, {
+					M && i(w) && /* @__PURE__ */ E($, {
 						labels: {
-							hidden: Z.t("common:showNote", { lng: S }),
-							visible: Z.t("common:hideNote", { lng: S })
+							hidden: X.t("common:showNote", { lng: S }),
+							visible: X.t("common:hideNote", { lng: S })
 						},
-						children: /* @__PURE__ */ E(X, { prompt: w })
+						children: /* @__PURE__ */ E(Y, { prompt: w })
 					}, "collapsible-note"),
-					U && /* @__PURE__ */ E($, {
+					B && /* @__PURE__ */ E($, {
 						labels: {
-							hidden: Z.t("common:showRationale", { lng: S }),
-							visible: Z.t("common:hideRationale", { lng: S })
+							hidden: X.t("common:showRationale", { lng: S }),
+							visible: X.t("common:hideRationale", { lng: S })
 						},
-						children: /* @__PURE__ */ E(X, { prompt: m })
+						children: /* @__PURE__ */ E(Y, { prompt: m })
 					}, "collapsible-rationale"),
-					h && /* @__PURE__ */ E(he, {
+					h && /* @__PURE__ */ E(_e, {
 						correctness: c.correctness,
 						feedback: h
 					})
 				] }),
-				children: G
+				children: H
 			})
-		}) : /* @__PURE__ */ E(De, {
+		}) : /* @__PURE__ */ E(Q, {
 			extraCSSRules: d,
 			ref: (e) => {
-				let t = ne.findDOMNode(e);
+				let t = re.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: G
+			children: H
 		});
 	}
-}, Ee = () => ({
+}, Oe = () => ({
 	blockContainer: "block-container",
 	blockResponse: "block-response",
 	blockMath: "block-math"
@@ -899,20 +900,20 @@ if (typeof document < "u") {
     `, document.head.appendChild(t);
 	}
 }
-var De = f(fe)(() => ({
+var Q = C(me)(() => ({
 	color: y.text(),
 	backgroundColor: y.background(),
 	display: "inline-block"
-})), Oe = f(te)({}), ke = f("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = f("div")({
+})), ke = C(te)({}), Ae = C("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), je = C("div")({
 	width: "100%",
 	position: "relative",
 	backgroundColor: y.background(),
 	color: y.text()
-}), je = f("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = f(me)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Me = f("div")(({ theme: e }) => ({
+}), Me = C("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = C(ge)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ne = C("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), Ne = f("div", { shouldForwardProp: (e) => ![
+})), Pe = C("div", { shouldForwardProp: (e) => ![
 	"isIncorrect",
 	"isCorrect",
 	"showCorrectness",
@@ -942,7 +943,7 @@ var De = f(fe)(() => ({
 			"& sup": { top: 0 }
 		}
 	};
-}), Pe = f("div")({
+}), Fe = C("div")({
 	position: "relative",
 	"& .mq-overarrow-inner": {
 		border: "none !important",
@@ -972,21 +973,21 @@ var De = f(fe)(() => ({
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), Fe = f("div")(({ theme: e }) => ({
+}), Ie = C("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), Ie = f("h2")({
+})), Le = C("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Le = f(oe)(({ theme: e }) => ({
+}), Re = C(le)(({ theme: e }) => ({
 	color: y.text(),
 	marginBottom: e.spacing(2)
 }));
 //#endregion
-export { Te as t };
+export { De as t };
 
-//# sourceMappingURL=main-BO5Bc5oB.js.map
+//# sourceMappingURL=main-JX3mHB2O.js.map