@pie-element/multiple-choice 13.4.0-next.28 → 13.4.0-next.29

package/dist/browser/editor-runtime/delivery/index.js

@@ -1,5 +1,5 @@
-import { F as e, M as t, Ut as n, s as r } from "../Radio-DiH4cqzG.js";
-import { n as i, t as a } from "../main-DenzIgyo.js";
+import { I as e, N as t, Wt as n, s as r } from "../Radio-D3ynJgVj.js";
+import { n as i, t as a } from "../main-BzlfiDu3.js";
 import { c as o } from "../dist-CHbLnyuX.js";
 import s from "react";
 import { createRoot as c } from "react-dom/client";

package/dist/browser/{main-DbK4bklz.js → editor-runtime/main-BzlfiDu3.js}

@@ -1,8 +1,8 @@
-import { At as e, It as t, Rt as n, Vt as r, _t as i, g as a, gt as o, h as s, ht as c, i as l, j as u, n as d, o as f, p, s as m, t as h, w as g, yt as _ } from "./Radio-DD6UDOZ_.js";
+import { Lt as e, Wt as t, _t as n, bt as r, g as i, gt as a, h as o, i as s, j as c, jt as l, n as u, o as d, p as f, s as p, t as m, vt as h, w as g, zt as _ } from "./Radio-D3ynJgVj.js";
 import v, { useRef as y } from "react";
 import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var C = /* @__PURE__ */ r(n(), 1), w = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ S("svg", {
+var C = /* @__PURE__ */ t(_(), 1), w = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ S("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
@@ -73,7 +73,7 @@ T.propTypes = {
 	fgFill: C.default.string.isRequired,
 	borderFill: C.default.string.isRequired
 };
-var E = _("div")(({ size: e }) => ({
+var E = r("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), D = ({ open: e, size: t }) => /* @__PURE__ */ x(E, {
@@ -93,7 +93,7 @@ D.propTypes = {
 }, D.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var O = "height ease-in 300ms, opacity ease-in 300ms", k = _("div")(() => ({
+var O = "height ease-in 300ms, opacity ease-in 300ms", k = r("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -128,9 +128,9 @@ var O = "height ease-in 300ms, opacity ease-in 300ms", k = _("div")(() => ({
 		width: 0
 	}
 })), A = (e) => {
-	let { show: t, children: n, className: r } = e, a = y(null);
-	return /* @__PURE__ */ x(i, {
-		nodeRef: a,
+	let { show: t, children: n, className: r } = e, i = y(null);
+	return /* @__PURE__ */ x(h, {
+		nodeRef: i,
 		in: t,
 		appear: !0,
 		mountOnEnter: !1,
@@ -142,7 +142,7 @@ var O = "height ease-in 300ms, opacity ease-in 300ms", k = _("div")(() => ({
 			exitDone: "exit-done"
 		},
 		children: /* @__PURE__ */ x(k, {
-			ref: a,
+			ref: i,
 			className: r,
 			children: n
 		})
@@ -1686,29 +1686,29 @@ function W(e) {
 function Ge(e, t) {
 	return !e || W(e) ? e : W(e.default) ? e.default : t && W(e[t]) ? e[t] : t && W(e[t]?.default) ? e[t].default : e;
 }
-var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.default, Ye = Je && typeof Je == "object" ? Je : qe, { translator: G } = We, Xe = {
+var Ke = Ge(o, "Readable") || Ge(Ye.Readable, "Readable"), qe = p, Je = qe.default, Ye = Je && typeof Je == "object" ? Je : qe, { translator: G } = We, Xe = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, Ze = _("div")(() => ({
+}, Ze = r("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Qe = _("div")(() => ({
+})), Qe = r("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), $e = _("div")(() => ({
+})), $e = r("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${t.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${e.text()})`,
 	fontWeight: "normal",
 	...Xe
-})), et = _("div")(() => ({
+})), et = r("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -1721,7 +1721,7 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), tt = _("div")(() => ({
+})), tt = r("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -1771,7 +1771,7 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 				children: /* @__PURE__ */ S(Qe, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ S(tt, { children: [/* @__PURE__ */ x(i, {
+					children: [/* @__PURE__ */ S(tt, { children: [/* @__PURE__ */ x(h, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -1786,7 +1786,7 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ x(D, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ x(i, {
+					}), /* @__PURE__ */ x(h, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -1812,7 +1812,7 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 			})
 		});
 	}
-}, rt = _(f)({
+}, rt = r(d)({
 	width: "33px",
 	height: "33px",
 	"& svg": {
@@ -1823,10 +1823,10 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 		verticalAlign: "middle",
 		"& hide": { display: "none" }
 	}
-}), it = _("svg")({
-	"& .incorrect-fill": { fill: `var(--feedback-incorrect-bg-color, ${t.incorrect()})` },
-	"& .correct-fill": { fill: `var(--feedback-correct-bg-color, ${t.correct()})` }
-}), at = _("div")({
+}), it = r("svg")({
+	"& .incorrect-fill": { fill: `var(--feedback-incorrect-bg-color, ${e.incorrect()})` },
+	"& .correct-fill": { fill: `var(--feedback-correct-bg-color, ${e.correct()})` }
+}), at = r("div")({
 	position: "relative",
 	"&.feedback-tick-enter": {
 		opacity: "0",
@@ -1887,7 +1887,7 @@ var Ke = Ge(s, "Readable") || Ge(Ye.Readable, "Readable"), qe = m, Je = qe.defau
 	}, "2");
 	render() {
 		let { correctness: e } = this.props, t = e === "incorrect" ? this.getIncorrectIcon() : e === "correct" ? this.getCorrectIcon() : null;
-		return /* @__PURE__ */ x(rt, { children: /* @__PURE__ */ x(o, { children: e && /* @__PURE__ */ x(i, {
+		return /* @__PURE__ */ x(rt, { children: /* @__PURE__ */ x(n, { children: e && /* @__PURE__ */ x(h, {
 			nodeRef: this.nodeRef,
 			classNames: {
 				enter: "feedback-tick-enter",
@@ -1914,78 +1914,78 @@ 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 st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c, "Feedback") || q(dt.Feedback, "Feedback"), lt = m, ut = lt.default, dt = ut && typeof ut == "object" ? ut : lt, J = "multiple-choice-component", ft = _(f)({
+var st = q(i, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(a, "Feedback") || q(dt.Feedback, "Feedback"), lt = p, ut = lt.default, dt = ut && typeof ut == "object" ? ut : lt, J = "multiple-choice-component", ft = r(d)({
 	display: "flex",
 	alignItems: "center",
-	backgroundColor: t.background()
-}), pt = _(f)({
+	backgroundColor: e.background()
+}), pt = r(d)({
 	display: "flex",
 	alignItems: "center",
-	backgroundColor: t.background(),
+	backgroundColor: e.background(),
 	flex: 1,
 	"& .MuiFormControlLabel-root": { marginLeft: "-14px" },
 	"& label": {
-		color: t.text(),
+		color: e.text(),
 		"& > span": { fontSize: "inherit" },
 		"& > .MuiButtonBase-root": { padding: "12px" }
 	}
-}), mt = _("span")(({ theme: e }) => ({
+}), mt = r("span")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	"& > span": { marginLeft: `-${e.spacing(1)}` }
-})), ht = _("span")({
+})), ht = r("span")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), gt = _(l)({
+}), gt = r(s)({
 	"& .MuiFormControlLabel-label": {
-		color: `${t.text()} !important`,
-		backgroundColor: t.background(),
+		color: `${e.text()} !important`,
+		backgroundColor: e.background(),
 		letterSpacing: "normal"
 	},
 	"&.Mui-disabled *": { cursor: "not-allowed !important" }
-}), Y = (e, t) => ({ [`&.${J}`]: { color: `var(--choice-input-${e}, ${t}) !important` } }), _t = (e) => {
-	let n = (t) => e ? `${e}-${t}` : t;
+}), Y = (e, t) => ({ [`&.${J}`]: { color: `var(--choice-input-${e}, ${t}) !important` } }), _t = (t) => {
+	let n = (e) => t ? `${t}-${e}` : e;
 	return {
 		[n("root")]: {
-			...Y("color", t.text()),
-			...e === "correct" ? Y("correct-color", t.text()) : {},
-			...e === "incorrect" ? Y("incorrect-color", t.incorrect()) : {}
+			...Y("color", e.text()),
+			...t === "correct" ? Y("correct-color", e.text()) : {},
+			...t === "incorrect" ? Y("incorrect-color", e.incorrect()) : {}
 		},
 		[n("checked")]: {
-			...e === "correct" ? Y("correct-selected-color", t.correct()) : {},
-			...e === "incorrect" ? Y("incorrect-checked", t.incorrect()) : {},
-			...e ? {} : Y("selected-color", t.primary())
+			...t === "correct" ? Y("correct-selected-color", e.correct()) : {},
+			...t === "incorrect" ? Y("incorrect-checked", e.incorrect()) : {},
+			...t ? {} : Y("selected-color", e.primary())
 		},
 		[n("disabled")]: {
-			...Y("disabled-color", t.text()),
-			...e === "correct" ? Y("correct-disabled-color", t.disabled()) : {},
-			...e === "incorrect" ? Y("incorrect-disabled-color", t.disabled()) : {},
+			...Y("disabled-color", e.text()),
+			...t === "correct" ? Y("correct-disabled-color", e.disabled()) : {},
+			...t === "incorrect" ? Y("incorrect-disabled-color", e.disabled()) : {},
 			opacity: .6,
 			cursor: "not-allowed !important",
 			pointerEvents: "initial !important"
 		},
 		focusVisibleUnchecked: {
-			outline: `2px solid ${t.keyBoardFocusIndicator()}`,
+			outline: `2px solid ${e.keyBoardFocusIndicator()}`,
 			backgroundColor: "transparent"
 		},
 		focusVisibleChecked: {
-			outline: `2px solid ${t.keyBoardFocusIndicator()}`,
+			outline: `2px solid ${e.keyBoardFocusIndicator()}`,
 			backgroundColor: "transparent"
 		}
 	};
-}, vt = _(d, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
-	let n = _t(e), r = (t) => e ? `${e}-${t}` : t;
+}, vt = r(u, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: t }) => {
+	let n = _t(t), r = (e) => t ? `${t}-${e}` : e;
 	return {
 		[`&.${J}`]: {
 			...n[r("root")],
 			"&.Mui-checked": n[r("checked")],
-			"&.Mui-disabled": e ? {} : n[r("disabled")],
+			"&.Mui-disabled": t ? {} : n[r("disabled")],
 			"&:hover:not(.Mui-disabled) svg": {
-				boxShadow: `0px 0px 0px 2px ${t.keyBoardFocusIndicator()}`,
+				boxShadow: `0px 0px 0px 2px ${e.keyBoardFocusIndicator()}`,
 				borderRadius: "4px"
 			}
 		},
@@ -2008,17 +2008,17 @@ var st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c
 		correctness: t,
 		className: J
 	});
-}, bt = _(h, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
-	let n = _t(e), r = (t) => e ? `${e}-${t}` : t;
+}, bt = r(m, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: t }) => {
+	let n = _t(t), r = (e) => t ? `${t}-${e}` : e;
 	return {
 		[`&.${J}`]: {
 			...n[r("root")],
 			"&.Mui-checked": n[r("checked")],
-			"&.Mui-disabled": e ? {} : n[r("disabled")],
+			"&.Mui-disabled": t ? {} : n[r("disabled")],
 			"&.Mui-focusVisible:not(.Mui-checked)": n.focusVisibleUnchecked,
 			"&.Mui-focusVisible.Mui-checked": n.focusVisibleChecked,
 			"&:hover:not(.Mui-disabled) svg": {
-				boxShadow: `0px 0px 0px 2px ${t.keyBoardFocusIndicator()}`,
+				boxShadow: `0px 0px 0px 2px ${e.keyBoardFocusIndicator()}`,
 				borderRadius: "50%"
 			}
 		},
@@ -2094,7 +2094,7 @@ var st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c
 		c && c.focus();
 	};
 	render() {
-		let { choiceMode: t, disabled: n, displayKey: r, feedback: i, label: a, correctness: o, className: s, rationale: c, hideTick: l, isEvaluateMode: u, choicesLayout: d, value: f, checked: p, tagName: m, isSelectionButtonBelow: h } = this.props, g = t === "checkbox" ? yt : xt, _ = t === "checkbox" ? "checkbox" : "radio-button", v = {
+		let { choiceMode: e, disabled: t, displayKey: n, feedback: r, label: i, correctness: a, className: o, rationale: s, hideTick: c, isEvaluateMode: u, choicesLayout: d, value: f, checked: p, tagName: m, isSelectionButtonBelow: h } = this.props, g = e === "checkbox" ? yt : xt, _ = e === "checkbox" ? "checkbox" : "radio-button", v = {
 			...d === "horizontal" && { [`& .${J}`]: {
 				padding: "8px",
 				margin: "4px 0 4px 4px"
@@ -2104,31 +2104,31 @@ var st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c
 				justifyContent: "center",
 				"& > label": { alignItems: "center" }
 			}
-		}, y = typeof a == "string" && (a.includes("<math") || a.includes("\\(") || a.includes("\\[") || a.includes("<img") || a.includes("data-latex") || a.includes("data-raw") || a.includes("<mjx-container")), C = r ? /* @__PURE__ */ x(ht, {
+		}, y = typeof i == "string" && (i.includes("<math") || i.includes("\\(") || i.includes("\\[") || i.includes("<img") || i.includes("data-latex") || i.includes("data-raw") || i.includes("<mjx-container")), C = n ? /* @__PURE__ */ x(ht, {
 			id: this.descId,
-			children: y ? `Pick the answer below, ${r}` : r
-		}) : null, w = /* @__PURE__ */ x(b, { children: r && !h ? /* @__PURE__ */ S(ft, {
+			children: y ? `Pick the answer below, ${n}` : n
+		}) : null, w = /* @__PURE__ */ x(b, { children: n && !h ? /* @__PURE__ */ S(ft, {
 			component: "span",
 			children: [/* @__PURE__ */ S("span", {
 				"aria-hidden": "true",
 				children: [
-					r,
+					n,
 					".",
 					"\xA0"
 				]
 			}), /* @__PURE__ */ x(st, {
 				className: "prompt-label",
-				prompt: a,
+				prompt: i,
 				tagName: "span"
 			})]
 		}) : /* @__PURE__ */ x(st, {
 			className: "prompt-label",
-			prompt: a,
+			prompt: i,
 			tagName: "span"
 		}) }), T = {
-			disabled: n,
+			disabled: t,
 			checked: p,
-			correctness: o,
+			correctness: a,
 			tagName: m,
 			value: f,
 			id: this.choiceId,
@@ -2143,13 +2143,13 @@ var st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c
 			}),
 			/* @__PURE__ */ x("span", {
 				"aria-hidden": "true",
-				children: r ? `${r}.` : ""
+				children: n ? `${n}.` : ""
 			})
 		] }) : /* @__PURE__ */ S(b, { children: [C, /* @__PURE__ */ x(g, { ...T })] });
 		return /* @__PURE__ */ S("div", {
-			className: e(s, "corespring-" + _, "choice-input"),
+			className: l(o, "corespring-" + _, "choice-input"),
 			children: [
-				/* @__PURE__ */ S(ft, { children: [!l && u && /* @__PURE__ */ x(ot, { correctness: o }), /* @__PURE__ */ x(pt, {
+				/* @__PURE__ */ S(ft, { children: [!c && u && /* @__PURE__ */ x(ot, { correctness: a }), /* @__PURE__ */ x(pt, {
 					className: "checkbox-holder",
 					sx: v,
 					children: /* @__PURE__ */ x(gt, {
@@ -2160,27 +2160,27 @@ var st = q(a, "PreviewPrompt") || q(dt.PreviewPrompt, "PreviewPrompt"), ct = q(c
 						control: E
 					})
 				})] }),
-				c && /* @__PURE__ */ x(st, {
+				s && /* @__PURE__ */ x(st, {
 					className: "rationale",
 					defaultClassName: "rationale",
-					prompt: c
+					prompt: s
 				}),
 				/* @__PURE__ */ x(ct, {
-					feedback: i,
-					correctness: o
+					feedback: r,
+					correctness: a
 				})
 			]
 		});
 	}
-}, Ct = _(f, { shouldForwardProp: (e) => e !== "noBorder" && e !== "horizontalLayout" })(({ theme: e, noBorder: n, horizontalLayout: r }) => ({
-	paddingTop: e.spacing(2.5),
-	paddingBottom: `calc(${e.spacing(1)} + 2px)`,
-	paddingLeft: `calc(${e.spacing(1)} + 2px)`,
-	paddingRight: `calc(${e.spacing(1)} + 2px)`,
-	borderBottom: n ? "none" : `1px solid ${t.border()}`,
+}, Ct = r(d, { shouldForwardProp: (e) => e !== "noBorder" && e !== "horizontalLayout" })(({ theme: t, noBorder: n, horizontalLayout: r }) => ({
+	paddingTop: t.spacing(2.5),
+	paddingBottom: `calc(${t.spacing(1)} + 2px)`,
+	paddingLeft: `calc(${t.spacing(1)} + 2px)`,
+	paddingRight: `calc(${t.spacing(1)} + 2px)`,
+	borderBottom: n ? "none" : `1px solid ${e.border()}`,
 	...r && {
-		paddingRight: e.spacing(2.5),
-		"& label": { marginRight: e.spacing(1) }
+		paddingRight: t.spacing(2.5),
+		"& label": { marginRight: t.spacing(1) }
 	}
 })), wt = class extends v.Component {
 	static propTypes = {};
@@ -2279,35 +2279,35 @@ function X(e) {
 function Z(e, t) {
 	return !e || X(e) ? e : X(e.default) ? e.default : t && X(e[t]) ? e[t] : t && X(e[t]?.default) ? e[t].default : e;
 }
-var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u, "Collapsible") || Z(jt.Collapsible, "Collapsible"), kt = m, At = kt.default, jt = At && typeof At == "object" ? At : kt, { translator: Q } = We, Mt = _(f)({
-	color: t.text(),
-	backgroundColor: t.background(),
+var Dt = Z(i, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(c, "Collapsible") || Z(jt.Collapsible, "Collapsible"), kt = p, At = kt.default, jt = At && typeof At == "object" ? At : kt, { translator: Q } = We, Mt = r(d)({
+	color: e.text(),
+	backgroundColor: e.background(),
 	"& *": { "-webkit-font-smoothing": "antialiased" },
 	position: "relative",
 	"& legend": { border: "none !important" }
-}), Nt = _("h2")(({ theme: e }) => ({
+}), Nt = r("h2")(({ theme: e }) => ({
 	display: "block",
 	fontSize: "inherit",
 	margin: "0",
 	fontWeight: "normal",
 	paddingBottom: e.spacing(2)
-})), Pt = _(f)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ft = _(f)({
+})), Pt = r(d)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ft = r(d)({
 	display: "flex",
 	flexDirection: "row",
 	flexWrap: "wrap"
-}), It = _(f)({ display: "grid" }), Lt = _("fieldset")({
+}), It = r(d)({ display: "grid" }), Lt = r("fieldset")({
 	border: "0px",
 	padding: "0.01em 0 0 0",
 	margin: "0px",
 	minWidth: "0px"
-}), Rt = _("h3")({
+}), Rt = r("h3")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), zt = _("div")(({ theme: e }) => ({
+}), zt = r("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
@@ -2411,11 +2411,11 @@ var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u
 		return /* @__PURE__ */ x(Rt.withComponent(`h${a}`), { children: t === "radio" ? "Multiple Choice Question" : "Multiple Select Question" });
 	}
 	render() {
-		let { mode: t, disabled: n, className: r, choices: i = [], choiceMode: a, gridColumns: o, partLabel: s, prompt: c, responseCorrect: l, teacherInstructions: u, alwaysShowCorrect: d, animationsDisabled: m, language: h, isSelectionButtonBelow: g, minSelections: _, maxSelections: v, autoplayAudioEnabled: y, session: b, customAudioButton: C, options: w, baseHeadingLevel: T } = this.props, { showCorrect: E, maxSelectionsErrorState: D } = this.state, O = t === "evaluate", k = O && !l, A = o > 1 ? { gridTemplateColumns: `repeat(${o}, 1fr)` } : void 0, j = b.value && b.value.length || 0, M = (() => {
+		let { mode: e, disabled: t, className: n, choices: r = [], choiceMode: i, gridColumns: a, partLabel: o, prompt: s, responseCorrect: c, teacherInstructions: u, alwaysShowCorrect: p, animationsDisabled: m, language: h, isSelectionButtonBelow: g, minSelections: _, maxSelections: v, autoplayAudioEnabled: y, session: b, customAudioButton: C, options: w, baseHeadingLevel: T } = this.props, { showCorrect: E, maxSelectionsErrorState: D } = this.state, O = e === "evaluate", k = O && !c, A = a > 1 ? { gridTemplateColumns: `repeat(${a}, 1fr)` } : void 0, j = b.value && b.value.length || 0, M = (() => {
 			if (!T) return;
 			let e = 1;
-			return s && (e += 1), Math.min(6, T + e);
-		})(), N = (e) => e && M ? p(e, M) : e, P = /* @__PURE__ */ x(Dt, {
+			return o && (e += 1), Math.min(6, T + e);
+		})(), N = (e) => e && M ? f(e, M) : e, P = /* @__PURE__ */ x(Dt, {
 			tagName: "div",
 			className: "prompt",
 			defaultClassName: "teacher-instructions",
@@ -2430,14 +2430,14 @@ var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u
 		}) : _ ? Q.t("translation:multipleChoice:minSelections", {
 			lng: h,
 			minSelections: _
-		}) : "", te = this.props.choicesLayout === "grid" ? It : this.props.choicesLayout === "horizontal" ? Ft : f;
+		}) : "", te = this.props.choicesLayout === "grid" ? It : this.props.choicesLayout === "horizontal" ? Ft : d;
 		return /* @__PURE__ */ S(Mt, {
 			id: "main-container",
-			className: e(r, "multiple-choice"),
+			className: l(n, "multiple-choice"),
 			children: [
-				s && /* @__PURE__ */ x(Nt, {
+				o && /* @__PURE__ */ x(Nt, {
 					as: T ? `h${Math.min(6, T + 1)}` : "h2",
-					children: s
+					children: o
 				}),
 				this.renderHeading(),
 				u && /* @__PURE__ */ x(Pt, { children: m ? P : /* @__PURE__ */ x(Ot, {
@@ -2448,17 +2448,17 @@ var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u
 					children: P
 				}) }),
 				/* @__PURE__ */ S(Lt, {
-					role: a === "radio" ? "radiogroup" : "group",
+					role: i === "radio" ? "radiogroup" : "group",
 					children: [
 						/* @__PURE__ */ x(Dt, {
 							className: "prompt",
 							defaultClassName: "prompt",
-							prompt: N(c),
+							prompt: N(s),
 							tagName: "legend",
 							autoplayAudioEnabled: y,
 							customAudioButton: C
 						}),
-						!(w && d) && /* @__PURE__ */ x(nt, {
+						!(w && p) && /* @__PURE__ */ x(nt, {
 							show: k,
 							toggled: E,
 							onToggle: this.onToggle.bind(this),
@@ -2466,7 +2466,7 @@ var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u
 						}),
 						/* @__PURE__ */ x(te, {
 							style: A,
-							children: i.map((e, t) => /* @__PURE__ */ x(wt, {
+							children: r.map((e, n) => /* @__PURE__ */ x(wt, {
 								choicesLayout: this.props.choicesLayout,
 								selectedAnswerBackgroundColor: this.props.selectedAnswerBackgroundColor,
 								selectedAnswerStrokeColor: this.props.selectedAnswerStrokeColor,
@@ -2474,27 +2474,27 @@ var Dt = Z(a, "PreviewPrompt") || Z(jt.PreviewPrompt, "PreviewPrompt"), Ot = Z(u
 								hoverAnswerBackgroundColor: this.props.hoverAnswerBackgroundColor,
 								hoverAnswerStrokeColor: this.props.hoverAnswerStrokeColor,
 								hoverAnswerStrokeWidth: this.props.hoverAnswerStrokeWidth,
-								gridColumns: o,
+								gridColumns: a,
 								choice: e,
-								index: t,
-								choicesLength: i.length,
+								index: n,
+								choicesLength: r.length,
 								showCorrect: E,
 								isEvaluateMode: O,
-								choiceMode: a,
-								disabled: n,
+								choiceMode: i,
+								disabled: t,
 								tagName: this.groupName,
 								onChoiceChanged: this.handleChange,
 								hideTick: e.hideTick,
 								checked: this.getChecked(e),
 								correctness: O ? this.getCorrectness(e) : void 0,
-								displayKey: this.indexToSymbol(t),
+								displayKey: this.indexToSymbol(n),
 								isSelectionButtonBelow: g
-							}, `choice-${t}`))
+							}, `choice-${n}`))
 						})
 					]
 				}),
-				a === "checkbox" && j < _ && /* @__PURE__ */ x(zt, { children: ee() }),
-				a === "checkbox" && D && /* @__PURE__ */ x(zt, { children: Q.t(`translation:multipleChoice:maxSelections_${v === 1 ? "one" : "other"}`, {
+				i === "checkbox" && j < _ && /* @__PURE__ */ x(zt, { children: ee() }),
+				i === "checkbox" && D && /* @__PURE__ */ x(zt, { children: Q.t(`translation:multipleChoice:maxSelections_${v === 1 ? "one" : "other"}`, {
 					lng: h,
 					maxSelections: v
 				}) })
@@ -2511,7 +2511,7 @@ function $(e) {
 function Vt(e, t) {
 	return !e || $(e) ? e : $(e.default) ? e.default : t && $(e[t]) ? e[t] : t && $(e[t]?.default) ? e[t].default : e;
 }
-var Ht = Vt(g, "PreviewLayout") || Vt(Gt.PreviewLayout, "PreviewLayout"), Ut = m, Wt = Ut.default, Gt = Wt && typeof Wt == "object" ? Wt : Ut, Kt = class extends v.Component {
+var Ht = Vt(g, "PreviewLayout") || Vt(Gt.PreviewLayout, "PreviewLayout"), Ut = p, Wt = Ut.default, Gt = Wt && typeof Wt == "object" ? Wt : Ut, Kt = class extends v.Component {
 	static propTypes = {
 		model: C.default.object,
 		session: C.default.object,
@@ -2550,4 +2550,4 @@ var Ht = Vt(g, "PreviewLayout") || Vt(Gt.PreviewLayout, "PreviewLayout"), Ut = m
 //#endregion
 export { Et as n, Kt as t };
 
-//# sourceMappingURL=main-DbK4bklz.js.map
+//# sourceMappingURL=main-BzlfiDu3.js.map