@pie-element/math-templated 7.1.1-next.45 → 7.1.1-next.46

package/dist/browser/{main-AMGQsaTu.js → main-Bj8Kkc7H.js}

@@ -1,11 +1,11 @@
 import { C as e, g as t, n, o as r, t as i } from "./browser-_ggI30Zt.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-BvWjUfrQ.js";
+import { A as a, G as o, J as s, K as c, Pt as l, Y as u, _ as d, at as f, c as p, dt as m, l as h, n as g, o as _, q as v, s as y, t as b, x, y as S } from "./horizontal-keypad-DTHAIckS.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";
 import ee from "react-dom";
 //#region ../../lib-react/icons/dist/correct-response-icon.js
-var O = /* @__PURE__ */ e(c(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
+var O = /* @__PURE__ */ e(l(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
@@ -76,7 +76,7 @@ ne.propTypes = {
 	fgFill: O.default.string.isRequired,
 	borderFill: O.default.string.isRequired
 };
-var re = x("div")(({ size: e }) => ({
+var re = m("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 = m("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), V = x("span")(() => ({
+})), V = m("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 = m("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 = m("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(p, "Readable") || Ue(Ke.Readable, "Readable"), Ge = g, 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 = m("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Ye = x("div")(() => ({
+})), Ye = m("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Xe = x("div")(() => ({
+})), Xe = m("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, ${a.text()})`,
 	fontWeight: "normal",
 	...qe
-})), Ze = x("div")(() => ({
+})), Ze = m("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 = m("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(d, "UiLayout") || J(Z.UiLayout, "UiLayout"), Y = J(h, "PreviewPrompt") || J(Z.PreviewPrompt, "PreviewPrompt"), tt = J(p, "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 = m(et)({
+	color: a.text(),
+	backgroundColor: a.background(),
 	display: "inline-block"
-}), Q = x("div")({
+}), Q = m("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: a.background(),
+	color: a.text()
+}), at = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ot = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), st = m("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 = m("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: `${a.incorrect()} !important` },
+	...n && { borderColor: `${a.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 = m(o.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: a.text() } } }), ut = m("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), dt = x("div")(({ theme: e }) => ({
+})), dt = m("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), ft = x("h2")({
+})), ft = m("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 = m("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = m($e)(({ theme: e }) => ({
+	color: a.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: ${a.text()};
+        background-color: ${a.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: ${a.correct()} !important;
       }
       .incorrect {
-        border-color: ${m.incorrect()} !important;
+        border-color: ${a.incorrect()} !important;
       }
     `, document.head.appendChild(t);
 	}
@@ -987,7 +987,7 @@ var Ct = {
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (ht ||= (s("answerBlock", (e) => ({
+		typeof window < "u" && (ht ||= (v("answerBlock", (e) => ({
 			htmlString: `<div class="block-container">
               <div class="block-response" id="${e}Index">R</div>
               <div class="block-math">
@@ -1003,10 +1003,10 @@ var Ct = {
 		this.root && e.disabled && !n && Object.keys(r).forEach((t) => {
 			let n = this.root.querySelector(`#${t}`), i = this.root.querySelector(`#${t}Index`);
 			if (n) {
-				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";
+				let a = r[t];
+				c(n, a && a.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(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";
@@ -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: {
+		s(), e && this.setState((n) => ({ session: {
 			...n.session,
 			answers: {
 				...n.session.answers,
@@ -1158,13 +1158,13 @@ var Ct = {
 		}) });
 	};
 	renderPlayerContent = () => {
-		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: m } = {}, printMode: h, alwaysShowCorrect: g } = e || {}, _ = r(u), v = yt(f), y = St(e, this.state) || "", x = h && !g;
+		let { model: e } = this.props, { activeAnswerBlock: t, showCorrect: n, session: i, tooltipContainerRef: a } = this.state, { correctness: o, disabled: s, view: c, responses: l, equationEditor: d, customKeys: f, feedback: p, env: { mode: m } = {}, printMode: h, alwaysShowCorrect: g } = e || {}, _ = r(l), v = yt(f), y = St(e, this.state) || "", x = h && !g;
 		return /* @__PURE__ */ E(st, { children: /* @__PURE__ */ E(Be, {
-			disabled: c,
+			disabled: s,
 			markup: e.markup,
 			value: {},
 			customMarkMarkupComponent: (e) => {
-				let r = m === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
+				let r = m === "evaluate" && p && p[e], l = /* @__PURE__ */ E(lt, {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
@@ -1179,9 +1179,9 @@ var Ct = {
 					ref: a,
 					$incorrect: !_ && !r && !n,
 					$correct: !_ && (r || n),
-					$showCorrectness: !_ && c && s && !l,
+					$showCorrectness: !_ && s && o && !c,
 					$correctAnswerShown: n,
-					children: /* @__PURE__ */ E(o, {
+					children: /* @__PURE__ */ E(u, {
 						ref: (e) => this.setTooltipRef(e),
 						enterTouchDelay: 0,
 						interactive: !0,
@@ -1218,7 +1218,7 @@ var Ct = {
 								boxShadow: "none"
 							} }
 						},
-						title: Object.keys(i.answers).map((e) => e === t && !(n || c) && /* @__PURE__ */ E(ut, {
+						title: Object.keys(i.answers).map((e) => e === t && !(n || s) && /* @__PURE__ */ E(ut, {
 							"data-keypad": !0,
 							style: { width: bt(v, d) },
 							children: /* @__PURE__ */ E(b, {
@@ -1227,7 +1227,7 @@ var Ct = {
 								onClick: this.onClick
 							})
 						}, e) || null),
-						children: E(x ? dt : "div", { children: u })
+						children: E(x ? dt : "div", { children: l })
 					})
 				});
 			}
@@ -1267,4 +1267,4 @@ var Ct = {
 //#endregion
 export { wt as t };
 
-//# sourceMappingURL=main-AMGQsaTu.js.map
+//# sourceMappingURL=main-Bj8Kkc7H.js.map