@pie-element/math-templated 7.1.1-next.31 → 7.1.1-next.33

package/dist/browser/editor-runtime/{main-Bq72a7tn.js → main-DkYEHel_.js}

@@ -1,5 +1,5 @@
 import { g as e, n as t, o as n, t as r, w as i } from "./browser-CCIOWBDT.js";
-import { G as a, J as o, K as s, Nt as c, W as l, _ as u, b as d, c as f, it as p, k as m, l as h, n as g, o as _, q as v, s as y, t as b, ut as x, y as S } from "./horizontal-keypad-CiYZhAxh.js";
+import { G as a, J as o, K as s, Nt as c, W as l, _ as u, c as d, it as f, k as p, l as m, n as h, o as g, q as _, s as v, t as y, ut as b, x, y as S } from "./horizontal-keypad-BO3mMm2x.js";
 import { t as C } from "./dist-DCmVXYeO.js";
 import w, { useRef as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -76,7 +76,7 @@ ne.propTypes = {
 	fgFill: O.default.string.isRequired,
 	borderFill: O.default.string.isRequired
 };
-var re = x("div")(({ size: e }) => ({
+var re = b("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), k = ({ open: e, size: t }) => /* @__PURE__ */ E(re, {
@@ -469,10 +469,10 @@ var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve =
 			nodes: t
 		}
 	};
-}, Ne = x("div")(({ theme: e }) => ({
+}, Ne = b("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), V = x("span")(() => ({
+})), V = b("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
 })), Pe = ["tbody", "tr"], Fe = (e, t) => {
@@ -516,7 +516,7 @@ var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve =
 			}
 		}
 	}), o;
-}, Le = x("div")(() => ({
+}, Le = b("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
@@ -537,7 +537,7 @@ var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve =
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof d == "function" && d(e.current);
+		e.current && typeof x == "function" && x(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -591,7 +591,7 @@ var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve =
 })("input", (e) => (t, n, r) => {
 	let i = t.data && t.data.dataset || {};
 	if (i.component === "input") return e.customMarkMarkupComponent(i.id);
-}), U = "height ease-in 300ms, opacity ease-in 300ms", Ve = x("div")(() => ({
+}), U = "height ease-in 300ms, opacity ease-in 300ms", Ve = b("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -627,7 +627,7 @@ var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve =
 	}
 })), He = (e) => {
 	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(p, {
+	return /* @__PURE__ */ E(f, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -659,29 +659,29 @@ function W(e) {
 function Ue(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 We = Ue(f, "Readable") || Ue(Ke.Readable, "Readable"), Ge = g, G = Ge.default, Ke = G && typeof G == "object" ? G : Ge, { translator: K } = C, qe = {
+var We = Ue(d, "Readable") || Ue(Ke.Readable, "Readable"), Ge = h, G = Ge.default, Ke = G && typeof G == "object" ? G : Ge, { translator: K } = C, qe = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, Je = x("div")(() => ({
+}, Je = b("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Ye = x("div")(() => ({
+})), Ye = b("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Xe = x("div")(() => ({
+})), Xe = b("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${m.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${p.text()})`,
 	fontWeight: "normal",
 	...qe
-})), Ze = x("div")(() => ({
+})), Ze = b("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -694,7 +694,7 @@ var We = Ue(f, "Readable") || Ue(Ke.Readable, "Readable"), Ge = g, G = Ge.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), Qe = x("div")(() => ({
+})), Qe = b("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -744,7 +744,7 @@ var We = Ue(f, "Readable") || Ue(Ke.Readable, "Readable"), Ge = g, G = Ge.defaul
 				children: /* @__PURE__ */ D(Ye, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D(Qe, { children: [/* @__PURE__ */ E(p, {
+					children: [/* @__PURE__ */ D(Qe, { children: [/* @__PURE__ */ E(f, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -759,7 +759,7 @@ var We = Ue(f, "Readable") || Ue(Ke.Readable, "Readable"), Ge = g, G = Ge.defaul
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ E(k, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ E(p, {
+					}), /* @__PURE__ */ E(f, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -794,16 +794,16 @@ function q(e) {
 function J(e, t) {
 	return !e || q(e) ? e : q(e.default) ? e.default : t && q(e[t]) ? e[t] : t && q(e[t]?.default) ? e[t].default : e;
 }
-var et = J(u, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(h, "PreviewPrompt") || J(Z.PreviewPrompt, "PreviewPrompt"), tt = J(f, "Readable") || J(Z.Readable, "Readable"), nt = J(S, "Collapsible") || J(Z.Collapsible, "Collapsible"), rt = g, X = rt.default, Z = X && typeof X == "object" ? X : rt, it = x(et)({
-	color: m.text(),
-	backgroundColor: m.background(),
+var et = J(u, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(m, "PreviewPrompt") || J(Z.PreviewPrompt, "PreviewPrompt"), tt = J(d, "Readable") || J(Z.Readable, "Readable"), nt = J(S, "Collapsible") || J(Z.Collapsible, "Collapsible"), rt = h, X = rt.default, Z = X && typeof X == "object" ? X : rt, it = b(et)({
+	color: p.text(),
+	backgroundColor: p.background(),
 	display: "inline-block"
-}), Q = x("div")({
+}), Q = b("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: m.background(),
-	color: m.text()
-}), at = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = x("div")({
+	backgroundColor: p.background(),
+	color: p.text()
+}), at = b("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = b("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = b("div")({
 	position: "relative",
 	"& > div > div": {
 		display: "flex",
@@ -838,10 +838,10 @@ var et = J(u, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(h, "PreviewPrompt"
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), ct = x("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
+}), ct = b("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
 	maxWidth: "fit-content",
-	...t && { borderColor: `${m.incorrect()} !important` },
-	...n && { borderColor: `${m.correct()} !important` },
+	...t && { borderColor: `${p.incorrect()} !important` },
+	...n && { borderColor: `${p.correct()} !important` },
 	...r && { border: "2px solid" },
 	...i && {
 		padding: e.spacing(1),
@@ -854,22 +854,22 @@ var et = J(u, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(h, "PreviewPrompt"
 		} },
 		"& sup": { top: 0 }
 	}
-})), lt = x(l.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: m.text() } } }), ut = x("div")(({ theme: e }) => ({
+})), lt = b(l.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: p.text() } } }), ut = b("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), dt = x("div")(({ theme: e }) => ({
+})), dt = b("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), ft = x("h2")({
+})), ft = b("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), pt = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = x($e)(({ theme: e }) => ({
-	color: m.text(),
+}), pt = b("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = b($e)(({ theme: e }) => ({
+	color: p.text(),
 	marginBottom: e.spacing(2)
 }));
 if (typeof document < "u") {
@@ -894,8 +894,8 @@ if (typeof document < "u") {
         border-right: 2px solid #bdbdbd !important;
       }
       .block-math {
-        color: ${m.text()};
-        background-color: ${m.background()};
+        color: ${p.text()};
+        background-color: ${p.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -906,10 +906,10 @@ if (typeof document < "u") {
         display: none;
       }
       .correct {
-        border-color: ${m.correct()} !important;
+        border-color: ${p.correct()} !important;
       }
       .incorrect {
-        border-color: ${m.incorrect()} !important;
+        border-color: ${p.incorrect()} !important;
       }
     `, document.head.appendChild(t);
 	}
@@ -1006,7 +1006,7 @@ var Ct = {
 				let o = r[t];
 				a(n, o && o.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), d(this.root);
+		}), x(this.root);
 	};
 	UNSAFE_componentWillReceiveProps(n) {
 		let { model: r } = this.props, { model: i = {} } = n || {}, { markup: a = "", env: o = {} } = r || {}, { markup: s = "", env: c = {}, alwaysShowCorrect: l = !1 } = i, u = (e) => e && e.mode === "evaluate";
@@ -1033,7 +1033,7 @@ var Ct = {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), setTimeout(() => d(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), setTimeout(() => x(this.root), 100);
 	}
 	componentDidUpdate() {
 		this.handleAnswerBlockDomUpdate();
@@ -1096,7 +1096,7 @@ var Ct = {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		v(), e && this.setState((n) => ({ session: {
+		_(), e && this.setState((n) => ({ session: {
 			...n.session,
 			answers: {
 				...n.session.answers,
@@ -1135,7 +1135,7 @@ var Ct = {
 		}, 1);
 	}
 	renderTeacherInstructions = () => {
-		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (y(t) || _(t)), i = /* @__PURE__ */ E(Y, {
+		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (v(t) || g(t)), i = /* @__PURE__ */ E(Y, {
 			defaultClassName: "teacher-instructions",
 			prompt: t
 		});
@@ -1149,7 +1149,7 @@ var Ct = {
 	};
 	renderRationale = () => {
 		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ E(Y, { prompt: t });
-		return t && (y(t) || _(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(nt, {
+		return t && (v(t) || g(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(nt, {
 			labels: {
 				hidden: "Show Rationale",
 				visible: "Hide Rationale"
@@ -1158,7 +1158,7 @@ var Ct = {
 		}) });
 	};
 	renderPlayerContent = () => {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: r, session: i, tooltipContainerRef: a } = this.state, { correctness: s, disabled: c, view: l, responses: u, equationEditor: d, customKeys: f, feedback: p, env: { mode: m } = {}, printMode: h, alwaysShowCorrect: g } = e || {}, _ = n(u), v = yt(f), y = St(e, this.state) || "", x = h && !g;
+		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: r, session: i, tooltipContainerRef: a } = this.state, { correctness: s, disabled: c, view: l, responses: u, equationEditor: d, customKeys: f, feedback: p, env: { mode: m } = {}, printMode: h, alwaysShowCorrect: g } = e || {}, _ = n(u), v = yt(f), b = St(e, this.state) || "", x = h && !g;
 		return /* @__PURE__ */ E(st, { children: /* @__PURE__ */ E(Be, {
 			disabled: c,
 			markup: e.markup,
@@ -1168,7 +1168,7 @@ var Ct = {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
-					latex: y[e],
+					latex: b[e],
 					onSubFieldChange: this.subFieldChanged,
 					getFieldName: this.getFieldName,
 					setInput: this.setInput,
@@ -1221,7 +1221,7 @@ var Ct = {
 						title: Object.keys(i.answers).map((e) => e === t && !(r || c) && /* @__PURE__ */ E(ut, {
 							"data-keypad": !0,
 							style: { width: bt(v, d) },
-							children: /* @__PURE__ */ E(b, {
+							children: /* @__PURE__ */ E(y, {
 								additionalKeys: v,
 								mode: d || gt,
 								onClick: this.onClick
@@ -1267,4 +1267,4 @@ var Ct = {
 //#endregion
 export { wt as t };
 
-//# sourceMappingURL=main-Bq72a7tn.js.map
+//# sourceMappingURL=main-DkYEHel_.js.map