@pie-element/explicit-constructed-response 11.1.2-next.0 → 11.1.2-next.10

package/dist/browser/{main-V_e6PRBN.js → main-DfIrflzI.js}

@@ -1,10 +1,10 @@
-import { J as e, m as t, n, t as r } from "./browser-DbR93LB7.js";
-import { G as i, J as a, K as o, _ as s, at as c, ft as l, g as u, h as d, k as f, m as p, ot as m, p as h, pt as g, t as _, v, w as y } from "./dist-DnL6t4VO.js";
-import { t as b } from "./dist-D9ARZhQk.js";
-import x, { useRef as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { E as e, b as t, m as n, n as r, s as i, t as a } from "./browser-xPiwYICU.js";
+import { C as o, G as s, O as c, W as l, _ as u, at as d, g as f, h as p, it as m, m as h, p as g, q as _, t as v } from "./dist-Bf-VDZs4.js";
+import { t as y } from "./dist-DiGNNRzu.js";
+import b, { useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var T = /* @__PURE__ */ e(l(), 1), E = "height ease-in 300ms, opacity ease-in 300ms", D = a("div")(() => ({
+var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 300ms", E = _("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -12,7 +12,7 @@ var T = /* @__PURE__ */ e(l(), 1), E = "height ease-in 300ms, opacity ease-in 30
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: E,
+		transition: T,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -26,7 +26,7 @@ var T = /* @__PURE__ */ e(l(), 1), E = "height ease-in 300ms, opacity ease-in 30
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: E,
+		transition: T,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -38,9 +38,9 @@ var T = /* @__PURE__ */ e(l(), 1), E = "height ease-in 300ms, opacity ease-in 30
 		height: 0,
 		width: 0
 	}
-})), O = (e) => {
-	let { show: t, children: n, className: r } = e, i = S(null);
-	return /* @__PURE__ */ C(o, {
+})), D = (e) => {
+	let { show: t, children: n, className: r } = e, i = x(null);
+	return /* @__PURE__ */ S(s, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -52,53 +52,53 @@ var T = /* @__PURE__ */ e(l(), 1), E = "height ease-in 300ms, opacity ease-in 30
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ C(D, {
+		children: /* @__PURE__ */ S(E, {
 			ref: i,
 			className: r,
 			children: n
 		})
 	});
 };
-O.propTypes = {
-	show: T.default.bool.isRequired,
-	className: T.default.string,
-	children: T.default.oneOfType([T.default.arrayOf(T.default.node), T.default.node]).isRequired
+D.propTypes = {
+	show: w.default.bool.isRequired,
+	className: w.default.string,
+	children: w.default.oneOfType([w.default.arrayOf(w.default.node), w.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var ee = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ w("svg", {
+var ee = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
 	style: { enableBackground: "new -283 359 34 35" },
 	children: [
-		/* @__PURE__ */ C("circle", {
+		/* @__PURE__ */ S("circle", {
 			cx: "-266",
 			cy: "375.9",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ S("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__ */ S("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
 		})
 	]
 });
 ee.propTypes = {
-	bgFill: T.default.string.isRequired,
-	fgFill: T.default.string.isRequired
+	bgFill: w.default.string.isRequired,
+	fgFill: w.default.string.isRequired
 };
-var te = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ w("svg", {
+var O = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("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__ */ S("path", {
 			style: {
 				fill: "#D0CAC5",
 				stroke: "#E6E3E0",
@@ -107,7 +107,7 @@ var te = ({ 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__ */ S("path", {
 			style: {
 				fill: "#B3ABA4",
 				stroke: "#CDC7C2",
@@ -116,77 +116,77 @@ var te = ({ 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__ */ S("circle", {
 			cx: "-114.2",
 			cy: "143.5",
 			r: "14",
 			fill: e
 		}),
-		/* @__PURE__ */ C("path", {
+		/* @__PURE__ */ S("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__ */ S("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
 		})
 	]
 });
-te.propTypes = {
-	bgFill: T.default.string.isRequired,
-	fgFill: T.default.string.isRequired,
-	borderFill: T.default.string.isRequired
+O.propTypes = {
+	bgFill: w.default.string.isRequired,
+	fgFill: w.default.string.isRequired,
+	borderFill: w.default.string.isRequired
 };
-var ne = a("div")(({ size: e }) => ({
+var te = _("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), k = ({ open: e, size: t }) => /* @__PURE__ */ C(ne, {
+})), k = ({ open: e, size: t }) => /* @__PURE__ */ S(te, {
 	size: t,
-	children: e ? /* @__PURE__ */ C(ee, {
+	children: e ? /* @__PURE__ */ S(ee, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ C(te, {
+	}) : /* @__PURE__ */ S(O, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
 k.propTypes = {
-	open: T.default.bool,
-	size: T.default.string
+	open: w.default.bool,
+	size: w.default.string
 }, k.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-var re = /* @__PURE__ */ e(r(), 1);
+var ne = /* @__PURE__ */ e(a(), 1);
 function A(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
 function j(e, t) {
 	return !e || A(e) ? e : A(e.default) ? e.default : t && A(e[t]) ? e[t] : t && A(e[t]?.default) ? e[t].default : e;
 }
-var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default, oe = M && typeof M == "object" ? M : ae, { translator: N } = b, se = {
+var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, ie = N && typeof N == "object" ? N : M, { translator: P } = y, ae = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, ce = a("div")(() => ({
+}, oe = _("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), le = a("div")(() => ({
+})), se = _("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), ue = a("div")(() => ({
+})), ce = _("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${i.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${l.text()})`,
 	fontWeight: "normal",
-	...se
-})), de = a("div")(() => ({
+	...ae
+})), le = _("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -199,20 +199,20 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), fe = a("div")(() => ({
+})), ue = _("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), pe = class e extends x.Component {
+})), de = class e extends b.Component {
 	static propTypes = {
-		onToggle: T.default.func,
-		toggled: T.default.bool,
-		show: T.default.bool,
-		hideMessage: T.default.string,
-		showMessage: T.default.string,
-		className: T.default.string,
-		language: T.default.string
+		onToggle: w.default.func,
+		toggled: w.default.bool,
+		show: w.default.bool,
+		hideMessage: w.default.string,
+		showMessage: w.default.string,
+		className: w.default.string,
+		language: w.default.string
 	};
 	static defaultProps = {
 		showMessage: "Show correct answer",
@@ -221,10 +221,10 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 		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 = b.createRef(), this.closedIconRef = b.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -236,20 +236,20 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: N.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: N.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ C(ce, {
+		return /* @__PURE__ */ S(oe, {
 			className: e,
-			children: /* @__PURE__ */ C(O, {
+			children: /* @__PURE__ */ S(D, {
 				show: this.state.show,
-				children: /* @__PURE__ */ w(le, {
+				children: /* @__PURE__ */ C(se, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ w(fe, { children: [/* @__PURE__ */ C(o, {
+					children: [/* @__PURE__ */ C(ue, { children: [/* @__PURE__ */ S(s, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -260,11 +260,11 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(de, {
+						children: /* @__PURE__ */ S(le, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ C(k, { open: t }, "correct-open")
+							children: /* @__PURE__ */ S(k, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ C(o, {
+					}), /* @__PURE__ */ S(s, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -275,13 +275,13 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ C(de, {
+						children: /* @__PURE__ */ S(le, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ C(k, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ S(k, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ C(ie, {
+					})] }), /* @__PURE__ */ S(re, {
 						false: !0,
-						children: /* @__PURE__ */ C(ue, {
+						children: /* @__PURE__ */ S(ce, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -290,7 +290,7 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 			})
 		});
 	}
-}, me = /\{\{(\d+)\}\}/g, he = (e, t) => e ? { markup: e.replace(me, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = /* @__PURE__ */ P(((e, t) => {
+}, fe = /\{\{(\d+)\}\}/g, pe = (e, t) => e ? { markup: e.replace(fe, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = /* @__PURE__ */ F(((e, t) => {
 	t.exports = {
 		"border-radius": 1,
 		"border-top-left-radius": 1,
@@ -317,10 +317,10 @@ var ie = j(s, "Readable") || j(oe.Readable, "Readable"), ae = p, M = ae.default,
 		"box-pack": 1
 	};
 }));
-F();
+I();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
-var I = /* @__PURE__ */ P(((e, t) => {
+var L = /* @__PURE__ */ F(((e, t) => {
 	t.exports = {
 		animation: 1,
 		"column-count": 1,
@@ -340,19 +340,19 @@ var I = /* @__PURE__ */ P(((e, t) => {
 		rowspan: 1
 	};
 }));
-I();
+L();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var L = /* @__PURE__ */ P(((e, t) => {
+var R = /* @__PURE__ */ F(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-L();
+R();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var R = /* @__PURE__ */ P(((e, t) => {
-	var n = L(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+var z = /* @__PURE__ */ F(((e, t) => {
+	var n = R(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = (function() {
 		var e = (function() {
 			for (var e in i) if (r.test(e)) return e.match(r)[0];
@@ -369,54 +369,54 @@ var R = /* @__PURE__ */ P(((e, t) => {
 		};
 	})();
 }));
-R();
+z();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var z = /* @__PURE__ */ P(((e, t) => {
+var B = /* @__PURE__ */ F(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
-z();
+B();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var B = /* @__PURE__ */ P(((e, t) => {
+var V = /* @__PURE__ */ F(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
-	}, r = z();
+	}, r = B();
 	t.exports = function(e) {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-B();
+V();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var V = /* @__PURE__ */ P(((e, t) => {
+var H = /* @__PURE__ */ F(((e, t) => {
 	var n = /::/g, r = /([A-Z]+)([A-Z][a-z])/g, i = /([a-z\d])([A-Z])/g, a = /_/g;
 	t.exports = function(e, t) {
 		return e ? e.replace(n, "/").replace(r, "$1_$2").replace(i, "$1_$2").replace(a, t || "-") : "";
 	};
 }));
-V();
+H();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var H = /* @__PURE__ */ P(((e, t) => {
-	var n = V();
+var U = /* @__PURE__ */ F(((e, t) => {
+	var n = H();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-H();
+U();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var ge = /* @__PURE__ */ P(((e, t) => {
+var me = /* @__PURE__ */ F(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
 }));
-ge();
+me();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var _e = /* @__PURE__ */ P(((e, t) => {
-	var n = B(), r = H(), i = ge(), a = L(), o = R(), s = F(), c = typeof document > "u" ? {} : document.documentElement.style;
+var he = /* @__PURE__ */ F(((e, t) => {
+	var n = V(), r = U(), i = me(), a = R(), o = z(), s = I(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -433,45 +433,45 @@ var _e = /* @__PURE__ */ P(((e, t) => {
 		};
 	};
 }));
-_e();
+he();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var ve = /* @__PURE__ */ P(((e, t) => {
-	t.exports = _e()();
+var W = /* @__PURE__ */ F(((e, t) => {
+	t.exports = he()();
 }));
-ve();
+W();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var U = /* @__PURE__ */ P(((e, t) => {
+var G = /* @__PURE__ */ F(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-U();
+G();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var W = /* @__PURE__ */ P(((e, t) => {
+var ge = /* @__PURE__ */ F(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
 	};
 }));
-W();
+ge();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var ye = /* @__PURE__ */ P(((e, t) => {
+var _e = /* @__PURE__ */ F(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
 	};
 }));
-ye();
+_e();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var G = /* @__PURE__ */ P(((e, t) => {
-	R();
-	var n = ve(), r = H(), i = B(), a = U(), o = W(), s = ye(), c = function(e, t, r, i) {
+var K = /* @__PURE__ */ F(((e, t) => {
+	z();
+	var n = W(), r = U(), i = V(), a = G(), o = ge(), s = _e(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -482,7 +482,7 @@ var G = /* @__PURE__ */ P(((e, t) => {
 			var n = e.split(":");
 			n.length == 2 && (t[n[0].trim()] = n[1].trim());
 		}), t;
-	}, u = { cssUnitless: I() }, d = function(e, t, n, f) {
+	}, u = { cssUnitless: L() }, d = function(e, t, n, f) {
 		typeof e == "string" && (e = l(e)), t ||= u, t.cssUnitless = t.cssUnitless || u.cssUnitless, f ||= {};
 		var p = t.scope || {}, m = t.addUnits == null ? p && p.addUnits != null ? p.addUnits : !0 : t.addUnits, h = (t.cssUnitless == null ? p ? p.cssUnitless : null : t.cssUnitless) || {}, g = (t.cssUnit || p ? p.cssUnit : null) || "px", _ = t.prefixProperties || (p ? p.prefixProperties : null) || {}, v = t.camelize ? i : r, y, b, x, S, C, w, T, E;
 		for (x in e) if (a(e, x)) {
@@ -511,11 +511,11 @@ var G = /* @__PURE__ */ P(((e, t) => {
 	};
 	t.exports = d;
 }));
-G();
+K();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var be = /* @__PURE__ */ P(((e, t) => {
-	var n = G(), r = U();
+var ve = /* @__PURE__ */ F(((e, t) => {
+	var n = K(), r = G();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -523,25 +523,25 @@ var be = /* @__PURE__ */ P(((e, t) => {
 		return i.join("; ");
 	};
 }));
-be();
+ve();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var xe = /* @__PURE__ */ P(((e, t) => {
+var ye = /* @__PURE__ */ F(((e, t) => {
 	t.exports = {
-		prefixProperties: F(),
-		cssUnitless: I(),
-		object: G(),
-		string: be()
+		prefixProperties: I(),
+		cssUnitless: L(),
+		object: K(),
+		string: ve()
 	};
 }));
-xe();
+ye();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we = ["span"], Te = [
+var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se = ["span"], Ce = [
 	"em",
 	"strong",
 	"u"
-], Ee = 3, De = 8, Oe = 1, ke = (e) => {
+], we = 3, Te = 8, Ee = 1, De = (e) => {
 	if (!e.attributes || e.attributes.length <= 0) return;
 	let t = {}, n;
 	for (n = 0; n < e.attributes.length; n++) {
@@ -549,44 +549,44 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 		t[r.name] = r.value;
 	}
 	return t;
-}, Ae = (e) => we.includes(e) ? "inline" : Te.includes(e) ? "mark" : "block", je = (e) => {
+}, Oe = (e) => Se.includes(e) ? "inline" : Ce.includes(e) ? "mark" : "block", ke = (e) => {
 	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
 	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
 	return r;
-}, Me = (e) => (0, Se.object)(e, {
+}, Ae = (e) => (0, be.object)(e, {
 	camelize: !0,
 	addUnits: !1
-}), Ne = (e, t) => Me(je(e.getAttribute(t))), Pe = (e, t, n) => {
+}), je = (e, t) => Ae(ke(e.getAttribute(t))), Me = (e, t, n) => {
 	let r = e.getAttribute(n);
 	return delete t.class, r;
-}, Fe = (e) => (t, n) => {
+}, Ne = (e) => (t, n) => {
 	if (!e.getAttribute) return t;
 	if (e.getAttribute(n)) switch (n) {
 		case "style":
-			t.style = Ne(e, n);
+			t.style = je(e, n);
 			break;
 		case "class":
-			t.className = Pe(e, t, n);
+			t.className = Me(e, t, n);
 			break;
 		default:
 			t[n] = e.getAttribute(n);
 			break;
 	}
 	return t;
-}, Ie = [
+}, Pe = [
 	"border",
 	"class",
 	"style"
-], K = {
+], q = {
 	b: "bold",
 	em: "italic",
 	u: "underline",
 	s: "strikethrough",
 	code: "code",
 	strong: "strong"
-}, Le = (e, t = []) => {
-	if (e.nodeType === De) return null;
-	if (e.nodeType === Ee) {
+}, Fe = (e, t = []) => {
+	if (e.nodeType === Te) return null;
+	if (e.nodeType === we) {
 		let n = { text: e.textContent };
 		return t.length > 0 && (n.marks = t.map((e) => ({
 			type: e,
@@ -596,19 +596,19 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 			leaves: [n]
 		};
 	}
-	if (e.nodeType === Oe) {
-		let n = e.tagName.toLowerCase(), r = K[n];
-		if (r) return Ce("[deserialize] mark: ", r), {
+	if (e.nodeType === Ee) {
+		let n = e.tagName.toLowerCase(), r = q[n];
+		if (r) return xe("[deserialize] mark: ", r), {
 			_flatten: !0,
-			nodes: q(e.childNodes, [...t, r])
+			nodes: J(e.childNodes, [...t, r])
 		};
 		if (n === "math") return {
 			isMath: !0,
 			nodes: [e]
 		};
-		let i = ke(e) || {};
+		let i = De(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = Ie.reduce(Fe(e), { ...i }), o = Ae(n), s = q(e.childNodes, t);
+		let a = Pe.reduce(Ne(e), { ...i }), o = Oe(n), s = J(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -620,14 +620,14 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 		};
 	}
 	return null;
-}, q = (e, t = []) => {
+}, J = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
-		let i = Le(e[r], t);
+		let i = Fe(e[r], t);
 		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
 	}
 	return n;
-}, Re = (e) => {
+}, Ie = (e) => {
 	if (!e || !e.trim()) return {
 		object: "value",
 		document: {
@@ -642,7 +642,7 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 			}]
 		}
 	};
-	let t = q(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	let t = J(new DOMParser().parseFromString(e, "text/html").body.childNodes);
 	return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
 		object: "block",
 		type: "span",
@@ -663,79 +663,75 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 			nodes: t
 		}
 	};
-}, ze = a("div")(({ theme: e }) => ({
+}, Le = _("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), Be = a("span")(() => ({
+})), Re = _("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
-})), Ve = ["tbody", "tr"], He = (e, t) => {
+})), ze = ["tbody", "tr"], Be = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
-	if (!(n && Ve.includes(r))) return t;
-}, Ue = (e) => {
+	if (!(n && ze.includes(r))) return t;
+}, Ve = (e) => {
 	let n = e.leaves.find((e) => t(e, "marks", []).length);
-	return n ? n.marks[0] : null;
-}, We = (e, t, n, r, i, a) => {
+	return n ? n.marks : null;
+}, He = (e, t, n, r, i, a) => {
 	if (!t) return null;
 	let o = [];
 	return (e.nodes || []).forEach((e, s) => {
 		let c = e.type ? `${e.type}-${s}` : `${s}`;
-		if (e.isMath) return o.push(/* @__PURE__ */ C("span", { dangerouslySetInnerHTML: { __html: `<math displaystyle="true">${e.nodes[0].innerHTML}</math>` } })), o;
+		if (e.isMath) return o.push(/* @__PURE__ */ S("span", { dangerouslySetInnerHTML: { __html: `<math displaystyle="true">${e.nodes[0].innerHTML}</math>` } })), o;
 		if (r) {
 			let i = r(e, t, n);
 			if (i) {
 				let t = e.data?.dataset?.component === "blank";
-				t && o.push(/* @__PURE__ */ C(Be, {}, `spacer-${s}`)), o.push(i), t && o.push(/* @__PURE__ */ C(Be, {}, `spacer-${s}`));
+				t && o.push(/* @__PURE__ */ S(Re, {}, `spacer-${s}-before`)), o.push(i), t && o.push(/* @__PURE__ */ S(Re, {}, `spacer-${s}-after`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = He(i, n);
+				let n = t.text, r = Be(i, n);
 				return r ? e + r : e;
-			}, ""), n = Ue(e);
-			if (n) {
-				let e;
-				for (e in K) if (K[e] === n.type) {
-					let n = e;
-					o.push(/* @__PURE__ */ C(n, { children: t }, c));
-					break;
-				}
+			}, ""), n = Ve(e);
+			if (n?.length > 0) {
+				let e = n.map((e) => Object.keys(q).find((t) => q[t] === e.type)).filter(Boolean);
+				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ S(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
 			} else t.length > 0 && o.push(t);
 		} else {
-			let i = We(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ C(ze, { children: i }, c));
+			let i = He(e, t, n, r, e, a);
+			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ S(Le, { children: i }, c));
 			else {
 				let t = e.type;
-				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ C(t, {
+				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ S(t, {
 					...e.data.attributes,
 					children: i
-				}, c)) : o.push(/* @__PURE__ */ C(t, { ...e.data.attributes }, c));
+				}, c)) : o.push(/* @__PURE__ */ S(t, { ...e.data.attributes }, c));
 			}
 		}
 	}), o;
-}, Ge = a("div")(() => ({
+}, Ue = _("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), Ke = class extends x.Component {
+})), We = class extends b.Component {
 	constructor(e) {
-		super(e), this.internalContainerRef = x.createRef();
+		super(e), this.internalContainerRef = b.createRef();
 	}
 	static propTypes = {
-		renderChildren: T.default.func,
-		layout: T.default.object,
-		value: T.default.object,
-		onChange: T.default.func,
-		elementType: T.default.string,
-		containerRef: T.default.oneOfType([T.default.func, T.default.shape({ current: T.default.instanceOf(Element) })])
+		renderChildren: w.default.func,
+		layout: w.default.object,
+		value: w.default.object,
+		onChange: w.default.func,
+		elementType: w.default.string,
+		containerRef: w.default.oneOfType([w.default.func, w.default.shape({ current: w.default.instanceOf(Element) })])
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof g == "function" && g(e.current);
+		e.current && typeof d == "function" && d(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -745,26 +741,26 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = We(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ C(Ge, {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = He(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ S(Ue, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
-}, qe = (e, t) => {
-	let { markup: n } = he(e, t);
-	return Re(n).document;
-}, Je = (e, t) => class extends x.Component {
+}, Ge = (e, t) => {
+	let { markup: n } = pe(e, t);
+	return Ie(n).document;
+}, Ke = (e, t) => class extends b.Component {
 	static propTypes = {
-		markup: T.default.string,
-		layout: T.default.object,
-		value: T.default.object,
-		onChange: T.default.func,
-		customMarkMarkupComponent: T.default.func,
-		elementType: T.default.string
+		markup: w.default.string,
+		layout: w.default.object,
+		value: w.default.object,
+		onChange: w.default.func,
+		customMarkMarkupComponent: w.default.func,
+		elementType: w.default.string
 	};
 	constructor(e) {
-		super(e), this.containerRef = x.createRef();
+		super(e), this.containerRef = b.createRef();
 	}
 	componentDidUpdate(e) {
 		if (this.props.markup !== e.markup) {
@@ -776,8 +772,8 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 		}
 	}
 	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || qe(n, e);
-		return /* @__PURE__ */ C(Ke, {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Ge(n, e);
+		return /* @__PURE__ */ S(We, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -786,27 +782,46 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 			renderChildren: t(this.props)
 		});
 	}
-}, Ye = /* @__PURE__ */ e(h(), 1), Xe = a(_)(() => ({
+};
+//#endregion
+//#region ../../lib-react/mask-markup/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js
+function qe(e) {
+	var t, n, r = "";
+	if (typeof e == "string" || typeof e == "number") r += e;
+	else if (typeof e == "object") if (Array.isArray(e)) {
+		var i = e.length;
+		for (t = 0; t < i; t++) e[t] && (n = qe(e[t])) && (r && (r += " "), r += n);
+	} else for (n in e) e[n] && (r && (r += " "), r += n);
+	return r;
+}
+function Je() {
+	for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = qe(e)) && (r && (r += " "), r += t);
+	return r;
+}
+//#endregion
+//#region ../../lib-react/mask-markup/dist/constructed-response.js
+var Ye = _(v)(() => ({
 	display: "inline-block",
 	verticalAlign: "middle",
 	margin: "4px",
 	borderRadius: "4px",
-	border: `1px solid ${i.black()}`,
-	"&.correct": { border: `1px solid ${i.correct()}` },
-	"&.incorrect": { border: `1px solid ${i.incorrect()}` }
-})), Ze = Je("input", (e) => (t, n) => {
+	border: `1px solid ${l.black()}`,
+	"&.correct": { border: `1px solid ${l.correct()}` },
+	"&.incorrect": { border: `1px solid ${l.incorrect()}` }
+})), Xe = Ke("input", (e) => (t, n) => {
 	let { adjustedLimit: r, disabled: i, feedback: a, showCorrectAnswer: o, maxLength: s, spellCheck: c, pluginProps: l, onChange: u } = e, d = t.data?.dataset || {};
 	if (d.component === "input") {
 		let f = (e.choices && d && e.choices[d.id] || [])[0], p = o ? f && f.label : n[d.id] || "", m = s && s[d.id], h = a && a[d.id], g = o || h === "correct", _ = !o && h === "incorrect";
-		return /* @__PURE__ */ C(Xe, {
+		return /* @__PURE__ */ S(Ye, {
 			id: d.id,
 			disabled: o || i,
 			disableUnderline: !0,
 			onChange: (e) => {
-				u({
+				let t = {
 					...n,
 					[d.id]: e
-				});
+				};
+				u(t);
 			},
 			markup: p || "",
 			charactersLimit: r ? m : 25,
@@ -824,7 +839,7 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 				noBorder: !0,
 				isHidden: !!l?.characters?.disabled
 			},
-			className: (0, Ye.default)({
+			className: Je({
 				correct: g,
 				incorrect: _
 			})
@@ -833,53 +848,53 @@ var Se = xe(), Ce = (0, re.default)("@pie-lib:mask-markup:serialization"), we =
 });
 //#endregion
 //#region src/delivery/main.tsx
-function J(e) {
+function Y(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function Y(e, t) {
-	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
+function X(e, t) {
+	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
 }
-var Qe = Y(y, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(v, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), $e = Y(f, "Collapsible") || Y(Q.Collapsible, "Collapsible"), et = p, Z = et.default, Q = Z && typeof Z == "object" ? Z : et, { translator: tt } = b, nt = a(Qe)(({ alwaysShowCorrect: e }) => ({
-	color: i.text(),
-	backgroundColor: i.background(),
-	...e && { "& *": { borderColor: `${i.text()} !important` } }
-})), rt = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), $ = a("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), it = a("h2")({
+var Ze = X(o, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(u, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), Qe = X(c, "Collapsible") || X($.Collapsible, "Collapsible"), $e = g, Q = $e.default, $ = Q && typeof Q == "object" ? Q : $e, { translator: et } = y, tt = _(Ze)(({ alwaysShowCorrect: e }) => ({
+	color: l.text(),
+	backgroundColor: l.background(),
+	...e && { "& *": { borderColor: `${l.text()} !important` } }
+})), nt = _("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), rt = _("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), it = _("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), at = class extends x.Component {
+}), at = class extends b.Component {
 	static propTypes = {
-		alwaysShowCorrect: T.default.bool,
-		animationsDisabled: T.default.bool,
-		disabled: T.default.bool,
-		displayType: T.default.string,
-		feedback: T.default.object,
-		language: T.default.string,
-		markup: T.default.string,
-		maxLengthPerChoice: T.default.array,
-		maxLengthPerChoiceEnabled: T.default.bool,
-		mode: T.default.string,
-		note: T.default.string,
-		onChange: T.default.func,
-		playerSpellCheckEnabled: T.default.bool,
-		prompt: T.default.string,
-		rationale: T.default.string,
-		role: T.default.string,
-		showNote: T.default.bool,
-		teacherInstructions: T.default.string,
-		value: T.default.object,
-		responseAreaInputConfiguration: T.default.object,
-		model: T.default.object.isRequired
+		alwaysShowCorrect: w.default.bool,
+		animationsDisabled: w.default.bool,
+		disabled: w.default.bool,
+		displayType: w.default.string,
+		feedback: w.default.object,
+		language: w.default.string,
+		markup: w.default.string,
+		maxLengthPerChoice: w.default.array,
+		maxLengthPerChoiceEnabled: w.default.bool,
+		mode: w.default.string,
+		note: w.default.string,
+		onChange: w.default.func,
+		playerSpellCheckEnabled: w.default.bool,
+		prompt: w.default.string,
+		rationale: w.default.string,
+		role: w.default.string,
+		showNote: w.default.bool,
+		teacherInstructions: w.default.string,
+		value: w.default.object,
+		responseAreaInputConfiguration: w.default.object,
+		model: w.default.object.isRequired
 	};
 	static defaultProps = { value: {} };
 	state = { showCorrectAnswer: this.props.alwaysShowCorrect || !1 };
-	getChangeSession = (e) => e && e.every((e, t, n) => e === n[0] && e === 1) ? this.props.onChange : m(this.props.onChange, 200, { maxWait: 200 });
+	getChangeSession = (e) => e && e.every((e, t, n) => e === n[0] && e === 1) ? this.props.onChange : n(this.props.onChange, 200, { maxWait: 200 });
 	UNSAFE_componentWillReceiveProps(e) {
-		let { maxLengthPerChoice: t, language: r } = this.props, { note: i } = this.props;
-		n(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), t && !c(t, e.maxLengthPerChoice) && (this.changeSession = this.getChangeSession(e.maxLengthPerChoice)), i && r && r !== e.language && i === tt.t("common:commonCorrectAnswerWithAlternates", { lng: r }) && (i = tt.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
+		let { maxLengthPerChoice: t, language: n } = this.props, { note: a } = this.props;
+		i(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), t && !r(t, e.maxLengthPerChoice) && (this.changeSession = this.getChangeSession(e.maxLengthPerChoice)), a && n && n !== e.language && a === et.t("common:commonCorrectAnswerWithAlternates", { lng: n }) && (a = et.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
 	}
 	toggleShowCorrect = () => {
 		this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
@@ -889,42 +904,42 @@ var Qe = Y(y, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(v, "PreviewPrompt"
 		this.changeSession(e);
 	};
 	render() {
-		let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: r, displayType: i, role: a, language: o, maxLengthPerChoice: s, maxLengthPerChoiceEnabled: c, note: l, playerSpellCheckEnabled: f, prompt: p, rationale: m, showNote: h, teacherInstructions: g, responseAreaInputConfiguration: _, model: v, value: y } = this.props, { extraCSSRules: b } = v || {}, x = (e || r === "view" && a === "instructor") && h && l, S = /* @__PURE__ */ C(X, {
+		let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: r, displayType: i, role: a, language: o, maxLengthPerChoice: s, maxLengthPerChoiceEnabled: c, note: l, playerSpellCheckEnabled: u, prompt: d, rationale: f, showNote: m, teacherInstructions: g, responseAreaInputConfiguration: _, model: v, value: y } = this.props, { extraCSSRules: b } = v || {}, x = (e || r === "view" && a === "instructor") && m && l, w = /* @__PURE__ */ S(Z, {
 			defaultClassName: "teacher-instructions",
 			prompt: g
-		}), T = /* @__PURE__ */ C(X, { prompt: m }), E = m && (u(m) || d(m)), D = g && (u(g) || d(g));
-		return /* @__PURE__ */ w(nt, {
+		}), T = /* @__PURE__ */ S(Z, { prompt: f }), E = f && (p(f) || h(f)), D = g && (p(g) || h(g));
+		return /* @__PURE__ */ C(tt, {
 			extraCSSRules: b,
 			alwaysShowCorrect: t,
 			style: { display: `${i}` },
 			children: [
-				r === "gather" && /* @__PURE__ */ C(it, { children: "Fill in the Blank Question" }),
-				D && /* @__PURE__ */ C($, { children: n ? S : /* @__PURE__ */ C($e, {
+				r === "gather" && /* @__PURE__ */ S(it, { children: "Fill in the Blank Question" }),
+				D && /* @__PURE__ */ S(rt, { children: n ? w : /* @__PURE__ */ S(Qe, {
 					labels: {
 						hidden: "Show Teacher Instructions",
 						visible: "Hide Teacher Instructions"
 					},
-					children: S
+					children: w
 				}) }),
-				p && /* @__PURE__ */ C(X, { prompt: p }),
-				!t && r === "evaluate" && /* @__PURE__ */ C(pe, {
+				d && /* @__PURE__ */ S(Z, { prompt: d }),
+				!t && r === "evaluate" && /* @__PURE__ */ S(de, {
 					show: !0,
 					toggled: e,
 					onToggle: this.toggleShowCorrect,
 					language: o
 				}),
-				/* @__PURE__ */ C(Ze, {
+				/* @__PURE__ */ S(Xe, {
 					...this.props,
 					onChange: this.onChange,
 					showCorrectAnswer: e,
 					value: y,
 					maxLength: s,
 					adjustedLimit: c,
-					spellCheck: f,
+					spellCheck: u,
 					pluginProps: _
 				}),
-				x && /* @__PURE__ */ C(rt, { dangerouslySetInnerHTML: { __html: l } }),
-				E && /* @__PURE__ */ C($, { children: n ? T : /* @__PURE__ */ C($e, {
+				x && /* @__PURE__ */ S(nt, { dangerouslySetInnerHTML: { __html: l } }),
+				E && /* @__PURE__ */ S(rt, { children: n ? T : /* @__PURE__ */ S(Qe, {
 					labels: {
 						hidden: "Show Rationale",
 						visible: "Hide Rationale"
@@ -938,4 +953,4 @@ var Qe = Y(y, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(v, "PreviewPrompt"
 //#endregion
 export { at as t };
 
-//# sourceMappingURL=main-V_e6PRBN.js.map
+//# sourceMappingURL=main-DfIrflzI.js.map