@pie-element/math-inline 12.1.1-next.0 → 12.1.1-next.12

package/dist/browser/{main-CohR01RN.js → main-BDByYWlm.js}

@@ -1,11 +1,11 @@
 import { a as e, t, y as n } from "./dist-BJ5Sm1Fi.js";
-import { C as r, L as i, M as a, Ot as o, R as s, S as c, T as l, _ as u, dt as d, f, ft as p, h as ee, m, mt as h, n as g, p as _, u as te, ut as v, v as y, w as b } from "./dist-DguK2kIS.js";
+import { C as r, L as i, M as a, Ot as o, S as s, T as c, _ as l, dt as u, f as d, ft as f, h as ee, m as p, mt as m, n as h, p as g, u as te, ut as _, v, w as y, z as b } from "./dist-OamHPwLm.js";
 import { t as x } from "./dist-D9ARZhQk.js";
 import S, { useRef as C } from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import ne from "react-dom";
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 300ms", O = h("div")(() => ({
+var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 300ms", O = m("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -41,7 +41,7 @@ var E = /* @__PURE__ */ n(o(), 1), D = "height ease-in 300ms, opacity ease-in 30
 	}
 })), k = (e) => {
 	let { show: t, children: n, className: r } = e, i = C(null);
-	return /* @__PURE__ */ w(p, {
+	return /* @__PURE__ */ w(f, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -138,7 +138,7 @@ j.propTypes = {
 	fgFill: E.default.string.isRequired,
 	borderFill: E.default.string.isRequired
 };
-var M = h("div")(({ size: e }) => ({
+var M = m("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), N = ({ open: e, size: t }) => /* @__PURE__ */ w(M, {
@@ -164,29 +164,29 @@ function P(e) {
 function F(e, t) {
 	return !e || P(e) ? e : P(e.default) ? e.default : t && P(e[t]) ? e[t] : t && P(e[t]?.default) ? e[t].default : e;
 }
-var I = F(b, "Readable") || F(z.Readable, "Readable"), L = y, R = L.default, z = R && typeof R == "object" ? R : L, { translator: B } = x, V = {
+var I = F(y, "Readable") || F(z.Readable, "Readable"), L = v, R = L.default, z = R && typeof R == "object" ? R : L, { translator: B } = x, V = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, re = h("div")(() => ({
+}, re = m("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), H = h("div")(() => ({
+})), H = m("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), U = h("div")(() => ({
+})), U = m("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${d.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${u.text()})`,
 	fontWeight: "normal",
 	...V
-})), W = h("div")(() => ({
+})), W = m("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -199,7 +199,7 @@ var I = F(b, "Readable") || F(z.Readable, "Readable"), L = y, R = L.default, z =
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), G = h("div")(() => ({
+})), G = m("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -249,7 +249,7 @@ var I = F(b, "Readable") || F(z.Readable, "Readable"), L = y, R = L.default, z =
 				children: /* @__PURE__ */ T(H, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(p, {
+					children: [/* @__PURE__ */ T(G, { children: [/* @__PURE__ */ w(f, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -264,7 +264,7 @@ var I = F(b, "Readable") || F(z.Readable, "Readable"), L = y, R = L.default, z =
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ w(N, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ w(p, {
+					}), /* @__PURE__ */ w(f, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -293,14 +293,14 @@ var I = F(b, "Readable") || F(z.Readable, "Readable"), L = y, R = L.default, z =
 }, ae = {
 	advanced: "Advanced Multi",
 	simple: "Simple"
-}, oe = h("div")(({ theme: e }) => ({
+}, oe = m("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	padding: e.spacing(1)
-})), se = h("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
-	color: d.text(),
-	background: d.background(),
-	border: t ? `2px solid ${d.correct()} !important` : n ? `2px solid ${d.incorrect()} !important` : `1px solid ${d.primaryLight()}`,
+})), se = m("div", { shouldForwardProp: (e) => !["isCorrect", "isIncorrect"].includes(e) })(({ theme: e, isCorrect: t, isIncorrect: n }) => ({
+	color: u.text(),
+	background: u.background(),
+	border: t ? `2px solid ${u.correct()} !important` : n ? `2px solid ${u.incorrect()} !important` : `1px solid ${u.primaryLight()}`,
 	width: "fit-content",
 	fontSize: "1rem",
 	padding: t || n ? e.spacing(1) : e.spacing(.5),
@@ -322,7 +322,7 @@ if (typeof document < "u") {
         padding: 8px;
       }
       .response-editor.mq-math-mode {
-        border: 1px solid ${d.primaryLight()};
+        border: 1px solid ${u.primaryLight()};
       }
     `, document.head.appendChild(t);
 	}
@@ -359,10 +359,10 @@ var ce = class extends S.Component {
 			children: t || s ? /* @__PURE__ */ w(se, {
 				isIncorrect: !r && !l && !t,
 				isCorrect: !r && (l || t),
-				children: /* @__PURE__ */ w(m.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
+				children: /* @__PURE__ */ w(p.Static, { latex: t ? u && u.length && u[0].answer : n.response || "" })
 			}) : /* @__PURE__ */ w("div", {
 				id: this.mathToolBarId,
-				children: /* @__PURE__ */ w(g, {
+				children: /* @__PURE__ */ w(h, {
 					classNames: { editor: "response-editor" },
 					latex: n.response,
 					keypadMode: d,
@@ -385,7 +385,7 @@ 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 le = q(a, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(l, "PreviewPrompt") || q(X.PreviewPrompt, "PreviewPrompt"), ue = q(b, "Readable") || q(X.Readable, "Readable"), de = q(i, "Collapsible") || q(X.Collapsible, "Collapsible"), fe = q(v, "Feedback") || q(X.Feedback, "Feedback"), pe = y, Y = pe.default, X = Y && typeof Y == "object" ? Y : pe, { translator: Z } = x, me = !1, he = /\\newline/g, Q = /{{response}}/gm, ge = 6, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var le = q(a, "UiLayout") || q(X.UiLayout, "UiLayout"), J = q(c, "PreviewPrompt") || q(X.PreviewPrompt, "PreviewPrompt"), ue = q(y, "Readable") || q(X.Readable, "Readable"), de = q(i, "Collapsible") || q(X.Collapsible, "Collapsible"), fe = q(_, "Feedback") || q(X.Feedback, "Feedback"), pe = v, Y = pe.default, X = Y && typeof Y == "object" ? Y : pe, { translator: Z } = x, me = !1, he = /\\newline/g, Q = /{{response}}/gm, ge = 6, _e = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 function ve(e = []) {
 	return e.map((e) => ({
 		name: e,
@@ -451,7 +451,7 @@ var Ce = class extends S.Component {
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (me ||= (_("answerBlock", (e) => {
+		typeof window < "u" && (me ||= (g("answerBlock", (e) => {
 			let t = we();
 			return {
 				htmlString: `<div class="${t.blockContainer}">
@@ -471,9 +471,9 @@ var Ce = class extends S.Component {
 			let n = this.root.querySelector(`#${t}`), i = this.root.querySelector(`#${t}Index`);
 			if (n) {
 				let a = r[t];
-				f(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				d(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
 			}
-		}), s(this.root);
+		}), b(this.root);
 	};
 	countResponseOccurrences(e) {
 		let t = e?.match(/\{\{response\}\}/g);
@@ -503,7 +503,7 @@ var Ce = class extends S.Component {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => s(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), this.updateAria(), setTimeout(() => b(this.root), 100);
 	}
 	componentDidUpdate(e, t) {
 		this.handleAnswerBlockDomUpdate(), e.model?.config?.responseType !== this.props.model?.config?.responseType && this.updateAria();
@@ -581,7 +581,7 @@ var Ce = class extends S.Component {
 		this.setState({ showCorrect: e }, this.handleAnswerBlockDomUpdate);
 	};
 	subFieldChanged = (e, t) => {
-		if (u(), e) {
+		if (l(), e) {
 			let n = window.scrollX, r = window.scrollY;
 			this.setState((n) => ({ session: {
 				...n.session,
@@ -628,9 +628,9 @@ var Ce = class extends S.Component {
 		}, 1);
 	}
 	render() {
-		let { model: t } = this.props, { activeAnswerBlock: n, showCorrect: i, session: a, tooltipContainerRef: o } = this.state, { config: s, correctness: l, disabled: u, extraCSSRules: f, view: p, teacherInstructions: h, rationale: g, feedback: _, animationsDisabled: v, printMode: y, alwaysShowCorrect: b, language: x } = t || {};
-		if (!s) return null;
-		let { showNote: S, note: C, prompt: E, responses: D, responseType: O, equationEditor: k, customKeys: A, id: j, env: { mode: M, role: N } = {} } = s || {}, P = (i || M === "view" && N === "instructor") && S && C, F = e(D), I = !F && l && l.correctness !== "correct", L = u && l, R = ve(A), z = l && l.correct, B = xe(t, this.state) || "", V = u && !l, re = y && !b, H = g && (r(g) || c(g)), U = h && (r(h) || c(h)), W = /* @__PURE__ */ w(Ne, { children: /* @__PURE__ */ w(m.Static, {
+		let { model: t } = this.props, { activeAnswerBlock: n, showCorrect: i, session: a, tooltipContainerRef: o } = this.state, { config: c, correctness: l, disabled: d, extraCSSRules: f, view: m, teacherInstructions: h, rationale: g, feedback: _, animationsDisabled: v, printMode: y, alwaysShowCorrect: b, language: x } = t || {};
+		if (!c) return null;
+		let { showNote: S, note: C, prompt: E, responses: D, responseType: O, equationEditor: k, customKeys: A, id: j, env: { mode: M, role: N } = {} } = c || {}, P = (i || M === "view" && N === "instructor") && S && C, F = e(D), I = !F && l && l.correctness !== "correct", L = d && l, R = ve(A), z = l && l.correct, B = xe(t, this.state) || "", V = d && !l, re = y && !b, H = g && (r(g) || s(g)), U = h && (r(h) || s(h)), W = /* @__PURE__ */ w(Ne, { children: /* @__PURE__ */ w(p.Static, {
 			className: "static-math",
 			ref: (e) => {
 				e && (this.mqStatic = e);
@@ -667,7 +667,7 @@ var Ce = class extends S.Component {
 						ref: o,
 						isIncorrect: !F && !z && !i,
 						isCorrect: !F && (z || i),
-						showCorrectness: !F && u && l && !p,
+						showCorrectness: !F && d && l && !m,
 						correctAnswerShown: i,
 						printCorrect: y && b,
 						children: /* @__PURE__ */ w(te, {
@@ -720,7 +720,7 @@ var Ce = class extends S.Component {
 									boxShadow: "none"
 								} }
 							},
-							title: Object.keys(a.answers).map((e) => e === n && !(i || u) && /* @__PURE__ */ w(Ae, {
+							title: Object.keys(a.answers).map((e) => e === n && !(i || d) && /* @__PURE__ */ w(Ae, {
 								"data-keypad": !0,
 								style: { width: be(R, k) },
 								children: /* @__PURE__ */ w(ee, {
@@ -729,7 +729,7 @@ var Ce = class extends S.Component {
 									onClick: this.onClick
 								})
 							}, e) || null),
-							children: /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(m.Static, {
+							children: /* @__PURE__ */ w("div", { children: /* @__PURE__ */ w(p.Static, {
 								className: "static-math",
 								ref: (e) => {
 									e && (this.mqStatic = e);
@@ -766,10 +766,10 @@ var Ce = class extends S.Component {
 				placement: "bottom-start",
 				slotProps: {
 					tooltip: { sx: (e) => ({
-						background: `${d.primaryLight()} !important`,
-						color: d.text(),
+						background: `${u.primaryLight()} !important`,
+						color: u.text(),
 						padding: e.spacing(2),
-						border: `1px solid ${d.secondary()}`,
+						border: `1px solid ${u.secondary()}`,
 						fontSize: "16px",
 						"& :not(.MathJax) > table tr": { "&:nth-child(2n)": { backgroundColor: "unset !important" } }
 					}) },
@@ -855,8 +855,8 @@ if (typeof document < "u") {
         flex-basis: auto;
       }
       .block-math {
-        color: ${d.text()};
-        background-color: ${d.background()};
+        color: ${u.text()};
+        background-color: ${u.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -875,32 +875,32 @@ if (typeof document < "u") {
         overflow: hidden;
       }
       .static-math > .mq-root-block > .mq-editable-field {
-        border-color: ${d.text()};
+        border-color: ${u.text()};
       }
     `, document.head.appendChild(t);
 	}
 }
-var Te = h(le)(() => ({
-	color: d.text(),
-	backgroundColor: d.background(),
+var Te = m(le)(() => ({
+	color: u.text(),
+	backgroundColor: u.background(),
 	display: "inline-block"
-})), Ee = h(te)({}), De = h("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = h("div")({
+})), Ee = m(te)({}), De = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Oe = m("div")({
 	width: "100%",
 	position: "relative",
-	backgroundColor: d.background(),
-	color: d.text()
-}), ke = h("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = h(de)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = h("div")(({ theme: e }) => ({
+	backgroundColor: u.background(),
+	color: u.text()
+}), ke = m("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), $ = m(de)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Ae = m("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), je = h("div", { shouldForwardProp: (e) => ![
+})), je = m("div", { shouldForwardProp: (e) => ![
 	"isIncorrect",
 	"isCorrect",
 	"showCorrectness",
 	"correctAnswerShown",
 	"printCorrect"
 ].includes(e) })(({ theme: e, isIncorrect: t, isCorrect: n, showCorrectness: r, correctAnswerShown: i, printCorrect: a }) => {
-	let o = t ? d.incorrect() : n ? d.correct() : void 0;
+	let o = t ? u.incorrect() : n ? u.correct() : void 0;
 	return {
 		maxWidth: "fit-content",
 		padding: e.spacing(.25),
@@ -910,7 +910,7 @@ var Te = h(le)(() => ({
 			padding: e.spacing(1),
 			letterSpacing: "0.5px"
 		},
-		...a && { border: `2px solid ${d.correct()} !important` },
+		...a && { border: `2px solid ${u.correct()} !important` },
 		"& .mq-math-mode": {
 			"& .mq-root-block": {
 				paddingRight: "0 !important",
@@ -923,7 +923,7 @@ var Te = h(le)(() => ({
 			"& sup": { top: 0 }
 		}
 	};
-}), Me = h("div")({
+}), Me = m("div")({
 	position: "relative",
 	"& .mq-overarrow-inner": {
 		border: "none !important",
@@ -953,21 +953,21 @@ var Te = h(le)(() => ({
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), Ne = h("div")(({ theme: e }) => ({
+}), Ne = m("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), Pe = h("h2")({
+})), Pe = m("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), Fe = h(ie)(({ theme: e }) => ({
-	color: d.text(),
+}), Fe = m(ie)(({ theme: e }) => ({
+	color: u.text(),
 	marginBottom: e.spacing(2)
 }));
 //#endregion
 export { Ce as t };
 
-//# sourceMappingURL=main-CohR01RN.js.map
+//# sourceMappingURL=main-BDByYWlm.js.map