@pie-element/math-templated 7.1.1-next.0 → 7.1.1-next.12

package/dist/browser/{main-DjRQVdyL.js → main-I_wWeaur.js}

@@ -1,5 +1,5 @@
 import { C as e, g as t, n, o as r, t as i } from "./browser-DJA4OL8j.js";
-import { At as a, C as o, J as s, M as c, S as l, a as u, b as d, d as f, f as p, ft as m, i as h, it as g, l as _, n as v, q as y, r as b, t as x, u as S } from "./dist-CGHr_3dl.js";
+import { At as a, J as o, M as s, S as c, a as l, b as u, d, f, ft as p, i as m, it as h, l as g, n as _, q as v, r as y, t as b, u as x, w as S } from "./dist-Csid0rBE.js";
 import { t as C } from "./dist-D9ARZhQk.js";
 import w, { useRef as T } from "react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -76,7 +76,7 @@ k.propTypes = {
 	fgFill: O.default.string.isRequired,
 	borderFill: O.default.string.isRequired
 };
-var ne = m("div")(({ size: e }) => ({
+var ne = p("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), A = ({ open: e, size: t }) => /* @__PURE__ */ E(ne, {
@@ -469,10 +469,10 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			nodes: t
 		}
 	};
-}, Me = m("div")(({ theme: e }) => ({
+}, Me = p("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), H = m("span")(() => ({
+})), H = p("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
 })), Ne = ["tbody", "tr"], Pe = (e, t) => {
@@ -520,7 +520,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			}
 		}
 	}), o;
-}, Ie = m("div")(() => ({
+}, Ie = p("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
@@ -541,7 +541,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 	};
 	componentDidMount() {
 		let e = this.props.containerRef || this.internalContainerRef;
-		e.current && typeof o == "function" && o(e.current);
+		e.current && typeof S == "function" && S(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -595,7 +595,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 })("input", (e) => (t, n, r) => {
 	let i = t.data && t.data.dataset || {};
 	if (i.component === "input") return e.customMarkMarkupComponent(i.id);
-}), W = "height ease-in 300ms, opacity ease-in 300ms", Be = m("div")(() => ({
+}), W = "height ease-in 300ms, opacity ease-in 300ms", Be = p("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -631,7 +631,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 	}
 })), Ve = (e) => {
 	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(g, {
+	return /* @__PURE__ */ E(h, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -663,29 +663,29 @@ function G(e) {
 function He(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 Ue = He(f, "Readable") || He(Ge.Readable, "Readable"), We = u, K = We.default, Ge = K && typeof K == "object" ? K : We, { translator: q } = C, Ke = {
+var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.default, Ge = K && typeof K == "object" ? K : We, { translator: q } = C, Ke = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, qe = m("div")(() => ({
+}, qe = p("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Je = m("div")(() => ({
+})), Je = p("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Ye = m("div")(() => ({
+})), Ye = p("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${c.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
 	fontWeight: "normal",
 	...Ke
-})), Xe = m("div")(() => ({
+})), Xe = p("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -698,7 +698,7 @@ var Ue = He(f, "Readable") || He(Ge.Readable, "Readable"), We = u, K = We.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), Ze = m("div")(() => ({
+})), Ze = p("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -748,7 +748,7 @@ var Ue = He(f, "Readable") || He(Ge.Readable, "Readable"), We = u, K = We.defaul
 				children: /* @__PURE__ */ D(Je, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D(Ze, { children: [/* @__PURE__ */ E(g, {
+					children: [/* @__PURE__ */ D(Ze, { children: [/* @__PURE__ */ E(h, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -763,7 +763,7 @@ var Ue = He(f, "Readable") || He(Ge.Readable, "Readable"), We = u, K = We.defaul
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ E(A, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ E(g, {
+					}), /* @__PURE__ */ E(h, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -798,16 +798,16 @@ function J(e) {
 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;
 }
-var $e = Y(d, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(p, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), et = Y(f, "Readable") || Y(Q.Readable, "Readable"), tt = Y(l, "Collapsible") || Y(Q.Collapsible, "Collapsible"), nt = u, Z = nt.default, Q = Z && typeof Z == "object" ? Z : nt, rt = m($e)({
-	color: c.text(),
-	backgroundColor: c.background(),
+var $e = Y(u, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(f, "PreviewPrompt") || Y(Q.PreviewPrompt, "PreviewPrompt"), et = Y(d, "Readable") || Y(Q.Readable, "Readable"), tt = Y(c, "Collapsible") || Y(Q.Collapsible, "Collapsible"), nt = l, Z = nt.default, Q = Z && typeof Z == "object" ? Z : nt, rt = p($e)({
+	color: s.text(),
+	backgroundColor: s.background(),
 	display: "inline-block"
-}), it = m("div")({
+}), it = p("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: c.background(),
-	color: c.text()
-}), at = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = m("div")({
+	backgroundColor: s.background(),
+	color: s.text()
+}), at = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = p("div")({
 	position: "relative",
 	"& > div > div": {
 		display: "flex",
@@ -842,10 +842,10 @@ var $e = Y(d, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(p, "PreviewPrompt"
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), ct = m("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
+}), ct = p("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
 	maxWidth: "fit-content",
-	...t && { borderColor: `${c.incorrect()} !important` },
-	...n && { borderColor: `${c.correct()} !important` },
+	...t && { borderColor: `${s.incorrect()} !important` },
+	...n && { borderColor: `${s.correct()} !important` },
 	...r && { border: "2px solid" },
 	...i && {
 		padding: e.spacing(1),
@@ -858,22 +858,22 @@ var $e = Y(d, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(p, "PreviewPrompt"
 		} },
 		"& sup": { top: 0 }
 	}
-})), lt = m(b.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: c.text() } } }), ut = m("div")(({ theme: e }) => ({
+})), lt = p(y.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: s.text() } } }), ut = p("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), dt = m("div")(({ theme: e }) => ({
+})), dt = p("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), ft = m("h2")({
+})), ft = p("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), pt = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = m(Qe)(({ theme: e }) => ({
-	color: c.text(),
+}), pt = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = p(Qe)(({ theme: e }) => ({
+	color: s.text(),
 	marginBottom: e.spacing(2)
 }));
 if (typeof document < "u") {
@@ -898,8 +898,8 @@ if (typeof document < "u") {
         border-right: 2px solid #bdbdbd !important;
       }
       .block-math {
-        color: ${c.text()};
-        background-color: ${c.background()};
+        color: ${s.text()};
+        background-color: ${s.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -910,10 +910,10 @@ if (typeof document < "u") {
         display: none;
       }
       .correct {
-        border-color: ${c.correct()} !important;
+        border-color: ${s.correct()} !important;
       }
       .incorrect {
-        border-color: ${c.incorrect()} !important;
+        border-color: ${s.incorrect()} !important;
       }
     `, document.head.appendChild(t);
 	}
@@ -991,7 +991,7 @@ var Ct = {
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (ht ||= (v("answerBlock", (e) => ({
+		typeof window < "u" && (ht ||= (_("answerBlock", (e) => ({
 			htmlString: `<div class="block-container">
               <div class="block-response" id="${e}Index">R</div>
               <div class="block-math">
@@ -1008,9 +1008,9 @@ var Ct = {
 			let n = this.root.querySelector(`#${t}`), i = this.root.querySelector(`#${t}Index`);
 			if (n) {
 				let a = r[t];
-				x(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				b(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), o(this.root);
+		}), S(this.root);
 	};
 	UNSAFE_componentWillReceiveProps(t) {
 		let { model: r } = this.props, { model: i = {} } = t || {}, { markup: a = "", env: o = {} } = r || {}, { markup: s = "", env: c = {}, alwaysShowCorrect: l = !1 } = i, u = (e) => e && e.mode === "evaluate";
@@ -1037,7 +1037,7 @@ var Ct = {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), setTimeout(() => o(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), setTimeout(() => S(this.root), 100);
 	}
 	componentDidUpdate() {
 		this.handleAnswerBlockDomUpdate();
@@ -1100,7 +1100,7 @@ var Ct = {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		y(), e && this.setState((n) => ({ session: {
+		v(), e && this.setState((n) => ({ session: {
 			...n.session,
 			answers: {
 				...n.session.answers,
@@ -1139,7 +1139,7 @@ var Ct = {
 		}, 1);
 	}
 	renderTeacherInstructions = () => {
-		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (S(t) || _(t)), i = /* @__PURE__ */ E(X, {
+		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (x(t) || g(t)), i = /* @__PURE__ */ E(X, {
 			defaultClassName: "teacher-instructions",
 			prompt: t
 		});
@@ -1153,7 +1153,7 @@ var Ct = {
 	};
 	renderRationale = () => {
 		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ E(X, { prompt: t });
-		return t && (S(t) || _(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(tt, {
+		return t && (x(t) || g(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(tt, {
 			labels: {
 				hidden: "Show Rationale",
 				visible: "Hide Rationale"
@@ -1162,13 +1162,13 @@ var Ct = {
 		}) });
 	};
 	renderPlayerContent = () => {
-		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: i, tooltipContainerRef: a } = this.state, { correctness: o, disabled: c, view: l, responses: u, equationEditor: d, customKeys: f, feedback: p, env: { mode: m } = {}, printMode: g, alwaysShowCorrect: _ } = e || {}, v = r(u), y = yt(f), b = St(e, this.state) || "", x = g && !_;
+		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: i, tooltipContainerRef: a } = this.state, { correctness: s, disabled: c, view: l, responses: u, equationEditor: d, customKeys: f, feedback: p, env: { mode: h } = {}, printMode: g, alwaysShowCorrect: _ } = e || {}, v = r(u), y = yt(f), b = St(e, this.state) || "", x = g && !_;
 		return /* @__PURE__ */ E(st, { children: /* @__PURE__ */ E(ze, {
 			disabled: c,
 			markup: e.markup,
 			value: {},
 			customMarkMarkupComponent: (e) => {
-				let r = m === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
+				let r = h === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
@@ -1183,9 +1183,9 @@ var Ct = {
 					ref: a,
 					$incorrect: !v && !r && !n,
 					$correct: !v && (r || n),
-					$showCorrectness: !v && c && o && !l,
+					$showCorrectness: !v && c && s && !l,
 					$correctAnswerShown: n,
-					children: /* @__PURE__ */ E(s, {
+					children: /* @__PURE__ */ E(o, {
 						ref: (e) => this.setTooltipRef(e),
 						enterTouchDelay: 0,
 						interactive: !0,
@@ -1225,7 +1225,7 @@ var Ct = {
 						title: Object.keys(i.answers).map((e) => e === t && !(n || c) && /* @__PURE__ */ E(ut, {
 							"data-keypad": !0,
 							style: { width: bt(y, d) },
-							children: /* @__PURE__ */ E(h, {
+							children: /* @__PURE__ */ E(m, {
 								additionalKeys: y,
 								mode: d || gt,
 								onClick: this.onClick
@@ -1271,4 +1271,4 @@ var Ct = {
 //#endregion
 export { wt as t };
 
-//# sourceMappingURL=main-DjRQVdyL.js.map
+//# sourceMappingURL=main-I_wWeaur.js.map