@pie-element/venn-classification 0.1.4-next.20261007075859 → 0.1.4

package/dist/author/index.js

@@ -12484,14 +12484,14 @@ var agent = nav && nav.userAgent || "";
 var ie_edge = /Edge\/(\d+)/.exec(agent);
 var ie_upto10 = /MSIE \d/.exec(agent);
 var ie_11up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(agent);
-var ie$2 = !!(ie_upto10 || ie_11up || ie_edge);
+var ie$3 = !!(ie_upto10 || ie_11up || ie_edge);
 var ie_version = ie_upto10 ? document.documentMode : ie_11up ? +ie_11up[1] : ie_edge ? +ie_edge[1] : 0;
-var gecko = !ie$2 && /gecko\/(\d+)/i.test(agent);
+var gecko = !ie$3 && /gecko\/(\d+)/i.test(agent);
 gecko && +(/Firefox\/(\d+)/.exec(agent) || [0, 0])[1];
-var _chrome = !ie$2 && /Chrome\/(\d+)/.exec(agent);
+var _chrome = !ie$3 && /Chrome\/(\d+)/.exec(agent);
 var chrome = !!_chrome;
 var chrome_version = _chrome ? +_chrome[1] : 0;
-var safari = !ie$2 && !!nav && /Apple Computer/.test(nav.vendor);
+var safari = !ie$3 && !!nav && /Apple Computer/.test(nav.vendor);
 var ios = safari && (/Mobile\/\w+/.test(agent) || !!nav && nav.maxTouchPoints > 2);
 var mac$2 = ios || (nav ? /Mac/.test(nav.platform) : false);
 var windows$1 = nav ? /Win/.test(nav.platform) : false;
@@ -14201,7 +14201,7 @@ function selectCursorWrapper(view) {
 	let node = view.cursorWrapper.dom, img = node.nodeName == "IMG";
 	if (img) domSel.collapse(node.parentNode, domIndex(node) + 1);
 	else domSel.collapse(node, 0);
-	if (!img && !view.state.selection.visible && ie$2 && ie_version <= 11) {
+	if (!img && !view.state.selection.visible && ie$3 && ie_version <= 11) {
 		node.disabled = true;
 		node.disabled = false;
 	}
@@ -15203,7 +15203,7 @@ function captureCopy(view, dom) {
 		view.focus();
 	}, 50);
 }
-var brokenClipboardAPI = ie$2 && ie_version < 15 || ios && webkit_version < 604;
+var brokenClipboardAPI = ie$3 && ie_version < 15 || ios && webkit_version < 604;
 handlers.copy = editHandlers.cut = (view, _event) => {
 	let event = _event;
 	let sel = view.state.selection, cut = event.type == "cut";
@@ -15941,7 +15941,7 @@ var observeOptions = {
 	attributeOldValue: true,
 	subtree: true
 };
-var useCharData = ie$2 && ie_version <= 11;
+var useCharData = ie$3 && ie_version <= 11;
 var SelectionState = class {
 	constructor() {
 		this.anchorNode = null;
@@ -15975,7 +15975,7 @@ var DOMObserver = class {
 		this.lastChangedTextNode = null;
 		this.observer = window.MutationObserver && new window.MutationObserver((mutations) => {
 			for (let i = 0; i < mutations.length; i++) this.queue.push(mutations[i]);
-			if (ie$2 && ie_version <= 11 && mutations.some((m) => m.type == "childList" && m.removedNodes.length || m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length)) this.flushSoon();
+			if (ie$3 && ie_version <= 11 && mutations.some((m) => m.type == "childList" && m.removedNodes.length || m.type == "characterData" && m.oldValue.length > m.target.nodeValue.length)) this.flushSoon();
 			else if (safari && view.composing && mutations.some((m) => m.type == "childList" && m.target.nodeName == "TR")) {
 				view.input.badSafariComposition = true;
 				this.flushSoon();
@@ -16037,7 +16037,7 @@ var DOMObserver = class {
 	onSelectionChange() {
 		if (!hasFocusAndSelection(this.view)) return;
 		if (this.suppressingSelectionUpdates) return selectionToDOM(this.view);
-		if (ie$2 && ie_version <= 11 && !this.view.state.selection.empty) {
+		if (ie$3 && ie_version <= 11 && !this.view.state.selection.empty) {
 			let sel = this.view.domSelectionRange();
 			if (sel.focusNode && isEquivalentPosition(sel.focusNode, sel.focusOffset, sel.anchorNode, sel.anchorOffset)) return this.flushSoon();
 		}
@@ -16145,7 +16145,7 @@ var DOMObserver = class {
 				to: desc.posAfter
 			};
 			let prev = mut.previousSibling, next = mut.nextSibling;
-			if (ie$2 && ie_version <= 11 && mut.addedNodes.length) for (let i = 0; i < mut.addedNodes.length; i++) {
+			if (ie$3 && ie_version <= 11 && mut.addedNodes.length) for (let i = 0; i < mut.addedNodes.length; i++) {
 				let { previousSibling, nextSibling } = mut.addedNodes[i];
 				if (!previousSibling || Array.prototype.indexOf.call(mut.addedNodes, previousSibling) < 0) prev = previousSibling;
 				if (!nextSibling || Array.prototype.indexOf.call(mut.addedNodes, nextSibling) < 0) next = nextSibling;
@@ -16371,7 +16371,7 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
 			change.endA = view.state.selection.to;
 		}
 	}
-	if (ie$2 && ie_version <= 11 && change.endB == change.start + 1 && change.endA == change.start && change.start > parse.from && parse.doc.textBetween(change.start - parse.from - 1, change.start - parse.from + 1) == " \xA0") {
+	if (ie$3 && ie_version <= 11 && change.endB == change.start + 1 && change.endA == change.start && change.start > parse.from && parse.doc.textBetween(change.start - parse.from - 1, change.start - parse.from + 1) == " \xA0") {
 		change.start--;
 		change.endA--;
 		change.endB--;
@@ -16403,14 +16403,14 @@ function readDOMChange(view, from, to, typeOver, addedNodes) {
 		let tr = base || view.state.tr.replace(chFrom, chTo, parse.doc.slice(change.start - parse.from, change.endB - parse.from));
 		if (parse.sel) {
 			let sel = resolveSelection(view, tr.doc, parse.sel);
-			if (sel && !(chrome && view.composing && sel.empty && (change.start != change.endB || view.input.lastChromeDelete < Date.now() - 100) && (sel.head == chFrom || sel.head == tr.mapping.map(chTo) - 1) || ie$2 && sel.empty && sel.head == chFrom)) tr.setSelection(sel);
+			if (sel && !(chrome && view.composing && sel.empty && (change.start != change.endB || view.input.lastChromeDelete < Date.now() - 100) && (sel.head == chFrom || sel.head == tr.mapping.map(chTo) - 1) || ie$3 && sel.empty && sel.head == chFrom)) tr.setSelection(sel);
 		}
 		if (compositionID) tr.setMeta("composition", compositionID);
 		return tr.scrollIntoView();
 	};
 	let markChange;
 	if (inlineChange) if ($from.pos == $to.pos) {
-		if (ie$2 && ie_version <= 11 && $from.parentOffset == 0) {
+		if (ie$3 && ie_version <= 11 && $from.parentOffset == 0) {
 			view.domObserver.suppressSelectionUpdates();
 			setTimeout(() => selectionToDOM(view), 20);
 		}
@@ -16669,7 +16669,7 @@ var EditorView = class {
 		let oldScrollPos = scroll == "preserve" && updateSel && this.dom.style.overflowAnchor == null && storeScrollPos(this);
 		if (updateSel) {
 			this.domObserver.stop();
-			let forceSelUpdate = updateDoc && (ie$2 || chrome) && !this.composing && !prev.selection.empty && !state.selection.empty && selectionContextChanged(prev.selection, state.selection);
+			let forceSelUpdate = updateDoc && (ie$3 || chrome) && !this.composing && !prev.selection.empty && !state.selection.empty && selectionContextChanged(prev.selection, state.selection);
 			if (updateDoc) {
 				let chromeKludge = chrome ? this.trackWrites = this.domSelectionRange().focusNode : null;
 				if (this.composing) this.input.compositionNode = findCompositionNode(this);
@@ -16753,7 +16753,7 @@ var EditorView = class {
 	Query whether the view has focus.
 	*/
 	hasFocus() {
-		if (ie$2) {
+		if (ie$3) {
 			let node = this.root.activeElement;
 			if (node == this.dom) return true;
 			if (!node || !this.dom.contains(node)) return false;
@@ -17094,7 +17094,7 @@ var shift = {
 	222: "\""
 };
 var mac$1 = typeof navigator != "undefined" && /Mac/.test(navigator.platform);
-var ie$1 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
+var ie$2 = typeof navigator != "undefined" && /MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);
 for (var i$1 = 0; i$1 < 10; i$1++) base[48 + i$1] = base[96 + i$1] = String(i$1);
 for (var i$1 = 1; i$1 <= 24; i$1++) base[i$1 + 111] = "F" + i$1;
 for (var i$1 = 65; i$1 <= 90; i$1++) {
@@ -17103,7 +17103,7 @@ for (var i$1 = 65; i$1 <= 90; i$1++) {
 }
 for (var code in base) if (!shift.hasOwnProperty(code)) shift[code] = base[code];
 function keyName(event) {
-	var name = !(mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie$1 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified") && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
+	var name = !(mac$1 && event.metaKey && event.shiftKey && !event.ctrlKey && !event.altKey || ie$2 && event.shiftKey && event.key && event.key.length == 1 || event.key == "Unidentified") && event.key || (event.shiftKey ? shift : base)[event.keyCode] || event.key || "Unidentified";
 	if (name == "Esc") name = "Escape";
 	if (name == "Del") name = "Delete";
 	if (name == "Left") name = "ArrowLeft";
@@ -23629,13 +23629,26 @@ var PASTED_FORMATTING = [
 	"subscript",
 	"bulletList",
 	"orderedList",
-	"table"
+	"table",
+	"image"
 ];
 var hasImageFile = (data) => Array.from(data.items ?? []).some((item) => item.kind === "file" && item.type.startsWith("image/"));
 var hasElement = (html, selector) => new DOMParser().parseFromString(html, "text/html").querySelector(selector) !== null;
 var isProseMirrorSlice = (html) => html.includes("data-pm-slice") && hasElement(html, "[data-pm-slice]");
 var hasMath = (html) => /data-latex|data-type="?mathml/.test(html) && hasElement(html, "[data-latex], [data-type=\"mathml\"]");
 var filtering = null;
+var PICTURE = /^data:image\/(?:png|jpeg|gif|webp);base64,/i;
+var imageKey = () => `img-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+/**
+* `html` with its pictures marked as image upload nodes, which parse from that mark alone. The
+* Image extension leaves out a data URL.
+*/
+function markPictures(html) {
+	if (!html.includes("data:image/")) return html;
+	const doc = new DOMParser().parseFromString(html, "text/html");
+	for (const img of Array.from(doc.body.querySelectorAll("img"))) if (PICTURE.test(img.getAttribute("src") ?? "")) img.setAttribute("data-type", "image-upload-node");
+	return doc.body.innerHTML;
+}
 var escapeHtml = (text) => text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 var lines = (text) => text.replace(/\r*\n|\r/g, "\n").replace(/\n+$/, "");
 var childrenOf = (node) => {
@@ -23703,13 +23716,14 @@ function externalContentOf(data) {
 }
 /**
 * A parsed slice cut down to paragraphs, line breaks and math, plus the marks, lists and tables in
-* `kept`. Attributes go, except an ordered list's numbering, a cell's spans, a header cell's scope
-* and a table's caption. A list or table not kept becomes paragraphs, as a plain-text copy of it
-* reads: an item behind its bullet or number, a row with tabs between its cells.
+* `kept` and, with `pictures`, the pictures markPictures marked. Attributes go, except an ordered
+* list's numbering, a cell's spans, a header cell's scope, a table's caption and a picture's size
+* and alt text. A list or table not kept becomes paragraphs, as a plain-text copy of it reads: an
+* item behind its bullet or number, a row with tabs between its cells.
 */
-var keepFormatting = (kept) => (slice, state) => {
+var keepFormatting = (kept, pictures = null) => (slice, state) => {
 	const { schema } = state;
-	const { paragraph, hardBreak, math } = schema.nodes;
+	const { paragraph, hardBreak, math, imageUploadNode } = schema.nodes;
 	const line = (content) => paragraph.create(null, content);
 	const keptMarks = (marks) => marks.filter((mark) => kept.has(mark.type.name)).map((mark) => mark.type.create());
 	const inline = (node) => childrenOf(node).flatMap((child) => {
@@ -23720,6 +23734,20 @@ var keepFormatting = (kept) => (slice, state) => {
 		if (child.type === hardBreak || math && child.type === math) return [child.mark(keptMarks(child.marks))];
 		return child.isLeaf ? [] : inline(child);
 	});
+	const picture = (node) => {
+		const { src, width, height, alt } = node.attrs;
+		if (!pictures || !PICTURE.test(src ?? "")) return [];
+		const nodeKey = imageKey();
+		pictures.keys.push(nodeKey);
+		return [node.type.create({
+			src,
+			width,
+			height,
+			alt,
+			nodeKey,
+			loaded: !pictures.upload
+		})];
+	};
 	const cellText = (cell) => {
 		const content = [];
 		cell.descendants((child) => {
@@ -23769,10 +23797,15 @@ var keepFormatting = (kept) => (slice, state) => {
 		}
 		return [...caption ? [line([schema.text(caption)])] : [], ...childrenOf(node).map((row) => line(childrenOf(row).flatMap((cell, i) => i ? [schema.text("	"), ...cellText(cell)] : cellText(cell))))];
 	};
-	const blocks = (node) => childrenOf(node).flatMap((child) => {
+	const blank = (node) => /^\s+$/.test(node.textContent) && childrenOf(node).every((child) => child.isText);
+	const isPicture = (node) => !!pictures && !!node && node.type === imageUploadNode;
+	const blocks = (node) => childrenOf(node).flatMap((child, i, children) => {
+		if (child.isTextblock && !child.content.size && (isPicture(children[i - 1]) || isPicture(children[i + 1]))) return [];
+		if (child.isTextblock && blank(child)) return [line([schema.text(child.textContent)])];
 		if (child.isTextblock) return [line(inline(child))];
 		if (child.type.spec.tableRole === "table") return table(child);
 		if (child.type.name === "bulletList" || child.type.name === "orderedList") return list(child);
+		if (isPicture(child)) return picture(child);
 		return child.isLeaf ? [] : blocks(child);
 	});
 	return openSlice(schema, slice.content.firstChild?.isInline ? [line(inline(slice.content))] : blocks(slice.content));
@@ -23821,7 +23854,7 @@ function pasteFiltered(view, html, filter) {
 		filtering = null;
 	}
 }
-function insertExternal(view, { text, html }, settings) {
+function insertExternal(view, { text, html }, settings, uploadImage) {
 	const { selection, schema } = view.state;
 	const kept = new Set(settings.plainText ? [] : settings.formatting);
 	if ("$anchorCell" in selection && !(kept.has("table") && hasElement(html, "table"))) {
@@ -23830,7 +23863,13 @@ function insertExternal(view, { text, html }, settings) {
 		return;
 	}
 	if (!settings.plainText) {
-		pasteFiltered(view, rebuildWordLists(html), keepFormatting(kept));
+		const pictures = kept.has("image") && schema.nodes.imageUploadNode ? {
+			keys: [],
+			upload: !!uploadImage
+		} : null;
+		pasteFiltered(view, rebuildWordLists(pictures ? markPictures(html) : html), keepFormatting(kept, pictures));
+		let uploads = Promise.resolve();
+		for (const nodeKey of pictures?.keys ?? []) uploads = uploads.then(() => uploadImage?.(nodeKey));
 		return;
 	}
 	if (schema.nodes.math && hasMath(html)) {
@@ -23845,9 +23884,10 @@ function insertExternal(view, { text, html }, settings) {
 * superscript, subscript, lists and tables in `formatting`. Its fonts, sizes, colours, alignment,
 * headings, links and class names go, which TextStyleKit, TextAlign and CSSMark would otherwise keep
 * (PIE-1145). Word for Windows and Mac copies lists as styled paragraphs, which are rebuilt as
-* lists first. With `plainText` set it pastes plain text. Copies from a PIE editor and pasted
-* images are left to ProseMirror and the image upload handler. This editor has no math node, so
-* the React editor's math handling never runs here.
+* lists first. Word's pictures paste as image upload nodes when `formatting` has `image`, and
+* upload through `uploadImage`. With `plainText` set it pastes plain text. Copies from a PIE editor
+* and pasted image files are left to ProseMirror and the image upload handler. This editor has no
+* math node or image upload node, so the React editor's math and picture handling never runs here.
 *
 * Mirrors `packages/lib-react/editable-html-tip-tap/src/external-paste.ts`.
 */
@@ -23855,13 +23895,18 @@ var ExternalPaste = Extension.create({
 	name: "externalPaste",
 	priority: 1e3,
 	addOptions() {
-		return { settings: () => ({
-			plainText: false,
-			formatting: PASTED_FORMATTING
-		}) };
+		return {
+			settings: () => ({
+				plainText: false,
+				formatting: PASTED_FORMATTING
+			}),
+			uploadImage: void 0
+		};
 	},
 	addProseMirrorPlugins() {
-		const { settings } = this.options;
+		const { settings, uploadImage } = this.options;
+		const { editor } = this;
+		const upload = uploadImage ? (nodeKey) => uploadImage(editor, nodeKey) : null;
 		return [new Plugin({
 			key: new PluginKey("externalPaste"),
 			props: {
@@ -23871,7 +23916,7 @@ var ExternalPaste = Extension.create({
 				handlePaste(view, event) {
 					const content = externalContentOf(event.clipboardData);
 					if (content === null) return false;
-					insertExternal(view, content, settings());
+					insertExternal(view, content, settings(), upload);
 					return true;
 				},
 				handleDrop(view, event) {
@@ -23882,7 +23927,7 @@ var ExternalPaste = Extension.create({
 					});
 					if (content === null || !target) return false;
 					view.dispatch(view.state.tr.setSelection(TextSelection.near(view.state.doc.resolve(target.pos))));
-					insertExternal(view, content, settings());
+					insertExternal(view, content, settings(), upload);
 					view.focus();
 					return true;
 				}
@@ -38633,7 +38678,247 @@ function createDOMPurify() {
 var purify_default = createDOMPurify();
 //#endregion
 //#region ../../shared/utils/dist/index.js
-var f$1 = [
+var f$1 = "data-pie-authored-ink";
+var p$1 = "data-pie-authored-fill";
+var m$1 = "data-pie-authored-border";
+var h$1 = [
+	"border-top-color",
+	"border-right-color",
+	"border-bottom-color",
+	"border-left-color"
+];
+var g$1 = /* @__PURE__ */ new Set([
+	"currentcolor",
+	"inherit",
+	"initial",
+	"unset",
+	"revert",
+	"revert-layer",
+	"transparent"
+]);
+function _$1(e) {
+	let t = e?.trim().toLowerCase();
+	return !t || g$1.has(t) || t.includes("var(") ? !1 : b$1(t)?.a !== 0;
+}
+function ee$1(e) {
+	let t = b$1(e);
+	if (!t) return "shade";
+	let n = (e) => (e * t.a + 255 * (1 - t.a)) / 255, [r, i, a] = [
+		n(t.r),
+		n(t.g),
+		n(t.b)
+	], o = .2126 * B$1(r) + .7152 * B$1(i) + .0722 * B$1(a), s = Math.max(r, i, a) - Math.min(r, i, a);
+	return o >= .85 && s <= .08 ? "light" : "shade";
+}
+function v$1(e) {
+	e.removeAttribute(f$1), e.removeAttribute(p$1), e.removeAttribute(m$1);
+	let t = e.hasAttribute("style") ? e.style : void 0, n = (e) => t?.getPropertyValue(e).trim() ?? "", r = [], i = n("color"), a = e.localName === "font" ? e.getAttribute("color") : null;
+	_$1(i || a) && (e.setAttribute("data-pie-authored-ink", ""), i && r.push("color"));
+	let o = n("background-color"), s = o || y$1(e.getAttribute("bgcolor"));
+	_$1(s) && (e.setAttribute("data-pie-authored-fill", ee$1(s)), o && r.push("background-color"));
+	let c = h$1.filter((e) => _$1(n(e)));
+	c.length && (e.setAttribute("data-pie-authored-border", ""), r.push(...c));
+	for (let e of r) t?.getPropertyPriority(e) === "important" && t.setProperty(e, t.getPropertyValue(e));
+}
+function y$1(e) {
+	let t = e?.trim() ?? "";
+	return /^(?:[\da-f]{3}|[\da-f]{6})$/i.test(t) ? `#${t}` : t;
+}
+function b$1(e) {
+	let t = e.trim().toLowerCase();
+	if (t === "transparent") return {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	};
+	let n = S$1().get(t);
+	if (n) return C$1(n);
+	if (t.startsWith("#")) return C$1(t.slice(1));
+	let r = /^([a-z]+)\(([^()]*)\)$/.exec(t);
+	if (!r) return null;
+	let i = r[2].trim().split(/\s*[\s,/]\s*/);
+	if (i.length !== 3 && i.length !== 4) return null;
+	let [a, o, s, c] = i, l = D$1(c), u;
+	switch (r[1]) {
+		case "rgb":
+		case "rgba":
+			u = [
+				a,
+				o,
+				s
+			].map((e) => T$1(e, 255) / 255);
+			break;
+		case "hsl":
+		case "hsla":
+			u = k$1(E$1(a), T$1(o, 100) / 100, T$1(s, 100) / 100);
+			break;
+		case "hwb":
+			u = A$1(E$1(a), T$1(o, 100) / 100, T$1(s, 100) / 100);
+			break;
+		case "lab":
+			u = I$1(T$1(a, 100), T$1(o, 125), T$1(s, 125));
+			break;
+		case "lch":
+			u = I$1(T$1(a, 100), ...O$1(T$1(o, 150), E$1(s)));
+			break;
+		case "oklab":
+			u = L$1(T$1(a, 1), T$1(o, .4), T$1(s, .4));
+			break;
+		case "oklch":
+			u = L$1(T$1(a, 1), ...O$1(T$1(o, .4), E$1(s)));
+			break;
+		default: return null;
+	}
+	if (Number.isNaN(l) || u.some(Number.isNaN)) return null;
+	let [d, f, p] = u.map((e) => V$1(e, 0, 1) * 255);
+	return {
+		r: d,
+		g: f,
+		b: p,
+		a: l
+	};
+}
+var x$1;
+function S$1() {
+	return x$1 ?? (x$1 = new Map("aliceblue:f0f8ff antiquewhite:faebd7 aqua:00ffff aquamarine:7fffd4 azure:f0ffff beige:f5f5dc bisque:ffe4c4 black:000000 blanchedalmond:ffebcd blue:0000ff blueviolet:8a2be2 brown:a52a2a burlywood:deb887 cadetblue:5f9ea0 chartreuse:7fff00 chocolate:d2691e coral:ff7f50 cornflowerblue:6495ed cornsilk:fff8dc crimson:dc143c cyan:00ffff darkblue:00008b darkcyan:008b8b darkgoldenrod:b8860b darkgray:a9a9a9 darkgreen:006400 darkgrey:a9a9a9 darkkhaki:bdb76b darkmagenta:8b008b darkolivegreen:556b2f darkorange:ff8c00 darkorchid:9932cc darkred:8b0000 darksalmon:e9967a darkseagreen:8fbc8f darkslateblue:483d8b darkslategray:2f4f4f darkslategrey:2f4f4f darkturquoise:00ced1 darkviolet:9400d3 deeppink:ff1493 deepskyblue:00bfff dimgray:696969 dimgrey:696969 dodgerblue:1e90ff firebrick:b22222 floralwhite:fffaf0 forestgreen:228b22 fuchsia:ff00ff gainsboro:dcdcdc ghostwhite:f8f8ff gold:ffd700 goldenrod:daa520 gray:808080 green:008000 greenyellow:adff2f grey:808080 honeydew:f0fff0 hotpink:ff69b4 indianred:cd5c5c indigo:4b0082 ivory:fffff0 khaki:f0e68c lavender:e6e6fa lavenderblush:fff0f5 lawngreen:7cfc00 lemonchiffon:fffacd lightblue:add8e6 lightcoral:f08080 lightcyan:e0ffff lightgoldenrodyellow:fafad2 lightgray:d3d3d3 lightgreen:90ee90 lightgrey:d3d3d3 lightpink:ffb6c1 lightsalmon:ffa07a lightseagreen:20b2aa lightskyblue:87cefa lightslategray:778899 lightslategrey:778899 lightsteelblue:b0c4de lightyellow:ffffe0 lime:00ff00 limegreen:32cd32 linen:faf0e6 magenta:ff00ff maroon:800000 mediumaquamarine:66cdaa mediumblue:0000cd mediumorchid:ba55d3 mediumpurple:9370db mediumseagreen:3cb371 mediumslateblue:7b68ee mediumspringgreen:00fa9a mediumturquoise:48d1cc mediumvioletred:c71585 midnightblue:191970 mintcream:f5fffa mistyrose:ffe4e1 moccasin:ffe4b5 navajowhite:ffdead navy:000080 oldlace:fdf5e6 olive:808000 olivedrab:6b8e23 orange:ffa500 orangered:ff4500 orchid:da70d6 palegoldenrod:eee8aa palegreen:98fb98 paleturquoise:afeeee palevioletred:db7093 papayawhip:ffefd5 peachpuff:ffdab9 peru:cd853f pink:ffc0cb plum:dda0dd powderblue:b0e0e6 purple:800080 rebeccapurple:663399 red:ff0000 rosybrown:bc8f8f royalblue:4169e1 saddlebrown:8b4513 salmon:fa8072 sandybrown:f4a460 seagreen:2e8b57 seashell:fff5ee sienna:a0522d silver:c0c0c0 skyblue:87ceeb slateblue:6a5acd slategray:708090 slategrey:708090 snow:fffafa springgreen:00ff7f steelblue:4682b4 tan:d2b48c teal:008080 thistle:d8bfd8 tomato:ff6347 turquoise:40e0d0 violet:ee82ee wheat:f5deb3 white:ffffff whitesmoke:f5f5f5 yellow:ffff00 yellowgreen:9acd32".split(" ").map((e) => e.split(":")))), x$1;
+}
+function C$1(e) {
+	if (!/^(?:[\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/.test(e)) return null;
+	let [t, n, r, i = 255] = (e.length <= 4 ? [...e].map((e) => e + e) : e.match(/../g) ?? []).map((e) => Number.parseInt(e, 16));
+	return {
+		r: t,
+		g: n,
+		b: r,
+		a: i / 255
+	};
+}
+var w$1 = /^([+-]?(?:\d+\.?\d*|\.\d+)(?:e[+-]?\d+)?)(%|deg|rad|grad|turn)?$/;
+function T$1(e, t) {
+	if (e === "none") return 0;
+	let n = w$1.exec(e);
+	return !n || n[2] && n[2] !== "%" ? NaN : n[2] ? Number(n[1]) / 100 * t : Number(n[1]);
+}
+function E$1(e) {
+	if (e === "none") return 0;
+	let t = w$1.exec(e);
+	if (!t || t[2] === "%") return NaN;
+	let n = Number(t[1]);
+	return ((t[2] === "rad" ? n * 180 / Math.PI : t[2] === "grad" ? n * .9 : t[2] === "turn" ? n * 360 : n) % 360 + 360) % 360;
+}
+function D$1(e) {
+	return e === void 0 ? 1 : V$1(T$1(e, 1), 0, 1);
+}
+function O$1(e, t) {
+	let n = Math.max(0, e), r = t * Math.PI / 180;
+	return [n * Math.cos(r), n * Math.sin(r)];
+}
+function k$1(e, t, n) {
+	let r = V$1(t, 0, 1), i = V$1(n, 0, 1), a = (t) => {
+		let n = (t + e / 30) % 12, a = r * Math.min(i, 1 - i);
+		return i - a * Math.max(-1, Math.min(n - 3, 9 - n, 1));
+	};
+	return [
+		a(0),
+		a(8),
+		a(4)
+	];
+}
+function A$1(e, t, n) {
+	let r = V$1(t, 0, 1), i = V$1(n, 0, 1);
+	return r + i >= 1 ? [
+		,
+		,
+		,
+	].fill(r / (r + i)) : k$1(e, 1, .5).map((e) => e * (1 - r - i) + r);
+}
+var j$1 = 24389 / 27;
+var M$1 = 216 / 24389;
+var N$1 = [
+	.3457 / .3585,
+	1,
+	.2958 / .3585
+];
+var P$1 = [
+	[
+		.955473421488075,
+		-.02309845494876471,
+		.06325924320057072
+	],
+	[
+		-.0283697093338637,
+		1.0099953980813041,
+		.021041441191917323
+	],
+	[
+		.012314014864481998,
+		-.020507649298898964,
+		1.330365926242124
+	]
+];
+var F$1 = [
+	[
+		12831 / 3959,
+		-329 / 214,
+		-1974 / 3959
+	],
+	[
+		-851781 / 878810,
+		1648619 / 878810,
+		36519 / 878810
+	],
+	[
+		705 / 12673,
+		-2585 / 12673,
+		705 / 667
+	]
+];
+function I$1(e, t, n) {
+	let r = V$1(e, 0, 100), i = (r + 16) / 116, a = t / 500 + i, o = i - n / 200;
+	return R$1(F$1, R$1(P$1, [
+		a ** 3 > M$1 ? a ** 3 : (116 * a - 16) / j$1,
+		r > j$1 * M$1 ? i ** 3 : r / j$1,
+		o ** 3 > M$1 ? o ** 3 : (116 * o - 16) / j$1
+	].map((e, t) => e * N$1[t]))).map(z$1);
+}
+function L$1(e, t, n) {
+	let r = V$1(e, 0, 1);
+	return R$1([
+		[
+			4.0767416621,
+			-3.3077115913,
+			.2309699292
+		],
+		[
+			-1.2684380046,
+			2.6097574011,
+			-.3413193965
+		],
+		[
+			-.0041960863,
+			-.7034186147,
+			1.707614701
+		]
+	], [
+		r + .3963377774 * t + .2158037573 * n,
+		r - .1055613458 * t - .0638541728 * n,
+		r - .0894841775 * t - 1.291485548 * n
+	].map((e) => e ** 3)).map(z$1);
+}
+function R$1(e, t) {
+	return e.map((e) => e[0] * t[0] + e[1] * t[1] + e[2] * t[2]);
+}
+function z$1(e) {
+	let t = V$1(e, 0, 1);
+	return t <= .0031308 ? 12.92 * t : 1.055 * t ** (1 / 2.4) - .055;
+}
+function B$1(e) {
+	return e <= .04045 ? e / 12.92 : ((e + .055) / 1.055) ** 2.4;
+}
+function V$1(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+var H$1 = [
 	"script",
 	"embed",
 	"base",
@@ -38643,7 +38928,7 @@ var f$1 = [
 	"style",
 	"foreignobject"
 ];
-var p$1 = [
+var U$1 = [
 	"onerror",
 	"onload",
 	"onclick",
@@ -38662,7 +38947,7 @@ var p$1 = [
 	"formaction",
 	"xlink:href"
 ];
-var m$1 = /* @__PURE__ */ new Set([
+var W$1 = /* @__PURE__ */ new Set([
 	"iframe",
 	"object",
 	"mstack",
@@ -38676,8 +38961,8 @@ var m$1 = /* @__PURE__ */ new Set([
 	"annotation",
 	"none"
 ]);
-var h$1 = /^[a-z_][\w.-]*:[a-z][\w.-]*$/;
-var g$1 = [
+var G$1 = /^[a-z_][\w.-]*:[a-z][\w.-]*$/;
+var K$1 = [
 	"alignment",
 	"target",
 	"allow",
@@ -38698,21 +38983,21 @@ var g$1 = [
 	"mslinethickness",
 	"linebreak"
 ];
-var _$1 = /^\s*document\.getElementById\((['"])([^'"]+)\1\)\.play\(\)\s*;?\s*(?:return\s+false\s*;?\s*)?$/;
-var v$1 = "data-pie-play-audio";
-var y$1 = {
-	ADD_TAGS: (e) => m$1.has(e) || h$1.test(e),
-	ADD_ATTR: g$1,
-	FORBID_TAGS: f$1,
-	FORBID_ATTR: p$1,
+var q$1 = /^\s*document\.getElementById\((['"])([^'"]+)\1\)\.play\(\)\s*;?\s*(?:return\s+false\s*;?\s*)?$/;
+var J$1 = "data-pie-play-audio";
+var Y$1 = {
+	ADD_TAGS: (e) => W$1.has(e) || G$1.test(e),
+	ADD_ATTR: K$1,
+	FORBID_TAGS: H$1,
+	FORBID_ATTR: U$1,
 	ALLOW_UNKNOWN_PROTOCOLS: !1,
 	RETURN_TRUSTED_TYPE: !1
 };
-var b$1 = !1;
-function x$1(e) {
+var te$1 = !1;
+function ne$1(e) {
 	for (let t of e.composedPath()) {
 		if (!(t instanceof Element)) continue;
-		let n = t.getAttribute(v$1);
+		let n = t.getAttribute(J$1);
 		if (n === null) continue;
 		e.preventDefault();
 		let r = t.getRootNode().getElementById?.(n) ?? document.getElementById(n);
@@ -38720,28 +39005,28 @@ function x$1(e) {
 		return;
 	}
 }
-var S$1 = null;
-function C$1() {
-	return S$1 || (S$1 = purify_default(window), S$1.addHook("beforeSanitizeAttributes", (e) => {
+var X$1 = null;
+function re$1() {
+	return X$1 || (X$1 = purify_default(window), X$1.addHook("beforeSanitizeAttributes", (e) => {
 		if (e.nodeName !== "A") return;
-		let t = _$1.exec(e.getAttribute("onclick") ?? "")?.[2];
-		t !== void 0 && (e.removeAttribute("onclick"), e.setAttribute("data-pie-play-audio", t), b$1 || (b$1 = (document.addEventListener("click", x$1), !0)));
-	}), S$1);
-}
-var w$1 = 1e6;
-var T$1 = /* @__PURE__ */ new Map();
-var E$1 = 0;
-function D$1(t) {
+		let t = q$1.exec(e.getAttribute("onclick") ?? "")?.[2];
+		t !== void 0 && (e.removeAttribute("onclick"), e.setAttribute("data-pie-play-audio", t), te$1 || (te$1 = (document.addEventListener("click", ne$1), !0)));
+	}), X$1.addHook("afterSanitizeAttributes", v$1), X$1);
+}
+var Z$1 = 1e6;
+var Q$1 = /* @__PURE__ */ new Map();
+var $$1 = 0;
+function ie$1(t) {
 	if (t == null || t === "" || !purify_default.isSupported) return "";
-	let n = typeof t == "string" ? t : String(t), r = T$1.get(n);
+	let n = typeof t == "string" ? t : String(t), r = Q$1.get(n);
 	if (r !== void 0) return r;
-	let i = String(C$1().sanitize(n, y$1)), a = n.length + i.length;
-	if (a > w$1) return i;
-	for (let [e, t] of T$1) {
-		if (E$1 + a <= w$1) break;
-		T$1.delete(e), E$1 -= e.length + t.length;
+	let i = String(re$1().sanitize(n, Y$1)), a = n.length + i.length;
+	if (a > Z$1) return i;
+	for (let [e, t] of Q$1) {
+		if ($$1 + a <= Z$1) break;
+		Q$1.delete(e), $$1 -= e.length + t.length;
 	}
-	return T$1.set(n, i), E$1 += a, i;
+	return Q$1.set(n, i), $$1 += a, i;
 }
 //#endregion
 //#region ../../shared/math-rendering-mathjax/dist/index.js
@@ -38833,33 +39118,33 @@ function _(e) {
 	} }));
 }
 var v = "https://github.com/pie-framework/pie-players/blob/develop/docs/item-player/loading-strategies.md#one-mathjax-version-per-page";
-var y = "pie-mathjax-version-conflict";
-var b = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
-function x(e, t) {
+var ee = "pie-mathjax-version-conflict";
+var te = Symbol.for("@pie-element/shared-math-rendering-mathjax/unsupported-page");
+function ne(e, t) {
 	if (typeof window > "u") return;
 	let n = globalThis;
-	n[b] ?? (n[b] = {
+	n[te] ?? (n[te] = {
 		logged: !1,
 		conditions: []
 	});
-	let r = n[b];
+	let r = n[te];
 	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 ${v}`;
-	r.logged || (r.logged = !0, console.error(i)), window.dispatchEvent(new CustomEvent(y, { detail: {
+	r.logged || (r.logged = !0, console.error(i)), window.dispatchEvent(new CustomEvent(ee, { detail: {
 		condition: e,
 		message: i,
 		docsUrl: v
 	} }));
 }
-function ee() {
+function re() {
 	let e = window.MathJax?.version;
 	return typeof e == "string" && e.startsWith("3.") ? e : void 0;
 }
-function S() {
+function y() {
 	return window.MathJax;
 }
-function te(t, { root: n, speechPath: r }) {
+function ie(t, { root: n, speechPath: r }) {
 	n && (t.loader = {
 		...t.loader,
 		paths: {
@@ -38875,94 +39160,94 @@ function te(t, { root: n, speechPath: r }) {
 		}
 	});
 }
-function ne(e, t) {
+function ae(e, t) {
 	let n = t.srcUrl || (t.root ? `${t.root}/mathjax@4.1.3/tex-mml-chtml.js` : void 0);
-	return n ? (te(e, t), new Promise((t, r) => {
+	return n ? (ie(e, t), new Promise((t, r) => {
 		window.MathJax = e;
 		let i = document.createElement("script");
 		i.src = n, i.async = !0, i.onload = () => t(!0), i.onerror = () => r(/* @__PURE__ */ Error("Failed to load MathJax")), document.head.appendChild(i);
 	})) : (_("untypeset"), Promise.resolve(!1));
 }
-var re = globalThis;
-var C = "PIE-MJX-CHTML-styles";
-var ie = ["MJX-CHTML-styles", "MJX-SVG-styles"];
-var ae = ee;
-var w = "http://www.w3.org/1998/Math/MathML";
-var oe = /^([a-z_][\w.-]*):math$/;
-var se = /^[a-z][a-z0-9-]*$/;
-function ce(e) {
+var oe = globalThis;
+var b = "PIE-MJX-CHTML-styles";
+var se = ["MJX-CHTML-styles", "MJX-SVG-styles"];
+var ce = re;
+var le = "http://www.w3.org/1998/Math/MathML";
+var ue = /^([a-z_][\w.-]*):math$/;
+var de = /^[a-z][a-z0-9-]*$/;
+function fe(e) {
 	for (let t of e.querySelectorAll("*")) {
-		let n = oe.exec(t.tagName.toLowerCase())?.[1];
-		!n || !e.contains(t) || t.closest("mjx-container") || t.replaceWith(T(t, `${n}:`));
+		let n = ue.exec(t.tagName.toLowerCase())?.[1];
+		!n || !e.contains(t) || t.closest("mjx-container") || t.replaceWith(pe(t, `${n}:`));
 	}
 }
-function T(e, t) {
+function pe(e, t) {
 	let n = e.tagName.toLowerCase().slice(t.length);
-	if (!se.test(n)) return e;
-	let r = e.ownerDocument.createElementNS(w, n);
+	if (!de.test(n)) return e;
+	let r = e.ownerDocument.createElementNS(le, n);
 	for (let t of e.attributes) r.setAttribute(t.name, t.value);
 	for (let n of [...e.childNodes]) {
 		let e = n instanceof Element && n.tagName.toLowerCase().startsWith(t);
-		r.appendChild(e ? T(n, t) : n);
+		r.appendChild(e ? pe(n, t) : n);
 	}
 	return r;
 }
-var le = /* @__PURE__ */ new Set([
+var me = /* @__PURE__ */ new Set([
 	"updiagonalstrike",
 	"downdiagonalstrike",
 	"verticalstrike",
 	"horizontalstrike"
 ]);
-var ue = {
+var he = {
 	thin: "0.035em",
 	medium: "0.07em",
 	thick: "0.14em"
 };
-var de = {
+var ge = {
 	tight: "0em",
 	medium: "0.1em",
 	loose: "0.2em"
 };
-var fe = /^(\d+(\.\d*)?|\.\d+)(em|ex|px|pt|pc|in|cm|mm)$/;
-var pe = /^(#[0-9a-f]{3,8}|[a-z]+)$/i;
-var me = /^(\d+(\.\d*)?|\.\d+)$/;
-var he = /* @__PURE__ */ new Set([
+var _e = /^(\d+(\.\d*)?|\.\d+)(em|ex|px|pt|pc|in|cm|mm)$/;
+var ve = /^(#[0-9a-f]{3,8}|[a-z]+)$/i;
+var ye = /^(\d+(\.\d*)?|\.\d+)$/;
+var be = /* @__PURE__ */ new Set([
 	"mn",
 	"mo",
 	"mi",
 	"mtext"
 ]);
-var ge = /* @__PURE__ */ new Set([
+var xe = /* @__PURE__ */ new Set([
 	"stackalign",
 	"charalign",
 	"charspacing",
 	"longdivstyle"
 ]);
-function E(e, t, n = [], r = {}) {
-	let i = e.createElementNS(w, t);
+function x(e, t, n = [], r = {}) {
+	let i = e.createElementNS(le, t);
 	for (let [e, t] of Object.entries(r)) i.setAttribute(e, t);
 	for (let e of n) e && i.appendChild(e);
 	return i;
 }
-function D(e, t) {
-	let n = E(e.document, "mo");
+function S(e, t) {
+	let n = x(e.document, "mo");
 	return n.textContent = t, n;
 }
-function O(e) {
-	let t = E(e.document, "mn");
-	return t.textContent = "0", E(e.document, "mphantom", [t]);
+function Se(e) {
+	let t = x(e.document, "mn");
+	return t.textContent = "0", x(e.document, "mphantom", [t]);
 }
-function k(e, t) {
+function C(e, t) {
 	return e.getAttribute(t)?.trim().toLowerCase() || void 0;
 }
-function A(e, t) {
+function w(e, t) {
 	let n = Number.parseInt(e.getAttribute(t) ?? "", 10);
 	return Number.isFinite(n) ? n : 0;
 }
-function j(e) {
+function T(e) {
 	return e.localName === "none" || e.localName === "mrow" && e.children.length === 0 && !e.textContent?.trim();
 }
-function M(e, t, n = e) {
+function E(e, t, n = e) {
 	switch (t) {
 		case "left": return 0;
 		case "center": return Math.floor(e / 2);
@@ -38970,14 +39255,14 @@ function M(e, t, n = e) {
 		default: return n;
 	}
 }
-function N(e, t, n) {
+function D(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 (j(e)) r.push(null);
+		else if (T(e)) r.push(null);
 		else if (e.localName === "mn" && e.children.length === 0) {
 			let t = [...(e.textContent ?? "").trim()];
 			for (let a of t) {
@@ -38986,28 +39271,28 @@ function N(e, t, n) {
 				t.textContent = a, r.push(s(t));
 			}
 			t.length && (a ?? (a = r.length));
-		} else he.has(e.localName) && e.textContent?.trim() === n.decimalPoint && (i ?? (i = r.length)), r.push(s(e));
+		} else be.has(e.localName) && e.textContent?.trim() === n.decimalPoint && (i ?? (i = r.length)), r.push(s(e));
 	};
 	for (let t of e) o(t, []);
 	return {
 		kind: "digits",
 		cells: r,
-		anchor: M(r.length, n.stackAlign, i ?? a),
+		anchor: E(r.length, n.stackAlign, i ?? a),
 		position: t
 	};
 }
-function _e(e) {
-	return (e ?? "").toLowerCase().split(/\s+/).filter((e) => le.has(e));
+function O(e) {
+	return (e ?? "").toLowerCase().split(/\s+/).filter((e) => me.has(e));
 }
-function ve(e, t) {
-	let n = [...e.children].filter((e) => !j(e));
-	return n.length <= 1 ? n[0] ?? null : E(t.document, "mrow", n);
+function Ce(e, t) {
+	let n = [...e.children].filter((e) => !T(e));
+	return n.length <= 1 ? n[0] ?? null : x(t.document, "mrow", n);
 }
-function ye(e, t, n) {
-	let r = k(e, "location") ?? "n", i = _e(e.getAttribute("crossout")), a = [...e.children].map((e) => j(e) ? null : e.localName === "mscarry" ? {
-		content: ve(e, n),
-		location: k(e, "location") ?? r,
-		crossout: e.hasAttribute("crossout") ? _e(e.getAttribute("crossout")) : i
+function we(e, t, n) {
+	let r = C(e, "location") ?? "n", i = O(e.getAttribute("crossout")), a = [...e.children].map((e) => T(e) ? null : e.localName === "mscarry" ? {
+		content: Ce(e, n),
+		location: C(e, "location") ?? r,
+		crossout: e.hasAttribute("crossout") ? O(e.getAttribute("crossout")) : i
 	} : {
 		content: e,
 		location: r,
@@ -39016,60 +39301,60 @@ function ye(e, t, n) {
 	return {
 		kind: "carries",
 		carries: a,
-		anchor: M(a.length, n.stackAlign),
+		anchor: E(a.length, n.stackAlign),
 		position: t,
-		scale: me.test(o) ? o : "0.6"
+		scale: ye.test(o) ? o : "0.6"
 	};
 }
-function be(e) {
-	let t = k(e, "mslinethickness") ?? "medium", n = ue[t] ?? (fe.test(t) ? t : "0.07em"), r = e.getAttribute("mathcolor")?.trim() ?? "";
-	return `${n} solid ${pe.test(r) ? r : "currentColor"}`;
+function k(e) {
+	let t = C(e, "mslinethickness") ?? "medium", n = he[t] ?? (_e.test(t) ? t : "0.07em"), r = e.getAttribute("mathcolor")?.trim() ?? "";
+	return `${n} solid ${ve.test(r) ? r : "currentColor"}`;
 }
-function xe(e, t, n) {
-	let r = Math.max(0, A(e, "length"));
+function Te(e, t, n) {
+	let r = Math.max(0, w(e, "length"));
 	return {
 		kind: "line",
 		length: r,
-		anchor: M(r, n.stackAlign),
+		anchor: E(r, n.stackAlign),
 		position: t,
-		border: be(e)
+		border: k(e)
 	};
 }
-function P(e, t, n, r, i) {
+function A(e, t, n, r, i) {
 	e.forEach((e, a) => {
-		let o = t + a * n + A(e, "position");
+		let o = t + a * n + w(e, "position");
 		switch (e.localName) {
 			case "msgroup":
-				P([...e.children], o, A(e, "shift"), r, i);
+				A([...e.children], o, w(e, "shift"), r, i);
 				break;
 			case "msline":
-				i.push(xe(e, o, r));
+				i.push(Te(e, o, r));
 				break;
 			case "mscarries":
-				i.push(ye(e, o, r));
+				i.push(we(e, o, r));
 				break;
 			case "msrow":
 			case "mrow":
-				i.push(N([...e.children], o, r));
+				i.push(D([...e.children], o, r));
 				break;
-			default: i.push(N([e], o, r));
+			default: i.push(D([e], o, r));
 		}
 	});
 }
-function F(e) {
+function j(e) {
 	return -e.anchor - e.position;
 }
-function I(e) {
+function M(e) {
 	return e.kind === "digits" ? e.cells.length : e.kind === "carries" ? e.carries.length : e.length;
 }
-function L(e) {
-	return F(e) + I(e) - 1;
+function N(e) {
+	return j(e) + M(e) - 1;
 }
-function Se(e, t, n, r) {
-	let i = (e) => E(r.document, "mpadded", [t], {
+function Ee(e, t, n, r) {
+	let i = (e) => x(r.document, "mpadded", [t], {
 		width: "0",
 		...e ? { lspace: e } : {}
-	}), a = (e, t) => E(r.document, e, t);
+	}), a = (e, t) => x(r.document, e, t);
 	switch (n) {
 		case "s": return a("munder", [e, i("-0.5width")]);
 		case "ne": return a("msup", [e, i()]);
@@ -39091,49 +39376,49 @@ function Se(e, t, n, r) {
 		default: return a("mover", [e, i("-0.5width")]);
 	}
 }
-function Ce(e, t, n) {
-	let r = E(n.document, "menclose", [e], {
+function De(e, t, n) {
+	let r = x(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 ? E(n.document, "mpadded", [r], {
+	return i ? x(n.document, "mpadded", [r], {
 		lspace: `-${i}em`,
 		width: `-${2 * i}em`
 	}) : r;
 }
-function we(e, t, n, r, i) {
-	let a = e && t.crossout.length ? Ce(e, t.crossout, i) : e;
+function Oe(e, t, n, r, i) {
+	let a = e && t.crossout.length ? De(e, t.crossout, i) : e;
 	if (!t.content) return a;
-	let o = E(i.document, "mstyle", [t.content], { scriptsizemultiplier: r });
-	return Se(a ?? O(i), o, n, i);
+	let o = x(i.document, "mstyle", [t.content], { scriptsizemultiplier: r });
+	return Ee(a ?? Se(i), o, n, i);
 }
-function R(e, t) {
-	return e.carries[t - F(e)] ?? null;
+function P(e, t) {
+	return e.carries[t - j(e)] ?? null;
 }
-function Te(e, t, n, r) {
+function ke(e, t, n, r) {
 	let i = e.content;
 	n.forEach((e, a) => {
-		let o = n.length - 1 - a, s = n[o], c = R(s, t), l = n.slice(0, o).some((e) => R(e, t));
+		let o = n.length - 1 - a, s = n[o], c = P(s, t), l = n.slice(0, o).some((e) => P(e, t));
 		if (!c && !l) return;
 		let u = c ?? {
-			content: O(r),
+			content: Se(r),
 			location: "n",
 			crossout: []
 		}, d = a === 0 ? u.location : "n";
-		i = we(i, u, d, s.scale, r);
+		i = Oe(i, u, d, s.scale, r);
 	}), e.content = i;
 }
-function z(e, t) {
-	let n = e.filter((e) => I(e) > 0), r = Math.min(0, ...n.map(F)), i = Math.max(r, ...n.map(L)) - r + 1, a = -r, o = [], s = /* @__PURE__ */ new Map(), c = () => Array.from({ length: i }, () => ({
+function F(e, t) {
+	let n = e.filter((e) => M(e) > 0), r = Math.min(0, ...n.map(j)), i = Math.max(r, ...n.map(N)) - 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 + F(e) + n), u = [], d = [], f = (e) => {
+	})), l = (e) => e.length === 0 ? Array.from({ length: i }, (e, t) => t) : Array.from({ length: e.length }, (t, n) => a + j(e) + n), u = [], d = [], f = (e) => {
 		let n = c();
 		e.cells.forEach((t, r) => {
-			n[a + F(e) + r].content = t;
+			n[a + j(e) + r].content = t;
 		}), u.length && n.forEach((e, n) => {
-			Te(e, n - a, u, t);
+			ke(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);
@@ -39153,44 +39438,44 @@ function z(e, t) {
 		origin: a
 	};
 }
-function B(e, { rows: t }, n) {
-	let r = E(n.document, "mtable", t.map((e) => E(n.document, "mtr", e.map((e) => {
+function Ae(e, { rows: t }, n) {
+	let r = x(n.document, "mtable", t.map((e) => x(n.document, "mtr", e.map((e) => {
 		let t = Object.entries(e.borders).map(([e, t]) => `border-${e}:${t}`).join(";");
-		return E(n.document, "mtd", [e.content], {
+		return x(n.document, "mtd", [e.content], {
 			...t ? { style: t } : {},
 			...e.align ? { columnalign: e.align } : {}
 		});
 	}))));
-	for (let { name: t, value: n } of [...e.attributes]) ge.has(t) || r.setAttribute(t, n);
-	let i = k(e, "charspacing") ?? "medium", a = k(e, "charalign");
-	return r.setAttribute("columnspacing", de[i] ?? (fe.test(i) ? i : de.medium)), r.setAttribute("columnalign", a === "left" || a === "center" ? a : "right"), r.setAttribute("rowspacing", "0"), r.setAttribute("align", e.getAttribute("align") ?? "baseline"), r;
+	for (let { name: t, value: n } of [...e.attributes]) xe.has(t) || r.setAttribute(t, n);
+	let i = C(e, "charspacing") ?? "medium", a = C(e, "charalign");
+	return r.setAttribute("columnspacing", ge[i] ?? (_e.test(i) ? i : ge.medium)), r.setAttribute("columnalign", a === "left" || a === "center" ? a : "right"), r.setAttribute("rowspacing", "0"), r.setAttribute("align", e.getAttribute("align") ?? "baseline"), r;
 }
-function V(e) {
+function je(e) {
 	return {
 		document: e.ownerDocument,
-		stackAlign: k(e, "stackalign") ?? "decimalpoint",
+		stackAlign: C(e, "stackalign") ?? "decimalpoint",
 		decimalPoint: e.closest("[decimalpoint]")?.getAttribute("decimalpoint")?.trim().charAt(0) || "."
 	};
 }
-function Ee(e) {
-	let t = V(e), n = [];
-	return P([...e.children], 0, 0, t, n), B(e, z(n, t), t);
+function Me(e) {
+	let t = je(e), n = [];
+	return A([...e.children], 0, 0, t, n), Ae(e, F(n, t), t);
 }
-function H(e, t, n, r, i, a) {
+function I(e, t, n, r, i, a) {
 	for (let o = n; o <= r; o++) e[t][o].borders[i] = a;
 }
-function De(e, t) {
-	let n = D(t, ")");
-	return n.setAttribute("minsize", "1.2em"), [E(t.document, "mrow", [e, E(t.document, "mspace", [], { width: "0.2em" })]), E(t.document, "mpadded", [n], {
+function Ne(e, t) {
+	let n = S(t, ")");
+	return n.setAttribute("minsize", "1.2em"), [x(t.document, "mrow", [e, x(t.document, "mspace", [], { width: "0.2em" })]), x(t.document, "mpadded", [n], {
 		voffset: "0.1em",
 		lspace: "-0.15em",
 		depth: "-0.2em",
 		height: "-0.2em"
 	})];
 }
-function Oe(e) {
-	let t = V(e), [n, r, ...i] = [...e.children], a = n && !j(n) ? n : null, o = r && !j(r) ? r : null, s = k(e, "longdivstyle") ?? "lefttop", c = be(e), l = [];
-	P(i, 0, 0, t, l);
+function Pe(e) {
+	let t = je(e), [n, r, ...i] = [...e.children], a = n && !T(n) ? n : null, o = r && !T(r) ? r : null, s = C(e, "longdivstyle") ?? "lefttop", c = k(e), l = [];
+	A(i, 0, 0, t, l);
 	let u = l.find((e) => e.kind === "digits");
 	u || (u = {
 		kind: "digits",
@@ -39202,51 +39487,51 @@ function Oe(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(...N(n, 0, t).cells);
+		u.cells.push(...D(n, 0, t).cells);
 	};
 	switch (s) {
 		case "left/\\right":
-			f(a, D(t, "/")), p(D(t, "\\"), o);
+			f(a, S(t, "/")), p(S(t, "\\"), o);
 			break;
 		case "left)(right":
-			f(a, D(t, ")")), p(D(t, "("), o);
+			f(a, S(t, ")")), p(S(t, "("), o);
 			break;
 		case ":right=right":
-			p(D(t, ":"), a, D(t, "="), o);
+			p(S(t, ":"), a, S(t, "="), o);
 			break;
 		case "righttop":
 		case "stackedleftlinetop":
 		case "lefttop":
-			o && P([o], 0, 0, t, d), l.splice(l.indexOf(u), 0, ...d), s === "righttop" ? p(a) : s === "stackedleftlinetop" ? f(a) : f(...De(a, t));
+			o && A([o], 0, 0, t, d), l.splice(l.indexOf(u), 0, ...d), s === "righttop" ? p(a) : s === "stackedleftlinetop" ? f(a) : f(...Ne(a, t));
 			break;
 	}
-	let m = z(l, t), h = m.rows, g = m.rowOf.get(u) ?? 0, _ = (e) => m.origin + F(u) + e, v = Math.max(_(u.cells.length - 1), ...d.map((e) => m.origin + L(e)));
+	let m = F(l, t), h = m.rows, g = m.rowOf.get(u) ?? 0, _ = (e) => m.origin + j(u) + e, v = Math.max(_(u.cells.length - 1), ...d.map((e) => m.origin + N(e)));
 	switch (s) {
 		case "left/\\right":
 		case "left)(right":
 		case ":right=right": break;
 		case "righttop": {
 			let e = h[g][_(u.cells.length - 1)];
-			e.borders.left = c, e.borders.bottom = c, H(h, g, _(0), _(u.cells.length - 1), "top", c);
+			e.borders.left = c, e.borders.bottom = c, I(h, g, _(0), _(u.cells.length - 1), "top", c);
 			break;
 		}
 		case "stackedleftlinetop": {
 			let e = h[g][_(0)];
-			e.borders.right = c, e.borders.bottom = c, H(h, g, _(1), v, "top", c);
+			e.borders.right = c, e.borders.bottom = c, I(h, g, _(1), v, "top", c);
 			break;
 		}
 		case "stackedrightright":
 		case "mediumstackedrightright":
 		case "shortstackedrightright":
 		case "stackedleftleft":
-			ke(h, g, s, a, o, c, t);
+			Fe(h, g, s, a, o, c, t);
 			break;
-		default: H(h, g, _(1), v, "top", c);
+		default: I(h, g, _(1), v, "top", c);
 	}
-	return B(e, m, t);
+	return Ae(e, m, t);
 }
-function ke(e, t, n, r, i, a, o) {
-	let s = n === "stackedleftleft", c = s ? "right" : "left", l = (e) => e && E(o.document, "mpadded", [e], {
+function Fe(e, t, n, r, i, a, o) {
+	let s = n === "stackedleftleft", c = s ? "right" : "left", l = (e) => e && x(o.document, "mpadded", [e], {
 		lspace: "0.2em",
 		width: "+0.4em"
 	});
@@ -39265,153 +39550,441 @@ function ke(e, t, n, r, i, a, o) {
 		}) : 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 Ae(e) {
-	for (let t of [...e.querySelectorAll("mstack, mlongdiv")]) !t.closest("math") || t.closest("mjx-container") || t.replaceWith(t.localName === "mstack" ? Ee(t) : Oe(t));
+function Ie(e) {
+	for (let t of [...e.querySelectorAll("mstack, mlongdiv")]) !t.closest("math") || t.closest("mjx-container") || t.replaceWith(t.localName === "mstack" ? Me(t) : Pe(t));
 }
-var je = "PIE-MJX-explorer-styles";
-var U = "var(--pie-text, black)";
-var Me = "var(--pie-background, #ffffff)";
-var Ne = "var(--pie-border-dark, #66686A)";
-var W = "var(--pie-focus-outline, var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565C0)))";
-var G = `color-mix(in srgb, ${W} 15%, transparent)`;
-var Pe = `
+var Le = "PIE-MJX-explorer-styles";
+var L = "var(--pie-text, black)";
+var Re = "var(--pie-background, #ffffff)";
+var ze = "var(--pie-border-dark, #66686A)";
+var R = "var(--pie-focus-outline, var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565C0)))";
+var z = `color-mix(in srgb, ${R} 15%, transparent)`;
+var Be = `
 :root mjx-container [data-sre-highlight-1]:not([data-mjx-collapsed], rect) {
-  color: ${U} !important;
-  fill: ${U} !important;
+  color: ${L} !important;
+  fill: ${L} !important;
 }
 :root mjx-container:not([data-mjx-clone-container]) [data-sre-highlight-1]:not([data-sre-enclosed], rect) {
-  background-color: ${G} !important;
+  background-color: ${z} !important;
 }
 :root mjx-container rect[data-sre-highlight-1]:not([data-sre-enclosed]) {
-  fill: ${G} !important;
+  fill: ${z} !important;
 }
 :root mjx-container .mjx-selected {
-  outline: 2px solid ${W} !important;
+  outline: 2px solid ${R} !important;
 }
 :root mjx-container [data-sre-highlight-2] {
-  color: ${U} !important;
+  color: ${L} !important;
   background-color: transparent !important;
-  fill: ${U} !important;
-  outline: 2px dashed ${W} !important;
+  fill: ${L} !important;
+  outline: 2px dashed ${R} !important;
 }
 :root mjx-container rect[data-sre-highlight-2] {
   fill: transparent !important;
-  stroke: ${W} !important;
+  stroke: ${R} !important;
   stroke-width: 2px !important;
   vector-effect: non-scaling-stroke;
 }
 :root .MJX_LiveRegion, :root .MJX_HoverRegion, :root .MJX_ToolTip {
-  color: ${U} !important;
-  background-color: ${Me} !important;
-  border-color: ${Ne} !important;
+  color: ${L} !important;
+  background-color: ${Re} !important;
+  border-color: ${ze} !important;
 }
 :root .MJX_LiveRegion > div, :root .MJX_HoverRegion > div {
-  color: ${U} !important;
-  background-color: ${G} !important;
+  color: ${L} !important;
+  background-color: ${z} !important;
 }
 `;
-function Fe(e = document) {
+function Ve(e = document) {
 	if (e.getElementById("PIE-MJX-explorer-styles")) return;
 	let t = e.createElement("style");
-	t.id = je, t.textContent = Pe, e.head.appendChild(t);
+	t.id = Le, t.textContent = Be, e.head.appendChild(t);
+}
+var He = /[⁡-⁤]/g;
+var Ue = {
+	"+": "positive",
+	"-": "negative",
+	"−": "negative",
+	"±": "plus or minus",
+	"∓": "minus or plus"
+};
+var We = {
+	"(": "open parenthesis",
+	"[": "open bracket",
+	"{": "open brace",
+	"⟨": "open angle bracket",
+	"⌊": "open floor",
+	"⌈": "open ceiling"
+};
+var Ge = {
+	")": "close parenthesis",
+	"]": "close bracket",
+	"}": "close brace",
+	"⟩": "close angle bracket",
+	"⌋": "close floor",
+	"⌉": "close ceiling"
+};
+var B = {
+	"!": "factorial",
+	"%": "percent",
+	"°": "degrees",
+	"′": "prime",
+	"″": "double prime"
+};
+var Ke = {
+	"+": "plus",
+	"-": "minus",
+	"−": "minus",
+	"±": "plus or minus",
+	"∓": "minus or plus",
+	"×": "times",
+	"⋅": "times",
+	"·": "times",
+	"*": "times",
+	"÷": "divided by",
+	"/": "divided by",
+	"=": "equals",
+	"≠": "does not equal",
+	"<": "is less than",
+	">": "is greater than",
+	"≤": "is less than or equal to",
+	"≥": "is greater than or equal to",
+	"≈": "is approximately equal to",
+	"≡": "is equivalent to",
+	"∝": "is proportional to",
+	"∈": "is an element of",
+	"∉": "is not an element of",
+	"⊂": "is a subset of",
+	"⊆": "is a subset of or equal to",
+	"∪": "union",
+	"∩": "intersection",
+	"→": "right arrow",
+	"←": "left arrow",
+	"⇒": "implies",
+	"⇔": "if and only if",
+	"∑": "sum",
+	"∏": "product",
+	"∫": "integral",
+	"∞": "infinity",
+	"∠": "angle",
+	"⊥": "is perpendicular to",
+	"∥": "is parallel to",
+	"∴": "therefore",
+	",": "comma",
+	";": "semicolon",
+	":": "colon",
+	"|": "vertical bar",
+	"‖": "double vertical bar",
+	...We,
+	...Ge,
+	...B
+};
+var qe = /* @__PURE__ */ new Set(["|", "‖"]);
+var Je = /* @__PURE__ */ new Set([
+	"∑",
+	"∏",
+	"∫",
+	"∪",
+	"∩"
+]);
+var Ye = {
+	α: "alpha",
+	β: "beta",
+	γ: "gamma",
+	δ: "delta",
+	ε: "epsilon",
+	θ: "theta",
+	λ: "lambda",
+	μ: "mu",
+	π: "pi",
+	ρ: "rho",
+	σ: "sigma",
+	τ: "tau",
+	φ: "phi",
+	ω: "omega",
+	Δ: "capital delta",
+	Σ: "capital sigma",
+	Ω: "capital omega",
+	"∞": "infinity",
+	sin: "sine",
+	cos: "cosine",
+	tan: "tangent",
+	sec: "secant",
+	csc: "cosecant",
+	cot: "cotangent",
+	ln: "natural log",
+	lim: "limit"
+};
+var Xe = {
+	"¯": "bar",
+	"‾": "bar",
+	"―": "bar",
+	"^": "hat",
+	ˆ: "hat",
+	"~": "tilde",
+	"˜": "tilde",
+	"→": "vector",
+	"⃗": "vector",
+	"˙": "dot"
+};
+var V = (e) => (e.textContent ?? "").replace(He, "").replace(/\s+/g, " ").trim();
+var H = (e) => e.replace(/\s+/g, " ").trim();
+var U = (e) => [...e.children];
+function W(e) {
+	return !e || [
+		"mn",
+		"mi",
+		"mtext",
+		"mo"
+	].includes(e.localName) ? !0 : ["mrow", "mstyle"].includes(e.localName) && e.children.length === 1 ? W(e.children[0]) : !1;
+}
+function Ze(e) {
+	let t = e ? V(e) : "";
+	return /^\d{1,3}$/.test(t) ? Number(t) : void 0;
+}
+function Qe(e) {
+	return `${e}${e % 100 >= 11 && e % 100 <= 13 ? "th" : {
+		1: "st",
+		2: "nd",
+		3: "rd"
+	}[e % 10] ?? "th"}`;
+}
+function $e(e) {
+	return Ye[e] ?? e;
+}
+function G(e) {
+	return Ke[e] ?? e;
+}
+function K(e) {
+	let t = [], n = !1;
+	for (let r of e) {
+		if (r.localName !== "mo") {
+			t.push(q(r)), n = !0;
+			continue;
+		}
+		let e = V(r);
+		e && (!n && Ue[e] ? t.push(Ue[e]) : e in B ? t.push(B[e]) : (t.push(G(e)), n = e in Ge || qe.has(e) && n));
+	}
+	return t.filter(Boolean).join(" ");
+}
+function et(e) {
+	let [t, ...n] = e, r = n[n.length - 1], i = (e) => e?.localName === "mo" && ["|", "‖"].includes(V(e)), a = n.slice(0, -1);
+	if (a.length && i(t) && i(r) && V(t) === V(r) && !a.some(i)) {
+		let e = H(K(a));
+		return V(t) === "|" ? `absolute value of ${e} end absolute value` : `norm of ${e} end norm`;
+	}
+	return K(e);
+}
+function tt(e, t) {
+	let n = e ? q(e) : "", r = t ? q(t) : "";
+	return W(e) && W(t) ? `${n} over ${r}` : `the fraction with numerator ${n} and denominator ${r}`;
+}
+function nt(e, t, n) {
+	return n ? `${t} of ${e}` : `${t} of ${e} end root`;
+}
+function rt(e, t) {
+	let n = t ? V(t) : "";
+	if (t && W(t)) {
+		if (n === "2") return `${e} squared`;
+		if (n === "3") return `${e} cubed`;
+		if (n in B) return `${e} ${B[n]}`;
+	}
+	let r = t ? q(t) : "";
+	return W(t) ? `${e} to the power of ${r}` : `${e} to the power of ${r} end power`;
+}
+function it(e, t) {
+	let n = t ? q(t) : "";
+	return W(t) ? `${e} sub ${n}` : `${e} sub ${n} end sub`;
+}
+function at(e, t, n) {
+	let r = V(e);
+	if (r === "lim") return `limit as ${t ? q(t) : ""} of`;
+	if (!Je.has(r)) return;
+	let i = t ? `from ${q(t)}` : "", a = n ? `to ${q(n)}` : "";
+	return `${G(r)} ${i} ${a} of`;
 }
-var K = Symbol.for("@pie-element/shared-math-rendering-mathjax/speech-worker-failed");
-function Ie() {
+function ot(e) {
+	let t = U(e).filter((e) => ["mtr", "mlabeledtr"].includes(e.localName)), n = t.map((e) => U(e).filter((e) => e.localName === "mtd")), r = Math.max(0, ...n.map((e) => e.length)), i = n.map((e, t) => `row ${t + 1}: ${e.map((e) => H(K(U(e)))).join(", ")}`);
+	return `table with ${t.length} ${t.length === 1 ? "row" : "rows"} and ${r} ${r === 1 ? "column" : "columns"}. ${i.join(". ")}`;
+}
+function st(e) {
+	let t = e.getAttribute("open") ?? "(", n = e.getAttribute("close") ?? ")", r = (e.getAttribute("separators") ?? ",").replace(/\s+/g, "").split(""), i = U(e).map((e, t, n) => t < n.length - 1 ? `${q(e)} ${G(r[Math.min(t, r.length - 1)] ?? ",")}` : q(e));
+	return [
+		G(t),
+		...i,
+		G(n)
+	].filter(Boolean).join(" ");
+}
+function q(e) {
+	let t = U(e);
+	switch (e.localName) {
+		case "mi": return $e(V(e));
+		case "mn":
+		case "mtext":
+		case "ms": return V(e);
+		case "mo": return G(V(e));
+		case "mspace":
+		case "mphantom":
+		case "annotation":
+		case "annotation-xml": return "";
+		case "semantics": return t[0] ? q(t[0]) : "";
+		case "mfrac": return tt(t[0], t[1]);
+		case "msqrt": return nt(H(K(t)), "square root", t.length === 1 && W(t[0]));
+		case "mroot": {
+			let e = Ze(t[1]), n = e === 2 ? "square root" : e === 3 ? "cube root" : e ? `${Qe(e)} root` : `root with index ${t[1] ? q(t[1]) : ""}`;
+			return nt(t[0] ? q(t[0]) : "", n, W(t[0]));
+		}
+		case "msup": return rt(t[0] ? q(t[0]) : "", t[1]);
+		case "msub": return it(t[0] ? q(t[0]) : "", t[1]);
+		case "msubsup": return (t[0] ? at(t[0], t[1], t[2]) : void 0) || rt(it(t[0] ? q(t[0]) : "", t[1]), t[2]);
+		case "munder":
+		case "mover":
+		case "munderover": {
+			let [n, r, i] = t, a = e.localName === "mover" ? void 0 : r, o = e.localName === "munder" ? void 0 : e.localName === "mover" ? r : i, s = n ? at(n, a, o) : void 0;
+			if (s) return s;
+			let c = n ? q(n) : "", l = e.localName === "mover" && r ? Xe[V(r)] : void 0;
+			return l ? l === "vector" ? `vector ${c}` : `${c} ${l}` : [
+				c,
+				a ? `with ${q(a)} below` : "",
+				o ? `with ${q(o)} above` : ""
+			].filter(Boolean).join(" ");
+		}
+		case "mfenced": return st(e);
+		case "mtable": return ot(e);
+		case "mrow":
+		case "math": return et(t);
+		default: return t.length ? K(t) : V(e);
+	}
+}
+function ct(e) {
+	return H(q(e));
+}
+var lt = [
+	"a[href]",
+	"button",
+	"label",
+	"summary",
+	...[
+		"button",
+		"checkbox",
+		"combobox",
+		"link",
+		"menuitem",
+		"menuitemcheckbox",
+		"menuitemradio",
+		"option",
+		"radio",
+		"switch",
+		"tab",
+		"treeitem"
+	].map((e) => `[role="${e}"]`)
+].join(", ");
+function ut(e) {
+	if (e.hasAttribute("aria-label") || !e.closest(lt)) return;
+	let t = e.querySelector("math"), n = t ? ct(t) : "";
+	n && e.setAttribute("aria-label", n);
+}
+function J(e) {
+	for (let t of e.querySelectorAll("mjx-container")) ut(t);
+}
+var dt = Symbol.for("@pie-element/shared-math-rendering-mathjax/speech-worker-failed");
+function ft() {
 	let e = globalThis;
-	e[K] || (e[K] = !0, console.warn(`[math-rendering] MathJax's speech worker did not start, so speech, braille and the explorer are off. A content security policy must allow blob: workers, and scripts and fetches from the asset root. See ${t}`));
+	e[dt] || (e[dt] = !0, console.warn(`[math-rendering] MathJax's speech worker did not start, so speech, braille and the explorer are off. A content security policy must allow blob: workers, and scripts and fetches from the asset root. See ${t}`));
 }
-function Le(e) {
+function pt(e) {
 	let t = e.webworker;
 	if (!t || t.ready) return;
 	e.options ?? (e.options = {});
 	let n = e.options;
-	n.enableSpeech = !1, n.enableBraille = !1, n.speechError = () => {}, t.Post = () => Promise.reject(/* @__PURE__ */ Error("The speech worker did not start")), t.Terminate(), Ie();
+	n.enableSpeech = !1, n.enableBraille = !1, n.speechError = () => {}, t.Post = () => Promise.reject(/* @__PURE__ */ Error("The speech worker did not start")), t.Terminate(), ft();
 }
-function Re(e) {
+function mt(e) {
 	let t = e?.adaptor, n = t?.createWorker;
 	!e || !t || !n || (t.createWorker = async (r, i) => {
 		let a = await n.call(t, r, i);
-		return a.addEventListener("error", () => Le(e), { once: !0 }), a;
+		return a.addEventListener("error", () => pt(e), { once: !0 }), a;
 	});
 }
 `${i}`;
-var ze = {
+var ht = {
 	parallelogram: "\\lower.2em{\\Huge\\unicode{x25B1}}",
 	overarc: "\\overparen",
 	napprox: "\\not\\approx",
 	longdiv: "\\enclose{longdiv}",
 	abs: ["\\left|#1\\right|", 1]
 };
-var Be = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
-var Ve = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
-var He = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
-var Ue = /\\embed\{newLine\}\[\]/g;
-var We = [
+var gt = "[math-rendering] using $ is not advisable, please use $$..$$ or \\(...\\)";
+var _t = /\\\(|\\\[|\$\$|\\\$|\\begin\{|\\(?:eq)?ref\{/;
+var vt = /\\\(|\\\[|\$|\\begin\{|\\(?:eq)?ref\{/;
+var yt = /\\embed\{newLine\}\[\]/g;
+var bt = [
 	["$$", "$$"],
 	["$", "$"],
 	["\\[", "\\]"],
 	["\\(", "\\)"]
 ];
-var q = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
-var Ge = "MJX-CHTML-styles";
-var Ke = "PIE-MJX-SVG-styles";
-var J = "PIE-MathJax-Menu-Settings";
-var qe = { "mjx-container[overflow=\"linebreak\"][display]": {
+var xt = Symbol.for("@pie-element/shared-math-rendering-mathjax/loading");
+var St = "MJX-CHTML-styles";
+var Ct = "PIE-MJX-SVG-styles";
+var Y = "PIE-MathJax-Menu-Settings";
+var wt = { "mjx-container[overflow=\"linebreak\"][display]": {
 	overflow: "auto clip",
 	"min-width": "initial !important"
 } };
-var Je = 200;
-var Ye = 201;
-function Y(e) {
+var Tt = 200;
+var Et = 201;
+var Dt = 202;
+function X(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(e) {
-	for (let [t, n] of We) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
+function Ot(e) {
+	for (let [t, n] of bt) if (e.startsWith(t) && e.endsWith(n)) return e.substring(t.length, e.length - n.length);
 	return e;
 }
-function Xe(e) {
-	return X(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
+function kt(e) {
+	return Ot(e.includes("\\displaystyle") ? e.replace("\\displaystyle", "").trim() : e);
 }
-var Ze = "mathjax_ignore";
-var Qe = "mathjax_process";
-function $e(e, t) {
-	let n = e.closest(`.${Ze}, .${Qe}`);
-	return n !== null && t.contains(n) && !n.classList.contains(Qe);
+var At = "mathjax_ignore";
+var jt = "mathjax_process";
+function Mt(e, t) {
+	let n = e.closest(`.${At}, .${jt}`);
+	return n !== null && t.contains(n) && !n.classList.contains(jt);
 }
-function et(e) {
+function Nt(e) {
 	for (let t of e.querySelectorAll("[data-latex]")) {
-		if (t.dataset.mathHandled || t.closest("mjx-container") || $e(t, e)) continue;
+		if (t.dataset.mathHandled || t.closest("mjx-container") || Mt(t, e)) continue;
 		let n = t.textContent;
-		n && (t.textContent = `\\(${Xe(n)}\\)`.replace(Ue, "\\newline "), t.dataset.mathHandled = "true");
+		n && (t.textContent = `\\(${kt(n)}\\)`.replace(yt, "\\newline "), t.dataset.mathHandled = "true");
 	}
 }
-function tt(e) {
+function Pt(e) {
 	for (let t of e.querySelectorAll("math")) t.closest("mjx-container") || t.setAttribute("displaystyle", "true");
 }
-function nt(e, t) {
+function Ft(e, t) {
 	for (let t of e.querySelectorAll("math")) if (!t.closest("mjx-assistive-mml")) return !0;
-	return (t ? He : Ve).test(e.textContent ?? "");
+	return (t ? vt : _t).test(e.textContent ?? "");
 }
-function rt(e) {
+function It(e) {
 	return new Promise((t, n) => {
 		let { useSingleDollar: r = !1, accessibility: i = !0, loadFonts: a = !0, srcUrl: o } = e, s = d(e, import.meta.url), c = {
 			loader: {
 				load: i ? ["a11y/assistive-mml"] : [],
 				failed: (e) => n(e),
 				"output/svg": { ready: (e) => {
-					let t = S();
-					return it(t) && at(t), e;
+					let t = y();
+					return Lt(t) && Rt(t), e;
 				} }
 			},
 			startup: {
 				typeset: !1,
 				ready: () => {
-					let e = S(), r = e?.startup, i = it(e);
-					i && (at(e), ot(e, s.speechLocales), f(e?._?.a11y?.sre_ts?.locales, s.speechLocales)), r?.defaultReady?.(), i && (st(r?.document), r?.document?.addStyles?.(qe), Re(r?.document)), Promise.resolve(r?.promise).then(() => t(), n);
+					let e = y(), r = e?.startup, i = Lt(e);
+					i && (Rt(e), zt(e, s.speechLocales), f(e?._?.a11y?.sre_ts?.locales, s.speechLocales)), r?.defaultReady?.(), i && (Bt(r?.document), Vt(r?.document), r?.document?.addStyles?.(wt), mt(r?.document)), Promise.resolve(r?.promise).then(() => t(), n);
 				}
 			},
-			tex: { macros: { ...ze } },
+			tex: { macros: { ...ht } },
 			output: { displayOverflow: "linebreak" },
 			options: {
 				enableMenu: i,
@@ -39423,9 +39996,9 @@ function rt(e) {
 				a11y: { inTabOrder: !1 }
 			}
 		};
-		r && c.tex && (console.warn(Be), c.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], c.tex.processEscapes = !0), a || (c.chtml = { fontURL: "" });
+		r && c.tex && (console.warn(gt), c.tex.inlineMath = [["$", "$"], ["\\(", "\\)"]], c.tex.processEscapes = !0), a || (c.chtml = { fontURL: "" });
 		let l = p(s.speechLocales);
-		l && c.options && (c.options.sre = { locale: l }), ne(c, {
+		l && c.options && (c.options.sre = { locale: l }), ae(c, {
 			...s,
 			srcUrl: o
 		}).then((e) => {
@@ -39433,163 +40006,172 @@ function rt(e) {
 		}, n);
 	});
 }
-function it(e) {
+function Lt(e) {
 	return !!e?.version?.startsWith("4.");
 }
-function at(e) {
+function Rt(e) {
 	let t = e?._?.output, n = t?.chtml_ts?.CHTML;
-	n && (n.STYLESHEETID = C);
+	n && (n.STYLESHEETID = b);
 	let r = t?.svg_ts?.SVG;
-	r && (r.STYLESHEETID = Ke);
+	r && (r.STYLESHEETID = Ct);
 }
-function ot(e, t) {
+function zt(e, t) {
 	let n = e?._?.ui?.menu?.Menu?.Menu;
 	if (n) {
-		n.MENU_STORAGE = J;
+		n.MENU_STORAGE = Y;
 		try {
-			let e = localStorage.getItem(J);
+			let e = localStorage.getItem(Y);
 			if (!e) return;
 			let { assistiveMml: n, locale: r, ...i } = JSON.parse(e), a = r === void 0 || !t || t.has(r);
 			if (n === void 0 && a) return;
-			a && r !== void 0 && (i.locale = r), Object.keys(i).length ? localStorage.setItem(J, JSON.stringify(i)) : localStorage.removeItem(J);
+			a && r !== void 0 && (i.locale = r), Object.keys(i).length ? localStorage.setItem(Y, JSON.stringify(i)) : localStorage.removeItem(Y);
 		} catch {}
 	}
 }
-function st(e) {
+function Bt(e) {
 	if (!e) return;
 	let t = /* @__PURE__ */ new WeakSet(), n = (e) => {
 		let n = e.typesetRoot;
-		!n || t.has(n) || (Y(n), t.add(n));
+		!n || t.has(n) || (X(n), t.add(n));
 	};
-	e.addRenderAction?.("pie-strip-latex", Ye, (e) => {
+	e.addRenderAction?.("pie-strip-latex", Et, (e) => {
 		for (let t of e.math ?? []) n(t);
 		return !1;
 	}, (e) => {
 		let t = e.typesetRoot;
-		return t && Y(t), !1;
+		return t && X(t), !1;
 	});
 	let r = e.outputJax?.chtmlStyles;
-	r?.id === Ge && (r.id = C), ut();
+	r?.id === St && (r.id = b), Ut();
 }
-function ct(e) {
-	return e instanceof HTMLStyleElement && ie.includes(e.id);
+function Vt(e) {
+	let t = (e) => {
+		e.typesetRoot && ut(e.typesetRoot);
+	};
+	e?.addRenderAction?.("pie-name-math", Dt, (e) => {
+		for (let n of e.math ?? []) t(n);
+		return !1;
+	}, (e) => (t(e), !1));
+}
+function Z(e) {
+	return e instanceof HTMLStyleElement && se.includes(e.id);
 }
-function lt(e) {
-	x("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
+function Ht(e) {
+	ne("foreign-output-stylesheet", `another MathJax added <style id="${e.id}"> to <head>`);
 }
-function ut() {
-	let e = document.head, t = [...e.children].find(ct);
+function Ut() {
+	let e = document.head, t = [...e.children].find(Z);
 	if (t) {
-		lt(t);
+		Ht(t);
 		return;
 	}
 	let n = new MutationObserver((e) => {
 		for (let t of e) {
-			let e = [...t.addedNodes].find(ct);
+			let e = [...t.addedNodes].find(Z);
 			if (e) {
-				lt(e), n.disconnect();
+				Ht(e), n.disconnect();
 				return;
 			}
 		}
 	});
 	n.observe(e, { childList: !0 });
 }
-function dt(e) {
+function Wt(e) {
 	let t = e?.math;
 	if (!t?.remove) return;
-	let n = [...t].filter((e) => (e.state?.() ?? 0) >= Je && e.typesetRoot?.isConnected === !1);
+	let n = [...t].filter((e) => (e.state?.() ?? 0) >= Tt && e.typesetRoot?.isConnected === !1);
 	if (n.length !== 0) {
 		for (let e of [...n].reverse()) e.clear?.();
 		t.remove(...n);
 	}
 }
-function ft(e) {
+function Gt(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 = y()?.startup;
 			i ? i.call(r) : e?.defaultReady?.(), Promise.resolve(e?.promise).then(() => t(), n);
 		};
 	});
 }
-function pt(e) {
-	let t = S();
-	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : ft(t) : rt(e);
+function Kt(e) {
+	let t = y();
+	return t ? t.version ? t.startup?.promise ? Promise.resolve(t.startup.promise).then(() => void 0) : Promise.resolve() : Gt(t) : It(e);
 }
-function mt(e) {
-	return pt(e).then(() => {
-		let e = S();
+function qt(e) {
+	return Kt(e).then(() => {
+		let e = y();
 		e && typeof e.typesetPromise != "function" && console.warn("[mathjax-renderer] MathJax on this page has no typesetPromise; math stays untypeset.");
 	});
 }
-function ht(e) {
-	let t = re, n = t[q];
-	return n || (n = mt(e), t[q] = n), n;
+function Jt(e) {
+	let t = oe, n = t[xt];
+	return n || (n = qt(e), t[xt] = n), n;
 }
-function gt(e = {}) {
+function Yt(e = {}) {
 	let t = e.useSingleDollar ?? !1;
 	return async (n) => {
 		if (typeof window > "u") return;
-		let r = ae();
-		r && x("mathjax-3-global", `window.MathJax is MathJax ${r}`), et(n), ce(n), tt(n), Ae(n);
-		let i = ht(e);
-		if (!nt(n, t)) {
+		let r = ce();
+		r && ne("mathjax-3-global", `window.MathJax is MathJax ${r}`), Nt(n), fe(n), Pt(n), Ie(n);
+		let i = Jt(e);
+		if (!Ft(n, t)) {
 			i.catch(() => {});
 			return;
 		}
 		await i;
-		let a = S();
+		let a = y();
 		if (await a?.startup?.promise, typeof a?.typesetPromise == "function") {
-			Fe(), dt(a.startup?.document);
+			Ve(), Wt(a.startup?.document);
 			try {
 				await a.typesetPromise([n]);
 			} catch (e) {
 				throw a.typesetClear?.([n]), e;
 			}
-			Y(n);
+			X(n), J(n);
 		}
 	};
 }
-var vt = "@pie-lib/math-rendering";
-var yt = "@pie-lib/math-rendering@2";
-var bt = "pie-print";
-var xt = 50;
-var St = 1e4;
-var Ct = null;
-function wt() {
-	return !!window[yt]?.opts?.useSingleDollar;
+var Zt = "@pie-lib/math-rendering";
+var Qt = "@pie-lib/math-rendering@2";
+var $t = "pie-print";
+var en = 50;
+var tn = 1e4;
+var nn = null;
+function rn() {
+	return !!window[Qt]?.opts?.useSingleDollar;
 }
-function Tt() {
-	return Ct || (Ct = gt({ useSingleDollar: wt() })), Ct;
+function an() {
+	return nn || (nn = Yt({ useSingleDollar: rn() })), nn;
 }
-function Z() {
+function Q() {
 	if (typeof window > "u") return null;
-	let e = window[vt];
+	let e = window[Zt];
 	return typeof e?.renderMath == "function" && e.renderMath !== $ ? e : null;
 }
-function Et(e) {
+function on(e) {
 	let t = e;
 	for (; t;) {
-		if (t instanceof Element && t.localName === bt) return t;
+		if (t instanceof Element && t.localName === $t) return t;
 		t = t instanceof ShadowRoot ? t.host : t.parentNode;
 	}
 	return null;
 }
-function Q() {
+function sn() {
 	let e = window.renderMath;
 	return typeof e == "function" ? e : null;
 }
-async function Dt(e) {
-	let t = Et(e);
+async function cn(e) {
+	let t = on(e);
 	if (!t) return null;
-	let n = Q();
+	let n = sn();
 	if (n || t.mathRenderingModuleUrlImported !== !0) return n;
-	let r = Date.now() + St;
+	let r = Date.now() + tn;
 	for (; Date.now() < r;) {
-		await new Promise((e) => setTimeout(e, xt));
-		let e = Q();
+		await new Promise((e) => setTimeout(e, en));
+		let e = sn();
 		if (e) return e;
 	}
 	return null;
@@ -39598,8 +40180,8 @@ var $ = 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 = Z(), i = r || t ? null : await Dt(n);
-	return r ? await r.renderMath?.(n) : i && i !== $ ? await i(n) : await Tt()(n), t ? n.innerHTML : void 0;
+	let r = Q(), i = r || t ? null : await cn(n);
+	return r ? (await r.renderMath?.(n), J(n)) : i && i !== $ ? (await i(n), J(n)) : await an()(n), t ? n.innerHTML : void 0;
 };
 //#endregion
 //#region src/delivery/tile-accessible-name.ts
@@ -39803,7 +40385,7 @@ function Tile($$anchor, $$props) {
 	var consequent_1 = ($$anchor) => {
 		var span_1 = root_1$2();
 		let classes_2;
-		html$2(span_1, () => D$1(label()), true);
+		html$2(span_1, () => ie$1(label()), true);
 		reset$1(span_1);
 		template_effect(() => classes_2 = set_class(span_1, 1, "tile-label svelte-1hgaksk", null, classes_2, { "tile-label-below": get$1(hasImage) }));
 		append($$anchor, span_1);
@@ -40015,7 +40597,7 @@ function TeacherInstructions($$anchor, $$props) {
 	var button = child(div);
 	var text = only_child(button, true);
 	var div_1 = sibling(button, 2);
-	html$2(div_1, () => D$1(html()), true);
+	html$2(div_1, () => ie$1(html()), true);
 	reset$1(div_1);
 	reset$1(div);
 	template_effect(($0) => {
@@ -40959,7 +41541,7 @@ function VennClassification($$anchor, $$props) {
 	var node_1 = sibling(node, 2);
 	var consequent_1 = ($$anchor) => {
 		var div_1 = root$1();
-		html$2(div_1, () => D$1(get$1(prompt)), true);
+		html$2(div_1, () => ie$1(get$1(prompt)), true);
 		reset$1(div_1);
 		append($$anchor, div_1);
 	};