@pie-element/math-inline 12.1.1-next.17 → 12.1.1-next.18

package/dist/browser/author/index.js

@@ -32586,8 +32586,8 @@ X.create({
 		})) ?? null };
 	}
 });
-var Mz = "placeholder", Nz = new q("tiptap__placeholder"), Pz = 200;
-function Fz(e) {
+var Mz = "placeholder", Nz = new q("tiptap__placeholder");
+function Pz(e) {
 	let { editor: t, placeholder: n, dataAttribute: r, pos: i, node: a, isEmptyDoc: o, hasAnchor: s, classes: { emptyNode: c, emptyEditor: l } } = e, u = [c];
 	return o && u.push(l), tm.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -32599,156 +32599,198 @@ function Fz(e) {
 		}) : n
 	});
 }
-function Iz({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function Fz(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function Iz({ editor: e, options: t, dataAttribute: n, doc: r, selection: i, from: a, to: o }) {
+	let { anchor: s } = i, c = [], l = e.isEmpty;
+	return r.nodesBetween(a, o, (r, i) => {
+		let a = s >= i && s <= i + r.nodeSize, o = !r.isLeaf && o_(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(Pz({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: Fz(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function Lz({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
 	if (!(e.isEditable || !t.showOnlyWhenEditable)) return null;
-	let { anchor: a } = i, o = [], s = e.isEmpty, c = {
-		emptyEditor: t.emptyEditorClass,
-		emptyNode: t.emptyNodeClass
-	};
+	let { anchor: a } = i, o = [], s = e.isEmpty;
 	if (t.showOnlyCurrent && !t.includeChildren) {
-		let i = r.resolve(a), l = i.depth > 0 ? i.node(1) : i.nodeAfter, u = i.depth > 0 ? i.before(1) : a;
-		if (l && l.type.isTextblock && o_(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(Fz({
+		let i = r.resolve(a), c = i.depth > 0 ? i.node(1) : i.nodeAfter, l = i.depth > 0 ? i.before(1) : a;
+		if (c && c.type.isTextblock && o_(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(Pz({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: Fz(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = Nz.getState(e.state), l = i?.topPos ?? 0, u = i?.bottomPos ?? r.content.size;
-		r.nodesBetween(l, u, (r, i) => {
-			let l = a >= i && a <= i + r.nodeSize, u = !r.isLeaf && o_(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(Fz({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...Iz({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return im.create(r, o);
 }
-function Lz(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function Rz(e, t) {
+	let n = e.resolve(t);
+	if (n.depth === 0) {
+		let e = n.nodeAfter ?? n.nodeBefore;
+		if (!e) return {
+			from: t,
+			to: t
+		};
+		let r = n.nodeAfter ? t : t - e.nodeSize;
+		return {
+			from: r,
+			to: r + e.nodeSize
+		};
+	}
+	let r = n.before(1);
+	return {
+		from: r,
+		to: r + n.node(1).nodeSize
+	};
 }
-function Rz(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function zz(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function zz(e) {
-	let t = e;
-	for (; t;) {
-		if (Rz(t)) return t;
-		let e = t.parentElement;
-		if (!e) {
-			let e = t.getRootNode();
-			if (e instanceof ShadowRoot) {
-				t = e.host;
-				continue;
-			}
-			return window;
-		}
-		t = e;
+function Bz(e, t, n) {
+	let r = [];
+	return e.forEach((e, i) => {
+		let a = i, o = a + e.nodeSize, s = a + 1, c = o + 1;
+		s < n && c > t && r.push({
+			from: a,
+			to: o
+		});
+	}), r;
+}
+function Vz(e) {
+	if (e.length === 0) return [];
+	let t = [...e].sort((e, t) => e.from - t.from), n = [{ ...t[0] }];
+	for (let e = 1; e < t.length; e += 1) {
+		let r = n[n.length - 1], i = t[e];
+		i.from <= r.to ? r.to = Math.max(r.to, i.to) : n.push({ ...i });
 	}
-	return window;
+	return n;
 }
-function Bz(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function Hz(e, t) {
+	let n = Bz(e, t.from, t.to);
+	return n.push(zz(e, Rz(e, t.from))), t.to > t.from ? n.push(zz(e, Rz(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(zz(e, Rz(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function Vz({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? Bz(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - Pz, o = Math.min(r.bottom, i.bottom) + Pz;
-	if (a >= o) return {
-		top: 0,
-		bottom: e.content.size
-	};
-	let s = getComputedStyle(t.dom).direction === "rtl" ? Math.max(r.right - 2, r.left + 2) : r.left + 2, c = t.posAtCoords({
-		left: s,
-		top: a + 2
-	}), l = t.posAtCoords({
-		left: s,
-		top: o - 2
-	});
+function Uz(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = Yg(e);
+		for (let e of t) r.push(...Hz(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(zz(n.doc, Rz(n.doc, e.mapping.map(t.selection.anchor)))), r.push(zz(n.doc, Rz(n.doc, n.selection.anchor)))), Vz(r);
+}
+function Wz(e, t, n) {
+	let r = Math.max(0, Math.min(e, n.content.size));
 	return {
-		top: c ? c.pos : 0,
-		bottom: l ? l.pos : e.content.size
+		from: r,
+		to: Math.max(r, Math.min(t, n.content.size))
 	};
 }
-var Hz = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(Nz);
-		return n?.positions ? {
-			topPos: n.positions.top,
-			bottomPos: n.positions.bottom
-		} : e.docChanged ? {
-			topPos: t.topPos === null ? null : e.mapping.map(t.topPos),
-			bottomPos: t.bottomPos === null ? null : e.mapping.map(t.bottomPos)
-		} : t;
+function Gz({ decorations: e, ranges: t, editor: n, options: r, dataAttribute: i, doc: a, selection: o }) {
+	let s = e;
+	for (let e of t) {
+		let { from: t, to: c } = Wz(e.from, e.to, a), l = s.find(t, c).filter((e) => e.from >= t && e.to <= c);
+		l.length && (s = s.remove(l));
+		let u = Iz({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function Uz(e) {
-	let t = zz(e.dom), n = () => {
-		let n = Vz({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = Nz.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(Nz, { positions: n });
-		e.dispatch(i);
-	}, r = null, i = 0, a = () => {
-		r === null && (r = requestAnimationFrame(() => {
-			r = null;
-			let e = performance.now();
-			e - i >= 150 ? (i = e, n()) : a();
-		}));
-	};
-	return t.addEventListener("scroll", a, { passive: !0 }), n(), {
-		update(t, n) {
-			e.state.doc.content.size !== n.doc.content.size && a();
+	return s;
+}
+function Kz({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return Lz({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? im.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : Gz({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: Uz(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function Wz({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${Lz(t.dataAttribute)}` : `data-${Mz}`;
+function qz(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function Jz({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${qz(t.dataAttribute)}` : `data-${Mz}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new K({
 		key: Nz,
-		state: Hz,
-		view: Uz,
-		props: { decorations: ({ doc: r, selection: i }) => Iz({
+		...r ? {} : { state: Kz({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => Lz({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? im.empty : Nz.getState(n) ?? im.empty }
 	});
 }
-var Gz = X.create({
+var Yz = X.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -32762,12 +32804,25 @@ var Gz = X.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [Wz({
+		return [Jz({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function Xz(e, t) {
+	return !e.selection.empty && !s_(e.selection) && t.isEditable;
+}
+function Zz(e, t) {
+	return Xz(e, t) && !t.isFocused && !t.view.dragging;
+}
+function Qz() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function $z(e) {
+	e.focus();
+}
 X.create({
 	name: "selection",
 	addOptions() {
@@ -32777,13 +32832,25 @@ X.create({
 		let { editor: e, options: t } = this;
 		return [new K({
 			key: new q("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || s_(n.selection) || e.view.dragging ? null : im.create(n.doc, [tm.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return Zz(n, e) ? im.create(n.doc, [tm.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return Xz(t.state, e) && Qz(), !1;
+					},
+					focus(t) {
+						return Xz(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && $z(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function Kz({ types: e, node: t }) {
+function eB({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 X.create({
@@ -32805,7 +32872,7 @@ X.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !Kz({
+					return !eB({
 						node: r,
 						types: n
 					});
@@ -32813,7 +32880,7 @@ X.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !Kz({
+					return !eB({
 						node: r,
 						types: n
 					});
@@ -32848,7 +32915,7 @@ X.create({
 		};
 	}
 });
-var qz = W_.create({
+var tB = W_.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -32878,7 +32945,7 @@ var qz = W_.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), Jz = W_.create({
+}), nB = W_.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -32908,7 +32975,7 @@ var qz = W_.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), Yz = X.create({
+}), rB = X.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -32950,7 +33017,7 @@ var qz = W_.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), Xz = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, Zz = Dv.create({
+}), iB = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, aB = Dv.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -33043,7 +33110,7 @@ var qz = W_.create({
 	},
 	addInputRules() {
 		return [pv({
-			find: Xz,
+			find: iB,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -33055,17 +33122,17 @@ var qz = W_.create({
 			}
 		})];
 	}
-}), Qz = Gz, $z = {
+}), oB = Yz, sB = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, eB = {
+}, cB = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, tB = [
+}, lB = [
 	"bold",
 	"italic",
 	"underline",
@@ -33087,7 +33154,7 @@ var qz = W_.create({
 	"h3",
 	"undo",
 	"redo"
-], nB = {
+], uB = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -33106,14 +33173,18 @@ var qz = W_.create({
 	"--red": "#ff5c33",
 	"--red-light": "#ffebe5",
 	"--shadow": "0px 12px 33px 0px rgba(0, 0, 0, .06),\n               0px 3.618px 9.949px 0px rgba(0, 0, 0, .04)"
-}, rB = (e) => {
+}, dB = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), fB = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = ct([]), [a, o] = ct(!1), { toolbarOpts: s } = e, c = nt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), u = {
-		...$z,
+		...sB,
 		...s
 	}, d = nt((t) => {
 		let n = t.getHTML();
@@ -33124,13 +33195,13 @@ var qz = W_.create({
 		e.onDone,
 		u.doneOn
 	]), f = ot(() => ({
-		...eB,
+		...cB,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: d
 	}), [e.responseAreaProps, d]), p = ot(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || tB)?.filter((e) => {
+		let r = (e.activePlugins || lB)?.filter((e) => {
 			let t = Xi[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -33148,103 +33219,112 @@ var qz = W_.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, f.type]), m = ME({
-		extensions: [
-			Yz.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			Az,
-			jz.configure({ limit: e.charactersLimit || 1e6 }),
-			bz.configure({ trailingNode: {
+	}, [e, f.type]), m = [
+		rB.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		Az,
+		jz.configure({ limit: e.charactersLimit || 1e6 }),
+		bz.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			TA,
-			aT,
-			EA,
-			oT,
-			sT,
-			Qz.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			tT,
-			zw,
-			iT,
-			rT,
-			BO.configure(f),
-			VO.configure(f),
-			UO.configure(f),
-			WO.configure(f),
-			HO.configure(f),
-			XO.configure({
-				toolbarOpts: u,
-				math: e.pluginProps?.math || {}
-			}),
-			Jz,
-			qz,
-			Zz,
-			_k.configure({
-				toolbarOpts: u,
-				imageHandling: {
-					disableImageAlignmentButtons: e.disableImageAlignmentButtons,
-					onDone: (t) => e.onDone?.(t.getHTML()),
-					onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
-						let { src: n } = t.attrs;
-						e.imageSupport.delete(n, (e) => {
-							c(t.pos);
-						});
-					}),
-					insertImageRequested: e.imageSupport && ((t, n, r) => {
-						let [o, s] = n, u = (n) => {
-							let r;
-							a && n && (r = e.onChange), c(s), r?.(t.getHTML());
-						};
-						t._insertingImage = !0, i((e) => [...e, o]), (() => {
-							let n = r(u), i = l(() => {
-								let e = () => window.removeEventListener("focus", i);
-								if (!t._insertingImage) {
-									e();
-									return;
-								}
-								c(s), t._insertingImage = !1, e();
-							}, 500);
-							window.addEventListener("focus", i), e.imageSupport.add(n);
-						})();
-					}),
-					maxImageWidth: e.maxImageWidth,
-					maxImageHeight: e.maxImageHeight
-				},
-				limit: 3
-			}),
-			Rk.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			Wk.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		TA,
+		aT,
+		EA,
+		oT,
+		sT,
+		oB.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		tT,
+		zw,
+		iT,
+		rT,
+		BO.configure(f),
+		VO.configure(f),
+		UO.configure(f),
+		WO.configure(f),
+		HO.configure(f),
+		XO.configure({
+			toolbarOpts: u,
+			math: e.pluginProps?.math || {}
+		}),
+		nB,
+		tB,
+		aB,
+		_k.configure({
+			toolbarOpts: u,
+			imageHandling: {
+				disableImageAlignmentButtons: e.disableImageAlignmentButtons,
+				onDone: (t) => e.onDone?.(t.getHTML()),
+				onDelete: e.imageSupport && e.imageSupport.delete && ((t) => {
+					let { src: n } = t.attrs;
+					e.imageSupport.delete(n, (e) => {
+						c(t.pos);
+					});
+				}),
+				insertImageRequested: e.imageSupport && ((t, n, r) => {
+					let [o, s] = n, u = (n) => {
+						let r;
+						a && n && (r = e.onChange), c(s), r?.(t.getHTML());
+					};
+					t._insertingImage = !0, i((e) => [...e, o]), (() => {
+						let n = r(u), i = l(() => {
+							let e = () => window.removeEventListener("focus", i);
+							if (!t._insertingImage) {
+								e();
+								return;
+							}
+							c(s), t._insertingImage = !1, e();
+						}, 500);
+						window.addEventListener("focus", i), e.imageSupport.add(n);
+					})();
+				}),
+				maxImageWidth: e.maxImageWidth,
+				maxImageHeight: e.maxImageHeight
+			},
+			limit: 3
+		}),
+		Rk.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		Wk.configure({ extraCSSRules: e.extraCSSRules })
+	], h = e.spellCheck !== !1, g = ME({
+		extensions: m,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: dB(h),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: ta(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -33255,22 +33335,29 @@ var qz = W_.create({
 		}
 	}, [e.charactersLimit]);
 	L(() => {
-		e.editorRef && e.editorRef(m);
-	}, [e.editorRef, m]), L(() => {
-		m?.setEditable(!e.disabled);
-	}, [e.disabled, m]), L(() => {
-		if (!m) return;
+		e.editorRef && e.editorRef(g);
+	}, [e.editorRef, g]), L(() => {
+		g?.setEditable(!e.disabled);
+	}, [e.disabled, g]), L(() => {
+		if (!g) return;
+		let e = g.options?.editorProps, t = dB(h);
+		e?.attributes?.spellcheck !== t.spellcheck && g.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [h, g]), L(() => {
+		if (!g) return;
 		let t = ta(e.markup);
-		t !== m.getHTML() && m.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, m]), L(() => {
-		Object.entries(nB).forEach(([e, t]) => {
+		t !== g.getHTML() && g.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, g]), L(() => {
+		Object.entries(uB).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let h = OE({
-		editor: m,
+	let _ = OE({
+		editor: g,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), g = ot(() => {
+	}), v = ot(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: DA(n),
@@ -33285,20 +33372,20 @@ var qz = W_.create({
 		...e,
 		activePlugins: p,
 		toolbarOpts: u,
-		editorState: h,
-		editor: m,
-		children: m && /* @__PURE__ */ R(iB, {
+		editorState: _,
+		editor: g,
+		children: g && /* @__PURE__ */ R(pB, {
 			style: {
-				minHeight: g.minHeight,
-				height: g.height,
-				maxHeight: g.maxHeight
+				minHeight: v.minHeight,
+				height: v.height,
+				maxHeight: v.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: m
+			editor: g
 		})
 	});
-}, iB = M(TE, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, pB = M(TE, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -33326,26 +33413,26 @@ var qz = W_.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), aB = rB;
+})), mB = fB;
 //#endregion
 //#region ../../lib-react/config-ui/dist/feedback-config/feedback-selector.js
-function oB(e) {
+function hB(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function sB(e, t) {
-	return !e || oB(e) ? e : oB(e.default) ? e.default : t && oB(e[t]) ? e[t] : t && oB(e[t]?.default) ? e[t].default : e;
+function gB(e, t) {
+	return !e || hB(e) ? e : hB(e.default) ? e.default : t && hB(e[t]) ? e[t] : t && hB(e[t]?.default) ? e[t].default : e;
 }
-var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB = Ue, uB = lB.default, dB = uB && typeof uB == "object" ? uB : lB, fB = M(aB)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), pB = {
+var _B = gB(y, "InputContainer") || gB(bB.InputContainer, "InputContainer"), vB = Ue, yB = vB.default, bB = yB && typeof yB == "object" ? yB : vB, xB = M(mB)(({ theme: e }) => ({ fontFamily: e.typography.fontFamily })), SB = {
 	default: "Simple Feedback",
 	none: "No Feedback",
 	custom: "Customized Feedback"
-}, mB = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), hB = M(cB)(() => ({ paddingBottom: 0 })), gB = M("div")(({ theme: e }) => ({
+}, CB = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(1) })), wB = M(_B)(() => ({ paddingBottom: 0 })), TB = M("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: A.backgroundDark(),
 	padding: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px"
-})), _B = M("div")(({ theme: e }) => ({
+})), EB = M("div")(({ theme: e }) => ({
 	marginTop: "0px",
 	background: A.backgroundDark(),
 	padding: e.spacing(2),
@@ -33353,7 +33440,7 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 	borderRadius: "4px",
 	fontFamily: e.typography.fontFamily,
 	cursor: "default"
-})), vB = M(qi)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), yB = {
+})), DB = M(qi)(({ theme: e }) => ({ paddingTop: e.spacing(1) })), OB = {
 	type: B.default.oneOf([
 		"default",
 		"custom",
@@ -33361,11 +33448,11 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 	]),
 	default: B.default.string,
 	custom: B.default.string
-}, bB = class extends I.Component {
+}, kB = class extends I.Component {
 	static propTypes = {
 		keys: B.default.arrayOf(B.default.string),
 		label: B.default.string.isRequired,
-		feedback: B.default.shape(yB).isRequired,
+		feedback: B.default.shape(OB).isRequired,
 		onChange: B.default.func.isRequired,
 		toolbarOpts: B.default.object,
 		mathMlOptions: B.default.object
@@ -33387,36 +33474,36 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 	};
 	render() {
 		let { keys: e, label: t, feedback: n, toolbarOpts: r, mathMlOptions: i = {} } = this.props;
-		return /* @__PURE__ */ z(mB, { children: [
-			/* @__PURE__ */ R(hB, {
+		return /* @__PURE__ */ z(CB, { children: [
+			/* @__PURE__ */ R(wB, {
 				label: t,
 				extraClasses: { label: { transform: "translateY(-20%)" } },
-				children: /* @__PURE__ */ R(vB, {
-					keys: e || Object.keys(pB),
+				children: /* @__PURE__ */ R(DB, {
+					keys: e || Object.keys(SB),
 					label: t,
 					value: n.type,
 					onChange: this.changeType,
-					feedbackLabels: pB
+					feedbackLabels: SB
 				})
 			}),
-			n.type === "custom" && /* @__PURE__ */ R(gB, { children: /* @__PURE__ */ R(fB, {
+			n.type === "custom" && /* @__PURE__ */ R(TB, { children: /* @__PURE__ */ R(xB, {
 				onChange: this.changeCustom,
 				markup: n.custom || "",
 				toolbarOpts: r,
 				languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 				mathMlOptions: i
 			}) }),
-			n.type === "default" && /* @__PURE__ */ z(_B, { children: [" ", n.default] })
+			n.type === "default" && /* @__PURE__ */ z(EB, { children: [" ", n.default] })
 		] });
 	}
-}, xB = E(/*#__PURE__*/ R("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), SB = M("div")(() => ({
+}, AB = E(/*#__PURE__*/ R("path", { d: "M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z" }), "ExpandMore"), jB = M("div")(() => ({
 	display: "flex",
 	flex: 1,
 	flexDirection: "column"
-})), CB = M(Vt)(() => ({
+})), MB = M(Vt)(() => ({
 	paddingTop: 0,
 	paddingBottom: 0
-})), wB = (e) => a({}, {
+})), NB = (e) => a({}, {
 	correct: {
 		type: "default",
 		default: "Correct"
@@ -33429,21 +33516,21 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 		type: "default",
 		default: "Nearly"
 	}
-}, e), TB = class extends I.Component {
+}, e), PB = class extends I.Component {
 	static propTypes = {
 		allowPartial: B.default.bool,
 		className: B.default.string,
 		feedback: B.default.shape({
-			correct: B.default.shape(yB),
-			incorrect: B.default.shape(yB),
-			partial: B.default.shape(yB)
+			correct: B.default.shape(OB),
+			incorrect: B.default.shape(OB),
+			partial: B.default.shape(OB)
 		}),
 		onChange: B.default.func.isRequired,
 		toolbarOpts: B.default.object
 	};
 	static defaultProps = {
 		allowPartial: !0,
-		feedback: wB()
+		feedback: NB()
 	};
 	onChange(e, t) {
 		let { feedback: n, onChange: r } = this.props;
@@ -33465,22 +33552,22 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 					exit: 195
 				} } },
 				children: [/* @__PURE__ */ R(Jt, {
-					expandIcon: /* @__PURE__ */ R(xB, {}),
+					expandIcon: /* @__PURE__ */ R(AB, {}),
 					children: /* @__PURE__ */ R(xt, { children: "Feedback" })
-				}), /* @__PURE__ */ R(CB, { children: /* @__PURE__ */ z(SB, { children: [
-					/* @__PURE__ */ R(bB, {
+				}), /* @__PURE__ */ R(MB, { children: /* @__PURE__ */ z(jB, { children: [
+					/* @__PURE__ */ R(kB, {
 						label: "If correct, show",
 						feedback: n.correct,
 						onChange: this.onCorrectChange,
 						toolbarOpts: r
 					}),
-					t && /* @__PURE__ */ R(bB, {
+					t && /* @__PURE__ */ R(kB, {
 						label: "If partially correct, show",
 						feedback: n.partial,
 						onChange: this.onPartialChange,
 						toolbarOpts: r
 					}),
-					/* @__PURE__ */ R(bB, {
+					/* @__PURE__ */ R(kB, {
 						label: "If incorrect, show",
 						feedback: n.incorrect,
 						onChange: this.onIncorrectChange,
@@ -33490,7 +33577,7 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 			})
 		});
 	}
-}, EB = M(di)(() => ({})), DB = class extends I.Component {
+}, FB = M(di)(() => ({})), IB = class extends I.Component {
 	static propTypes = {
 		className: B.default.string,
 		contentClassName: B.default.string,
@@ -33511,7 +33598,7 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: I.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ R(EB, { label: e.props.title }, t) : null)
+				children: I.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ R(FB, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ R("div", {
 				className: r,
 				style: i,
@@ -33519,7 +33606,7 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 			})]
 		});
 	}
-}, OB = M(Zn)(({ theme: e, mini: t }) => ({
+}, LB = M(Zn)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -33533,7 +33620,7 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), kB = M(yn)(({ theme: e, mini: t, error: n }) => ({
+})), RB = M(yn)(({ theme: e, mini: t, error: n }) => ({
 	color: `${A.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -33542,9 +33629,9 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), AB = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ R(OB, {
+})), zB = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ R(LB, {
 	mini: e,
-	control: /* @__PURE__ */ R(kB, {
+	control: /* @__PURE__ */ R(RB, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -33553,21 +33640,21 @@ var cB = sB(y, "InputContainer") || sB(dB.InputContainer, "InputContainer"), lB
 	}),
 	label: i
 });
-AB.propTypes = {
+zB.propTypes = {
 	mini: B.default.bool,
 	checked: B.default.bool.isRequired,
 	onChange: B.default.func.isRequired,
 	value: B.default.string,
 	label: B.default.string.isRequired,
 	error: B.default.bool
-}, AB.defaultProps = {
+}, zB.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var jB = (0, St.default)("@pie-lib:config-ui:number-text-field"), MB = M(Bi)(({ theme: e }) => ({
+var BB = (0, St.default)("@pie-lib:config-ui:number-text-field"), VB = M(Bi)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -33589,11 +33676,11 @@ var jB = (0, St.default)("@pie-lib:config-ui:number-text-field"), MB = M(Bi)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), NB = (e, t) => {
+})), HB = (e, t) => {
 	if (!r(e) && !r(t)) return 0;
 	if (!r(e) && r(t)) return t;
 	if (r(e)) return e;
-}, PB = class extends I.Component {
+}, UB = class extends I.Component {
 	static propTypes = {
 		disabled: B.default.bool,
 		className: B.default.string,
@@ -33619,13 +33706,13 @@ var jB = (0, St.default)("@pie-lib:config-ui:number-text-field"), MB = M(Bi)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return r(e) ? (r(n) && (e = Math.min(e, n)), r(t) && (e = Math.max(e, t)), e) : NB(t, n);
+		return r(e) ? (r(n) && (e = Math.min(e, n)), r(t) && (e = Math.max(e, t)), e) : HB(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		jB("rawNumber: ", n);
+		BB("rawNumber: ", n);
 		let r = this.clamp(n);
-		jB("number: ", r), r !== this.state.value && (jB("trigger update..."), this.setState({ value: r.toString() }, () => {
+		BB("number: ", r), r !== this.state.value && (BB("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -33645,7 +33732,7 @@ var jB = (0, St.default)("@pie-lib:config-ui:number-text-field"), MB = M(Bi)(({
 	};
 	render() {
 		let { className: e, label: t, disabled: n, suffix: r, min: i, max: a, inputClassName: o, disableUnderline: s, showErrorWhenOutsideRange: c, variant: l } = this.props, u = c && this.getError();
-		return /* @__PURE__ */ R(MB, {
+		return /* @__PURE__ */ R(VB, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -33680,19 +33767,19 @@ var jB = (0, St.default)("@pie-lib:config-ui:number-text-field"), MB = M(Bi)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/two-choice.js
-function FB(e) {
+function WB(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function IB(e, t) {
-	return !e || FB(e) ? e : FB(e.default) ? e.default : t && FB(e[t]) ? e[t] : t && FB(e[t]?.default) ? e[t].default : e;
+function GB(e, t) {
+	return !e || WB(e) ? e : WB(e.default) ? e.default : t && WB(e[t]) ? e[t] : t && WB(e[t]?.default) ? e[t].default : e;
 }
-var LB = IB(y, "InputContainer") || IB(BB.InputContainer, "InputContainer"), RB = Ue, zB = RB.default, BB = zB && typeof zB == "object" ? zB : RB, VB = M("div")(({ theme: e, direction: t }) => ({
+var KB = GB(y, "InputContainer") || GB(YB.InputContainer, "InputContainer"), qB = Ue, JB = qB.default, YB = JB && typeof JB == "object" ? JB : qB, XB = M("div")(({ theme: e, direction: t }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	paddingLeft: 0,
 	marginTop: e.spacing(1),
 	...t === "vertical" && { flexDirection: "column" }
-})), HB = class extends I.Component {
+})), ZB = class extends I.Component {
 	static propTypes = {
 		header: B.default.string.isRequired,
 		className: B.default.string,
@@ -33710,10 +33797,10 @@ var LB = IB(y, "InputContainer") || IB(BB.InputContainer, "InputContainer"), RB
 			label: e,
 			value: e
 		} : e), s = n || Ui;
-		return /* @__PURE__ */ R(LB, {
+		return /* @__PURE__ */ R(KB, {
 			label: e,
 			className: t,
-			children: /* @__PURE__ */ R(VB, {
+			children: /* @__PURE__ */ R(XB, {
 				direction: a,
 				children: o.map((e, t) => /* @__PURE__ */ R(s, {
 					value: e.value,
@@ -33724,7 +33811,7 @@ var LB = IB(y, "InputContainer") || IB(BB.InputContainer, "InputContainer"), RB
 			})
 		});
 	}
-}, UB = B.default.shape({
+}, QB = B.default.shape({
 	label: B.default.string,
 	value: B.default.string
 });
@@ -33733,14 +33820,14 @@ var LB = IB(y, "InputContainer") || IB(BB.InputContainer, "InputContainer"), RB
 		header: B.default.string.isRequired,
 		value: B.default.string.isRequired,
 		onChange: B.default.func.isRequired,
-		one: B.default.oneOfType([UB, B.default.string]),
-		two: B.default.oneOfType([UB, B.default.string]),
+		one: B.default.oneOfType([QB, B.default.string]),
+		two: B.default.oneOfType([QB, B.default.string]),
 		className: B.default.string,
 		customLabel: B.default.func
 	};
 	render() {
 		let { one: e, two: t, header: n, className: r, customLabel: i, value: a, onChange: o } = this.props;
-		return /* @__PURE__ */ R(HB, {
+		return /* @__PURE__ */ R(ZB, {
 			customLabel: i,
 			header: n,
 			className: r,
@@ -33752,21 +33839,21 @@ var LB = IB(y, "InputContainer") || IB(BB.InputContainer, "InputContainer"), RB
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/_virtual/_rolldown/runtime.js
-var WB = Object.defineProperty, GB = (e, t) => {
+var $B = Object.defineProperty, eV = (e, t) => {
 	let n = {};
-	for (var r in e) WB(n, r, {
+	for (var r in e) $B(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || WB(n, Symbol.toStringTag, { value: "Module" }), n;
-}, KB = M("div")(() => ({
+	return t || $B(n, Symbol.toStringTag, { value: "Module" }), n;
+}, tV = M("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), qB = M("div")(() => ({
+})), nV = M("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), JB = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), YB = M("div")(() => ({ flex: "1" })), XB = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), ZB = class extends I.Component {
+})), rV = M("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), iV = M("div")(() => ({ flex: "1" })), aV = M("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), oV = class extends I.Component {
 	static propTypes = {
 		mode: B.default.oneOf(["tabbed", "inline"]),
 		secondary: B.default.oneOfType([B.default.arrayOf(B.default.node), B.default.node]),
@@ -33784,7 +33871,7 @@ var WB = Object.defineProperty, GB = (e, t) => {
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ z(KB, {
+		return /* @__PURE__ */ z(tV, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -33792,28 +33879,28 @@ var WB = Object.defineProperty, GB = (e, t) => {
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ z(qB, { children: [/* @__PURE__ */ R(YB, {
+				e === "inline" && /* @__PURE__ */ z(nV, { children: [/* @__PURE__ */ R(iV, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ R(XB, {
+				}), l && /* @__PURE__ */ R(aV, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ z(DB, {
+				e === "tabbed" && l && /* @__PURE__ */ z(IB, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ R(JB, {
+					children: [/* @__PURE__ */ R(rV, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ R(JB, {
+					}), /* @__PURE__ */ R(rV, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ R(JB, {
+				e === "tabbed" && !l && /* @__PURE__ */ R(rV, {
 					className: "design-container",
 					children: n
 				})
@@ -33823,18 +33910,18 @@ var WB = Object.defineProperty, GB = (e, t) => {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function QB() {
-	return QB = Object.assign ? Object.assign.bind() : function(e) {
+function sV() {
+	return sV = Object.assign ? Object.assign.bind() : function(e) {
 		for (var t = 1; t < arguments.length; t++) {
 			var n = arguments[t];
 			for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
 		}
 		return e;
-	}, QB.apply(null, arguments);
+	}, sV.apply(null, arguments);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function $B(e, t) {
+function cV(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -33845,19 +33932,19 @@ function $B(e, t) {
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
-function eV(e, t) {
-	return eV = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function lV(e, t) {
+	return lV = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, eV(e, t);
+	}, lV(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js
-function tV(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, eV(e, t);
+function uV(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, lV(e, t);
 }
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/resize-observer-polyfill@1.5.1/node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js
-var nV = (function() {
+var dV = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -33896,34 +33983,34 @@ var nV = (function() {
 			}
 		}, t;
 	}();
-})(), rV = typeof window < "u" && typeof document < "u" && window.document === document, iV = (function() {
+})(), fV = typeof window < "u" && typeof document < "u" && window.document === document, pV = (function() {
 	return typeof global < "u" && global.Math === Math ? global : typeof self < "u" && self.Math === Math ? self : typeof window < "u" && window.Math === Math ? window : Function("return this")();
-})(), aV = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(iV) : function(e) {
+})(), mV = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(pV) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), oV = 2;
-function sV(e, t) {
+})(), hV = 2;
+function gV(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		aV(a);
+		mV(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < oV) return;
+			if (e - i < hV) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var cV = 20, lV = [
+var _V = 20, vV = [
 	"top",
 	"right",
 	"bottom",
@@ -33932,9 +34019,9 @@ var cV = 20, lV = [
 	"height",
 	"size",
 	"weight"
-], uV = typeof MutationObserver < "u", dV = function() {
+], yV = typeof MutationObserver < "u", bV = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = sV(this.refresh.bind(this), cV);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = gV(this.refresh.bind(this), _V);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -33951,23 +34038,23 @@ var cV = 20, lV = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!rV || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), uV ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!fV || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), yV ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
 			attributes: !0,
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		})) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
 	}, e.prototype.disconnect_ = function() {
-		!rV || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
+		!fV || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
 	}, e.prototype.onTransitionEnd_ = function(e) {
 		var t = e.propertyName, n = t === void 0 ? "" : t;
-		lV.some(function(e) {
+		vV.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), fV = (function(e, t) {
+}(), xV = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -33978,19 +34065,19 @@ var cV = 20, lV = [
 		});
 	}
 	return e;
-}), pV = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || iV;
-}), mV = wV(0, 0, 0, 0);
-function hV(e) {
+}), SV = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || pV;
+}), CV = NV(0, 0, 0, 0);
+function wV(e) {
 	return parseFloat(e) || 0;
 }
-function gV(e) {
+function TV(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + hV(r);
+		return t + wV(r);
 	}, 0);
 }
-function _V(e) {
+function EV(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -33998,40 +34085,40 @@ function _V(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = hV(o);
+		n[a] = wV(o);
 	}
 	return n;
 }
-function vV(e) {
+function DV(e) {
 	var t = e.getBBox();
-	return wV(0, 0, t.width, t.height);
+	return NV(0, 0, t.width, t.height);
 }
-function yV(e) {
+function OV(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return mV;
-	var r = pV(e).getComputedStyle(e), i = _V(r), a = i.left + i.right, o = i.top + i.bottom, s = hV(r.width), c = hV(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= gV(r, "left", "right") + a), Math.round(c + o) !== n && (c -= gV(r, "top", "bottom") + o)), !xV(e)) {
+	if (!t && !n) return CV;
+	var r = SV(e).getComputedStyle(e), i = EV(r), a = i.left + i.right, o = i.top + i.bottom, s = wV(r.width), c = wV(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= TV(r, "left", "right") + a), Math.round(c + o) !== n && (c -= TV(r, "top", "bottom") + o)), !AV(e)) {
 		var l = Math.round(s + a) - t, u = Math.round(c + o) - n;
 		Math.abs(l) !== 1 && (s -= l), Math.abs(u) !== 1 && (c -= u);
 	}
-	return wV(i.left, i.top, s, c);
+	return NV(i.left, i.top, s, c);
 }
-var bV = (function() {
+var kV = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof pV(e).SVGGraphicsElement;
+		return e instanceof SV(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof pV(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof SV(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function xV(e) {
-	return e === pV(e).document.documentElement;
+function AV(e) {
+	return e === SV(e).document.documentElement;
 }
-function SV(e) {
-	return rV ? bV(e) ? vV(e) : yV(e) : mV;
+function jV(e) {
+	return fV ? kV(e) ? DV(e) : OV(e) : CV;
 }
-function CV(e) {
+function MV(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return fV(a, {
+	return xV(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -34042,7 +34129,7 @@ function CV(e) {
 		left: t
 	}), a;
 }
-function wV(e, t, n, r) {
+function NV(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -34050,42 +34137,42 @@ function wV(e, t, n, r) {
 		height: r
 	};
 }
-var TV = function() {
+var PV = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = wV(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = NV(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = SV(this.target);
+		var e = jV(this.target);
 		return this.contentRect_ = e, e.width !== this.broadcastWidth || e.height !== this.broadcastHeight;
 	}, e.prototype.broadcastRect = function() {
 		var e = this.contentRect_;
 		return this.broadcastWidth = e.width, this.broadcastHeight = e.height, e;
 	}, e;
-}(), EV = function() {
+}(), FV = function() {
 	function e(e, t) {
-		var n = CV(t);
-		fV(this, {
+		var n = MV(t);
+		xV(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), DV = function() {
+}(), IV = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new nV(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new dV(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
 		this.callback_ = e, this.controller_ = t, this.callbackCtx_ = n;
 	}
 	return e.prototype.observe = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof pV(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof SV(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new TV(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new PV(e)), this.controller_.addObserver(this), this.controller_.refresh());
 		}
 	}, e.prototype.unobserve = function(e) {
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
 		if (!(typeof Element > "u" || !(Element instanceof Object))) {
-			if (!(e instanceof pV(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof SV(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
 			t.has(e) && (t.delete(e), t.size || this.controller_.removeObserver(this));
 		}
@@ -34099,7 +34186,7 @@ var TV = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new EV(e.target, e.broadcastRect());
+				return new FV(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -34108,12 +34195,12 @@ var TV = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), OV = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new nV(), kV = function() {
+}(), LV = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new dV(), RV = function() {
 	function e(t) {
 		if (!(this instanceof e)) throw TypeError("Cannot call a class as a function.");
 		if (!arguments.length) throw TypeError("1 argument required, but only 0 present.");
-		var n = new DV(t, dV.getInstance(), this);
-		OV.set(this, n);
+		var n = new IV(t, bV.getInstance(), this);
+		LV.set(this, n);
 	}
 	return e;
 }();
@@ -34122,27 +34209,27 @@ var TV = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	kV.prototype[e] = function() {
+	RV.prototype[e] = function() {
 		var t;
-		return (t = OV.get(this))[e].apply(t, arguments);
+		return (t = LV.get(this))[e].apply(t, arguments);
 	};
 });
-var AV = (function() {
-	return iV.ResizeObserver === void 0 ? kV : iV.ResizeObserver;
-})(), jV = [
+var zV = (function() {
+	return pV.ResizeObserver === void 0 ? RV : pV.ResizeObserver;
+})(), BV = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function MV(e) {
+function VV(e) {
 	var t = [];
-	return jV.forEach(function(n) {
+	return BV.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function NV(e, t) {
+function HV(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -34181,14 +34268,14 @@ function NV(e, t) {
 	}
 	return n;
 }
-function PV(e) {
+function UV(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function FV(e) {
+function WV(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			tV(r, n);
+			uV(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -34199,24 +34286,24 @@ function FV(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = NV(t._node, e || MV(t.props));
+					var r = HV(t._node, e || VV(t.props));
 					n && (r.entry = n[0].contentRect), t._animationFrameID = t._window.requestAnimationFrame(function() {
 						t._resizeObserver !== null && (t.setState({ contentRect: r }), typeof t.props.onResize == "function" && t.props.onResize(r));
 					});
 				}, t._handleRef = function(e) {
-					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = PV(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = UV(t._node);
 					var n = t.props.innerRef;
 					n && (typeof n == "function" ? n(t._node) : n.current = t._node), t._resizeObserver !== null && t._node !== null && t._resizeObserver.observe(t._node);
 				}, t;
 			}
 			var i = r.prototype;
 			return i.componentDidMount = function() {
-				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new AV(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(NV(this._node, e || MV(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new zV(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(HV(this._node, e || VV(this.props))));
 			}, i.componentWillUnmount = function() {
 				this._window !== null && this._window.cancelAnimationFrame(this._animationFrameID), this._resizeObserver !== null && (this._resizeObserver.disconnect(), this._resizeObserver = null);
 			}, i.render = function() {
 				var e = this.props;
-				return e.innerRef, e.onResize, Qe(t, QB({}, $B(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, Qe(t, sV({}, cV(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -34233,7 +34320,7 @@ function FV(e) {
 		}, r;
 	};
 }
-var IV = FV()(function(e) {
+var GV = WV()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -34241,10 +34328,10 @@ var IV = FV()(function(e) {
 		contentRect: r
 	});
 });
-IV.displayName = "Measure", IV.propTypes.children = B.default.func;
+GV.displayName = "Measure", GV.propTypes.children = B.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var LV = M("div")(() => ({
+var KV = M("div")(() => ({
 	backgroundColor: A.white(),
 	border: `2px solid ${A.border()}`,
 	display: "flex",
@@ -34254,7 +34341,7 @@ var LV = M("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), RV = class extends I.Component {
+})), qV = class extends I.Component {
 	static propTypes = {
 		className: B.default.string,
 		children: B.default.oneOfType([B.default.arrayOf(B.default.node), B.default.node]).isRequired
@@ -34262,19 +34349,19 @@ var LV = M("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ R(LV, {
+		return /* @__PURE__ */ R(KV, {
 			className: e,
 			children: t
 		});
 	}
-}, zV = de({
+}, JV = de({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), BV = class extends I.Component {
+}), YV = class extends I.Component {
 	static propTypes = {
 		children: B.default.oneOfType([
 			B.default.string,
@@ -34307,19 +34394,19 @@ var LV = M("div")(() => ({
 		return /* @__PURE__ */ R(ie, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ R(Fe, {
-				theme: zV,
-				children: /* @__PURE__ */ R(IV, {
+				theme: JV,
+				children: /* @__PURE__ */ R(GV, {
 					bounds: !0,
 					onResize: this.onResize,
 					children: ({ measureRef: e }) => {
-						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ R(RV, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ R(qV, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ z("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ R(ZB, {
+							children: [a?.rules ? /* @__PURE__ */ R("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ R(oV, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -34331,27 +34418,27 @@ var LV = M("div")(() => ({
 			})
 		});
 	}
-}, VV = FV("bounds")(BV), HV = /* @__PURE__ */ GB({
-	ConfigLayout: () => VV,
-	LayoutContents: () => ZB
-}), UV = M("div")(() => ({
+}, XV = WV("bounds")(YV), ZV = /* @__PURE__ */ eV({
+	ConfigLayout: () => XV,
+	LayoutContents: () => oV
+}), QV = M("div")(() => ({
 	display: "flex",
 	width: "100%",
 	justifyContent: "space-between"
-})), WV = M(D)(({ theme: e }) => ({
+})), $V = M(D)(({ theme: e }) => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), GV = M(oi)(({ checked: e }) => ({
+})), eH = M(oi)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${A.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${A.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${A.tertiaryLight()} !important` : void 0 }
-})), KV = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ z(UV, { children: [/* @__PURE__ */ R(WV, { children: n }), /* @__PURE__ */ R(GV, {
+})), tH = ({ checked: e, disabled: t, label: n, toggle: r }) => /* @__PURE__ */ z(QV, { children: [/* @__PURE__ */ R($V, { children: n }), /* @__PURE__ */ R(eH, {
 	checked: e,
 	disabled: t,
 	onChange: (e) => r(e.target.checked)
 })] });
-KV.propTypes = {
+tH.propTypes = {
 	checked: B.default.bool,
 	disabled: B.default.bool,
 	label: B.default.string.isRequired,
@@ -34359,20 +34446,20 @@ KV.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var qV = M(Zn)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var nH = M(Zn)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
 	position: "relative"
-} })), JV = M(Qr)(() => ({ color: `${A.tertiary()} !important` })), YV = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ R(qV, {
+} })), rH = M(Qr)(() => ({ color: `${A.tertiary()} !important` })), iH = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ R(nH, {
 	value: t,
-	control: /* @__PURE__ */ R(JV, {
+	control: /* @__PURE__ */ R(rH, {
 		checked: n,
 		onChange: r
 	}),
 	label: e
 });
-YV.propTypes = {
+iH.propTypes = {
 	label: B.default.string,
 	value: B.default.string,
 	checked: B.default.bool,
@@ -34380,26 +34467,26 @@ YV.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var XV = (0, St.default)("pie-lib:config-ui:settings:panel"), ZV = {
+var aH = (0, St.default)("pie-lib:config-ui:settings:panel"), oH = {
 	label: B.default.string,
 	value: B.default.string
-}, QV = {
+}, sH = {
 	label: B.default.string,
 	value: B.default.string,
 	onChange: B.default.func
-}, $V = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ R(AB, {
+}, cH = ({ label: e, value: t, onChange: n }) => /* @__PURE__ */ R(zB, {
 	checked: t,
 	label: e,
 	onChange: (e) => {
 		n(e.target.checked);
 	}
 });
-$V.propTypes = {
+cH.propTypes = {
 	label: B.default.string,
 	value: B.default.bool,
 	onChange: B.default.func
 };
-var eH = M(HB)(({ theme: e }) => ({
+var lH = M(ZB)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	paddingBottom: e.spacing(.5),
 	width: "100%",
@@ -34410,29 +34497,29 @@ var eH = M(HB)(({ theme: e }) => ({
 		marginTop: e.spacing(2.5)
 	},
 	"& > div": { marginTop: e.spacing(2.5) }
-})), tH = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ R(eH, {
+})), uH = ({ label: e, value: t, onChange: n, choices: r }) => /* @__PURE__ */ R(lH, {
 	direction: "horizontal",
-	customLabel: YV,
+	customLabel: iH,
 	value: t,
 	header: e,
 	opts: r,
 	onChange: n
 });
-tH.propTypes = {
-	...QV,
-	choices: B.default.arrayOf(B.default.shape(ZV))
+uH.propTypes = {
+	...sH,
+	choices: B.default.arrayOf(B.default.shape(oH))
 };
-var nH = tH, rH = M("p")(({ theme: e }) => ({
+var dH = uH, fH = M("p")(({ theme: e }) => ({
 	margin: 0,
 	fontSize: e.typography.fontSize
-})), iH = M(fe)(({ theme: e }) => ({
+})), pH = M(fe)(({ theme: e }) => ({
 	marginTop: e.spacing(.5),
 	border: "2px solid lightgrey",
 	padding: `0 ${e.spacing(1)}`,
 	borderRadius: "4px"
-})), aH = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
+})), mH = ({ label: e, value: t, onChange: n, choices: r = [] }) => {
 	let i = (e) => typeof e == "string" ? e : e.label, a = (e) => typeof e == "string" ? e : e.value;
-	return /* @__PURE__ */ z("div", { children: [e && /* @__PURE__ */ R(rH, { children: e }), /* @__PURE__ */ R(iH, {
+	return /* @__PURE__ */ z("div", { children: [e && /* @__PURE__ */ R(fH, { children: e }), /* @__PURE__ */ R(pH, {
 		value: t || r && r[0],
 		onChange: ({ target: e }) => n(e.value),
 		input: /* @__PURE__ */ R(ge, { id: `dropdown-${e}` }),
@@ -34447,14 +34534,14 @@ var nH = tH, rH = M("p")(({ theme: e }) => ({
 		}, t))
 	})] });
 };
-aH.propTypes = {
-	...QV,
+mH.propTypes = {
+	...sH,
 	choices: B.default.arrayOf(B.default.string)
 };
-var oH = M(xt)(({ theme: e }) => ({
+var hH = M(xt)(({ theme: e }) => ({
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1)
-})), sH = ({ label: e }) => /* @__PURE__ */ R(oH, { children: e }), cH = M(PB)(({ theme: e }) => ({
+})), gH = ({ label: e }) => /* @__PURE__ */ R(hH, { children: e }), _H = M(UB)(({ theme: e }) => ({
 	width: "35%",
 	marginRight: e.spacing(3),
 	marginTop: e.spacing(1),
@@ -34465,7 +34552,7 @@ var oH = M(xt)(({ theme: e }) => ({
 		padding: `0 ${e.spacing(1)}`,
 		backgroundColor: "transparent"
 	}
-})), lH = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ R(cH, {
+})), vH = ({ label: e, value: t, onChange: n = () => {}, suffix: r, min: i, max: a }) => /* @__PURE__ */ R(_H, {
 	variant: "standard",
 	label: e || "Label",
 	value: t,
@@ -34476,45 +34563,45 @@ var oH = M(xt)(({ theme: e }) => ({
 	showErrorWhenOutsideRange: !0,
 	disableUnderline: !0
 });
-lH.propTypes = {
-	...QV,
+vH.propTypes = {
+	...sH,
 	suffix: B.default.string,
 	min: B.default.number,
 	max: B.default.number,
 	value: B.default.number
-}, sH.propTypes = { ...QV };
-var uH = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ R(KV, {
+}, gH.propTypes = { ...sH };
+var yH = ({ disabled: e, label: t, value: n, onChange: r }) => /* @__PURE__ */ R(tH, {
 	label: t,
 	checked: !!n,
 	disabled: !!e,
 	toggle: r
 });
-uH.propTypes = {
-	...QV,
+yH.propTypes = {
+	...sH,
 	value: B.default.bool
 };
-var dH = {
-	toggle: uH,
-	radio: nH,
-	dropdown: aH,
-	numberField: lH,
-	checkbox: $V,
-	textField: sH
-}, fH = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), pH = M("div")(({ theme: e }) => ({
+var bH = {
+	toggle: yH,
+	radio: dH,
+	dropdown: mH,
+	numberField: vH,
+	checkbox: cH,
+	textField: gH
+}, xH = M("div")(({ theme: e }) => ({ margin: `0 0 ${e.spacing(2)} 0` })), SH = M("div")(({ theme: e }) => ({
 	color: "#495B8F",
 	fontSize: e.typography.fontSize + 2,
 	fontWeight: 600,
 	marginBottom: e.spacing(1)
-})), mH = M("p")(({ theme: e }) => ({
+})), CH = M("p")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize,
 	marginBottom: 0
-})), hH = (e) => {
+})), wH = (e) => {
 	let { model: t, label: r, group: i, configuration: a, onChange: o } = e, s = (e, r, i) => {
 		let { isConfigProperty: s, ...c } = n(e, i || r), l = n(s ? a : t, r), u = {
 			...c,
 			key: r,
 			value: l
-		}, d = dH[u.type];
+		}, d = bH[u.type];
 		return /* @__PURE__ */ R(d, {
 			...u,
 			onChange: (e) => o(r, e, s)
@@ -34523,18 +34610,18 @@ var dH = {
 		let n = e[t];
 		if (!n) return null;
 		let { type: r, label: i, fields: a, choices: o } = n;
-		return r === "numberFields" ? /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R(mH, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
+		return r === "numberFields" ? /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R(CH, { children: i }), Object.keys(a).map((n) => s(e, `${t}.${n}`, `${t}.fields.${n}`))] }, `numberField-${i}`) : r === "checkboxes" ? /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", { children: i }), Object.keys(o).map((n) => s(e, `${t}.${n}`, `${t}.choices.${n}`))] }, `checkbox-${i}`) : s(e, t);
 	};
-	return /* @__PURE__ */ z(fH, { children: [/* @__PURE__ */ R(pH, { children: r }), Object.keys(i).map((e) => c(i, e))] });
+	return /* @__PURE__ */ z(xH, { children: [/* @__PURE__ */ R(SH, { children: r }), Object.keys(i).map((e) => c(i, e))] });
 };
-hH.propTypes = {
+wH.propTypes = {
 	model: B.default.object,
 	label: B.default.string,
 	group: B.default.object,
 	configuration: B.default.object,
 	onChange: B.default.func
 };
-var gH = class extends I.Component {
+var TH = class extends I.Component {
 	static propTypes = {
 		model: B.default.object,
 		configuration: B.default.object,
@@ -34548,13 +34635,13 @@ var gH = class extends I.Component {
 		onChangeConfiguration: () => {}
 	};
 	change = (e, t, n = !1) => {
-		XV("[changeModel]", e, t);
+		aH("[changeModel]", e, t);
 		let { onChangeModel: r, onChangeConfiguration: i } = this.props, a = { ...this.props.model }, o = { ...this.props.configuration };
 		n ? (c(o, e, t), i(o, e)) : (c(a, e, t), r(a, e));
 	};
 	render() {
 		let { groups: e, model: t, configuration: n, modal: r } = this.props;
-		return XV("render:", t), /* @__PURE__ */ z("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ R(hH, {
+		return aH("render:", t), /* @__PURE__ */ z("div", { children: [Object.keys(e || {}).map((r) => Object.entries(e[r]).some(([, e]) => !!e) ? /* @__PURE__ */ R(wH, {
 			label: r,
 			model: t,
 			configuration: n,
@@ -34562,59 +34649,59 @@ var gH = class extends I.Component {
 			onChange: this.change
 		}, r) : null), r] });
 	}
-}, _H = /* @__PURE__ */ GB({
-	Panel: () => gH,
-	checkbox: () => TH,
-	checkboxes: () => EH,
-	dropdown: () => SH,
-	numberField: () => CH,
-	numberFields: () => wH,
-	radio: () => xH,
-	textField: () => vH,
-	toggle: () => yH
-}), vH = (e, t = !0) => ({
+}, EH = /* @__PURE__ */ eV({
+	Panel: () => TH,
+	checkbox: () => PH,
+	checkboxes: () => FH,
+	dropdown: () => jH,
+	numberField: () => MH,
+	numberFields: () => NH,
+	radio: () => AH,
+	textField: () => DH,
+	toggle: () => OH
+}), DH = (e, t = !0) => ({
 	label: e,
 	type: "textField",
 	isConfigProperty: t
-}), yH = (e, t = !1, n = !1) => ({
+}), OH = (e, t = !1, n = !1) => ({
 	type: "toggle",
 	label: e,
 	isConfigProperty: t,
 	disabled: n
-}), bH = (e) => typeof e == "string" ? {
+}), kH = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, xH = function() {
+} : e, AH = function() {
 	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
 	return {
 		type: "radio",
 		label: e,
-		choices: t && t.map((e) => bH(e)),
+		choices: t && t.map((e) => kH(e)),
 		isConfigProperty: n
 	};
-}, SH = (e, t, n = !1) => ({
+}, jH = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
 	isConfigProperty: n
-}), CH = (e, t, n = !1) => ({
+}), MH = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "numberField",
 	isConfigProperty: n
-}), wH = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = CH(t[e].label, t[e], n);
+}), NH = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = MH(t[e].label, t[e], n);
 }), {
 	type: "numberFields",
 	label: e,
 	fields: t
-}), TH = (e, t, n = !1) => ({
+}), PH = (e, t, n = !1) => ({
 	...t,
 	label: e,
 	type: "checkbox",
 	isConfigProperty: n
-}), EH = (e, t, n = !1) => (Object.keys(t).map((e) => {
-	t[e] = TH(t[e].label, t[e], n);
+}), FH = (e, t, n = !1) => (Object.keys(t).map((e) => {
+	t[e] = PH(t[e].label, t[e], n);
 }), {
 	type: "checkboxes",
 	label: e,
@@ -34622,13 +34709,13 @@ var gH = class extends I.Component {
 });
 //#endregion
 //#region ../../lib-react/config-ui/dist/index.js
-function DH(e) {
+function IH(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function OH(e, t) {
-	return !e || DH(e) ? e : DH(e.default) ? e.default : t && DH(e[t]) ? e[t] : t && DH(e[t]?.default) ? e[t].default : e;
+function LH(e, t) {
+	return !e || IH(e) ? e : IH(e.default) ? e.default : t && IH(e[t]) ? e[t] : t && IH(e[t]?.default) ? e[t].default : e;
 }
-var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH = Ue, jH = AH.default, MH = jH && typeof jH == "object" ? jH : AH, NH = M(Qt)(({ theme: e }) => ({
+var RH = LH(y, "InputContainer") || LH(VH.InputContainer, "InputContainer"), zH = Ue, BH = zH.default, VH = BH && typeof BH == "object" ? BH : zH, HH = M(Qt)(({ theme: e }) => ({
 	marginBottom: e.spacing(2.5),
 	width: "100%",
 	minWidth: "548px",
@@ -34650,34 +34737,34 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 		width: "100%",
 		maxWidth: "900px"
 	}
-})), PH = M(nn)(({ theme: e }) => ({ paddingBottom: `${e.spacing(2)} !important` })), FH = M(xt)({
+})), UH = M(nn)(({ theme: e }) => ({ paddingBottom: `${e.spacing(2)} !important` })), WH = M(xt)({
 	fontWeight: 700,
 	fontSize: "1.2rem",
 	flex: 3
-}), IH = M(kH)(({ theme: e }) => ({
+}), GH = M(RH)(({ theme: e }) => ({
 	flex: 2,
 	"& > *:not(label)": { marginTop: e.spacing(1) }
-})), LH = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), RH = M("div")({
+})), KH = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), qH = M("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), zH = M("div")({ display: "flex" }), BH = M("div")({
+}), JH = M("div")({ display: "flex" }), YH = M("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "flex-start"
-}), VH = M("div")(({ theme: e }) => ({
+}), XH = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), HH = M(yn)({ color: `${A.tertiary()} !important` }), UH = M(ne)(() => ({
+})), ZH = M(yn)({ color: `${A.tertiary()} !important` }), QH = M(ne)(() => ({
 	border: `1px solid ${A.border()}`,
 	color: A.text()
-})), WH = M(ne)(({ theme: e }) => ({
+})), $H = M(ne)(({ theme: e }) => ({
 	marginLeft: e.spacing(2),
 	border: `1px solid ${A.border()}`,
 	color: A.disabled(),
 	fontSize: "0.8rem"
-})), GH = class extends F.Component {
+})), eU = class extends F.Component {
 	static propTypes = {
 		defaultResponse: B.default.bool,
 		error: B.default.object,
@@ -34767,13 +34854,13 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 			editor: "response-editor",
 			mathToolbar: "math-toolbar"
 		};
-		return /* @__PURE__ */ R(NH, {
+		return /* @__PURE__ */ R(HH, {
 			style: { minHeight: `${s.openCount > 0 ? 430 : 230}px` },
-			children: /* @__PURE__ */ z(PH, { children: [
-				/* @__PURE__ */ z(RH, { children: [/* @__PURE__ */ z(FH, {
+			children: /* @__PURE__ */ z(UH, { children: [
+				/* @__PURE__ */ z(qH, { children: [/* @__PURE__ */ z(WH, {
 					component: "div",
 					children: ["Response ", ""]
-				}), /* @__PURE__ */ R(IH, {
+				}), /* @__PURE__ */ R(GH, {
 					label: "Validation",
 					children: /* @__PURE__ */ z(fe, {
 						onChange: this.onChange("validation"),
@@ -34791,20 +34878,20 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 						})]
 					})
 				})] }),
-				c === "literal" && /* @__PURE__ */ z(zH, { children: [i.enabled && /* @__PURE__ */ R(Zn, {
+				c === "literal" && /* @__PURE__ */ z(JH, { children: [i.enabled && /* @__PURE__ */ R(Zn, {
 					label: i.label,
-					control: /* @__PURE__ */ R(HH, {
+					control: /* @__PURE__ */ R(ZH, {
 						checked: f,
 						onChange: this.onLiteralOptionsChange("allowTrailingZeros")
 					})
 				}), a.enabled && /* @__PURE__ */ R(Zn, {
 					label: a.label,
-					control: /* @__PURE__ */ R(HH, {
+					control: /* @__PURE__ */ R(ZH, {
 						checked: d,
 						onChange: this.onLiteralOptionsChange("ignoreOrder")
 					})
 				})] }),
-				/* @__PURE__ */ z(LH, { children: [
+				/* @__PURE__ */ z(KH, { children: [
 					/* @__PURE__ */ R(D, { children: "Correct Answer" }),
 					/* @__PURE__ */ R(Ae, {
 						keypadMode: e,
@@ -34817,10 +34904,10 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 						onDone: this.onDone,
 						error: o && o.answer
 					}),
-					o && o.answer ? /* @__PURE__ */ R(VH, { children: o.answer }) : null
+					o && o.answer ? /* @__PURE__ */ R(XH, { children: o.answer }) : null
 				] }),
-				p && Object.keys(u).map((t, n) => /* @__PURE__ */ z(LH, { children: [
-					/* @__PURE__ */ z(BH, { children: [/* @__PURE__ */ z(D, { children: ["Alternate", Object.keys(u).length > 1 ? ` ${n + 1}` : ""] }), /* @__PURE__ */ R(WH, {
+				p && Object.keys(u).map((t, n) => /* @__PURE__ */ z(KH, { children: [
+					/* @__PURE__ */ z(YH, { children: [/* @__PURE__ */ z(D, { children: ["Alternate", Object.keys(u).length > 1 ? ` ${n + 1}` : ""] }), /* @__PURE__ */ R($H, {
 						type: "secondary",
 						onClick: this.onRemoveAlternate(t),
 						children: "Remove"
@@ -34836,9 +34923,9 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 						onDone: this.onAlternateDone(t),
 						error: o && o[t]
 					}),
-					o && o[t] ? /* @__PURE__ */ R(VH, { children: o[t] }) : null
+					o && o[t] ? /* @__PURE__ */ R(XH, { children: o[t] }) : null
 				] }, t)),
-				/* @__PURE__ */ R(UH, {
+				/* @__PURE__ */ R(QH, {
 					type: "primary",
 					onClick: this.onAddAlternate,
 					children: "ADD ALTERNATE"
@@ -34846,29 +34933,29 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 			] })
 		});
 	}
-}, KH = {
+}, tU = {
 	advanced: "Advanced Multi",
 	simple: "Simple"
-}, qH = (e = {}, t = {}) => {
+}, nU = (e = {}, t = {}) => {
 	let { maxResponseAreas: n } = t, { responseType: r } = e, i = "";
 	return r === "Advanced Multi" && (i = "\nThere should be at least 1 " + (n ? `and at most ${n} ` : "") + "response area" + (n ? "s" : "") + " defined."), "Validation requirements:\nAll correct answers (the primary and any alternates) should not be empty and should be unique." + i;
-}, JH = (e = {}, t = {}) => ({
+}, rU = (e = {}, t = {}) => ({
 	...t,
 	...e
-}), YH = E(/*#__PURE__*/ R("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), XH = !1, ZH = M("div")({
+}), iU = E(/*#__PURE__*/ R("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" }), "Info"), aU = !1, oU = M("div")({
 	display: "flex",
 	flexDirection: "column"
-}), QH = M(D)({ fontSize: "0.85rem" }), $H = M("div")({ fontSize: "1.1rem" }), eU = M("div")({
+}), sU = M(D)({ fontSize: "0.85rem" }), cU = M("div")({ fontSize: "1.1rem" }), lU = M("div")({
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between"
-}), tU = M(kH)(({ theme: e }) => ({
+}), uU = M(RH)(({ theme: e }) => ({
 	flex: "initial",
 	width: "40%",
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	"& > *:not(label)": { marginTop: e.spacing(1) }
-})), nU = M("div")({
+})), dU = M("div")({
 	display: "flex",
 	flexDirection: "column",
 	".block-container": {
@@ -34902,28 +34989,28 @@ var kH = OH(y, "InputContainer") || OH(MH.InputContainer, "InputContainer"), AH
 		padding: "8px"
 	},
 	".math-toolbar": { maxWidth: "900px" }
-}), rU = M(He)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}), fU = M(He)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre-wrap"
-} })), iU = M("div")(({ theme: e }) => ({
+} })), pU = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), aU = M(kH)(({ theme: e }) => ({
+})), mU = M(RH)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), oU = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), sU = /{{response}}/gm, cU = /\\%response\\%/gm, lU = /\\embed\{answerBlock\}\[r\d*\]/g, uU = /\\embed\{newLine\}\[\]/g, dU = /\\newline/g;
-function fU(e) {
+})), hU = M("div")(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), gU = /{{response}}/gm, _U = /\\%response\\%/gm, vU = /\\embed\{answerBlock\}\[r\d*\]/g, yU = /\\embed\{newLine\}\[\]/g, bU = /\\newline/g;
+function xU(e) {
 	if (e) {
 		let t = 1;
-		return e.replace(sU, () => `\\embed{answerBlock}[r${t++}]`).replace(dU, "\\embed{newLine}[]");
+		return e.replace(gU, () => `\\embed{answerBlock}[r${t++}]`).replace(bU, "\\embed{newLine}[]");
 	}
 }
-function pU(e) {
-	if (e) return e.replace(lU, () => "{{response}}").replace(cU, () => "{{response}}").replace(uU, () => "\\newline");
+function SU(e) {
+	if (e) return e.replace(vU, () => "{{response}}").replace(_U, () => "{{response}}").replace(yU, () => "\\newline");
 }
-var mU = class extends F.Component {
+var CU = class extends F.Component {
 	static propTypes = {
 		model: B.default.object.isRequired,
 		imageSupport: B.default.object,
@@ -34939,7 +35026,7 @@ var mU = class extends F.Component {
 		let t = {};
 		if (e.model && e.model.expression) {
 			let n = 1;
-			e.model.expression.replace(sU, () => {
+			e.model.expression.replace(gU, () => {
 				t[`r${n++}`] = { value: "" };
 			});
 		}
@@ -34951,7 +35038,7 @@ var mU = class extends F.Component {
 	}
 	onChange = (e) => (t) => {
 		let { model: n, onChange: r } = this.props, i = { ...n };
-		typeof t == "object" ? i[e] = t.target.value : i[e] = t, e === "expression" && (i[e] = pU(t)), r(i);
+		typeof t == "object" ? i[e] = t.target.value : i[e] = t, e === "expression" && (i[e] = SU(t)), r(i);
 	};
 	onDone = () => {
 		this.setState({ showKeypad: !1 });
@@ -34963,7 +35050,7 @@ var mU = class extends F.Component {
 		this.setState({ showKeypad: !1 });
 	};
 	UNSAFE_componentWillMount() {
-		typeof window < "u" && (XH ||= (ye("answerBlock", (e) => ({
+		typeof window < "u" && (aU ||= (ye("answerBlock", (e) => ({
 			htmlString: `
             <div class="block-container block-container-generic">
               <div class="block-response block-response-generic" id="${e}Index">Response</div>
@@ -34982,7 +35069,7 @@ var mU = class extends F.Component {
 		let { model: e } = this.props, t = {};
 		if (e && e.expression) {
 			let n = 1;
-			e.expression.replace(sU, () => {
+			e.expression.replace(gU, () => {
 				t[`r${n++}`] = { value: "" };
 			});
 		}
@@ -35009,26 +35096,26 @@ var mU = class extends F.Component {
 		i.responses[t] = e, r(i);
 	};
 	render() {
-		let { model: e, imageSupport: t, uploadSoundSupport: n, configuration: r, promptEnabled: i, rationaleEnabled: a, toolbarOpts: o } = this.props, { showKeypad: s } = this.state, { prompt: c, expression: l, equationEditor: u, promptEquationEditor: d = "8", responses: f, responseType: p, rationale: m, spellCheckEnabled: h, errors: g = {} } = e, { baseInputConfiguration: _ = {}, rationale: v = {}, prompt: y = {}, ignoreOrder: b = {}, allowTrailingZeros: x = {}, maxResponseAreas: S, maxImageWidth: C = {}, maxImageHeight: w = {}, mathMlOptions: T = {} } = r || {}, E = qH(r, e), { prompt: ee, rationale: D, responsesErrors: te, responseAreasError: ne } = g, re = C && C.prompt, O = w && w.prompt, k = {
+		let { model: e, imageSupport: t, uploadSoundSupport: n, configuration: r, promptEnabled: i, rationaleEnabled: a, toolbarOpts: o } = this.props, { showKeypad: s } = this.state, { prompt: c, expression: l, equationEditor: u, promptEquationEditor: d = "8", responses: f, responseType: p, rationale: m, spellCheckEnabled: h, errors: g = {} } = e, { baseInputConfiguration: _ = {}, rationale: v = {}, prompt: y = {}, ignoreOrder: b = {}, allowTrailingZeros: x = {}, maxResponseAreas: S, maxImageWidth: C = {}, maxImageHeight: w = {}, mathMlOptions: T = {} } = r || {}, E = nU(r, e), { prompt: ee, rationale: D, responsesErrors: te, responseAreasError: ne } = g, re = C && C.prompt, O = w && w.prompt, k = {
 			editor: "response-editor",
 			mathToolbar: "math-toolbar"
-		}, ie = p === KH.advanced ? f : f.slice(0, 1), ae = /* @__PURE__ */ R(rU, {
+		}, ie = p === tU.advanced ? f : f.slice(0, 1), ae = /* @__PURE__ */ R(fU, {
 			disableFocusListener: !0,
 			disableTouchListener: !0,
 			placement: "right",
 			title: E,
-			children: /* @__PURE__ */ R(YH, {
+			children: /* @__PURE__ */ R(iU, {
 				fontSize: "small",
 				color: "primary",
 				style: { marginLeft: "5px" }
 			})
 		});
-		return /* @__PURE__ */ z(ZH, {
+		return /* @__PURE__ */ z(oU, {
 			ref: (e) => this.root = e || this.root,
 			children: [
-				i && /* @__PURE__ */ z(aU, {
+				i && /* @__PURE__ */ z(mU, {
 					label: y.label,
-					children: [/* @__PURE__ */ R(aB, {
+					children: [/* @__PURE__ */ R(mB, {
 						onFocus: this.onPromptFocus,
 						markup: c || "",
 						onChange: this.onChange("prompt"),
@@ -35036,21 +35123,21 @@ var mU = class extends F.Component {
 						nonEmpty: !1,
 						error: ee,
 						toolbarOpts: o,
-						pluginProps: JH(y?.inputConfiguration, _),
+						pluginProps: rU(y?.inputConfiguration, _),
 						spellCheck: h,
 						maxImageWidth: re,
 						maxImageHeight: O,
 						uploadSoundSupport: n,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: T
-					}), ee && /* @__PURE__ */ R(iU, { children: ee })]
+					}), ee && /* @__PURE__ */ R(pU, { children: ee })]
 				}),
-				p === KH.advanced && /* @__PURE__ */ z(oU, { children: [
-					/* @__PURE__ */ z(eU, {
+				p === tU.advanced && /* @__PURE__ */ z(hU, { children: [
+					/* @__PURE__ */ z(lU, {
 						style: { justifyContent: "flex-start" },
-						children: [/* @__PURE__ */ R($H, { children: "Define Response" }), ae]
+						children: [/* @__PURE__ */ R(cU, { children: "Define Response" }), ae]
 					}),
-					/* @__PURE__ */ R(tU, {
+					/* @__PURE__ */ R(uU, {
 						label: "Response Template Equation Editor",
 						children: /* @__PURE__ */ z(fe, {
 							onChange: this.onChange("promptEquationEditor"),
@@ -35111,26 +35198,26 @@ var mU = class extends F.Component {
 							]
 						})
 					}, "templateEditorType"),
-					/* @__PURE__ */ z(nU, { children: [/* @__PURE__ */ R(QH, { children: "RESPONSE TEMPLATE" }), /* @__PURE__ */ R(Ae, {
+					/* @__PURE__ */ z(dU, { children: [/* @__PURE__ */ R(sU, { children: "RESPONSE TEMPLATE" }), /* @__PURE__ */ R(Ae, {
 						classNames: k,
 						allowAnswerBlock: !0,
 						keypadMode: d,
 						controlledKeypad: !0,
 						showKeypad: s,
-						latex: fU(l) || "",
+						latex: xU(l) || "",
 						onChange: this.onChange("expression"),
 						onFocus: this.onFocus,
 						onDone: this.onDone,
 						maxResponseAreas: S,
 						error: ne
 					})] }, "templateHolder"),
-					ne && /* @__PURE__ */ R(iU, { children: ne })
+					ne && /* @__PURE__ */ R(pU, { children: ne })
 				] }),
-				/* @__PURE__ */ z(eU, {
+				/* @__PURE__ */ z(lU, {
 					style: { justifyContent: "flex-start" },
-					children: [/* @__PURE__ */ R($H, { children: "Define Correct Response" }), p === KH.simple ? ae : null]
+					children: [/* @__PURE__ */ R(cU, { children: "Define Correct Response" }), p === tU.simple ? ae : null]
 				}),
-				/* @__PURE__ */ R(tU, {
+				/* @__PURE__ */ R(uU, {
 					label: "Equation Editor",
 					children: /* @__PURE__ */ z(fe, {
 						onChange: this.onChange("equationEditor"),
@@ -35191,26 +35278,26 @@ var mU = class extends F.Component {
 						]
 					})
 				}),
-				ie.map((e, t) => /* @__PURE__ */ R(GH, {
+				ie.map((e, t) => /* @__PURE__ */ R(eU, {
 					mode: u,
 					response: e,
-					defaultResponse: p === KH.simple,
+					defaultResponse: p === tU.simple,
 					onResponseChange: this.onResponseChange,
 					index: t,
 					cIgnoreOrder: b,
 					cAllowTrailingZeros: x,
 					error: te && te[t]
 				}, e.id)),
-				a && /* @__PURE__ */ z(aU, {
+				a && /* @__PURE__ */ z(mU, {
 					label: v.label,
-					children: [/* @__PURE__ */ R(aB, {
+					children: [/* @__PURE__ */ R(mB, {
 						markup: m || "",
 						onChange: this.onChange("rationale"),
 						imageSupport: t,
 						nonEmpty: !1,
 						error: D,
 						toolbarOpts: o,
-						pluginProps: JH(v?.inputConfiguration, {
+						pluginProps: rU(v?.inputConfiguration, {
 							..._,
 							math: { controlledKeypadMode: !1 }
 						}),
@@ -35220,20 +35307,20 @@ var mU = class extends F.Component {
 						uploadSoundSupport: n,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: T
-					}), D && /* @__PURE__ */ R(iU, { children: D })]
+					}), D && /* @__PURE__ */ R(pU, { children: D })]
 				})
 			]
 		});
 	}
-}, hU = (0, St.default)("@pie-element:math-inline:configure"), { Panel: gU, toggle: _U, radio: vU, dropdown: yU } = _H, bU = M(kH)(({ theme: e }) => ({
+}, wU = (0, St.default)("@pie-element:math-inline:configure"), { Panel: TU, toggle: EU, radio: DU, dropdown: OU } = EH, kU = M(RH)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), xU = M("div")(({ theme: e }) => ({
+})), AU = M("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), SU = class extends I.Component {
+})), jU = class extends I.Component {
 	static propTypes = {
 		onModelChanged: B.default.func,
 		onConfigurationChanged: B.default.func,
@@ -35257,28 +35344,28 @@ var mU = class extends F.Component {
 	};
 	render() {
 		let { model: e, imageSupport: t, onModelChanged: n, configuration: r, onConfigurationChanged: i, uploadSoundSupport: a } = this.props, { allowTrailingZeros: o = {}, baseInputConfiguration: s = {}, contentDimensions: c = {}, feedback: l = {}, ignoreOrder: u = {}, maxImageWidth: d = {}, maxImageHeight: f = {}, prompt: p = {}, rationale: m = {}, responseType: h = {}, scoringType: g = {}, settingsPanelDisabled: _, spellCheck: v = {}, studentInstructions: y = {}, teacherInstructions: b = {}, withRubric: x = {}, mathMlOptions: S = {}, language: C = {}, languageChoices: w = {} } = r || {}, { errors: T = {}, extraCSSRules: E, feedbackEnabled: ee, promptEnabled: D, rationaleEnabled: te, spellCheckEnabled: ne, teacherInstructionsEnabled: re, toolbarEditorPosition: O } = e || {}, { teacherInstructions: k } = T;
-		hU("[render] model", e);
+		wU("[render] model", e);
 		let ie = { position: O === "top" ? "top" : "bottom" }, ae = d && d.prompt, oe = f && f.prompt, se = {
-			responseType: h.settings && vU(h.label, [KH.simple, KH.advanced]),
-			feedbackEnabled: l.settings && _U(l.label),
-			promptEnabled: p.settings && _U(p.label),
-			"language.enabled": C.settings && _U(C.label, !0),
-			language: C.settings && C.enabled && yU(w.label, w.options)
+			responseType: h.settings && DU(h.label, [tU.simple, tU.advanced]),
+			feedbackEnabled: l.settings && EU(l.label),
+			promptEnabled: p.settings && EU(p.label),
+			"language.enabled": C.settings && EU(C.label, !0),
+			language: C.settings && C.enabled && OU(w.label, w.options)
 		}, ce = {
-			teacherInstructionsEnabled: b.settings && _U(b.label),
-			studentInstructionsEnabled: y.settings && _U(y.label),
-			rationaleEnabled: m.settings && _U(m.label),
-			spellCheckEnabled: v.settings && _U(v.label),
-			scoringType: g.settings && vU(g.label, ["auto", "rubric"]),
-			"ignoreOrder.enabled": u.settings && _U(u.label),
-			"allowTrailingZeros.enabled": o.settings && _U(o.label),
-			rubricEnabled: x?.settings && _U(x?.label)
+			teacherInstructionsEnabled: b.settings && EU(b.label),
+			studentInstructionsEnabled: y.settings && EU(y.label),
+			rationaleEnabled: m.settings && EU(m.label),
+			spellCheckEnabled: v.settings && EU(v.label),
+			scoringType: g.settings && DU(g.label, ["auto", "rubric"]),
+			"ignoreOrder.enabled": u.settings && EU(u.label),
+			"allowTrailingZeros.enabled": o.settings && EU(o.label),
+			rubricEnabled: x?.settings && EU(x?.label)
 		};
-		return /* @__PURE__ */ z(HV.ConfigLayout, {
+		return /* @__PURE__ */ z(ZV.ConfigLayout, {
 			extraCSSRules: E,
 			dimensions: c,
 			hideSettings: _,
-			settings: /* @__PURE__ */ R(gU, {
+			settings: /* @__PURE__ */ R(TU, {
 				model: e,
 				configuration: r,
 				onChangeModel: (e) => n(e),
@@ -35289,25 +35376,25 @@ var mU = class extends F.Component {
 				}
 			}),
 			children: [
-				re && /* @__PURE__ */ z(bU, {
+				re && /* @__PURE__ */ z(kU, {
 					label: b.label,
-					children: [/* @__PURE__ */ R(aB, {
+					children: [/* @__PURE__ */ R(mB, {
 						markup: e.teacherInstructions || "",
 						onChange: this.changeTeacherInstructions,
 						imageSupport: t,
 						nonEmpty: !1,
 						error: k,
 						toolbarOpts: ie,
-						pluginProps: JH(b?.inputConfiguration, s),
+						pluginProps: rU(b?.inputConfiguration, s),
 						spellCheck: ne,
 						maxImageWidth: d && d.teacherInstructions || ae,
 						maxImageHeight: f && f.teacherInstructions || oe,
 						uploadSoundSupport: a,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: S
-					}), k && /* @__PURE__ */ R(xU, { children: k })]
+					}), k && /* @__PURE__ */ R(AU, { children: k })]
 				}),
-				/* @__PURE__ */ R(mU, {
+				/* @__PURE__ */ R(CU, {
 					imageSupport: t,
 					uploadSoundSupport: a,
 					model: e,
@@ -35318,7 +35405,7 @@ var mU = class extends F.Component {
 					toolbarOpts: ie,
 					spellCheck: ne
 				}),
-				ee && /* @__PURE__ */ R(TB, {
+				ee && /* @__PURE__ */ R(PB, {
 					feedback: e.feedback,
 					onChange: this.onFeedbackChange,
 					toolbarOpts: ie
@@ -35326,7 +35413,7 @@ var mU = class extends F.Component {
 			]
 		});
 	}
-}, CU = class e extends CustomEvent {
+}, MU = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -35339,7 +35426,7 @@ var mU = class extends F.Component {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, wU = class e extends CustomEvent {
+}, NU = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -35352,7 +35439,7 @@ var mU = class extends F.Component {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, TU = class e extends CustomEvent {
+}, PU = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -35362,7 +35449,7 @@ var mU = class extends F.Component {
 			detail: t
 		}), this.handler = t;
 	}
-}, EU = class e extends CustomEvent {
+}, FU = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -35375,7 +35462,7 @@ var mU = class extends F.Component {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, DU = class e extends CustomEvent {
+}, IU = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -35385,7 +35472,7 @@ var mU = class extends F.Component {
 			detail: t
 		}), this.handler = t;
 	}
-}, OU = {
+}, LU = {
 	model: {
 		allowTrailingZerosDefault: !1,
 		customKeys: [],
@@ -35412,7 +35499,7 @@ var mU = class extends F.Component {
 		promptEnabled: !0,
 		rationale: "",
 		rationaleEnabled: !0,
-		responseType: KH.advanced,
+		responseType: tU.advanced,
 		responses: [],
 		scoringType: "auto",
 		studentInstructionsEnabled: !0,
@@ -35525,25 +35612,25 @@ var mU = class extends F.Component {
 			options: []
 		}
 	}
-}, kU = (0, St.default)("pie-elements:math-inline:configure"), AU = class e extends HTMLElement {
+}, RU = (0, St.default)("pie-elements:math-inline:configure"), zU = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => (t(e.responses) || (e.responses = e.responses.map((e) => ({
 		...e,
-		validation: e.validation || OU.model.validationDefault,
-		allowTrailingZeros: e.allowTrailingZeros || OU.model.allowTrailingZerosDefault,
-		ignoreOrder: e.ignoreOrder || OU.model.ignoreOrderDefault || !1
+		validation: e.validation || LU.model.validationDefault,
+		allowTrailingZeros: e.allowTrailingZeros || LU.model.allowTrailingZerosDefault,
+		ignoreOrder: e.ignoreOrder || LU.model.ignoreOrderDefault || !1
 	}))), {
-		...OU.model,
+		...LU.model,
 		...e
 	});
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = OU.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = LU.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this._render();
 	}
 	set configuration(e) {
 		let t = {
-			...OU.configuration,
+			...LU.configuration,
 			...e
 		};
 		this._configuration = t, t?.language?.enabled ? t?.languageChoices?.options?.length && (this._model.language = t?.languageChoices.options[0].value) : t.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
@@ -35552,26 +35639,26 @@ var mU = class extends F.Component {
 		})) : delete this._model.language, this._render();
 	}
 	onModelChanged(e) {
-		this._model = e, kU("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new CU(this._model));
+		this._model = e, RU("[onModelChanged]: ", this._model), this._render(), this.dispatchEvent(new MU(this._model));
 	}
 	onConfigurationChanged(e) {
 		this._configuration = e, this._model && this.onModelChanged(this._model), this._render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new TU(e));
+		this.dispatchEvent(new PU(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new wU(e, t));
+		this.dispatchEvent(new NU(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new DU(e));
+		this.dispatchEvent(new IU(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new EU(e, t));
+		this.dispatchEvent(new FU(e, t));
 	}
 	_render() {
 		if (this._model) {
-			let e = I.createElement(SU, {
+			let e = I.createElement(jU, {
 				onModelChanged: this.onModelChanged.bind(this),
 				onConfigurationChanged: this.onConfigurationChanged.bind(this),
 				model: this._model,
@@ -35596,6 +35683,6 @@ var mU = class extends F.Component {
 	}
 };
 //#endregion
-export { AU as default };
+export { zU as default };
 
 //# sourceMappingURL=index.js.map