@pie-element/element-player 0.1.3-next.20261002222413 → 0.1.3-next.20261003064518

package/README.md

@@ -17,7 +17,7 @@ Use the player as a **Node package dependency** in modern applications.
 
 Positioning note:
 
-- In normal production integrations, use the standard production player stacks from the upstream PIE projects (`../pie-elements` and `../pie-players`).
+- In normal production integrations, use the standard production player stacks from the `pie-elements` and `pie-players` projects.
 - Treat `@pie-element/element-player` as a flexible element-level host for development, testing, and composable/advanced embedding scenarios.
 
 Why this is preferred:

package/dist/math-mathjax-BAEg0YgQ.js

@@ -0,0 +1,598 @@
+//#region ../shared/math-rendering-mathjax/dist/index.js
+var e = "http://www.w3.org/1998/Math/MathML", t = /^([a-z_][\w.-]*):math$/, n = /^[a-z][a-z0-9-]*$/;
+function r(e) {
+	for (let n of e.querySelectorAll("*")) {
+		let r = t.exec(n.tagName.toLowerCase())?.[1];
+		!r || !e.contains(n) || n.closest("mjx-container") || n.replaceWith(i(n, `${r}:`));
+	}
+}
+function i(t, r) {
+	let a = t.tagName.toLowerCase().slice(r.length);
+	if (!n.test(a)) return t;
+	let o = t.ownerDocument.createElementNS(e, a);
+	for (let e of t.attributes) o.setAttribute(e.name, e.value);
+	for (let e of [...t.childNodes]) {
+		let t = e instanceof Element && e.tagName.toLowerCase().startsWith(r);
+		o.appendChild(t ? i(e, r) : e);
+	}
+	return o;
+}
+var a = /* @__PURE__ */ new Set([
+	"updiagonalstrike",
+	"downdiagonalstrike",
+	"verticalstrike",
+	"horizontalstrike"
+]), o = {
+	thin: "0.035em",
+	medium: "0.07em",
+	thick: "0.14em"
+}, s = {
+	tight: "0em",
+	medium: "0.1em",
+	loose: "0.2em"
+}, c = /^(\d+(\.\d*)?|\.\d+)(em|ex|px|pt|pc|in|cm|mm)$/, l = /^(#[0-9a-f]{3,8}|[a-z]+)$/i, u = /^(\d+(\.\d*)?|\.\d+)$/, d = /* @__PURE__ */ new Set([
+	"mn",
+	"mo",
+	"mi",
+	"mtext"
+]), f = /* @__PURE__ */ new Set([
+	"stackalign",
+	"charalign",
+	"charspacing",
+	"longdivstyle"
+]);
+function p(t, n, r = [], i = {}) {
+	let a = t.createElementNS(e, n);
+	for (let [e, t] of Object.entries(i)) a.setAttribute(e, t);
+	for (let e of r) e && a.appendChild(e);
+	return a;
+}
+function m(e, t) {
+	let n = p(e.document, "mo");
+	return n.textContent = t, n;
+}
+function h(e) {
+	let t = p(e.document, "mn");
+	return t.textContent = "0", p(e.document, "mphantom", [t]);
+}
+function g(e, t) {
+	return e.getAttribute(t)?.trim().toLowerCase() || void 0;
+}
+function _(e, t) {
+	let n = Number.parseInt(e.getAttribute(t) ?? "", 10);
+	return Number.isFinite(n) ? n : 0;
+}
+function v(e) {
+	return e.localName === "none" || e.localName === "mrow" && e.children.length === 0 && !e.textContent?.trim();
+}
+function y(e, t, n = e) {
+	switch (t) {
+		case "left": return 0;
+		case "center": return Math.floor(e / 2);
+		case "right": return e;
+		default: return n;
+	}
+}
+function b(e, t, n) {
+	let r = [], i, a, o = (e, t) => {
+		let s = (e) => t.reduceRight((e, t) => {
+			let n = t.cloneNode(!1);
+			return n.appendChild(e), n;
+		}, e);
+		if (e.localName === "mstyle") for (let n of [...e.children]) o(n, [...t, e]);
+		else if (v(e)) r.push(null);
+		else if (e.localName === "mn" && e.children.length === 0) {
+			let t = [...(e.textContent ?? "").trim()];
+			for (let a of t) {
+				a === n.decimalPoint && (i ??= r.length);
+				let t = e.cloneNode(!1);
+				t.textContent = a, r.push(s(t));
+			}
+			t.length && (a ??= r.length);
+		} else d.has(e.localName) && e.textContent?.trim() === n.decimalPoint && (i ??= r.length), r.push(s(e));
+	};
+	for (let t of e) o(t, []);
+	return {
+		kind: "digits",
+		cells: r,
+		anchor: y(r.length, n.stackAlign, i ?? a),
+		position: t
+	};
+}
+function x(e) {
+	return (e ?? "").toLowerCase().split(/\s+/).filter((e) => a.has(e));
+}
+function S(e, t) {
+	let n = [...e.children].filter((e) => !v(e));
+	return n.length <= 1 ? n[0] ?? null : p(t.document, "mrow", n);
+}
+function ee(e, t, n) {
+	let r = g(e, "location") ?? "n", i = x(e.getAttribute("crossout")), a = [...e.children].map((e) => v(e) ? null : e.localName === "mscarry" ? {
+		content: S(e, n),
+		location: g(e, "location") ?? r,
+		crossout: e.hasAttribute("crossout") ? x(e.getAttribute("crossout")) : i
+	} : {
+		content: e,
+		location: r,
+		crossout: i
+	}), o = e.getAttribute("scriptsizemultiplier")?.trim() ?? "";
+	return {
+		kind: "carries",
+		carries: a,
+		anchor: y(a.length, n.stackAlign),
+		position: t,
+		scale: u.test(o) ? o : "0.6"
+	};
+}
+function C(e) {
+	let t = g(e, "mslinethickness") ?? "medium", n = o[t] ?? (c.test(t) ? t : "0.07em"), r = e.getAttribute("mathcolor")?.trim() ?? "";
+	return `${n} solid ${l.test(r) ? r : "currentColor"}`;
+}
+function te(e, t, n) {
+	let r = Math.max(0, _(e, "length"));
+	return {
+		kind: "line",
+		length: r,
+		anchor: y(r, n.stackAlign),
+		position: t,
+		border: C(e)
+	};
+}
+function w(e, t, n, r, i) {
+	e.forEach((e, a) => {
+		let o = t + a * n + _(e, "position");
+		switch (e.localName) {
+			case "msgroup":
+				w([...e.children], o, _(e, "shift"), r, i);
+				break;
+			case "msline":
+				i.push(te(e, o, r));
+				break;
+			case "mscarries":
+				i.push(ee(e, o, r));
+				break;
+			case "msrow":
+			case "mrow":
+				i.push(b([...e.children], o, r));
+				break;
+			default: i.push(b([e], o, r));
+		}
+	});
+}
+function T(e) {
+	return -e.anchor - e.position;
+}
+function E(e) {
+	return e.kind === "digits" ? e.cells.length : e.kind === "carries" ? e.carries.length : e.length;
+}
+function D(e) {
+	return T(e) + E(e) - 1;
+}
+function ne(e, t, n, r) {
+	let i = (e) => p(r.document, "mpadded", [t], {
+		width: "0",
+		...e ? { lspace: e } : {}
+	}), a = (e, t) => p(r.document, e, t);
+	switch (n) {
+		case "s": return a("munder", [e, i("-0.5width")]);
+		case "ne": return a("msup", [e, i()]);
+		case "se": return a("msub", [e, i()]);
+		case "nw": return a("mmultiscripts", [
+			e,
+			a("mprescripts", []),
+			a("none", []),
+			i("-1width")
+		]);
+		case "sw": return a("mmultiscripts", [
+			e,
+			a("mprescripts", []),
+			i("-1width"),
+			a("none", [])
+		]);
+		case "w": return t.setAttribute("scriptlevel", "+1"), a("mrow", [i("-1width"), e]);
+		case "e": return t.setAttribute("scriptlevel", "+1"), a("mrow", [e, i()]);
+		default: return a("mover", [e, i("-0.5width")]);
+	}
+}
+function re(e, t, n) {
+	let r = p(n.document, "menclose", [e], {
+		notation: t.join(" "),
+		"data-padding": "0.1em",
+		"data-thickness": "0.067em"
+	}), i = t.some((e) => e.endsWith("diagonalstrike")) ? .167 : t.includes("horizontalstrike") ? .1 : 0;
+	return i ? p(n.document, "mpadded", [r], {
+		lspace: `-${i}em`,
+		width: `-${2 * i}em`
+	}) : r;
+}
+function ie(e, t, n, r, i) {
+	let a = e && t.crossout.length ? re(e, t.crossout, i) : e;
+	if (!t.content) return a;
+	let o = p(i.document, "mstyle", [t.content], { scriptsizemultiplier: r });
+	return ne(a ?? h(i), o, n, i);
+}
+function O(e, t) {
+	return e.carries[t - T(e)] ?? null;
+}
+function ae(e, t, n, r) {
+	let i = e.content;
+	n.forEach((e, a) => {
+		let o = n.length - 1 - a, s = n[o], c = O(s, t), l = n.slice(0, o).some((e) => O(e, t));
+		if (!c && !l) return;
+		let u = c ?? {
+			content: h(r),
+			location: "n",
+			crossout: []
+		}, d = a === 0 ? u.location : "n";
+		i = ie(i, u, d, s.scale, r);
+	}), e.content = i;
+}
+function k(e, t) {
+	let n = e.filter((e) => E(e) > 0), r = Math.min(0, ...n.map(T)), i = Math.max(r, ...n.map(D)) - r + 1, a = -r, o = [], s = /* @__PURE__ */ new Map(), c = () => Array.from({ length: i }, () => ({
+		content: null,
+		borders: {}
+	})), l = (e) => e.length === 0 ? Array.from({ length: i }, (e, t) => t) : Array.from({ length: e.length }, (t, n) => a + T(e) + n), u = [], d = [], f = (e) => {
+		let n = c();
+		e.cells.forEach((t, r) => {
+			n[a + T(e) + r].content = t;
+		}), u.length && n.forEach((e, n) => {
+			ae(e, n - a, u, t);
+		});
+		for (let e of d) for (let t of l(e)) n[t].borders.top = e.border;
+		u = [], d = [], s.set(e, o.length), o.push(n);
+	};
+	for (let t of e) t.kind === "digits" ? f(t) : t.kind === "carries" ? u.push(t) : d.push(t);
+	(u.length || !o.length) && f({
+		kind: "digits",
+		cells: [],
+		anchor: 0,
+		position: 0
+	});
+	let p = o[o.length - 1];
+	for (let e of d) for (let t of l(e)) p[t].borders.bottom = e.border;
+	return {
+		rows: o,
+		rowOf: s,
+		origin: a
+	};
+}
+function A(e, { rows: t }, n) {
+	let r = p(n.document, "mtable", t.map((e) => p(n.document, "mtr", e.map((e) => {
+		let t = Object.entries(e.borders).map(([e, t]) => `border-${e}:${t}`).join(";");
+		return p(n.document, "mtd", [e.content], {
+			...t ? { style: t } : {},
+			...e.align ? { columnalign: e.align } : {}
+		});
+	}))));
+	for (let { name: t, value: n } of [...e.attributes]) f.has(t) || r.setAttribute(t, n);
+	let i = g(e, "charspacing") ?? "medium", a = g(e, "charalign");
+	return r.setAttribute("columnspacing", s[i] ?? (c.test(i) ? i : s.medium)), r.setAttribute("columnalign", a === "left" || a === "center" ? a : "right"), r.setAttribute("rowspacing", "0"), r.setAttribute("align", e.getAttribute("align") ?? "baseline"), r;
+}
+function j(e) {
+	return {
+		document: e.ownerDocument,
+		stackAlign: g(e, "stackalign") ?? "decimalpoint",
+		decimalPoint: e.closest("[decimalpoint]")?.getAttribute("decimalpoint")?.trim().charAt(0) || "."
+	};
+}
+function oe(e) {
+	let t = j(e), n = [];
+	return w([...e.children], 0, 0, t, n), A(e, k(n, t), t);
+}
+function M(e, t, n, r, i, a) {
+	for (let o = n; o <= r; o++) e[t][o].borders[i] = a;
+}
+function se(e, t) {
+	let n = m(t, ")");
+	return n.setAttribute("minsize", "1.2em"), [p(t.document, "mrow", [e, p(t.document, "mspace", [], { width: "0.2em" })]), p(t.document, "mpadded", [n], {
+		voffset: "0.1em",
+		lspace: "-0.15em",
+		depth: "-0.2em",
+		height: "-0.2em"
+	})];
+}
+function ce(e) {
+	let t = j(e), [n, r, ...i] = [...e.children], a = n && !v(n) ? n : null, o = r && !v(r) ? r : null, s = g(e, "longdivstyle") ?? "lefttop", c = C(e), l = [];
+	w(i, 0, 0, t, l);
+	let u = l.find((e) => e.kind === "digits");
+	u || (u = {
+		kind: "digits",
+		cells: [],
+		anchor: 0,
+		position: 0
+	}, l.unshift(u));
+	let d = [], f = (...e) => {
+		u.cells.unshift(...e), u.anchor += e.length;
+	}, p = (...e) => {
+		let n = e.flatMap((e) => e ? e.localName === "mrow" ? [...e.children] : [e] : []);
+		u.cells.push(...b(n, 0, t).cells);
+	};
+	switch (s) {
+		case "left/\\right":
+			f(a, m(t, "/")), p(m(t, "\\"), o);
+			break;
+		case "left)(right":
+			f(a, m(t, ")")), p(m(t, "("), o);
+			break;
+		case ":right=right":
+			p(m(t, ":"), a, m(t, "="), o);
+			break;
+		case "righttop":
+		case "stackedleftlinetop":
+		case "lefttop":
+			o && w([o], 0, 0, t, d), l.splice(l.indexOf(u), 0, ...d), s === "righttop" ? p(a) : s === "stackedleftlinetop" ? f(a) : f(...se(a, t));
+			break;
+	}
+	let h = k(l, t), _ = h.rows, y = h.rowOf.get(u) ?? 0, x = (e) => h.origin + T(u) + e, S = Math.max(x(u.cells.length - 1), ...d.map((e) => h.origin + D(e)));
+	switch (s) {
+		case "left/\\right":
+		case "left)(right":
+		case ":right=right": break;
+		case "righttop": {
+			let e = _[y][x(u.cells.length - 1)];
+			e.borders.left = c, e.borders.bottom = c, M(_, y, x(0), x(u.cells.length - 1), "top", c);
+			break;
+		}
+		case "stackedleftlinetop": {
+			let e = _[y][x(0)];
+			e.borders.right = c, e.borders.bottom = c, M(_, y, x(1), S, "top", c);
+			break;
+		}
+		case "stackedrightright":
+		case "mediumstackedrightright":
+		case "shortstackedrightright":
+		case "stackedleftleft":
+			le(_, y, s, a, o, c, t);
+			break;
+		default: M(_, y, x(1), S, "top", c);
+	}
+	return A(e, h, t);
+}
+function le(e, t, n, r, i, a, o) {
+	let s = n === "stackedleftleft", c = s ? "right" : "left", l = (e) => e && p(o.document, "mpadded", [e], {
+		lspace: "0.2em",
+		width: "+0.4em"
+	});
+	e.length < t + 2 && e.push(e[0].map(() => ({
+		content: null,
+		borders: {}
+	}))), e.forEach((e, o) => {
+		let u = {
+			content: null,
+			borders: {},
+			align: s ? "right" : "left"
+		};
+		o === t ? (u.content = l(r), u.borders = {
+			[c]: a,
+			bottom: a
+		}) : o === t + 1 ? (u.content = l(i), n !== "shortstackedrightright" && (u.borders[c] = a)) : o > t + 1 && (n === "stackedrightright" || s) && (u.borders[c] = a), s ? e.unshift(u) : e.push(u);
+	});
+}
+function ue(e) {
+	for (let t of [...e.querySelectorAll("mstack, mlongdiv")]) !t.closest("math") || t.closest("mjx-container") || t.replaceWith(t.localName === "mstack" ? oe(t) : ce(t));
+}
+var N = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page", de = "pie-mathjax-version-conflict", P = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function F(e, t) {
+	if (typeof window > "u") return;
+	let n = globalThis;
+	n[P] ??= {
+		logged: !1,
+		conditions: []
+	};
+	let r = n[P];
+	if (r.conditions.includes(e)) return;
+	r.conditions.push(e);
+	let i = `[math-rendering] Unsupported page (${e}): ${t}. PIE supports one MathJax major version per page; with MathJax 3 and 4 on one page, math rendering is best effort and may break. See ${N}`;
+	r.logged || (r.logged = !0, console.error(i)), window.dispatchEvent(new CustomEvent(de, { detail: {
+		condition: e,
+		message: i,
+		docsUrl: N
+	} }));
+}
+function fe() {
+	let e = window.MathJax?.version;
+	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
+}
+var I = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js", L = {
+	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
+	overarc: "\\overparen",
+	napprox: "\\not\\approx",
+	longdiv: "\\enclose{longdiv}",
+	abs: ["\\left|#1\\right|", 1]
+}, R = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)", z = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/, B = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/, V = /\\embed\{newLine\}\[\]/g, pe = [
+	["$$", "$$"],
+	["$", "$"],
+	["\\[", "\\]"],
+	["\\(", "\\)"]
+], H = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading"), U = "PIE-MJX-CHTML-styles", W = "MJX-CHTML-styles", me = "PIE-MJX-SVG-styles", he = "MJX-SVG-styles", G = "PIE-MathJax-Menu-Settings", ge = [W, he], _e = { "mjx-container[overflow=\"linebreak\"][display]": {
+	overflow: "auto clip",
+	"min-width": "initial !important"
+} }, ve = 200, ye = 201;
+function K(e) {
+	let t = [...e.matches("mjx-container") ? [e] : [], ...e.querySelectorAll("mjx-container")];
+	for (let e of t) for (let t of [e, ...e.querySelectorAll("[data-latex],[data-latex-item]")]) t.removeAttribute("data-latex"), t.removeAttribute("data-latex-item");
+}
+function q() {
+	return window.MathJax;
+}
+function be(e) {
+	for (let [t, n] of pe) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
+	return e;
+}
+function xe(e) {
+	return be(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
+}
+var Se = "mathjax_ignore", J = "mathjax_process";
+function Ce(e, t) {
+	let n = e.closest(`.${Se}, .${J}`);
+	return n !== null && t.contains(n) && !n.classList.contains(J);
+}
+function we(e) {
+	for (let t of e.querySelectorAll("[data-latex]")) {
+		if (t.dataset.mathHandled || t.closest("mjx-container") || Ce(t, e)) continue;
+		let n = t.textContent;
+		n && (t.textContent = `\\(${xe(n)}\\)`.replace(V, "\\newline "), t.dataset.mathHandled = "true");
+	}
+}
+function Te(e) {
+	for (let t of e.querySelectorAll("math")) t.closest("mjx-container") || t.setAttribute("displaystyle", "true");
+}
+function Ee(e, t) {
+	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
+	return (t ? B : z).test(e.textContent ?? "");
+}
+function De(e) {
+	return new Promise((t, n) => {
+		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = e, s = {
+			loader: {
+				load: i ? ["a11y/assistive-mml"] : [],
+				failed: (e) => n(e),
+				"output/svg": { ready: (e) => {
+					let t = q();
+					return Y(t) && X(t), e;
+				} }
+			},
+			startup: {
+				typeset: !1,
+				ready: () => {
+					let e = q(), r = e?.startup, i = Y(e);
+					i && (X(e), Z(e)), r?.defaultReady?.(), i && (Oe(r?.document), r?.document?.addStyles?.(_e)), Promise.resolve(r?.promise).then(() => t(), n);
+				}
+			},
+			tex: { macros: { ...L } },
+			output: { displayOverflow: "linebreak" },
+			options: {
+				enableMenu: i,
+				menuOptions: { settings: {
+					assistiveMml: i,
+					enrich: !1,
+					inTabOrder: !1
+				} },
+				a11y: { inTabOrder: !1 }
+			}
+		};
+		r && s.tex && (console.warn(R), s.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], s.tex.processEscapes = !0), a || (s.chtml = { fontURL: "" }), window.MathJax = s;
+		let c = document.createElement("script");
+		c.src = o || I, c.async = !0, c.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(c);
+	});
+}
+function Y(e) {
+	return !!e?.version?.startsWith("4.");
+}
+function X(e) {
+	let t = e?._?.output, n = t?.chtml_ts?.CHTML;
+	n && (n.STYLESHEETID = U);
+	let r = t?.svg_ts?.SVG;
+	r && (r.STYLESHEETID = me);
+}
+function Z(e) {
+	let t = e?._?.ui?.menu?.Menu?.Menu;
+	if (t) {
+		t.MENU_STORAGE = G;
+		try {
+			let e = localStorage.getItem(G);
+			if (!e) return;
+			let { assistiveMml: t, ...n } = JSON.parse(e);
+			if (t === void 0) return;
+			Object.keys(n).length ? localStorage.setItem(G, JSON.stringify(n)) : localStorage.removeItem(G);
+		} catch {}
+	}
+}
+function Oe(e) {
+	if (!e) return;
+	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+		let n = e.typesetRoot;
+		!n || t.has(n) || (K(n), t.add(n));
+	};
+	e.addRenderAction?.("pie-strip-latex", ye, (e) => {
+		for (let t of e.math ?? []) n(t);
+		return !1;
+	}, (e) => {
+		let t = e.typesetRoot;
+		return t && K(t), !1;
+	});
+	let r = e.outputJax?.chtmlStyles;
+	r?.id === W && (r.id = U), ke();
+}
+function Q(e) {
+	return e instanceof HTMLStyleElement && ge.includes(e.id);
+}
+function $(e) {
+	F("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+}
+function ke() {
+	let e = document.head, t = [...e.children].find(Q);
+	if (t) {
+		$(t);
+		return;
+	}
+	let n = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = [...t.addedNodes].find(Q);
+			if (e) {
+				$(e), n.disconnect();
+				return;
+			}
+		}
+	});
+	n.observe(e, { childList: !0 });
+}
+function Ae(e) {
+	let t = e?.math;
+	if (!t?.remove) return;
+	let n = [...t].filter((e) => (e.state?.() ?? 0) >= ve && e.typesetRoot?.isConnected === !1);
+	if (n.length !== 0) {
+		for (let e of [...n].reverse()) e.clear?.();
+		t.remove(...n);
+	}
+}
+function je(e) {
+	return new Promise((t, n) => {
+		let r = e.startup ?? {};
+		e.startup = r;
+		let i = r.ready;
+		r.ready = () => {
+			let e = q()?.startup;
+			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
+		};
+	});
+}
+function Me(e) {
+	let t = q();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : je(t) : De(e);
+}
+function Ne(e) {
+	return Me(e).then(() => {
+		typeof q()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
+	});
+}
+function Pe(e) {
+	let t = globalThis, n = t[H];
+	return n || (n = Ne(e), t[H] = n), n;
+}
+function Fe(e = {}) {
+	let t = e.useSingleDollar ?? !1;
+	return async (n) => {
+		if (typeof window > "u") return;
+		let i = fe();
+		i && F("mathjax-3-global", `window.MathJax is MathJax ${i}`), we(n), r(n), Te(n), ue(n);
+		let a = Pe(e);
+		if (!Ee(n, t)) {
+			a.catch(() => {});
+			return;
+		}
+		await a;
+		let o = q();
+		if (await o?.startup?.promise, typeof o?.typesetPromise == "function") {
+			Ae(o.startup?.document);
+			try {
+				await o.typesetPromise([n]);
+			} catch (e) {
+				throw o.typesetClear?.([n]), e;
+			}
+			K(n);
+		}
+	};
+}
+//#endregion
+export { Fe as t };

package/dist/pie-element-player.js

@@ -1,4 +1,4 @@
-import { t as e } from "./math-mathjax-E8NYPSwi.js";
+import { t as e } from "./math-mathjax-BAEg0YgQ.js";
 //#region ../../node_modules/.bun/svelte@5.57.1/node_modules/svelte/src/internal/disclose-version.js
 typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-element/element-player",
-  "version": "0.1.3-next.20261002222413",
+  "version": "0.1.3-next.20261003064518",
   "description": "Shared PIE element player web component",
   "type": "module",
   "unpkg": "./dist/pie-element-player.js",
@@ -26,7 +26,7 @@
     "dev": "vite"
   },
   "dependencies": {
-    "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261002222413"
+    "@pie-element/shared-math-rendering-mathjax": "0.1.2-next.20261003064518"
   },
   "license": "MIT",
   "publishConfig": {

package/dist/math-mathjax-E8NYPSwi.js

@@ -1,219 +0,0 @@
-//#region ../shared/math-rendering-mathjax/dist/index.js
-var e = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page", t = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
-function n(n, r) {
-	if (typeof window > "u") return;
-	let i = globalThis;
-	i[t] ??= {
-		logged: !1,
-		conditions: []
-	};
-	let a = i[t];
-	if (a.conditions.includes(n)) return;
-	a.conditions.push(n);
-	let o = `[math-rendering] Unsupported page (${n}): ${r}. PIE supports one MathJax major version per page; with MathJax 3 and 4 on one page, math rendering is best effort and may break. See ${e}`;
-	a.logged || (a.logged = !0, console.error(o)), window.dispatchEvent(new CustomEvent("pie-mathjax-version-conflict", { detail: {
-		condition: n,
-		message: o,
-		docsUrl: e
-	} }));
-}
-function r() {
-	let e = window.MathJax?.version;
-	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
-}
-var i = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js", a = {
-	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
-	overarc: "\\overparen",
-	napprox: "\\not\\approx",
-	longdiv: "\\enclose{longdiv}",
-	abs: ["\\left|#1\\right|", 1]
-}, o = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)", s = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/, c = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/, l = /\\embed\{newLine\}\[\]/g, u = [
-	["$$", "$$"],
-	["$", "$"],
-	["\\[", "\\]"],
-	["\\(", "\\)"]
-], d = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading"), f = "PIE-MJX-CHTML-styles", p = "MJX-CHTML-styles", m = "PIE-MJX-SVG-styles", h = "MJX-SVG-styles", g = "PIE-MathJax-Menu-Settings", _ = [p, h], v = 200, y = 201;
-function b(e) {
-	let t = [...e.matches("mjx-container") ? [e] : [], ...e.querySelectorAll("mjx-container")];
-	for (let e of t) for (let t of [e, ...e.querySelectorAll("[data-latex],[data-latex-item]")]) t.removeAttribute("data-latex"), t.removeAttribute("data-latex-item");
-}
-function x() {
-	return window.MathJax;
-}
-function S(e) {
-	for (let [t, n] of u) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
-	return e;
-}
-function C(e) {
-	return S(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
-}
-var w = "mathjax_ignore", T = "mathjax_process";
-function E(e, t) {
-	let n = e.closest(`.${w}, .${T}`);
-	return n !== null && t.contains(n) && !n.classList.contains(T);
-}
-function D(e) {
-	for (let t of e.querySelectorAll("[data-latex]")) {
-		if (t.dataset.mathHandled || t.closest("mjx-container") || E(t, e)) continue;
-		let n = t.textContent;
-		n && (t.textContent = `\\(${C(n)}\\)`.replace(l, "\\newline "), t.dataset.mathHandled = "true");
-	}
-}
-function O(e, t) {
-	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
-	return (t ? c : s).test(e.textContent ?? "");
-}
-function k(e) {
-	return new Promise((t, n) => {
-		let { useSingleDollar: r = !1, accessibility: s = !0, loadFonts: c = !0, srcUrl: l } = e, u = {
-			loader: {
-				load: s ? ["a11y/assistive-mml"] : [],
-				failed: (e) => n(e),
-				"output/svg": { ready: (e) => {
-					let t = x();
-					return A(t) && j(t), e;
-				} }
-			},
-			startup: {
-				typeset: !1,
-				ready: () => {
-					let e = x(), r = e?.startup, i = A(e);
-					i && (j(e), M(e)), r?.defaultReady?.(), i && N(r?.document), Promise.resolve(r?.promise).then(() => t(), n);
-				}
-			},
-			tex: { macros: { ...a } },
-			options: {
-				enableMenu: s,
-				menuOptions: { settings: {
-					assistiveMml: s,
-					enrich: !1,
-					inTabOrder: !1
-				} },
-				a11y: { inTabOrder: !1 }
-			}
-		};
-		r && u.tex && (console.warn(o), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
-		let d = document.createElement("script");
-		d.src = l || i, d.async = !0, d.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
-	});
-}
-function A(e) {
-	return !!e?.version?.startsWith("4.");
-}
-function j(e) {
-	let t = e?._?.output, n = t?.chtml_ts?.CHTML;
-	n && (n.STYLESHEETID = f);
-	let r = t?.svg_ts?.SVG;
-	r && (r.STYLESHEETID = m);
-}
-function M(e) {
-	let t = e?._?.ui?.menu?.Menu?.Menu;
-	if (t) {
-		t.MENU_STORAGE = g;
-		try {
-			let e = localStorage.getItem(g);
-			if (!e) return;
-			let { assistiveMml: t, ...n } = JSON.parse(e);
-			if (t === void 0) return;
-			Object.keys(n).length ? localStorage.setItem(g, JSON.stringify(n)) : localStorage.removeItem(g);
-		} catch {}
-	}
-}
-function N(e) {
-	if (!e) return;
-	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
-		let n = e.typesetRoot;
-		!n || t.has(n) || (b(n), t.add(n));
-	};
-	e.addRenderAction?.("pie-strip-latex", y, (e) => {
-		for (let t of e.math ?? []) n(t);
-		return !1;
-	}, (e) => {
-		let t = e.typesetRoot;
-		return t && b(t), !1;
-	});
-	let r = e.outputJax?.chtmlStyles;
-	r?.id === p && (r.id = f), I();
-}
-function P(e) {
-	return e instanceof HTMLStyleElement && _.includes(e.id);
-}
-function F(e) {
-	n("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
-}
-function I() {
-	let e = document.head, t = [...e.children].find(P);
-	if (t) {
-		F(t);
-		return;
-	}
-	let n = new MutationObserver((e) => {
-		for (let t of e) {
-			let e = [...t.addedNodes].find(P);
-			if (e) {
-				F(e), n.disconnect();
-				return;
-			}
-		}
-	});
-	n.observe(e, { childList: !0 });
-}
-function L(e) {
-	let t = e?.math;
-	if (!t?.remove) return;
-	let n = [...t].filter((e) => (e.state?.() ?? 0) >= v && e.typesetRoot?.isConnected === !1);
-	if (n.length !== 0) {
-		for (let e of [...n].reverse()) e.clear?.();
-		t.remove(...n);
-	}
-}
-function R(e) {
-	return new Promise((t, n) => {
-		let r = e.startup ?? {};
-		e.startup = r;
-		let i = r.ready;
-		r.ready = () => {
-			let e = x()?.startup;
-			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
-		};
-	});
-}
-function z(e) {
-	let t = x();
-	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : R(t) : k(e);
-}
-function B(e) {
-	return z(e).then(() => {
-		typeof x()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
-	});
-}
-function V(e) {
-	let t = globalThis, n = t[d];
-	return n || (n = B(e), t[d] = n), n;
-}
-function H(e = {}) {
-	let t = e.useSingleDollar ?? !1;
-	return async (i) => {
-		if (typeof window > "u") return;
-		let a = r();
-		a && n("mathjax-3-global", `window.MathJax is MathJax ${a}`), D(i);
-		let o = V(e);
-		if (!O(i, t)) {
-			o.catch(() => {});
-			return;
-		}
-		await o;
-		let s = x();
-		if (await s?.startup?.promise, typeof s?.typesetPromise == "function") {
-			L(s.startup?.document);
-			try {
-				await s.typesetPromise([i]);
-			} catch (e) {
-				throw s.typesetClear?.([i]), e;
-			}
-			b(i);
-		}
-	};
-}
-//#endregion
-export { H as t };