@pie-element/placement-ordering 14.1.2-next.28 → 14.1.2-next.31

package/dist/browser/delivery/index.js

@@ -1,5 +1,5 @@
 import { C as e, _ as t, b as n, g as r, k as i, l as a, r as o, t as s, u as c, v as l } from "../browser-DMpDEszG.js";
-import { Lt as u, T as d, at as f, c as p, ct as m, dt as h, ft as g, l as _, lt as v, mt as y, n as b, ot as x, s as S, st as C, t as w, u as T, ut as ee, v as E, zt as D } from "../drag-provider-idp5rv0b.js";
+import { Lt as u, Rt as d, T as f, at as p, c as m, ct as h, dt as g, ft as _, l as v, lt as y, mt as b, n as x, ot as S, s as C, st as w, t as ee, u as T, ut as E, v as D } from "../drag-provider-Bqirzqut.js";
 import { t as O } from "../dist-DCmVXYeO.js";
 import k, { createElement as A, useRef as j } from "react";
 import { createRoot as M } from "react-dom/client";
@@ -116,7 +116,7 @@ re.propTypes = {
 	fgFill: L.default.string.isRequired,
 	borderFill: L.default.string.isRequired
 };
-var ie = y("div")(({ size: e }) => ({
+var ie = b("div")(({ size: e }) => ({
 	width: e || "25px",
 	height: e || "25px"
 })), B = ({ open: e, size: t }) => /* @__PURE__ */ P(ie, {
@@ -136,7 +136,7 @@ B.propTypes = {
 }, B.defaultProps = { open: !1 };
 //#endregion
 //#region ../../lib-react/correct-answer-toggle/dist/expander.js
-var ae = "height ease-in 300ms, opacity ease-in 300ms", oe = y("div")(() => ({
+var ae = "height ease-in 300ms, opacity ease-in 300ms", oe = b("div")(() => ({
 	position: "relative",
 	height: 0,
 	overflow: "hidden",
@@ -172,7 +172,7 @@ var ae = "height ease-in 300ms, opacity ease-in 300ms", oe = y("div")(() => ({
 	}
 })), se = (e) => {
 	let { show: t, children: n, className: r } = e, i = j(null);
-	return /* @__PURE__ */ P(x, {
+	return /* @__PURE__ */ P(S, {
 		nodeRef: i,
 		in: t,
 		appear: !0,
@@ -204,29 +204,29 @@ function V(e) {
 function ce(e, t) {
 	return !e || V(e) ? e : V(e.default) ? e.default : t && V(e[t]) ? e[t] : t && V(e[t]?.default) ? e[t].default : e;
 }
-var le = ce(_, "Readable") || ce(ue.Readable, "Readable"), H = b, U = H.default, ue = U && typeof U == "object" ? U : H, { translator: W } = O, de = {
+var le = ce(v, "Readable") || ce(ue.Readable, "Readable"), H = x, U = H.default, ue = U && typeof U == "object" ? U : H, { translator: W } = O, de = {
 	WebkitTouchCallout: "none",
 	WebkitUserSelect: "none",
 	KhtmlUserSelect: "none",
 	MozUserSelect: "none",
 	msUserSelect: "none",
 	userSelect: "none"
-}, fe = y("div")(() => ({
+}, fe = b("div")(() => ({
 	width: "100%",
 	cursor: "pointer"
-})), pe = y("div")(() => ({
+})), pe = b("div")(() => ({
 	margin: "0 auto",
 	textAlign: "center",
 	display: "flex"
-})), me = y("div")(() => ({
+})), me = b("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, ${w.text()})`,
 	fontWeight: "normal",
 	...de
-})), G = y("div")(() => ({
+})), G = b("div")(() => ({
 	position: "absolute",
 	width: "25px",
 	"&.enter": { opacity: "0" },
@@ -239,7 +239,7 @@ var le = ce(_, "Readable") || ce(ue.Readable, "Readable"), H = b, U = H.default,
 		opacity: "0",
 		transition: "opacity 0.3s ease-in"
 	}
-})), he = y("div")(() => ({
+})), he = b("div")(() => ({
 	width: "25px",
 	marginRight: "5px",
 	display: "flex",
@@ -289,7 +289,7 @@ var le = ce(_, "Readable") || ce(ue.Readable, "Readable"), H = b, U = H.default,
 				children: /* @__PURE__ */ F(pe, {
 					onClick: this.onClick.bind(this),
 					onTouchEnd: this.onTouch.bind(this),
-					children: [/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(x, {
+					children: [/* @__PURE__ */ F(he, { children: [/* @__PURE__ */ P(S, {
 						nodeRef: this.openIconRef,
 						timeout: 400,
 						in: t,
@@ -304,7 +304,7 @@ var le = ce(_, "Readable") || ce(ue.Readable, "Readable"), H = b, U = H.default,
 							ref: this.openIconRef,
 							children: /* @__PURE__ */ P(B, { open: t }, "correct-open")
 						})
-					}), /* @__PURE__ */ P(x, {
+					}), /* @__PURE__ */ P(S, {
 						nodeRef: this.closedIconRef,
 						timeout: 5e3,
 						in: !t,
@@ -348,7 +348,7 @@ function ve() {
 }
 //#endregion
 //#region ../../lib-react/drag/dist/placeholder.js
-var ye = y("div")(({ theme: e }) => ({
+var ye = b("div")(({ theme: e }) => ({
 	"&.placeholder": {
 		WebkitTouchCallout: "none",
 		WebkitUserSelect: "none",
@@ -358,22 +358,22 @@ var ye = y("div")(({ theme: e }) => ({
 		userSelect: "none",
 		width: "100%",
 		height: "100%",
-		background: C.white(),
+		background: w.white(),
 		transition: "background-color 200ms linear, border-color 200ms linear",
 		boxSizing: "border-box",
 		display: "grid",
 		gridRowGap: e.spacing(1),
 		gridColumnGap: e.spacing(1),
 		padding: e.spacing(1),
-		border: `2px dashed ${C.black()}`
+		border: `2px dashed ${w.black()}`
 	},
 	"&.placeholderDisabled": {
 		boxShadow: "none",
-		background: C.white()
+		background: w.white()
 	},
 	"&.over": {
-		border: `1px solid ${C.border()}`,
-		backgroundColor: C.backgroundDark()
+		border: `1px solid ${w.border()}`,
+		backgroundColor: w.backgroundDark()
 	},
 	"&.board": {
 		padding: e.spacing(1),
@@ -384,7 +384,7 @@ var ye = y("div")(({ theme: e }) => ({
 		justifyContent: "center",
 		overflow: "hidden",
 		touchAction: "none",
-		backgroundColor: C.surface()
+		backgroundColor: w.surface()
 	},
 	"&.categorizeBoard": {
 		padding: e.spacing(.5),
@@ -395,7 +395,7 @@ var ye = y("div")(({ theme: e }) => ({
 		justifyContent: "center",
 		overflow: "hidden",
 		touchAction: "none",
-		backgroundColor: C.surface()
+		backgroundColor: w.surface()
 	},
 	"&.verticalPool": {
 		display: "flex",
@@ -407,7 +407,7 @@ var ye = y("div")(({ theme: e }) => ({
 		let e = a.rowsRepeatValue || "1fr";
 		p.gridTemplateRows = `repeat(${a.rows}, ${e})`;
 	}
-	i === "choice" && (p.border = `1px solid ${C.borderLight()}`, p.background = C.surface());
+	i === "choice" && (p.border = `1px solid ${w.borderLight()}`, p.background = w.surface());
 	let m = c ? "categorizeBoard" : "board";
 	return /* @__PURE__ */ P(ye, {
 		style: {
@@ -438,7 +438,7 @@ be.propTypes = {
 };
 //#endregion
 //#region src/delivery/tile.tsx
-var xe = (0, I.default)("pie-elements:placement-ordering:tile"), Se = y("div")(({ theme: e }) => ({
+var xe = (0, I.default)("pie-elements:placement-ordering:tile"), Se = b("div")(({ theme: e }) => ({
 	width: "100%",
 	fontSize: e.typography.fontSize + 4,
 	textAlign: "center",
@@ -455,33 +455,33 @@ Ce.propTypes = {
 	isOver: L.default.bool,
 	disabled: L.default.bool
 };
-var we = y("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled: i, outcome: a, label: o, type: s }) => ({
+var we = b("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled: i, outcome: a, label: o, type: s }) => ({
 	cursor: i ? "not-allowed" : "grab",
 	width: "100%",
 	height: "100%",
 	padding: "10px",
 	boxSizing: "border-box",
 	overflow: "hidden",
-	border: s === "choice" || s === "target" ? `1px solid ${C.border()}` : "1px solid transparent",
-	backgroundColor: s === "choice" || s === "target" ? C.background() : "transparent",
+	border: s === "choice" || s === "target" ? `1px solid ${w.border()}` : "1px solid transparent",
+	backgroundColor: s === "choice" || s === "target" ? w.background() : "transparent",
 	transition: s === "choice" || s === "target" ? "background-color 150ms ease, border-color 150ms ease, opacity 150ms ease" : "none",
 	pointerEvents: "none",
 	userSelect: "none",
 	...(s === "choice" || s === "target") && { "&:hover": {
-		backgroundColor: i ? C.background() : C.secondary(),
-		borderColor: i ? C.disabled() : e.palette.primary.main,
+		backgroundColor: i ? w.background() : w.secondary(),
+		borderColor: i ? w.disabled() : e.palette.primary.main,
 		transform: i ? "none" : "scale(1.02)"
 	} },
 	...(s === "choice" || s === "target") && r && !i && {
 		opacity: .4,
-		backgroundColor: C.primaryLight(),
+		backgroundColor: w.primaryLight(),
 		borderColor: e.palette.primary.main,
 		borderStyle: "dashed",
 		transform: "scale(1.05)"
 	},
 	...(s === "choice" || s === "target") && (t || n) && !i && {
 		opacity: .6,
-		backgroundColor: C.secondaryLight(),
+		backgroundColor: w.secondaryLight(),
 		transform: "scale(1.05) rotate(2deg)",
 		boxShadow: "0 8px 16px rgba(0,0,0,0.2)",
 		cursor: "grabbing"
@@ -489,12 +489,12 @@ var we = y("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 	...(s === "choice" || s === "target") && i && {
 		cursor: "not-allowed",
 		"&:hover": {
-			backgroundColor: C.background(),
+			backgroundColor: w.background(),
 			transform: "none"
 		}
 	},
-	...(s === "choice" || s === "target") && a === "incorrect" && { border: `1px solid ${C.incorrect()}` },
-	...(s === "choice" || s === "target") && a === "correct" && { border: `1px solid ${C.correct()}` },
+	...(s === "choice" || s === "target") && a === "incorrect" && { border: `1px solid ${w.incorrect()}` },
+	...(s === "choice" || s === "target") && a === "correct" && { border: `1px solid ${w.correct()}` },
 	...!o && {
 		border: "none",
 		"&:hover": { backgroundColor: "unset" }
@@ -517,21 +517,21 @@ var we = y("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 		dangerouslySetInnerHTML: { __html: o }
 	});
 }, K = (e) => {
-	let { label: t, type: n, id: r, empty: i, disabled: a, outcome: o, index: s, guideIndex: c, instanceId: l, draggable: u, tileIndex: d, selectedChoice: f, onChoiceClick: p, onPlacementClick: m } = e, _ = `tile-${n}-${r ?? "empty"}-${d}-${l}`, v = `drop-${n}-${r ?? "empty"}-${d}-${l}`, y = {
+	let { label: t, type: n, id: r, empty: i, disabled: a, outcome: o, index: s, guideIndex: c, instanceId: l, draggable: u, tileIndex: d, selectedChoice: f, onChoiceClick: p, onPlacementClick: m } = e, h = `tile-${n}-${r ?? "empty"}-${d}-${l}`, v = `drop-${n}-${r ?? "empty"}-${d}-${l}`, y = {
 		id: r,
 		type: n,
 		instanceId: l,
 		value: t,
 		index: s
-	}, { attributes: b, listeners: x, setNodeRef: S, transform: C, isDragging: w } = h({
-		id: _,
+	}, { attributes: b, listeners: x, setNodeRef: S, transform: C, isDragging: w } = g({
+		id: h,
 		data: y,
 		disabled: !u || a
-	}), { setNodeRef: T, isOver: ee } = g({
+	}), { setNodeRef: ee, isOver: T } = _({
 		id: v,
 		data: y,
 		disabled: w
-	}), E = !!f && f.type === y.type && f.id === y.id && f.index === y.index, [D, O] = k.useState(!1), A = !!f && !a, j = ee || n === "target" && A && D, M = () => {
+	}), E = !!f && f.type === y.type && f.id === y.id && f.index === y.index, [D, O] = k.useState(!1), A = !!f && !a, j = T || n === "target" && A && D, M = () => {
 		a || (n === "choice" ? f?.type === "target" ? m?.(y) : u && p?.(y) : n === "target" && (E ? p?.(y) : f ? m?.(y) : u && p?.(y)));
 	}, N = !(u && !a) && !a && A, F = (e) => {
 		(e.code === "Space" || e.code === "Enter") && (e.preventDefault(), M());
@@ -545,7 +545,7 @@ var we = y("div")(({ theme: e, isDragging: t, isSelected: n, isOver: r, disabled
 		};
 	}, []);
 	let te = (e) => {
-		I.current = e, S(e), T(e);
+		I.current = e, S(e), ee(e);
 	};
 	xe("[render], props: ", e);
 	let L = n === "target" ? `target-${s}` : n === "choice" ? `choice-${r}` : null, R = L ? `${l}:${L}` : void 0;
@@ -632,21 +632,21 @@ var q = {
 		key: n
 	}));
 	return t.propTypes = { ...q }, t;
-}, Oe = y("div")(({ theme: e, includeTargets: t }) => ({
+}, Oe = b("div")(({ theme: e, includeTargets: t }) => ({
 	display: "grid",
 	paddingBottom: e.spacing(2),
 	...t && { gridGap: "10px" }
-})), ke = y("div")({ textAlign: "center" }), Ae = y("div")({
+})), ke = b("div")({ textAlign: "center" }), Ae = b("div")({
 	textAlign: "center",
 	gridRow: "3/4"
-}), je = y("div")(({ includeTargets: e }) => ({
+}), je = b("div")(({ includeTargets: e }) => ({
 	gridAutoFlow: "column",
 	display: "grid",
 	...e && { gridGap: "10px" }
-})), Me = y("div")({
+})), Me = b("div")({
 	gridColumn: "1/2",
 	textAlign: "center"
-}), Ne = y("div")({
+}), Ne = b("div")({
 	gridColumn: "2/3",
 	textAlign: "center"
 }), Pe = class extends k.Component {
@@ -781,9 +781,9 @@ var He = (e, t) => {
 	let n = (e) => e.map((e) => JSON.stringify(e)).sort(), r = n(e), i = n(t), a = r.every((e, t) => e === i[t]), o = e.every((e, n) => JSON.stringify(e) === JSON.stringify(t[n]));
 	return a && !o;
 }, Ue = (e, { active: t, context: n, currentCoordinates: r }) => {
-	let { code: i } = e, a = i === "Tab", o = i === m.Down || i === m.Up || i === m.Left || i === m.Right;
+	let { code: i } = e, a = i === "Tab", o = i === h.Down || i === h.Up || i === h.Left || i === h.Right;
 	if (!a && !o) return;
-	if (o) return v(e, {
+	if (o) return y(e, {
 		context: n,
 		currentCoordinates: r
 	});
@@ -796,11 +796,11 @@ var He = (e, t) => {
 	}, p = {
 		x: r.x + f.x,
 		y: r.y + f.y
-	}, h = u?.get(t)?.data?.current?.id, g = d?.rect?.current?.initial, _ = typeof t == "string" ? t.replace(/^tile-/, "drop-") : void 0, y = [], b;
+	}, m = u?.get(t)?.data?.current?.id, g = d?.rect?.current?.initial, _ = typeof t == "string" ? t.replace(/^tile-/, "drop-") : void 0, v = [], b;
 	for (let [e, t] of c) {
 		let n = t?.data?.current, r = e === _;
 		if (t?.disabled && !r) continue;
-		let i = n?.type === "choice" && n?.id === h;
+		let i = n?.type === "choice" && n?.id === m;
 		if (n?.type === "choice" && !i) continue;
 		let a = (r ? g : null) || s.get(e);
 		if (!a) continue;
@@ -815,17 +815,17 @@ var He = (e, t) => {
 			},
 			center: o
 		};
-		i ? b = c : y.push(c);
+		i ? b = c : v.push(c);
 	}
-	if (y.length === 0 && !b) return r;
+	if (v.length === 0 && !b) return r;
 	let x = e.shiftKey;
-	y.sort((e, t) => Math.abs(e.center.y - t.center.y) > 10 ? e.center.y - t.center.y : e.center.x - t.center.x), b && y.push(b);
+	v.sort((e, t) => Math.abs(e.center.y - t.center.y) > 10 ? e.center.y - t.center.y : e.center.x - t.center.x), b && v.push(b);
 	let S = 0, C = Infinity;
-	for (let e = 0; e < y.length; e++) {
-		let t = We(p, y[e].center);
+	for (let e = 0; e < v.length; e++) {
+		let t = We(p, v[e].center);
 		t < C && (C = t, S = e);
 	}
-	return y[x ? (S - 1 + y.length) % y.length : (S + 1) % y.length].dropPosition;
+	return v[x ? (S - 1 + v.length) % v.length : (S + 1) % v.length].dropPosition;
 }, We = (e, t) => Math.sqrt((e.x - t.x) ** 2 + (e.y - t.y) ** 2);
 //#endregion
 //#region src/delivery/placement-ordering.tsx
@@ -835,7 +835,7 @@ function Y(e) {
 function X(e, t) {
 	return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
 }
-var Ge = X(E, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), Ke = X(f, "Feedback") || X($.Feedback, "Feedback"), qe = X(d, "Collapsible") || X($.Collapsible, "Collapsible"), Je = b, Q = Je.default, $ = Q && typeof Q == "object" ? Q : Je, Ye = 250, Xe = (e, t) => {
+var Ge = X(D, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), Ke = X(p, "Feedback") || X($.Feedback, "Feedback"), qe = X(f, "Collapsible") || X($.Collapsible, "Collapsible"), Je = x, Q = Je.default, $ = Q && typeof Q == "object" ? Q : Je, Ye = 250, Xe = (e, t) => {
 	if (!e || !t) return !1;
 	let n = t.left + t.width / 2, r = t.top + t.height / 2;
 	return n >= e.left && n <= e.right && r >= e.top && r <= e.bottom;
@@ -847,23 +847,23 @@ var Ge = X(E, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(T, "PreviewPrompt"
 		end: ["Space", "Enter"]
 	},
 	accessibility: { screenReaderInstructions: { draggable: "Press Space or Enter to pick up this answer choice. Once picked up, use Tab or Shift+Tab to cycle through response areas, or use arrow keys to move it freely. Press Space or Enter to drop, or Escape to cancel." } }
-} : {}, { translator: Qe } = O, $e = (0, I.default)("pie-elements:placement-ordering"), et = y("div")({
-	color: C.text(),
-	backgroundColor: C.background(),
+} : {}, { translator: Qe } = O, $e = (0, I.default)("pie-elements:placement-ordering"), et = b("div")({
+	color: w.text(),
+	backgroundColor: w.background(),
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "center",
 	boxSizing: "border-box"
-}), tt = y("div")({
+}), tt = b("div")({
 	alignSelf: "stretch",
 	maxWidth: "100%",
 	overflowX: "auto",
 	overflowY: "hidden"
-}), nt = y("div")({
+}), nt = b("div")({
 	display: "flex",
 	justifyContent: "center",
 	minWidth: "min-content"
-}), rt = y("div")(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), it = y("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), at = y(ge)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), ot = y(qe)(({ theme: e }) => ({
+}), rt = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), it = b("div")(({ theme: e }) => ({ paddingBottom: e.spacing(2) })), at = b(ge)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), ot = b(qe)(({ theme: e }) => ({
 	marginBottom: e.spacing(2),
 	alignSelf: "flex-start"
 })), st = (e) => {
@@ -902,7 +902,7 @@ var ct = class extends k.Component {
 	}
 	toggleCorrect = (e) => this.setState({ showingCorrect: e });
 	componentDidUpdate() {
-		D(N.findDOMNode(this));
+		d(N.findDOMNode(this));
 	}
 	validateSession = ({ model: e, session: t }, n = !1) => {
 		let { config: r, choices: i } = e || {}, { includeTargets: a } = r || {}, s = i.map((e) => e.id), { value: c } = t || {}, u;
@@ -1032,12 +1032,12 @@ var ct = class extends k.Component {
 		this.isClickSoonAfterDragEnd() || this.placeSelectedChoice(e);
 	};
 	render() {
-		let { model: e } = this.props, { correctResponse: t, correctness: n, extraCSSRules: r, prompt: i, rationale: a, feedback: o, config: s, note: c, showNote: l, env: u, disabled: d, teacherInstructions: f, language: m } = e, h = t && t.length > 0, { showingCorrect: g } = this.state, _ = s || {
+		let { model: e } = this.props, { correctResponse: t, correctness: n, extraCSSRules: r, prompt: i, rationale: a, feedback: o, config: s, note: c, showNote: l, env: u, disabled: d, teacherInstructions: f, language: p } = e, h = t && t.length > 0, { showingCorrect: g } = this.state, _ = s || {
 			orientation: "vertical",
 			includeTargets: !0
-		}, { orientation: v, includeTargets: y } = _, b = v === "vertical", x = this.createOrdering(), { mode: T, role: E } = u || {}, D = b ? Fe : Pe, O = (g || T === "view" && E === "instructor") && l && c, k = a && (p(a) || S(a)), A = f && (p(f) || S(f)), j = {
-			color: C.text(),
-			backgroundColor: C.background(),
+		}, { orientation: v, includeTargets: y } = _, b = v === "vertical", x = this.createOrdering(), { mode: S, role: T } = u || {}, D = b ? Fe : Pe, O = (g || S === "view" && T === "instructor") && l && c, k = a && (m(a) || C(a)), A = f && (m(f) || C(f)), j = {
+			color: w.text(),
+			backgroundColor: w.background(),
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
@@ -1048,11 +1048,11 @@ var ct = class extends k.Component {
 			onChoiceClick: this.onChoiceClick,
 			onPlacementClick: this.onPlacementClick
 		} : {};
-		return /* @__PURE__ */ P(w, {
+		return /* @__PURE__ */ P(ee, {
 			onDragStart: this.onDragStart,
 			onDragEnd: this.onDragEnd,
 			onDragCancel: this.onDragCancel,
-			collisionDetection: ee,
+			collisionDetection: E,
 			modifiers: [ne],
 			...Ze(y),
 			children: /* @__PURE__ */ P(et, { children: /* @__PURE__ */ F(Ge, {
@@ -1072,7 +1072,7 @@ var ct = class extends k.Component {
 						show: h,
 						toggled: g,
 						onToggle: this.toggleCorrect,
-						language: m
+						language: p
 					}),
 					/* @__PURE__ */ P(tt, { children: /* @__PURE__ */ P(nt, { children: /* @__PURE__ */ P(st, {
 						instanceId: this.instanceId,
@@ -1127,7 +1127,7 @@ var ct = class extends k.Component {
 	}
 	_scheduleMathRender = () => {
 		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && this._mathObserver.disconnect(), D(this), this._mathRenderPending = !1, setTimeout(() => {
+			this._mathObserver && this._mathObserver.disconnect(), d(this), this._mathRenderPending = !1, setTimeout(() => {
 				this._mathObserver && this._mathObserver.observe(this, {
 					childList: !0,
 					subtree: !0