@pie-element/math-templated 7.1.1-next.15 → 7.1.1-next.17

package/dist/browser/{main-BaKJhgCS.js → main-BLv4ZW26.js}

@@ -1,11 +1,11 @@
-import { C as e, g as t, n, o as r, t as i } from "./browser-Bh0vTpLq.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-CEUn2InX.js";
-import { t as C } from "./dist-D9ARZhQk.js";
+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-xHeOxFVV.js";
+import { t as C } from "./dist-DiGNNRzu.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(a(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
+var O = /* @__PURE__ */ e(c(), 1), te = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ D("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-283 359 34 35",
@@ -31,7 +31,7 @@ te.propTypes = {
 	bgFill: O.default.string.isRequired,
 	fgFill: O.default.string.isRequired
 };
-var k = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
+var ne = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
 	preserveAspectRatio: "xMinYMin meet",
 	version: "1.1",
 	viewBox: "-129.5 127 34 35",
@@ -71,32 +71,32 @@ var k = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ D("svg", {
 		})
 	]
 });
-k.propTypes = {
+ne.propTypes = {
 	bgFill: O.default.string.isRequired,
 	fgFill: O.default.string.isRequired,
 	borderFill: O.default.string.isRequired
 };
-var ne = p("div")(({ size: e }) => ({
+var re = x("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
-})), A = ({ open: e, size: t }) => /* @__PURE__ */ E(ne, {
+})), k = ({ open: e, size: t }) => /* @__PURE__ */ E(re, {
 	size: t,
 	children: e ? /* @__PURE__ */ E(te, {
 		bgFill: "#bce2ff",
 		fgFill: "#1a9cff"
-	}) : /* @__PURE__ */ E(k, {
+	}) : /* @__PURE__ */ E(ne, {
 		bgFill: "white",
 		fgFill: "#1a9cff",
 		borderFill: "#bce2ff"
 	})
 });
-A.propTypes = {
+k.propTypes = {
 	open: O.default.bool,
 	size: O.default.string
-}, A.defaultProps = { open: !1 };
+}, k.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/mask-markup/dist/componentize.js
-var re = /* @__PURE__ */ e(i(), 1), ie = /\{\{(\d+)\}\}/g, ae = (e, t) => e ? { markup: e.replace(ie, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, j = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), M = /* @__PURE__ */ j(((e, t) => {
+var ie = /* @__PURE__ */ e(i(), 1), ae = /\{\{(\d+)\}\}/g, oe = (e, t) => e ? { markup: e.replace(ae, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, A = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), j = /* @__PURE__ */ A(((e, t) => {
 	t.exports = {
 		"border-radius": 1,
 		"border-top-left-radius": 1,
@@ -123,10 +123,10 @@ var re = /* @__PURE__ */ e(i(), 1), ie = /\{\{(\d+)\}\}/g, ae = (e, t) => e ? {
 		"box-pack": 1
 	};
 }));
-M();
+j();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
-var N = /* @__PURE__ */ j(((e, t) => {
+var M = /* @__PURE__ */ A(((e, t) => {
 	t.exports = {
 		animation: 1,
 		"column-count": 1,
@@ -146,19 +146,19 @@ var N = /* @__PURE__ */ j(((e, t) => {
 		rowspan: 1
 	};
 }));
-N();
+M();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
-var P = /* @__PURE__ */ j(((e, t) => {
+var N = /* @__PURE__ */ A(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
 	};
 }));
-P();
+N();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
-var F = /* @__PURE__ */ j(((e, t) => {
-	var n = P(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
+var P = /* @__PURE__ */ A(((e, t) => {
+	var n = N(), 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];
@@ -175,54 +175,54 @@ var F = /* @__PURE__ */ j(((e, t) => {
 		};
 	})();
 }));
-F();
+P();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
-var oe = /* @__PURE__ */ j(((e, t) => {
+var se = /* @__PURE__ */ A(((e, t) => {
 	t.exports = /[-\s]+(.)?/g;
 }));
-oe();
+se();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
-var I = /* @__PURE__ */ j(((e, t) => {
+var F = /* @__PURE__ */ A(((e, t) => {
 	var n = function(e, t) {
 		return t ? t.toUpperCase() : "";
-	}, r = oe();
+	}, r = se();
 	t.exports = function(e) {
 		return e ? e.replace(r, n) : "";
 	};
 }));
-I();
+F();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
-var se = /* @__PURE__ */ j(((e, t) => {
+var ce = /* @__PURE__ */ A(((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 || "-") : "";
 	};
 }));
-se();
+ce();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
-var L = /* @__PURE__ */ j(((e, t) => {
-	var n = se();
+var I = /* @__PURE__ */ A(((e, t) => {
+	var n = ce();
 	t.exports = function(e) {
 		return n(e).toLowerCase();
 	};
 }));
-L();
+I();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
-var ce = /* @__PURE__ */ j(((e, t) => {
+var le = /* @__PURE__ */ A(((e, t) => {
 	t.exports = function(e) {
 		return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
 	};
 }));
-ce();
+le();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
-var le = /* @__PURE__ */ j(((e, t) => {
-	var n = I(), r = L(), i = ce(), a = P(), o = F(), s = M(), c = typeof document > "u" ? {} : document.documentElement.style;
+var ue = /* @__PURE__ */ A(((e, t) => {
+	var n = F(), r = I(), i = le(), a = N(), o = P(), s = j(), c = typeof document > "u" ? {} : document.documentElement.style;
 	t.exports = function(e) {
 		return function(t, l) {
 			l ||= {};
@@ -239,45 +239,45 @@ var le = /* @__PURE__ */ j(((e, t) => {
 		};
 	};
 }));
-le();
+ue();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
-var ue = /* @__PURE__ */ j(((e, t) => {
-	t.exports = le()();
+var de = /* @__PURE__ */ A(((e, t) => {
+	t.exports = ue()();
 }));
-ue();
+de();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
-var R = /* @__PURE__ */ j(((e, t) => {
+var L = /* @__PURE__ */ A(((e, t) => {
 	var n = Object.prototype.hasOwnProperty;
 	t.exports = function(e, t) {
 		return n.call(e, t);
 	};
 }));
-R();
+L();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
-var de = /* @__PURE__ */ j(((e, t) => {
+var fe = /* @__PURE__ */ A(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return !!e && n.call(e) === "[object Object]";
 	};
 }));
-de();
+fe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
-var fe = /* @__PURE__ */ j(((e, t) => {
+var pe = /* @__PURE__ */ A(((e, t) => {
 	var n = Object.prototype.toString;
 	t.exports = function(e) {
 		return n.apply(e) === "[object Function]";
 	};
 }));
-fe();
+pe();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
-var z = /* @__PURE__ */ j(((e, t) => {
-	F();
-	var n = ue(), r = L(), i = I(), a = R(), o = de(), s = fe(), c = function(e, t, r, i) {
+var R = /* @__PURE__ */ A(((e, t) => {
+	P();
+	var n = de(), r = I(), i = F(), a = L(), o = fe(), s = pe(), c = function(e, t, r, i) {
 		n(t).forEach(function(t) {
 			e[i ? i(t) : t] = r;
 		});
@@ -288,7 +288,7 @@ var z = /* @__PURE__ */ j(((e, t) => {
 			var n = e.split(":");
 			n.length == 2 && (t[n[0].trim()] = n[1].trim());
 		}), t;
-	}, u = { cssUnitless: N() }, d = function(e, t, n, f) {
+	}, u = { cssUnitless: M() }, 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)) {
@@ -317,11 +317,11 @@ var z = /* @__PURE__ */ j(((e, t) => {
 	};
 	t.exports = d;
 }));
-z();
+R();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
-var pe = /* @__PURE__ */ j(((e, t) => {
-	var n = z(), r = R();
+var me = /* @__PURE__ */ A(((e, t) => {
+	var n = R(), r = L();
 	t.exports = function(e, t) {
 		e = n(e, t);
 		var i = [], a;
@@ -329,25 +329,25 @@ var pe = /* @__PURE__ */ j(((e, t) => {
 		return i.join("; ");
 	};
 }));
-pe();
+me();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
-var me = /* @__PURE__ */ j(((e, t) => {
+var he = /* @__PURE__ */ A(((e, t) => {
 	t.exports = {
-		prefixProperties: M(),
-		cssUnitless: N(),
-		object: z(),
-		string: pe()
+		prefixProperties: j(),
+		cssUnitless: M(),
+		object: R(),
+		string: me()
 	};
 }));
-me();
+he();
 //#endregion
 //#region ../../lib-react/mask-markup/dist/serialization.js
-var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e = ["span"], ve = [
+var ge = he(), _e = (0, ie.default)("@pie-lib:mask-markup:serialization"), ve = ["span"], ye = [
 	"em",
 	"strong",
 	"u"
-], ye = 3, be = 8, xe = 1, Se = (e) => {
+], be = 3, xe = 8, Se = 1, Ce = (e) => {
 	if (!e.attributes || e.attributes.length <= 0) return;
 	let t = {}, n;
 	for (n = 0; n < e.attributes.length; n++) {
@@ -355,44 +355,44 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		t[r.name] = r.value;
 	}
 	return t;
-}, Ce = (e) => _e.includes(e) ? "inline" : ve.includes(e) ? "mark" : "block", we = (e) => {
+}, we = (e) => ve.includes(e) ? "inline" : ye.includes(e) ? "mark" : "block", Te = (e) => {
 	let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
 	for (; n = t.exec(e);) r[n[1]] = n[2].trim();
 	return r;
-}, Te = (e) => (0, he.object)(e, {
+}, Ee = (e) => (0, ge.object)(e, {
 	camelize: !0,
 	addUnits: !1
-}), Ee = (e, t) => Te(we(e.getAttribute(t))), De = (e, t, n) => {
+}), De = (e, t) => Ee(Te(e.getAttribute(t))), Oe = (e, t, n) => {
 	let r = e.getAttribute(n);
 	return delete t.class, r;
-}, Oe = (e) => (t, n) => {
+}, ke = (e) => (t, n) => {
 	if (!e.getAttribute) return t;
 	if (e.getAttribute(n)) switch (n) {
 		case "style":
-			t.style = Ee(e, n);
+			t.style = De(e, n);
 			break;
 		case "class":
-			t.className = De(e, t, n);
+			t.className = Oe(e, t, n);
 			break;
 		default:
 			t[n] = e.getAttribute(n);
 			break;
 	}
 	return t;
-}, ke = [
+}, Ae = [
 	"border",
 	"class",
 	"style"
-], B = {
+], z = {
 	b: "bold",
 	em: "italic",
 	u: "underline",
 	s: "strikethrough",
 	code: "code",
 	strong: "strong"
-}, Ae = (e, t = []) => {
-	if (e.nodeType === be) return null;
-	if (e.nodeType === ye) {
+}, je = (e, t = []) => {
+	if (e.nodeType === xe) return null;
+	if (e.nodeType === be) {
 		let n = { text: e.textContent };
 		return t.length > 0 && (n.marks = t.map((e) => ({
 			type: e,
@@ -402,19 +402,19 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			leaves: [n]
 		};
 	}
-	if (e.nodeType === xe) {
-		let n = e.tagName.toLowerCase(), r = B[n];
-		if (r) return ge("[deserialize] mark: ", r), {
+	if (e.nodeType === Se) {
+		let n = e.tagName.toLowerCase(), r = z[n];
+		if (r) return _e("[deserialize] mark: ", r), {
 			_flatten: !0,
-			nodes: V(e.childNodes, [...t, r])
+			nodes: B(e.childNodes, [...t, r])
 		};
 		if (n === "math") return {
 			isMath: !0,
 			nodes: [e]
 		};
-		let i = Se(e) || {};
+		let i = Ce(e) || {};
 		n === "audio" && i.controls === "" && (i.controls = !0);
-		let a = ke.reduce(Oe(e), { ...i }), o = Ce(n), s = V(e.childNodes, t);
+		let a = Ae.reduce(ke(e), { ...i }), o = we(n), s = B(e.childNodes, t);
 		return {
 			object: o,
 			type: n,
@@ -426,14 +426,14 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		};
 	}
 	return null;
-}, V = (e, t = []) => {
+}, B = (e, t = []) => {
 	let n = [];
 	for (let r = 0; r < e.length; r++) {
-		let i = Ae(e[r], t);
+		let i = je(e[r], t);
 		i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
 	}
 	return n;
-}, je = (e) => {
+}, Me = (e) => {
 	if (!e || !e.trim()) return {
 		object: "value",
 		document: {
@@ -448,7 +448,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			}]
 		}
 	};
-	let t = V(new DOMParser().parseFromString(e, "text/html").body.childNodes);
+	let t = B(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",
@@ -469,19 +469,19 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			nodes: t
 		}
 	};
-}, Me = p("div")(({ theme: e }) => ({
+}, Ne = x("div")(({ theme: e }) => ({
 	paddingTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5)
-})), H = p("span")(() => ({
+})), V = x("span")(() => ({
 	display: "inline-block",
 	width: ".75em"
-})), Ne = ["tbody", "tr"], Pe = (e, t) => {
+})), Pe = ["tbody", "tr"], Fe = (e, t) => {
 	let n = t.trim() === "", r = e && e.type;
-	if (!(n && Ne.includes(r))) return t;
-}, Fe = (e) => {
+	if (!(n && Pe.includes(r))) return t;
+}, Ie = (e) => {
 	let n = e.leaves.find((e) => t(e, "marks", []).length);
-	return n ? n.marks[0] : null;
-}, U = (e, t, n, r, i, a) => {
+	return n ? n.marks : null;
+}, H = (e, t, n, r, i, a) => {
 	if (!t) return null;
 	let o = [];
 	return (e.nodes || []).forEach((e, s) => {
@@ -491,26 +491,22 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			let i = r(e, t, n);
 			if (i) {
 				let t = e.data?.dataset?.component === "blank";
-				t && o.push(/* @__PURE__ */ E(H, {}, `spacer-${s}`)), o.push(i), t && o.push(/* @__PURE__ */ E(H, {}, `spacer-${s}`));
+				t && o.push(/* @__PURE__ */ E(V, {}, `spacer-${s}`)), o.push(i), t && o.push(/* @__PURE__ */ E(V, {}, `spacer-${s}`));
 				return;
 			}
 		}
 		if (e.object === "text") {
 			let t = e.leaves.reduce((e, t) => {
-				let n = t.text, r = Pe(i, n);
+				let n = t.text, r = Fe(i, n);
 				return r ? e + r : e;
-			}, ""), n = Fe(e);
-			if (n) {
-				let e;
-				for (e in B) if (B[e] === n.type) {
-					let n = e;
-					o.push(/* @__PURE__ */ E(n, { children: t }, c));
-					break;
-				}
+			}, ""), n = Ie(e);
+			if (n?.length > 0) {
+				let e = n.map((e) => Object.keys(z).find((t) => z[t] === e.type)).filter(Boolean);
+				e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ E(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
 			} else t.length > 0 && o.push(t);
 		} else {
-			let i = U(e, t, n, r, e, a);
-			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ E(Me, { children: i }, c));
+			let i = H(e, t, n, r, e, a);
+			if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ E(Ne, { children: i }, c));
 			else {
 				let t = e.type;
 				e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ E(t, {
@@ -520,14 +516,14 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			}
 		}
 	}), o;
-}, Ie = p("div")(() => ({
+}, Le = x("div")(() => ({
 	display: "initial",
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
 		textAlign: "left"
 	}
-})), Le = class extends w.Component {
+})), Re = class extends w.Component {
 	constructor(e) {
 		super(e), this.internalContainerRef = w.createRef();
 	}
@@ -541,7 +537,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 S == "function" && S(e.current);
+		e.current && typeof d == "function" && d(e.current);
 	}
 	handleChange = (e, t) => {
 		let n = {
@@ -551,16 +547,16 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		this.props.onChange(n);
 	};
 	render() {
-		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = U(t, e, this.handleChange, this.props.renderChildren, null, n);
-		return /* @__PURE__ */ E(Ie, {
+		let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = H(t, e, this.handleChange, this.props.renderChildren, null, n);
+		return /* @__PURE__ */ E(Le, {
 			ref: r || this.internalContainerRef,
 			children: i
 		});
 	}
-}, Re = (e, t) => {
-	let { markup: n } = ae(e, t);
-	return je(n).document;
-}, ze = ((e, t) => class extends w.Component {
+}, ze = (e, t) => {
+	let { markup: n } = oe(e, t);
+	return Me(n).document;
+}, Be = ((e, t) => class extends w.Component {
 	static propTypes = {
 		markup: O.default.string,
 		layout: O.default.object,
@@ -582,8 +578,8 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		}
 	}
 	render() {
-		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Re(n, e);
-		return /* @__PURE__ */ E(Le, {
+		let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || ze(n, e);
+		return /* @__PURE__ */ E(Re, {
 			containerRef: this.containerRef,
 			elementType: o,
 			layout: s,
@@ -595,7 +591,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 = p("div")(() => ({
+}), U = "height ease-in 300ms, opacity ease-in 300ms", Ve = x("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -603,7 +599,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 	visibility: "hidden",
 	width: 0,
 	"&.enter": {
-		transition: W,
+		transition: U,
 		opacity: 1,
 		height: "auto",
 		width: "auto",
@@ -617,7 +613,7 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		minHeight: "25px"
 	},
 	"&.exit": {
-		transition: W,
+		transition: U,
 		opacity: 0,
 		height: 0,
 		visibility: "visible",
@@ -629,9 +625,9 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 		height: 0,
 		width: 0
 	}
-})), Ve = (e) => {
+})), He = (e) => {
 	let { show: t, children: n, className: r } = e, i = T(null);
-	return /* @__PURE__ */ E(h, {
+	return /* @__PURE__ */ E(p, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -643,49 +639,49 @@ var he = me(), ge = (0, re.default)("@pie-lib:mask-markup:serialization"), _e =
 			exit: "exit",
 			exitDone: "exit-done"
 		},
-		children: /* @__PURE__ */ E(Be, {
+		children: /* @__PURE__ */ E(Ve, {
 			ref: i,
 			className: r,
 			children: n
 		})
 	});
 };
-Ve.propTypes = {
+He.propTypes = {
 	show: O.default.bool.isRequired,
 	className: O.default.string,
 	children: O.default.oneOfType([O.default.arrayOf(O.default.node), O.default.node]).isRequired
 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/index.js
-function G(e) {
+function W(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-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;
+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 Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.default, Ge = K && typeof K == "object" ? K : We, { translator: q } = C, Ke = {
+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 = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, qe = p("div")(() => ({
+}, Je = x("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), Je = p("div")(() => ({
+})), Ye = x("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), Ye = p("div")(() => ({
+})), Xe = x("div")(() => ({
 	width: "fit-content",
 	minWidth: "140px",
 	alignSelf: "center",
 	verticalAlign: "middle",
-	color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
+	color: `var(--correct-answer-toggle-label-color, ${m.text()})`,
 	fontWeight: "normal",
-	...Ke
-})), Xe = p("div")(() => ({
+	...qe
+})), Ze = x("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -698,12 +694,12 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), Ze = p("div")(() => ({
+})), Qe = x("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
 	alignItems: "center"
-})), Qe = class e extends w.Component {
+})), $e = class e extends w.Component {
 	static propTypes = {
 		onToggle: O.default.func,
 		toggled: O.default.bool,
@@ -722,8 +718,8 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 	constructor(t) {
 		super(t), this.state = { show: t.show }, this.openIconRef = w.createRef(), this.closedIconRef = w.createRef(), e.defaultProps = {
 			...e.defaultProps,
-			showMessage: q.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: q.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
 		};
 	}
 	onClick() {
@@ -735,20 +731,20 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 	UNSAFE_componentWillReceiveProps(t) {
 		this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
 			...e.defaultProps,
-			showMessage: q.t("common:showCorrectAnswer", { lng: t.language }),
-			hideMessage: q.t("common:hideCorrectAnswer", { lng: t.language })
+			showMessage: K.t("common:showCorrectAnswer", { lng: t.language }),
+			hideMessage: K.t("common:hideCorrectAnswer", { lng: t.language })
 		});
 	}
 	render() {
 		let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
-		return /* @__PURE__ */ E(qe, {
+		return /* @__PURE__ */ E(Je, {
 			className: e,
-			children: /* @__PURE__ */ E(Ve, {
+			children: /* @__PURE__ */ E(He, {
 				show: this.state.show,
-				children: /* @__PURE__ */ D(Je, {
+				children: /* @__PURE__ */ D(Ye, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ D(Ze, { children: [/* @__PURE__ */ E(h, {
+					children: [/* @__PURE__ */ D(Qe, { children: [/* @__PURE__ */ E(p, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -759,11 +755,11 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(Xe, {
+						children: /* @__PURE__ */ E(Ze, {
 							ref: this.openIconRef,
-							children: /* @__PURE__ */ E(A, { open: t }, "correct-open")
+							children: /* @__PURE__ */ E(k, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ E(h, {
+					}), /* @__PURE__ */ E(p, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -774,13 +770,13 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 							exit: "exit",
 							exitActive: "exit-active"
 						},
-						children: /* @__PURE__ */ E(Xe, {
+						children: /* @__PURE__ */ E(Ze, {
 							ref: this.closedIconRef,
-							children: /* @__PURE__ */ E(A, { open: t }, "correct-closed")
+							children: /* @__PURE__ */ E(k, { open: t }, "correct-closed")
 						})
-					})] }), /* @__PURE__ */ E(Ue, {
+					})] }), /* @__PURE__ */ E(We, {
 						false: !0,
-						children: /* @__PURE__ */ E(Ye, {
+						children: /* @__PURE__ */ E(Xe, {
 							"aria-hidden": !this.state.show,
 							children: t ? n : r
 						})
@@ -792,22 +788,22 @@ var Ue = He(d, "Readable") || He(Ge.Readable, "Readable"), We = l, K = We.defaul
 };
 //#endregion
 //#region src/delivery/main.tsx
-function J(e) {
+function q(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 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 $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(),
+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(),
 	display: "inline-block"
-}), it = p("div")({
+}), Q = x("div")({
 	width: "100%",
 	position: "relative",
-	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")({
+	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")({
 	position: "relative",
 	"& > div > div": {
 		display: "flex",
@@ -842,10 +838,10 @@ var $e = Y(u, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(f, "PreviewPrompt"
 		paddingTop: "1.5px !important"
 	},
 	"& .mq-parallelogram": { lineHeight: .85 }
-}), ct = p("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
+}), ct = x("div")(({ theme: e, $incorrect: t, $correct: n, $showCorrectness: r, $correctAnswerShown: i }) => ({
 	maxWidth: "fit-content",
-	...t && { borderColor: `${s.incorrect()} !important` },
-	...n && { borderColor: `${s.correct()} !important` },
+	...t && { borderColor: `${m.incorrect()} !important` },
+	...n && { borderColor: `${m.correct()} !important` },
 	...r && { border: "2px solid" },
 	...i && {
 		padding: e.spacing(1),
@@ -858,22 +854,22 @@ var $e = Y(u, "UiLayout") || Y(Q.UiLayout, "UiLayout"), X = Y(f, "PreviewPrompt"
 		} },
 		"& sup": { top: 0 }
 	}
-})), lt = p(y.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: s.text() } } }), ut = p("div")(({ theme: e }) => ({
+})), lt = x(l.Static)({ "& > .mq-root-block": { "& > .mq-editable-field": { borderColor: m.text() } } }), ut = x("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
-})), dt = p("div")(({ theme: e }) => ({
+})), dt = x("div")(({ theme: e }) => ({
 	marginBottom: e.spacing(1),
 	pointerEvents: "none"
-})), ft = p("h2")({
+})), ft = x("h2")({
 	position: "absolute",
 	left: "-10000px",
 	top: "auto",
 	width: "1px",
 	height: "1px",
 	overflow: "hidden"
-}), pt = p("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = p(Qe)(({ theme: e }) => ({
-	color: s.text(),
+}), pt = x("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), mt = x($e)(({ theme: e }) => ({
+	color: m.text(),
 	marginBottom: e.spacing(2)
 }));
 if (typeof document < "u") {
@@ -898,8 +894,8 @@ if (typeof document < "u") {
         border-right: 2px solid #bdbdbd !important;
       }
       .block-math {
-        color: ${s.text()};
-        background-color: ${s.background()};
+        color: ${m.text()};
+        background-color: ${m.background()};
         padding: 4px !important;
         display: flex;
         align-items: center;
@@ -910,10 +906,10 @@ if (typeof document < "u") {
         display: none;
       }
       .correct {
-        border-color: ${s.correct()} !important;
+        border-color: ${m.correct()} !important;
       }
       .incorrect {
-        border-color: ${s.incorrect()} !important;
+        border-color: ${m.incorrect()} !important;
       }
     `, document.head.appendChild(t);
 	}
@@ -991,7 +987,7 @@ var Ct = {
 		};
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (ht ||= (_("answerBlock", (e) => ({
+		typeof window < "u" && (ht ||= (s("answerBlock", (e) => ({
 			htmlString: `<div class="block-container">
               <div class="block-response" id="${e}Index">R</div>
               <div class="block-math">
@@ -1007,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 a = r[t];
-				b(n, a && a.value || ""), e.view && (n.parentElement.parentElement.classList.remove("correct"), n.parentElement.parentElement.classList.remove("incorrect")), i.textContent = "R";
+				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";
 			}
-		}), S(this.root);
+		}), d(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 +1033,7 @@ var Ct = {
 		return !r || !i;
 	}
 	componentDidMount() {
-		this.handleAnswerBlockDomUpdate(), setTimeout(() => S(this.root), 100);
+		this.handleAnswerBlockDomUpdate(), setTimeout(() => d(this.root), 100);
 	}
 	componentDidUpdate() {
 		this.handleAnswerBlockDomUpdate();
@@ -1139,11 +1135,11 @@ var Ct = {
 		}, 1);
 	}
 	renderTeacherInstructions = () => {
-		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (x(t) || g(t)), i = /* @__PURE__ */ E(X, {
+		let { model: e } = this.props, { teacherInstructions: t, animationsDisabled: n } = e || {}, r = t && (y(t) || _(t)), i = /* @__PURE__ */ E(Y, {
 			defaultClassName: "teacher-instructions",
 			prompt: t
 		});
-		return r && /* @__PURE__ */ E(ot, { children: n ? i : /* @__PURE__ */ E(tt, {
+		return r && /* @__PURE__ */ E(ot, { children: n ? i : /* @__PURE__ */ E(nt, {
 			labels: {
 				hidden: "Show Teacher Instructions",
 				visible: "Hide Teacher Instructions"
@@ -1152,8 +1148,8 @@ var Ct = {
 		}) });
 	};
 	renderRationale = () => {
-		let { model: e } = this.props, { rationale: t, animationsDisabled: n } = e || {}, r = /* @__PURE__ */ E(X, { prompt: t });
-		return t && (x(t) || g(t)) && /* @__PURE__ */ E(ot, { children: n ? r : /* @__PURE__ */ E(tt, {
+		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, {
 			labels: {
 				hidden: "Show Rationale",
 				visible: "Hide Rationale"
@@ -1162,17 +1158,17 @@ 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: 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, {
+		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;
+		return /* @__PURE__ */ E(st, { children: /* @__PURE__ */ E(Be, {
 			disabled: c,
 			markup: e.markup,
 			value: {},
 			customMarkMarkupComponent: (e) => {
-				let r = h === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
+				let r = m === "evaluate" && p && p[e], u = /* @__PURE__ */ E(lt, {
 					ref: (e) => {
 						this.mqStatic = e || this.mqStatic;
 					},
-					latex: b[e],
+					latex: y[e],
 					onSubFieldChange: this.subFieldChanged,
 					getFieldName: this.getFieldName,
 					setInput: this.setInput,
@@ -1181,9 +1177,9 @@ var Ct = {
 				});
 				return /* @__PURE__ */ E(ct, {
 					ref: a,
-					$incorrect: !v && !r && !n,
-					$correct: !v && (r || n),
-					$showCorrectness: !v && c && s && !l,
+					$incorrect: !_ && !r && !n,
+					$correct: !_ && (r || n),
+					$showCorrectness: !_ && c && s && !l,
 					$correctAnswerShown: n,
 					children: /* @__PURE__ */ E(o, {
 						ref: (e) => this.setTooltipRef(e),
@@ -1224,9 +1220,9 @@ 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(m, {
-								additionalKeys: y,
+							style: { width: bt(v, d) },
+							children: /* @__PURE__ */ E(b, {
+								additionalKeys: v,
 								mode: d || gt,
 								onClick: this.onClick
 							})
@@ -1239,23 +1235,23 @@ var Ct = {
 	};
 	render() {
 		let { model: e } = this.props, { showCorrect: t } = this.state, { prompt: n, env: { mode: i, role: a } = {}, extraCSSRules: o, correctness: s, responses: c, language: l, showNote: u, note: d } = e || {}, f = !r(c) && s && s.correctness !== "correct", p = (t || i === "view" && a === "instructor") && u && d;
-		return /* @__PURE__ */ E(rt, {
+		return /* @__PURE__ */ E(it, {
 			extraCSSRules: o,
 			ref: (e) => {
 				let t = ee.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: /* @__PURE__ */ D(it, { children: [
+			children: /* @__PURE__ */ D(Q, { children: [
 				i === "gather" && /* @__PURE__ */ E(ft, { children: "Math Equation Response Question" }),
-				/* @__PURE__ */ E(it, { children: f && /* @__PURE__ */ E(mt, {
+				/* @__PURE__ */ E(Q, { children: f && /* @__PURE__ */ E(mt, {
 					language: l,
 					show: !0,
 					toggled: t,
 					onToggle: this.toggleShowCorrect
 				}) }),
 				this.renderTeacherInstructions(),
-				n && /* @__PURE__ */ E(at, { children: /* @__PURE__ */ E(X, { prompt: n }) }),
-				/* @__PURE__ */ E(et, {
+				n && /* @__PURE__ */ E(at, { children: /* @__PURE__ */ E(Y, { prompt: n }) }),
+				/* @__PURE__ */ E(tt, {
 					false: !0,
 					children: this.renderPlayerContent()
 				}),
@@ -1271,4 +1267,4 @@ var Ct = {
 //#endregion
 export { wt as t };
 
-//# sourceMappingURL=main-BaKJhgCS.js.map
+//# sourceMappingURL=main-BLv4ZW26.js.map