@pie-element/simple-cloze 0.1.4-next.15 → 0.1.4-next.16

package/dist/print/index.js

@@ -4577,131 +4577,212 @@ function create_custom_element(Component, props_definition, slots, exports, shad
 }
 //#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
-var e$2 = {
+var e$2 = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page";
+var t$2 = "pie-mathjax-version-conflict";
+var n = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function r$1(r, i) {
+	if (typeof window > "u") return;
+	let a = globalThis;
+	a[n] ?? (a[n] = {
+		logged: !1,
+		conditions: []
+	});
+	let o = a[n];
+	if (o.conditions.includes(r)) return;
+	o.conditions.push(r);
+	let s = `[math-rendering] Unsupported page (${r}): ${i}. 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$2}`;
+	o.logged || (o.logged = !0, console.error(s)), window.dispatchEvent(new CustomEvent(t$2, { detail: {
+		condition: r,
+		message: s,
+		docsUrl: e$2
+	} }));
+}
+function i() {
+	let e = window.MathJax?.version;
+	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
+}
+var a = "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js";
+var o = {
 	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
 	overarc: "\\overparen",
 	napprox: "\\not\\approx",
 	longdiv: "\\enclose{longdiv}",
 	abs: ["\\left|#1\\right|", 1]
 };
-var t$2 = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
-var n = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
-var r$1 = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
-var i = /\\embed\{newLine\}\[\]/g;
-var a = [
+var s = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
+var c = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
+var l = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
+var u = /\\embed\{newLine\}\[\]/g;
+var d = [
 	["$$", "$$"],
 	["$", "$"],
 	["\\[", "\\]"],
 	["\\(", "\\)"]
 ];
-var o = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
-function s() {
+var f = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
+var p = "PIE-MJX-CHTML-styles";
+var m = "MJX-CHTML-styles";
+var h = [m, "MJX-SVG-styles"];
+var g = 201;
+function _(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 v() {
 	return window.MathJax;
 }
-function c(e) {
+function y(e) {
 	let t = e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e;
-	for (let [e, n] of a) if (t.startsWith(e) && t.endsWith(n)) return t.substring(e.length, t.length - n.length);
+	for (let [e, n] of d) if (t.startsWith(e) && t.endsWith(n)) return t.substring(e.length, t.length - n.length);
 	return t;
 }
-function l(e) {
+function b(e) {
 	for (let t of e.querySelectorAll("[data-latex]")) {
 		if (t.dataset.mathHandled || t.closest("mjx-container")) continue;
 		let e = t.textContent;
-		e && (t.textContent = `\\(${c(e)}\\)`.replace(i, "\\newline "), t.dataset.mathHandled = "true");
+		e && (t.textContent = `\\(${y(e)}\\)`.replace(u, "\\newline "), t.dataset.mathHandled = "true");
 	}
 }
-function u(e, t) {
+function x(e, t) {
 	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
-	return (t ? r$1 : n).test(e.textContent ?? "");
+	return (t ? l : c).test(e.textContent ?? "");
 }
-function d(n) {
-	return new Promise((r, i) => {
-		let { useSingleDollar: a = !1, accessibility: o = !0, loadFonts: c = !0, srcUrl: l } = n, u = {
+function S(e) {
+	return new Promise((t, n) => {
+		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: c = !0, srcUrl: l } = e, u = {
 			loader: {
-				load: o ? ["a11y/assistive-mml"] : [],
-				failed: (e) => i(e)
+				load: i ? ["a11y/assistive-mml"] : [],
+				failed: (e) => n(e)
 			},
 			startup: {
 				typeset: !1,
 				ready: () => {
-					let e = s()?.startup;
-					e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => r(), i);
+					let e = v(), r = e?.startup, i = !!e?.version?.startsWith("4.");
+					i && C(e), r?.defaultReady?.(), i && w(r?.document), Promise.resolve(r?.promise).then(() => t(), n);
 				}
 			},
-			tex: { macros: { ...e$2 } },
+			tex: { macros: { ...o } },
 			options: {
-				enableMenu: o,
+				enableMenu: i,
 				menuOptions: { settings: {
-					assistiveMml: o,
+					assistiveMml: i,
 					enrich: !1,
 					inTabOrder: !1
 				} }
 			}
 		};
-		a && u.tex && (console.warn(t$2), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
+		r && u.tex && (console.warn(s), u.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], u.tex.processEscapes = !0), c || (u.chtml = { fontURL: "" }), window.MathJax = u;
 		let d = document.createElement("script");
-		d.src = l || "https://cdn.jsdelivr.net/npm/mathjax@4.1.3/tex-mml-chtml.js", d.async = !0, d.onerror = () => i(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
+		d.src = l || a, d.async = !0, d.onerror = () => n(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(d);
 	});
 }
-function f(e) {
+function C(e) {
+	let t = e?._?.output?.chtml_ts?.CHTML;
+	t && (t.STYLESHEETID = p);
+}
+function w(e) {
+	if (!e) return;
+	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
+		let n = e.typesetRoot;
+		!n || t.has(n) || (_(n), t.add(n));
+	};
+	e.addRenderAction?.("pie-strip-latex", g, (e) => {
+		for (let t of e.math ?? []) n(t);
+		return !1;
+	}, (e) => {
+		let t = e.typesetRoot;
+		return t && _(t), !1;
+	});
+	let r = e.outputJax?.chtmlStyles;
+	r?.id === m && (r.id = p), D();
+}
+function T(e) {
+	return e instanceof HTMLStyleElement && h.includes(e.id);
+}
+function E(e) {
+	r$1("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+}
+function D() {
+	let e = document.head, t = [...e.children].find(T);
+	if (t) {
+		E(t);
+		return;
+	}
+	let n = new MutationObserver((e) => {
+		for (let t of e) {
+			let e = [...t.addedNodes].find(T);
+			if (e) {
+				E(e), n.disconnect();
+				return;
+			}
+		}
+	});
+	n.observe(e, { childList: !0 });
+}
+function O(e) {
 	return new Promise((t, n) => {
 		let r = e.startup ?? {};
 		e.startup = r;
 		let i = r.ready;
 		r.ready = () => {
-			let e = s()?.startup;
+			let e = v()?.startup;
 			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
 		};
 	});
 }
-function p(e) {
-	let t = s();
-	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : f(t) : d(e);
+function k(e) {
+	let t = v();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : O(t) : S(e);
 }
-function m(e) {
-	return p(e).then(() => {
-		typeof s()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
+function A(e) {
+	return k(e).then(() => {
+		typeof v()?.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
 	});
 }
-function h(e) {
-	let t = globalThis, n = t[o];
-	return n || (n = m(e), t[o] = n), n;
+function j(e) {
+	let t = globalThis, n = t[f];
+	return n || (n = A(e), t[f] = n), n;
 }
-function g(e = {}) {
+function M(e = {}) {
 	let t = e.useSingleDollar ?? !1;
 	return async (n) => {
 		if (typeof window > "u") return;
-		l(n);
-		let r = h(e);
-		if (!u(n, t)) {
-			r.catch(() => {});
+		let a = i();
+		a && r$1("mathjax-3-global", `window.MathJax is MathJax ${a}`), b(n);
+		let o = j(e);
+		if (!x(n, t)) {
+			o.catch(() => {});
 			return;
 		}
-		await r;
-		let i = s();
-		await i?.startup?.promise, typeof i?.typesetPromise == "function" && await i.typesetPromise([n]);
+		await o;
+		let s = v();
+		await s?.startup?.promise, typeof s?.typesetPromise == "function" && (await s.typesetPromise([n]), _(n));
 	};
 }
-var v = "@pie-lib/math-rendering";
-var y = "@pie-lib/math-rendering@2";
-var b = null;
-function x() {
-	return !!window[y]?.opts?.useSingleDollar;
+var P = "@pie-lib/math-rendering";
+var F = "@pie-lib/math-rendering@2";
+var I = null;
+function L() {
+	return !!window[F]?.opts?.useSingleDollar;
 }
-function S() {
-	return b || (b = g({ useSingleDollar: x() })), b;
+function R() {
+	return I || (I = M({ useSingleDollar: L() })), I;
 }
-function C() {
+function z() {
 	if (typeof window > "u") return null;
-	let e = window[v];
+	let e = window[P];
 	return typeof e?.renderMath == "function" ? e : null;
 }
-var w = async (e) => {
+function B() {
+	let e = i();
+	e && r$1("legacy-renderer-delegation", `window['${P}'] renders this element's math with MathJax ${e}`);
+}
+var V = async (e) => {
 	if (typeof window > "u") return;
 	let t = typeof e == "string", n;
 	t ? (n = document.createElement("div"), n.innerHTML = e) : n = e || document.body;
-	let r = C();
-	return r ? await r.renderMath?.(n) : await S()(n), t ? n.innerHTML : void 0;
+	let r = z();
+	return r ? (B(), await r.renderMath?.(n)) : await R()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region src/controller/plain-text.ts
@@ -7129,7 +7210,7 @@ function Print($$anchor, $$props) {
 		if (!get$1(promptElement) || !get$1(prompt)) return;
 		const warn = (err) => console.warn("simple-cloze: MathJax render failed", err);
 		try {
-			Promise.resolve(w(get$1(promptElement))).catch(warn);
+			Promise.resolve(V(get$1(promptElement))).catch(warn);
 		} catch (err) {
 			warn(err);
 		}