@pie-element/math-inline 13.0.2-next.20261007003844 → 13.0.2

package/dist/delivery/main.js

@@ -13,14 +13,15 @@ import { styled as w } from "@mui/material/styles";
 import T from "@mui/material/Tooltip";
 import { isEmpty as ee, isEqual as E } from "@pie-element/shared-lodash";
 import D from "react-dom";
+import { sanitizeModelHtml as O } from "@pie-element/shared-utils";
 //#region src/delivery/main.tsx
-function O(e) {
+function k(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function k(e, t) {
-	return !e || O(e) ? e : O(e.default) ? e.default : t && O(e[t]) ? e[t] : t && O(e[t]?.default) ? e[t].default : e;
+function A(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 A = k(g, "UiLayout") || k(F.UiLayout, "UiLayout"), j = k(m, "PreviewPrompt") || k(F.PreviewPrompt, "PreviewPrompt"), te = k(h, "Readable") || k(F.Readable, "Readable"), M = k(f, "Collapsible") || k(F.Collapsible, "Collapsible"), ne = k(p, "Feedback") || k(F.Feedback, "Feedback"), N = d, P = N.default, F = P && typeof P == "object" ? P : N, { translator: I } = r, L = !1, R = /\\newline/g, z = /{{response}}/gm, re = 6, B = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+var j = A(g, "UiLayout") || A(I.UiLayout, "UiLayout"), M = A(m, "PreviewPrompt") || A(I.PreviewPrompt, "PreviewPrompt"), te = A(h, "Readable") || A(I.Readable, "Readable"), N = A(f, "Collapsible") || A(I.Collapsible, "Collapsible"), ne = A(p, "Feedback") || A(I.Feedback, "Feedback"), P = d, F = P.default, I = F && typeof F == "object" ? F : P, { translator: L } = r, R = !1, z = /\\newline/g, B = /{{response}}/gm, re = 6, V = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
 function ie(e = []) {
 	return e.map((e) => ({
 		name: e,
@@ -29,7 +30,7 @@ function ie(e = []) {
 		label: e
 	}));
 }
-function V(e, t) {
+function H(e, t) {
 	let n = e;
 	for (; n !== null;) {
 		if (t && n === t) return !0;
@@ -46,27 +47,27 @@ function oe(e, t) {
 		let e = i;
 		if (t.showCorrect) return a && a.length && a[0].answer;
 		let n = 1;
-		return (e || "").replace(z, function() {
+		return (e || "").replace(B, function() {
 			let e = t.session.answers[`r${n}`];
 			if (o && !s) {
 				let e = "\\ \\ ".repeat(30) + "\\newline ";
 				return `\\MathQuillMathField[r${n++}]{${e.repeat(3)}}`;
 			}
 			return r ? `\\embed{answerBlock}[r${n++}]` : `\\MathQuillMathField[r${n++}]{${e && e.value || ""}}`;
-		}).replace(R, "\\embed{newLine}[]");
+		}).replace(z, "\\embed{newLine}[]");
 	}
 }
-function H(e, t) {
+function U(e, t) {
 	let n = {};
 	if (t.config && t.config.expression) {
 		let r = 1;
-		(t.config.expression || "").replace(z, () => {
+		(t.config.expression || "").replace(B, () => {
 			n[`r${r}`] = { value: e && e.answers && e.answers[`r${r}`] && e.answers[`r${r}`].value || "" }, r += 1;
 		});
 	}
 	return n;
 }
-var U = class extends n.Component {
+var W = class extends n.Component {
 	static propTypes = {
 		session: i.object.isRequired,
 		onSessionChange: i.func,
@@ -74,7 +75,7 @@ var U = class extends n.Component {
 	};
 	constructor(e) {
 		super(e);
-		let { model: t, session: r } = e, i = H(r, t);
+		let { model: t, session: r } = e, i = U(r, t);
 		this.state = {
 			session: {
 				...e.session,
@@ -86,8 +87,8 @@ var U = class extends n.Component {
 		}, this.instructionsIdPrefix = v("math-inline-instructions");
 	}
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (L ||= (l("answerBlock", (e) => {
-			let t = W();
+		typeof window < "u" && (R ||= (l("answerBlock", (e) => {
+			let t = G();
 			return {
 				htmlString: `<div class="${t.blockContainer}">
                 <div class="${t.blockResponse}" data-answer-block-index="${e}">R</div>
@@ -118,13 +119,13 @@ var U = class extends n.Component {
 		let { config: t } = this.props.model, { config: n = {} } = e.model || {}, { session: r } = this.props, { session: i = {} } = e || {};
 		if (r && i && !E(r.answers, i.answers) && this.setState({ session: {
 			...i,
-			answers: H(i, this.props.model)
-		} }), t.note && t.language && t.language !== n.language && t.note === I.t("mathInline.primaryCorrectWithAlternates", { lng: t.language }) && (t.note = I.t("mathInline.primaryCorrectWithAlternates", { lng: n.language })), (t.env && t.env.mode !== "evaluate" || n.env && n.env.mode !== "evaluate") && this.setState({
+			answers: U(i, this.props.model)
+		} }), t.note && t.language && t.language !== n.language && t.note === L.t("mathInline.primaryCorrectWithAlternates", { lng: t.language }) && (t.note = L.t("mathInline.primaryCorrectWithAlternates", { lng: n.language })), (t.env && t.env.mode !== "evaluate" || n.env && n.env.mode !== "evaluate") && this.setState({
 			...this.state.session,
 			showCorrect: !1
 		}), n.alwaysShowCorrect && this.setState({ showCorrect: !0 }), this.countResponseOccurrences(t.expression) < this.countResponseOccurrences(n.expression) && setTimeout(() => this.updateAria(), 100), t && t.responses && t.responses.length !== n.responses.length || !t && n && n.responses || t && n && t.expression !== n.expression) {
 			let e = {}, t = this.state.session.answers, r = 1;
-			(n.expression || "").replace(z, () => {
+			(n.expression || "").replace(B, () => {
 				e[`r${r}`] = { value: t && t[`r${r}`] && t[`r${r}`].value || "" }, r++;
 			}), this.setState((t) => ({ session: {
 				...t.session,
@@ -146,7 +147,7 @@ var U = class extends n.Component {
 	updateAria = () => {
 		if (this.root) {
 			this.root.querySelectorAll(".mq-selectable").forEach((e) => e.setAttribute("aria-hidden", "true"));
-			let e = I.t("mathInline.keypadInstructions", { lng: this.props.model?.language });
+			let e = L.t("mathInline.keypadInstructions", { lng: this.props.model?.language });
 			this.root.querySelectorAll("textarea").forEach((t, n) => {
 				let r = `${this.instructionsIdPrefix}-${n}`, i = t.closest(".mq-textarea");
 				if (i) {
@@ -166,7 +167,7 @@ var U = class extends n.Component {
 		}, 0);
 	};
 	handleKeyDown = (e, t) => {
-		let n = V(e.target, this.root), r = this.mqStatic && this.mqStatic.inputRef?.current ? this.mqStatic.inputRef?.current.contains(document.activeElement) : !!document.activeElement?.closest(".mq-editable-field"), { key: i, type: a } = e;
+		let n = H(e.target, this.root), r = this.mqStatic && this.mqStatic.inputRef?.current ? this.mqStatic.inputRef?.current.contains(document.activeElement) : !!document.activeElement?.closest(".mq-editable-field"), { key: i, type: a } = e;
 		r && (i === "ArrowDown" || a === "click" || a === "touchstart") ? this.state.activeAnswerBlock !== t && n && (this.cleanupKeyDownListener(), this.setState({ activeAnswerBlock: t }, () => {
 			this.onSubFieldFocus(t), i === "ArrowDown" && this.focusFirstKeypadElement();
 		})) : e.key === "Escape" && this.setState({ activeAnswerBlock: "" });
@@ -259,7 +260,7 @@ var U = class extends n.Component {
 	};
 	setTooltipRef(e) {
 		setTimeout(() => {
-			if (e && B) {
+			if (e && V) {
 				let e = document.querySelector("[role='tooltip']");
 				e && e.firstChild.setAttribute("tabindex", "-1");
 			}
@@ -268,45 +269,45 @@ var U = class extends n.Component {
 	render() {
 		let { model: n } = this.props, { activeAnswerBlock: r, showCorrect: i, session: a, tooltipContainerRef: s } = this.state, { config: l, correctness: u, disabled: d, extraCSSRules: f, view: p, teacherInstructions: m, rationale: h, feedback: g, animationsDisabled: v, printMode: C, alwaysShowCorrect: w, language: E } = n || {};
 		if (!l) return null;
-		let { showNote: O, note: k, prompt: A, responses: N, responseType: P, equationEditor: F, customKeys: L, env: { mode: R, role: z } = {} } = l || {}, B = (i || R === "view" && z === "instructor") && O && k, V = ee(N), H = !V && u && u.correctness !== "correct", U = d && u, W = ie(L), J = u && u.correct, Y = oe(n, this.state) || "", X = d && !u, ge = C && !w, Z = h && (b(h) || y(h)), Q = m && (b(m) || y(m)), _e = /* @__PURE__ */ x(pe, { children: /* @__PURE__ */ x(c.Static, {
+		let { showNote: k, note: A, prompt: j, responses: P, responseType: F, equationEditor: I, customKeys: R, env: { mode: z, role: B } = {} } = l || {}, V = (i || z === "view" && B === "instructor") && k && A, H = ee(P), U = !H && u && u.correctness !== "correct", W = d && u, G = ie(R), Y = u && u.correct, X = oe(n, this.state) || "", Z = d && !u, ge = C && !w, Q = h && (b(h) || y(h)), $ = m && (b(m) || y(m)), _e = /* @__PURE__ */ x(pe, { children: /* @__PURE__ */ x(c.Static, {
 			className: "static-math",
 			ref: (e) => {
 				e && (this.mqStatic = e);
 			},
-			latex: Y,
+			latex: X,
 			language: E,
 			onSubFieldChange: this.subFieldChanged,
 			getFieldName: this.getFieldName,
 			setInput: this.setInput,
 			onSubFieldFocus: this.onSubFieldFocus,
 			onBlur: this.onBlur
-		}) }), $ = /* @__PURE__ */ S(K, { children: [
-			R === "gather" && /* @__PURE__ */ x(me, { children: I.t("mathInline.mathEquationResponseQuestion", { lng: E }) }),
-			X && Q && (v ? /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: m } }) : /* @__PURE__ */ x(q, {
+		}) }), ve = /* @__PURE__ */ S(q, { children: [
+			z === "gather" && /* @__PURE__ */ x(me, { children: L.t("mathInline.mathEquationResponseQuestion", { lng: E }) }),
+			Z && $ && (v ? /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: O(m) } }) : /* @__PURE__ */ x(J, {
 				labels: {
-					hidden: I.t("common:showTeacherInstructions", { lng: E }),
-					visible: I.t("common:hideTeacherInstructions", { lng: E })
+					hidden: L.t("common:showTeacherInstructions", { lng: E }),
+					visible: L.t("common:hideTeacherInstructions", { lng: E })
 				},
-				children: /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: m } })
+				children: /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: O(m) } })
 			})),
-			A && /* @__PURE__ */ x(ce, { children: /* @__PURE__ */ x(j, { prompt: A }) }),
+			j && /* @__PURE__ */ x(ce, { children: /* @__PURE__ */ x(M, { prompt: j }) }),
 			ge ? _e : /* @__PURE__ */ x(te, {
 				false: !0,
 				children: /* @__PURE__ */ S(fe, {
 					tabIndex: 0,
-					children: [P === e.simple && /* @__PURE__ */ x(t, {
+					children: [F === e.simple && /* @__PURE__ */ x(t, {
 						onSimpleResponseChange: this.onSimpleResponseChange,
 						showCorrect: i,
-						emptyResponse: V,
+						emptyResponse: H,
 						model: n,
 						session: a,
 						onSubFieldFocus: this.onSubFieldFocus,
 						showKeypad: !!r
-					}), P === e.advanced && /* @__PURE__ */ x(de, {
+					}), F === e.advanced && /* @__PURE__ */ x(de, {
 						ref: s,
-						isIncorrect: !V && !J && !i,
-						isCorrect: !V && (J || i),
-						showCorrectness: !V && d && u && !p,
+						isIncorrect: !H && !Y && !i,
+						isCorrect: !H && (Y || i),
+						showCorrectness: !H && d && u && !p,
 						correctAnswerShown: i,
 						printCorrect: C && w,
 						children: /* @__PURE__ */ x(T, {
@@ -361,10 +362,10 @@ var U = class extends n.Component {
 							},
 							title: Object.keys(a.answers).map((e) => e === r && !(i || d) && /* @__PURE__ */ x(ue, {
 								"data-keypad": !0,
-								style: { width: ae(W, F) },
+								style: { width: ae(G, I) },
 								children: /* @__PURE__ */ x(o, {
-									additionalKeys: W,
-									mode: F || re,
+									additionalKeys: G,
+									mode: I || re,
 									onClick: this.onClick
 								})
 							}, e) || null),
@@ -373,7 +374,7 @@ var U = class extends n.Component {
 								ref: (e) => {
 									e && (this.mqStatic = e);
 								},
-								latex: Y,
+								latex: X,
 								language: E,
 								onSubFieldChange: this.subFieldChanged,
 								getFieldName: this.getFieldName,
@@ -385,16 +386,16 @@ var U = class extends n.Component {
 					})]
 				})
 			}),
-			X && B && /* @__PURE__ */ x(le, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${k}` } }),
-			X && Z && (v ? /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: h } }) : /* @__PURE__ */ x(M, {
+			Z && V && /* @__PURE__ */ x(le, { dangerouslySetInnerHTML: { __html: `<strong>Note:</strong> ${O(A)}` } }),
+			Z && Q && (v ? /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: O(h) } }) : /* @__PURE__ */ x(N, {
 				labels: {
-					hidden: I.t("common:showRationale", { lng: E }),
-					visible: I.t("common:hideRationale", { lng: E })
+					hidden: L.t("common:showRationale", { lng: E }),
+					visible: L.t("common:hideRationale", { lng: E })
 				},
-				children: /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: h } })
+				children: /* @__PURE__ */ x("div", { dangerouslySetInnerHTML: { __html: O(h) } })
 			}))
 		] });
-		return U && (H || Q || Z || g) ? /* @__PURE__ */ x(G, {
+		return W && (U || $ || Q || g) ? /* @__PURE__ */ x(K, {
 			extraCSSRules: f,
 			ref: (e) => {
 				let t = D.findDOMNode(e);
@@ -422,50 +423,50 @@ var U = class extends n.Component {
 					}
 				},
 				title: /* @__PURE__ */ S("div", { children: [
-					/* @__PURE__ */ x(K, { children: H && /* @__PURE__ */ x(he, {
+					/* @__PURE__ */ x(q, { children: U && /* @__PURE__ */ x(he, {
 						language: E,
 						show: !0,
 						toggled: i,
 						onToggle: this.toggleShowCorrect
 					}) }),
-					Q && /* @__PURE__ */ x(q, {
+					$ && /* @__PURE__ */ x(J, {
 						labels: {
-							hidden: I.t("common:showTeacherInstructions", { lng: E }),
-							visible: I.t("common:hideTeacherInstructions", { lng: E })
+							hidden: L.t("common:showTeacherInstructions", { lng: E }),
+							visible: L.t("common:hideTeacherInstructions", { lng: E })
 						},
-						children: /* @__PURE__ */ x(j, { prompt: m })
+						children: /* @__PURE__ */ x(M, { prompt: m })
 					}, "collapsible-teacher-instructions"),
-					B && b(k) && /* @__PURE__ */ x(q, {
+					V && b(A) && /* @__PURE__ */ x(J, {
 						labels: {
-							hidden: I.t("common:showNote", { lng: E }),
-							visible: I.t("common:hideNote", { lng: E })
+							hidden: L.t("common:showNote", { lng: E }),
+							visible: L.t("common:hideNote", { lng: E })
 						},
-						children: /* @__PURE__ */ x(j, { prompt: k })
+						children: /* @__PURE__ */ x(M, { prompt: A })
 					}, "collapsible-note"),
-					Z && /* @__PURE__ */ x(q, {
+					Q && /* @__PURE__ */ x(J, {
 						labels: {
-							hidden: I.t("common:showRationale", { lng: E }),
-							visible: I.t("common:hideRationale", { lng: E })
+							hidden: L.t("common:showRationale", { lng: E }),
+							visible: L.t("common:hideRationale", { lng: E })
 						},
-						children: /* @__PURE__ */ x(j, { prompt: h })
+						children: /* @__PURE__ */ x(M, { prompt: h })
 					}, "collapsible-rationale"),
 					g && /* @__PURE__ */ x(ne, {
 						correctness: u.correctness,
 						feedback: g
 					})
 				] }),
-				children: $
+				children: ve
 			})
-		}) : /* @__PURE__ */ x(G, {
+		}) : /* @__PURE__ */ x(K, {
 			extraCSSRules: f,
 			ref: (e) => {
 				let t = D.findDOMNode(e);
 				this.root = t || this.root;
 			},
-			children: $
+			children: ve
 		});
 	}
-}, W = () => ({
+}, G = () => ({
 	blockContainer: "block-container",
 	blockResponse: "block-response",
 	blockMath: "block-math"
@@ -519,16 +520,16 @@ if (typeof document < "u") {
     `, document.head.appendChild(t);
 	}
 }
-var G = w(A)(() => ({
+var K = w(j)(() => ({
 	color: _.text(),
 	backgroundColor: _.background(),
 	display: "inline-block"
-})), se = w(T)({}), ce = w("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), K = w("div")({
+})), se = w(T)({}), ce = w("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), q = w("div")({
 	width: "100%",
 	position: "relative",
 	backgroundColor: _.background(),
 	color: _.text()
-}), le = w("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), q = w(M)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ue = w("div")(({ theme: e }) => ({
+}), le = w("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), J = w(N)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), ue = w("div")(({ theme: e }) => ({
 	zIndex: 10,
 	minWidth: "400px",
 	marginTop: e.spacing(2)
@@ -607,4 +608,4 @@ var G = w(A)(() => ({
 	marginBottom: e.spacing(2)
 }));
 //#endregion
-export { U as Main, U as default };
+export { W as Main, W as default };