@pie-element/fraction-model 6.1.2-next.7 → 6.1.2-next.9

package/dist/browser/author/index.js

@@ -1,4 +1,4 @@
-import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as ee, Y as te, Z as ne, _ as re, _t as ie, a as ae, at as w, b as oe, bt as se, c as ce, ct as le, d as ue, dt as de, et as T, f as fe, ft as pe, g as me, gt as he, h as ge, ht as _e, i as ve, it as ye, j as be, k as xe, l as Se, lt as Ce, m as we, mt as Te, n as Ee, nt as De, o as Oe, ot as ke, p as Ae, pt as je, q as Me, r as Ne, rt as Pe, s as Fe, st as Ie, tt as Le, u as E, ut as Re, v as ze, vt as Be, w as Ve, x as He, y as Ue, yt as We, z as Ge } from "../delivery-Dno334Uk.js";
+import { $ as e, A as t, B as n, C as r, D as i, E as a, F as o, G as s, H as c, I as l, J as u, K as d, L as f, M as p, N as m, O as h, P as g, Q as _, R as v, S as y, T as b, U as x, V as S, W as C, X as ee, Y as te, Z as ne, _ as re, _t as ie, a as ae, at as w, b as oe, bt as se, c as ce, ct as le, d as ue, dt as de, et as T, f as fe, ft as pe, g as me, gt as he, h as ge, ht as _e, i as ve, it as ye, j as be, k as xe, l as Se, lt as Ce, m as we, mt as Te, n as Ee, nt as De, o as Oe, ot as ke, p as Ae, pt as je, q as Me, r as Ne, rt as Pe, s as Fe, st as Ie, tt as Le, u as E, ut as Re, v as ze, vt as Be, w as Ve, x as He, y as Ue, yt as We, z as Ge } from "../delivery-C4VfEPIn.js";
 import { a as Ke, c as qe, d as Je, i as Ye, l as Xe, n as Ze, o as Qe, r as $e, s as et, t as tt, u as nt } from "../dist-ClmZaEGT.js";
 import * as D from "react";
 import O, { Component as rt, createContext as it, createElement as at, createRef as ot, forwardRef as st, memo as ct, useCallback as lt, useContext as ut, useDebugValue as dt, useEffect as ft, useLayoutEffect as pt, useMemo as mt, useRef as ht, useState as gt, version as _t } from "react";
@@ -37398,8 +37398,8 @@ Iv.create({
 		})) ?? null };
 	}
 });
-var IG = "placeholder", LG = new L("tiptap__placeholder"), RG = 200;
-function zG(e) {
+var IG = "placeholder", LG = new L("tiptap__placeholder");
+function RG(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), zm.node(i, i + a.nodeSize, {
 		class: u.join(" "),
@@ -37411,156 +37411,198 @@ function zG(e) {
 		}) : n
 	});
 }
-function BG({ editor: e, options: t, dataAttribute: n, doc: r, selection: i }) {
+function zG(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function BG({ 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 && W_(r);
+		return r.type.isTextblock && (a || !t.showOnlyCurrent) && o && c.push(RG({
+			editor: e,
+			isEmptyDoc: l,
+			dataAttribute: n,
+			hasAnchor: a,
+			placeholder: t.placeholder,
+			classes: {
+				emptyEditor: t.emptyEditorClass,
+				emptyNode: zG(t.emptyNodeClass, {
+					editor: e,
+					node: r,
+					pos: i,
+					hasAnchor: a
+				})
+			},
+			node: r,
+			pos: i
+		})), t.includeChildren;
+	}), c;
+}
+function VG({ 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 && W_(l)) {
-			let r = a >= u && a <= u + l.nodeSize;
-			o.push(zG({
+		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 && W_(c)) {
+			let r = a >= l && a <= l + c.nodeSize;
+			o.push(RG({
 				editor: e,
 				isEmptyDoc: s,
 				dataAttribute: n,
 				hasAnchor: r,
 				placeholder: t.placeholder,
-				classes: c,
-				node: l,
-				pos: u
+				classes: {
+					emptyEditor: t.emptyEditorClass,
+					emptyNode: zG(t.emptyNodeClass, {
+						editor: e,
+						node: c,
+						pos: l,
+						hasAnchor: r
+					})
+				},
+				node: c,
+				pos: l
 			}));
 		}
-	} else {
-		let i = LG.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 && W_(r);
-			return r.type.isTextblock && (l || !t.showOnlyCurrent) && u && o.push(zG({
-				editor: e,
-				isEmptyDoc: s,
-				dataAttribute: n,
-				hasAnchor: l,
-				placeholder: t.placeholder,
-				classes: c,
-				node: r,
-				pos: i
-			})), t.includeChildren;
-		});
-	}
+	} else o.push(...BG({
+		editor: e,
+		options: t,
+		dataAttribute: n,
+		doc: r,
+		selection: i,
+		from: 0,
+		to: r.content.size
+	}));
 	return Hm.create(r, o);
 }
-function VG(e) {
-	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+function HG(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 HG(e) {
-	let t = getComputedStyle(e), n = `${t.overflow} ${t.overflowY} ${t.overflowX}`;
-	return /auto|scroll|overlay/.test(n);
+function UG(e, t) {
+	return {
+		from: Math.max(0, t.from - 1),
+		to: Math.min(e.content.size, t.to - 1)
+	};
 }
-function UG(e) {
-	let t = e;
-	for (; t;) {
-		if (HG(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 WG(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 GG(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 WG(e) {
-	return e === window ? {
-		top: 0,
-		bottom: window.innerHeight
-	} : e.getBoundingClientRect();
+function KG(e, t) {
+	let n = WG(e, t.from, t.to);
+	return n.push(UG(e, HG(e, t.from))), t.to > t.from ? n.push(UG(e, HG(e, Math.min(t.to, e.content.size + 1) - 1))) : t.from < e.content.size + 1 && n.push(UG(e, HG(e, Math.min(t.from + 1, e.content.size)))), n;
 }
-function GG({ doc: e, view: t, scrollContainer: n }) {
-	let r = t.dom.getBoundingClientRect(), i = n ? WG(n) : {
-		top: 0,
-		bottom: window.innerHeight
-	}, a = Math.max(r.top, i.top) - RG, o = Math.min(r.bottom, i.bottom) + RG;
-	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
-	});
-	return {
-		top: c ? c.pos : 0,
-		bottom: l ? l.pos : e.content.size
-	};
+function qG(e, t, n) {
+	let r = [];
+	if (e.docChanged) {
+		let t = N_(e);
+		for (let e of t) r.push(...KG(n.doc, e.newRange));
+	}
+	return e.selectionSet && (r.push(UG(n.doc, HG(n.doc, e.mapping.map(t.selection.anchor)))), r.push(UG(n.doc, HG(n.doc, n.selection.anchor)))), GG(r);
 }
-var KG = {
-	init() {
-		return {
-			topPos: null,
-			bottomPos: null
-		};
-	},
-	apply(e, t) {
-		let n = e.getMeta(LG);
-		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 JG(e, t, n) {
+	let r = Math.max(0, Math.min(e, n.content.size));
+	return {
+		from: r,
+		to: Math.max(r, Math.min(t, n.content.size))
+	};
+}
+function YG({ 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 } = JG(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 = BG({
+			editor: n,
+			options: r,
+			dataAttribute: i,
+			doc: a,
+			selection: o,
+			from: t,
+			to: c
+		});
+		u.length && (s = s.add(a, u));
 	}
-};
-function qG(e) {
-	let t = UG(e.dom), n = () => {
-		let n = GG({
-			view: e,
-			doc: e.state.doc,
-			scrollContainer: t
-		}), r = LG.getState(e.state);
-		if (r?.topPos === n.top && r?.bottomPos === n.bottom) return;
-		let i = e.state.tr.setMeta(LG, { 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 XG({ editor: e, options: t, dataAttribute: n }) {
+	return {
+		init(r, i) {
+			return VG({
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: i.doc,
+				selection: i.selection
+			}) ?? Hm.empty;
 		},
-		destroy: () => {
-			r !== null && cancelAnimationFrame(r), t.removeEventListener("scroll", a);
+		apply(r, i, a, o) {
+			return !r.docChanged && !r.selectionSet ? i : YG({
+				decorations: i.map(r.mapping, r.doc),
+				ranges: qG(r, a, o),
+				editor: e,
+				options: t,
+				dataAttribute: n,
+				doc: o.doc,
+				selection: o.selection
+			});
 		}
 	};
 }
-function JG({ editor: e, options: t }) {
-	let n = t.dataAttribute ? `data-${VG(t.dataAttribute)}` : `data-${IG}`;
+function ZG(e) {
+	return e.replace(/\s+/g, "-").replace(/[^a-zA-Z0-9-]/g, "").replace(/^[0-9-]+/, "").replace(/^-+/, "").toLowerCase();
+}
+function QG({ editor: e, options: t }) {
+	let n = t.dataAttribute ? `data-${ZG(t.dataAttribute)}` : `data-${IG}`, r = t.showOnlyCurrent && !t.includeChildren;
 	return new I({
 		key: LG,
-		state: KG,
-		view: qG,
-		props: { decorations: ({ doc: r, selection: i }) => BG({
+		...r ? {} : { state: XG({
+			editor: e,
+			options: t,
+			dataAttribute: n
+		}) },
+		props: { decorations: r ? ({ doc: r, selection: i }) => VG({
 			editor: e,
 			options: t,
 			dataAttribute: n,
 			doc: r,
 			selection: i
-		}) }
+		}) : (n) => t.showOnlyWhenEditable && !e.isEditable ? Hm.empty : LG.getState(n) ?? Hm.empty }
 	});
 }
-var YG = Iv.create({
+var $G = Iv.create({
 	name: "placeholder",
 	addOptions() {
 		return {
@@ -37574,12 +37616,25 @@ var YG = Iv.create({
 		};
 	},
 	addProseMirrorPlugins() {
-		return [JG({
+		return [QG({
 			editor: this.editor,
 			options: this.options
 		})];
 	}
 });
+function eK(e, t) {
+	return !e.selection.empty && !G_(e.selection) && t.isEditable;
+}
+function tK(e, t) {
+	return eK(e, t) && !t.isFocused && !t.view.dragging;
+}
+function nK() {
+	var e;
+	(e = window.getSelection()) == null || e.removeAllRanges();
+}
+function rK(e) {
+	e.focus();
+}
 Iv.create({
 	name: "selection",
 	addOptions() {
@@ -37589,13 +37644,25 @@ Iv.create({
 		let { editor: e, options: t } = this;
 		return [new I({
 			key: new L("selection"),
-			props: { decorations(n) {
-				return n.selection.empty || e.isFocused || !e.isEditable || G_(n.selection) || e.view.dragging ? null : Hm.create(n.doc, [zm.inline(n.selection.from, n.selection.to, { class: t.className })]);
-			} }
+			props: {
+				decorations(n) {
+					return tK(n, e) ? Hm.create(n.doc, [zm.inline(n.selection.from, n.selection.to, { class: t.className })]) : null;
+				},
+				handleDOMEvents: {
+					blur(t) {
+						return eK(t.state, e) && nK(), !1;
+					},
+					focus(t) {
+						return eK(t.state, e) && requestAnimationFrame(() => {
+							!e.isDestroyed && t.hasFocus() && rK(t);
+						}), !1;
+					}
+				}
+			}
 		})];
 	}
 });
-function XG({ types: e, node: t }) {
+function iK({ types: e, node: t }) {
 	return t && Array.isArray(e) && e.includes(t.type) || t?.type === e;
 }
 Iv.create({
@@ -37617,7 +37684,7 @@ Iv.create({
 			state: {
 				init: (e, t) => {
 					let r = t.tr.doc.lastChild;
-					return !XG({
+					return !iK({
 						node: r,
 						types: n
 					});
@@ -37625,7 +37692,7 @@ Iv.create({
 				apply: (e, t) => {
 					if (!e.docChanged || e.getMeta("__uniqueIDTransaction")) return t;
 					let r = e.doc.lastChild;
-					return !XG({
+					return !iK({
 						node: r,
 						types: n
 					});
@@ -37660,7 +37727,7 @@ Iv.create({
 		};
 	}
 });
-var ZG = Ov.create({
+var aK = Ov.create({
 	name: "superscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -37690,7 +37757,7 @@ var ZG = Ov.create({
 	addKeyboardShortcuts() {
 		return { "Mod-.": () => this.editor.commands.toggleSuperscript() };
 	}
-}), QG = Ov.create({
+}), oK = Ov.create({
 	name: "subscript",
 	addOptions() {
 		return { HTMLAttributes: {} };
@@ -37720,7 +37787,7 @@ var ZG = Ov.create({
 	addKeyboardShortcuts() {
 		return { "Mod-,": () => this.editor.commands.toggleSubscript() };
 	}
-}), $G = Iv.create({
+}), sK = Iv.create({
 	name: "textAlign",
 	addOptions() {
 		return {
@@ -37762,7 +37829,7 @@ var ZG = Ov.create({
 			"Mod-Shift-j": () => this.editor.commands.setTextAlign("justify")
 		};
 	}
-}), eK = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, tK = fy.create({
+}), cK = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, lK = fy.create({
 	name: "image",
 	addOptions() {
 		return {
@@ -37805,34 +37872,55 @@ var ZG = Ov.create({
 	},
 	addNodeView() {
 		if (!this.options.resize || !this.options.resize.enabled || typeof document > "u") return null;
-		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize;
-		return ({ node: i, getPos: a, HTMLAttributes: o, editor: s }) => {
-			let c = document.createElement("img");
-			Object.entries(o).forEach(([e, t]) => {
+		let { directions: e, minWidth: t, minHeight: n, alwaysPreserveAspectRatio: r } = this.options.resize, i = /* @__PURE__ */ new Set([
+			"src",
+			"width",
+			"height"
+		]);
+		return ({ node: a, getPos: o, HTMLAttributes: s, editor: c }) => {
+			let l = document.createElement("img");
+			l.draggable = !1;
+			let u = g_(this.options.HTMLAttributes, s);
+			Object.entries(u).forEach(([e, t]) => {
 				if (t != null) switch (e) {
+					case "src":
 					case "width":
 					case "height": break;
-					default:
-						c.setAttribute(e, t);
-						break;
+					default: l.setAttribute(e, t);
 				}
-			}), c.src = o.src;
-			let l = new ty({
-				element: c,
-				editor: s,
-				node: i,
-				getPos: a,
+			}), u.src !== null && (l.src = u.src);
+			let d = { ...s }, f = (e) => {
+				if (typeof e == "string" && e !== "") {
+					l.getAttribute("src") !== e && (l.src = e);
+					return;
+				}
+				l.hasAttribute("src") && l.removeAttribute("src"), l.src !== "" && (l.src = "");
+			};
+			f(s.src);
+			let p = new ty({
+				element: l,
+				editor: c,
+				node: a,
+				getPos: o,
 				onResize: (e, t) => {
-					c.style.width = `${e}px`, c.style.height = `${t}px`;
+					l.style.width = `${e}px`, l.style.height = `${t}px`;
 				},
 				onCommit: (e, t) => {
-					let n = a();
+					let n = o();
 					n !== void 0 && this.editor.chain().setNodeSelection(n).updateAttributes(this.name, {
 						width: e,
 						height: t
 					}).run();
 				},
-				onUpdate: (e, t, n) => e.type === i.type,
+				onUpdate: (e) => {
+					if (e.type !== a.type) return !1;
+					let t = __(e, c.extensionManager.attributes.filter((t) => t.type === e.type.name));
+					return Object.keys(d).forEach((e) => {
+						!i.has(e) && !(e in t) && l.removeAttribute(e);
+					}), Object.entries(t).forEach(([e, t]) => {
+						i.has(e) || (t == null ? l.removeAttribute(e) : l.setAttribute(e, t));
+					}), f(t.src), d = t, !0;
+				},
 				options: {
 					directions: e,
 					min: {
@@ -37841,10 +37929,10 @@ var ZG = Ov.create({
 					},
 					preserveAspectRatio: r === !0
 				}
-			}), u = l.dom;
-			return u.style.visibility = "hidden", u.style.pointerEvents = "none", c.onload = () => {
-				u.style.visibility = "", u.style.pointerEvents = "";
-			}, l;
+			}), m = p.dom, h = () => {
+				m.style.visibility = "", m.style.pointerEvents = "";
+			};
+			return m.style.visibility = "hidden", m.style.pointerEvents = "none", l.complete && l.naturalWidth > 0 ? h() : (l.onload = h, l.onerror = h), p;
 		};
 	},
 	addCommands() {
@@ -37855,7 +37943,7 @@ var ZG = Ov.create({
 	},
 	addInputRules() {
 		return [Qv({
-			find: eK,
+			find: cK,
 			type: this.type,
 			getAttributes: (e) => {
 				let [, , t, n, r] = e;
@@ -37867,17 +37955,17 @@ var ZG = Ov.create({
 			}
 		})];
 	}
-}), nK = YG, rK = {
+}), uK = $G, dK = {
 	position: "bottom",
 	alignment: "left",
 	alwaysVisible: !1,
 	showDone: !0,
 	doneOn: "blur"
-}, iK = {
+}, fK = {
 	options: {},
 	respAreaToolbar: () => {},
 	onHandleAreaChange: () => {}
-}, aK = [
+}, pK = [
 	"bold",
 	"italic",
 	"underline",
@@ -37899,7 +37987,7 @@ var ZG = Ov.create({
 	"h3",
 	"undo",
 	"redo"
-], oK = {
+], mK = {
 	"--white": "#fff",
 	"--black": "#2e2b29",
 	"--black-contrast": "#110f0e",
@@ -37918,14 +38006,18 @@ var ZG = Ov.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)"
-}, sK = (e) => {
+}, hK = (e) => ({
+	spellcheck: e ? "true" : "false",
+	autocorrect: e ? "on" : "off",
+	autocapitalize: e ? "on" : "off"
+}), gK = (e) => {
 	let { showParagraphs: t, separateParagraphs: n } = e.pluginProps || {}, [r, i] = gt([]), [a, o] = gt(!1), { toolbarOpts: s } = e, c = lt((e) => {
 		i((t) => {
 			let n = t.filter((t) => t.pos !== e);
 			return n.length === 0 && o(!1), n;
 		});
 	}, [i]), l = {
-		...rK,
+		...dK,
 		...s
 	}, u = lt((t) => {
 		let n = t.getHTML();
@@ -37936,13 +38028,13 @@ var ZG = Ov.create({
 		e.onDone,
 		l.doneOn
 	]), d = mt(() => ({
-		...iK,
+		...fK,
 		...e.responseAreaProps,
 		onInlineDropdownToolbarClose: u
 	}), [e.responseAreaProps, u]), f = mt(() => {
 		let { customPlugins: t, ...n } = e.pluginProps || {};
 		t ||= [];
-		let r = (e.activePlugins || aK)?.filter((e) => {
+		let r = (e.activePlugins || pK)?.filter((e) => {
 			let t = Na[e] || e, r = n[t] || {};
 			return !r || !r.disabled;
 		});
@@ -37960,103 +38052,112 @@ var ZG = Ov.create({
 			setKeypadInteraction: {},
 			media: {}
 		});
-	}, [e, d.type]), p = hD({
-		extensions: [
-			$G.configure({
-				types: [
-					"heading",
-					"paragraph",
-					"div",
-					"headingParagraph",
-					"h1",
-					"h2",
-					"h3",
-					"h4",
-					"h5",
-					"h6",
-					"td",
-					"th"
-				],
-				alignments: [
-					"left",
-					"right",
-					"center",
-					"justify"
-				]
-			}),
-			PG,
-			FG.configure({ limit: e.charactersLimit || 1e6 }),
-			wG.configure({ trailingNode: {
+	}, [e, d.type]), p = [
+		sK.configure({
+			types: [
+				"heading",
+				"paragraph",
+				"div",
+				"headingParagraph",
+				"h1",
+				"h2",
+				"h3",
+				"h4",
+				"h5",
+				"h6",
+				"td",
+				"th"
+			],
+			alignments: [
+				"left",
+				"right",
+				"center",
+				"justify"
+			]
+		}),
+		PG,
+		FG.configure({ limit: e.charactersLimit || 1e6 }),
+		wG.configure({
+			trailingNode: {
 				node: "paragraph",
 				notAfter: ["paragraph", "div"]
-			} }),
-			OI,
-			WT,
-			kI,
-			GT,
-			KT,
-			nK.configure({
-				placeholder: e.placeholder,
-				showOnlyWhenEditable: !0,
-				showOnlyCurrent: !1,
-				includeChildren: !0
-			}),
-			BT,
-			wT,
-			UT,
-			HT,
-			fP.configure(d),
-			pP.configure(d),
-			hP.configure(d),
-			gP.configure(d),
-			mP.configure(d),
-			$P.configure({
-				toolbarOpts: l,
-				math: e.pluginProps?.math || {}
-			}),
-			QG,
-			ZG,
-			tK,
-			bF.configure({
-				toolbarOpts: l,
-				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, l = (n) => {
-							let r;
-							a && n && (r = e.onChange), c(s), r?.(t.getHTML());
-						};
-						t._insertingImage = !0, i((e) => [...e, o]), (() => {
-							let n = r(l), i = Ke(() => {
-								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
-			}),
-			VF.configure({ uploadSoundSupport: e.uploadSoundSupport }),
-			qF.configure({ extraCSSRules: e.extraCSSRules })
-		],
+			},
+			link: {
+				autolink: !1,
+				linkOnPaste: !1
+			}
+		}),
+		OI,
+		WT,
+		kI,
+		GT,
+		KT,
+		uK.configure({
+			placeholder: e.placeholder,
+			showOnlyWhenEditable: !0,
+			showOnlyCurrent: !1,
+			includeChildren: !0
+		}),
+		BT,
+		wT,
+		UT,
+		HT,
+		fP.configure(d),
+		pP.configure(d),
+		hP.configure(d),
+		gP.configure(d),
+		mP.configure(d),
+		$P.configure({
+			toolbarOpts: l,
+			math: e.pluginProps?.math || {}
+		}),
+		oK,
+		aK,
+		lK,
+		bF.configure({
+			toolbarOpts: l,
+			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, l = (n) => {
+						let r;
+						a && n && (r = e.onChange), c(s), r?.(t.getHTML());
+					};
+					t._insertingImage = !0, i((e) => [...e, o]), (() => {
+						let n = r(l), i = Ke(() => {
+							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
+		}),
+		VF.configure({ uploadSoundSupport: e.uploadSoundSupport }),
+		qF.configure({ extraCSSRules: e.extraCSSRules })
+	], m = e.spellCheck !== !1, h = hD({
+		extensions: p,
 		immediatelyRender: !1,
-		editorProps: { handleKeyDown(t, n) {
-			return e.onKeyDown ? e.onKeyDown(n) : !1;
-		} },
+		editorProps: {
+			attributes: hK(m),
+			handleKeyDown(t, n) {
+				return e.onKeyDown ? e.onKeyDown(n) : !1;
+			}
+		},
 		editable: !e.disabled,
 		content: Ra(e.markup),
 		onUpdate: ({ editor: t, transaction: n }) => {
@@ -38067,22 +38168,29 @@ var ZG = Ov.create({
 		}
 	}, [e.charactersLimit]);
 	ft(() => {
-		e.editorRef && e.editorRef(p);
-	}, [e.editorRef, p]), ft(() => {
-		p?.setEditable(!e.disabled);
-	}, [e.disabled, p]), ft(() => {
-		if (!p) return;
+		e.editorRef && e.editorRef(h);
+	}, [e.editorRef, h]), ft(() => {
+		h?.setEditable(!e.disabled);
+	}, [e.disabled, h]), ft(() => {
+		if (!h) return;
+		let e = h.options?.editorProps, t = hK(m);
+		e?.attributes?.spellcheck !== t.spellcheck && h.setOptions({ editorProps: {
+			...e,
+			attributes: t
+		} });
+	}, [m, h]), ft(() => {
+		if (!h) return;
 		let t = Ra(e.markup);
-		t !== p.getHTML() && p.commands.setContent(t, { emitUpdate: !1 });
-	}, [e.markup, p]), ft(() => {
-		Object.entries(oK).forEach(([e, t]) => {
+		t !== h.getHTML() && h.commands.setContent(t, { emitUpdate: !1 });
+	}, [e.markup, h]), ft(() => {
+		Object.entries(mK).forEach(([e, t]) => {
 			document.documentElement.style.setProperty(e, t);
 		});
 	}, []);
-	let m = dD({
-		editor: p,
+	let g = dD({
+		editor: h,
 		selector: (e) => ({ isFocused: e.editor?.isFocused })
-	}), h = mt(() => {
+	}), _ = mt(() => {
 		let { minWidth: t, width: n, maxWidth: r, minHeight: i, height: a, maxHeight: o } = e;
 		return {
 			width: AI(n),
@@ -38097,20 +38205,20 @@ var ZG = Ov.create({
 		...e,
 		activePlugins: f,
 		toolbarOpts: l,
-		editorState: m,
-		editor: p,
-		children: p && /* @__PURE__ */ k(cK, {
+		editorState: g,
+		editor: h,
+		children: h && /* @__PURE__ */ k(_K, {
 			style: {
-				minHeight: h.minHeight,
-				height: h.height,
-				maxHeight: h.maxHeight
+				minHeight: _.minHeight,
+				height: _.height,
+				maxHeight: _.maxHeight
 			},
 			showParagraph: t && !t.disabled,
 			separateParagraph: n && !n.disabled,
-			editor: p
+			editor: h
 		})
 	});
-}, cK = w(cD, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
+}, _K = w(cD, { shouldForwardProp: (e) => !["showParagraph", "separateParagraph"].includes(e) })(({ showParagraph: e, separateParagraph: t }) => ({
 	display: "flex",
 	outline: "none !important",
 	"& .ProseMirror": {
@@ -38138,7 +38246,7 @@ var ZG = Ov.create({
 		} },
 		...t && { "& > p:has(+ p)": { marginBottom: "1em" } }
 	}
-})), lK = sK, uK = w(aa)(() => ({})), dK = class extends O.Component {
+})), vK = gK, yK = w(aa)(() => ({})), bK = class extends O.Component {
 	static propTypes = {
 		className: z.default.string,
 		contentClassName: z.default.string,
@@ -38159,7 +38267,7 @@ var ZG = Ov.create({
 				indicatorColor: "primary",
 				value: e,
 				onChange: this.handleChange,
-				children: O.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ k(uK, { label: e.props.title }, t) : null)
+				children: O.Children.map(t, (e, t) => e && e.props.title ? /* @__PURE__ */ k(yK, { label: e.props.title }, t) : null)
 			}), /* @__PURE__ */ k("div", {
 				className: r,
 				style: i,
@@ -38167,7 +38275,7 @@ var ZG = Ov.create({
 			})]
 		});
 	}
-}, fK = w(ei)(({ theme: e, mini: t }) => ({
+}, xK = w(ei)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -38181,7 +38289,7 @@ var ZG = Ov.create({
 			fontSize: e.typography.fontSize - 3
 		}
 	}
-})), pK = w(qr)(({ theme: e, mini: t, error: n }) => ({
+})), SK = w(qr)(({ theme: e, mini: t, error: n }) => ({
 	color: `${E.tertiary()} !important`,
 	...t && {
 		margin: 0,
@@ -38190,9 +38298,9 @@ var ZG = Ov.create({
 		height: e.spacing(3)
 	},
 	...n && { color: `${e.palette.error.main} !important` }
-})), mK = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ k(fK, {
+})), CK = ({ mini: e, checked: t, onChange: n, value: r, label: i, error: a }) => /* @__PURE__ */ k(xK, {
 	mini: e,
-	control: /* @__PURE__ */ k(pK, {
+	control: /* @__PURE__ */ k(SK, {
 		checked: t,
 		onChange: n,
 		value: r,
@@ -38201,32 +38309,32 @@ var ZG = Ov.create({
 	}),
 	label: i
 });
-mK.propTypes = {
+CK.propTypes = {
 	mini: z.default.bool,
 	checked: z.default.bool.isRequired,
 	onChange: z.default.func.isRequired,
 	value: z.default.string,
 	label: z.default.string.isRequired,
 	error: z.default.bool
-}, mK.defaultProps = {
+}, CK.defaultProps = {
 	value: "",
 	mini: !1,
 	error: !1
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/form-section.js
-var hK = w("div")(({ theme: e }) => ({
+var wK = w("div")(({ theme: e }) => ({
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2)
-})), gK = w(p)(({ theme: e }) => ({ marginBottom: e.spacing(1) })), _K = ({ className: e, label: t, children: n, labelExtraStyle: r }) => /* @__PURE__ */ A(hK, {
+})), TK = w(p)(({ theme: e }) => ({ marginBottom: e.spacing(1) })), EK = ({ className: e, label: t, children: n, labelExtraStyle: r }) => /* @__PURE__ */ A(wK, {
 	className: e,
-	children: [/* @__PURE__ */ k(gK, {
+	children: [/* @__PURE__ */ k(TK, {
 		variant: "subtitle1",
 		style: r,
 		children: t
 	}), n]
 });
-_K.propTypes = {
+EK.propTypes = {
 	className: z.default.string,
 	label: z.default.string,
 	children: z.default.node,
@@ -38234,7 +38342,7 @@ _K.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({ theme: e }) => ({
+var DK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), OK = w(ue)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -38256,11 +38364,11 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 		minHeight: "auto",
 		padding: "6px 0 7px"
 	}
-})), bK = (e, t) => {
+})), kK = (e, t) => {
 	if (!Ze(e) && !Ze(t)) return 0;
 	if (!Ze(e) && Ze(t)) return t;
 	if (Ze(e)) return e;
-}, xK = class extends O.Component {
+}, AK = class extends O.Component {
 	static propTypes = {
 		disabled: z.default.bool,
 		className: z.default.string,
@@ -38286,13 +38394,13 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 		this.setState({ value: t });
 	}
 	clamp(e, t = this.props.min, n = this.props.max) {
-		return Ze(e) ? (Ze(n) && (e = Math.min(e, n)), Ze(t) && (e = Math.max(e, t)), e) : bK(t, n);
+		return Ze(e) ? (Ze(n) && (e = Math.min(e, n)), Ze(t) && (e = Math.max(e, t)), e) : kK(t, n);
 	}
 	onBlur = (e) => {
 		let t = e.target.value, n = parseFloat(t);
-		vK("rawNumber: ", n);
+		DK("rawNumber: ", n);
 		let r = this.clamp(n);
-		vK("number: ", r), r !== this.state.value && (vK("trigger update..."), this.setState({ value: r.toString() }, () => {
+		DK("number: ", r), r !== this.state.value && (DK("trigger update..."), this.setState({ value: r.toString() }, () => {
 			this.props.onChange(e, r);
 		}));
 	};
@@ -38312,7 +38420,7 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 	};
 	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__ */ k(yK, {
+		return /* @__PURE__ */ k(OK, {
 			variant: s ? "filled" : l || "standard",
 			inputRef: (e) => {
 				this.inputRef = e;
@@ -38344,21 +38452,21 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 			margin: "normal"
 		});
 	}
-}, SK = Object.defineProperty, CK = (e, t) => {
+}, jK = Object.defineProperty, MK = (e, t) => {
 	let n = {};
-	for (var r in e) SK(n, r, {
+	for (var r in e) jK(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || SK(n, Symbol.toStringTag, { value: "Module" }), n;
-}, wK = w("div")(() => ({
+	return t || jK(n, Symbol.toStringTag, { value: "Module" }), n;
+}, NK = w("div")(() => ({
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-})), TK = w("div")(() => ({
+})), PK = w("div")(() => ({
 	display: "flex",
 	justifyContent: "space-between"
-})), EK = w("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), DK = w("div")(() => ({ flex: "1" })), OK = w("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), kK = class extends O.Component {
+})), FK = w("div")(({ theme: e }) => ({ padding: `${e.spacing(2)} 0` })), IK = w("div")(() => ({ flex: "1" })), LK = w("div")(({ theme: e }) => ({ marginLeft: e.spacing(2) })), RK = class extends O.Component {
 	static propTypes = {
 		mode: z.default.oneOf(["tabbed", "inline"]),
 		secondary: z.default.oneOfType([z.default.arrayOf(z.default.node), z.default.node]),
@@ -38376,7 +38484,7 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 		} catch (e) {
 			console.log(e.toString());
 		}
-		return /* @__PURE__ */ A(wK, {
+		return /* @__PURE__ */ A(NK, {
 			style: {
 				minHeight: i,
 				minWidth: a,
@@ -38384,28 +38492,28 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 				maxWidth: s
 			},
 			children: [
-				e === "inline" && /* @__PURE__ */ A(TK, { children: [/* @__PURE__ */ k(DK, {
+				e === "inline" && /* @__PURE__ */ A(PK, { children: [/* @__PURE__ */ k(IK, {
 					className: "design-container",
 					children: n
-				}), l && /* @__PURE__ */ k(OK, {
+				}), l && /* @__PURE__ */ k(LK, {
 					className: "settings-container",
 					children: t
 				})] }),
-				e === "tabbed" && l && /* @__PURE__ */ A(dK, {
+				e === "tabbed" && l && /* @__PURE__ */ A(bK, {
 					onChange: this.onTabsChange,
 					contentClassName: "content-container",
 					indicatorColor: "primary",
-					children: [/* @__PURE__ */ k(EK, {
+					children: [/* @__PURE__ */ k(FK, {
 						title: "Design",
 						className: "design-container",
 						children: n
-					}), /* @__PURE__ */ k(EK, {
+					}), /* @__PURE__ */ k(FK, {
 						title: "Settings",
 						className: "settings-container",
 						children: t
 					})]
 				}),
-				e === "tabbed" && !l && /* @__PURE__ */ k(EK, {
+				e === "tabbed" && !l && /* @__PURE__ */ k(FK, {
 					className: "design-container",
 					children: n
 				})
@@ -38415,18 +38523,18 @@ var vK = (0, Aa.default)("@pie-lib:config-ui:number-text-field"), yK = w(ue)(({
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/node_modules/.bun/@babel_runtime@7.29.7/node_modules/@babel/runtime/helpers/esm/extends.js
-function AK() {
-	return AK = Object.assign ? Object.assign.bind() : function(e) {
+function zK() {
+	return zK = 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;
-	}, AK.apply(null, arguments);
+	}, zK.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 jK(e, t) {
+function BK(e, t) {
 	if (e == null) return {};
 	var n = {};
 	for (var r in e) if ({}.hasOwnProperty.call(e, r)) {
@@ -38437,19 +38545,19 @@ function jK(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 MK(e, t) {
-	return MK = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+function VK(e, t) {
+	return VK = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
 		return e.__proto__ = t, e;
-	}, MK(e, t);
+	}, VK(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 NK(e, t) {
-	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, MK(e, t);
+function HK(e, t) {
+	e.prototype = Object.create(t.prototype), e.prototype.constructor = e, VK(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 PK = (function() {
+var UK = (function() {
 	if (typeof Map < "u") return Map;
 	function e(e, t) {
 		var n = -1;
@@ -38488,34 +38596,34 @@ var PK = (function() {
 			}
 		}, t;
 	}();
-})(), FK = typeof window < "u" && typeof document < "u" && window.document === document, IK = (function() {
+})(), WK = typeof window < "u" && typeof document < "u" && window.document === document, GK = (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")();
-})(), LK = (function() {
-	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(IK) : function(e) {
+})(), KK = (function() {
+	return typeof requestAnimationFrame == "function" ? requestAnimationFrame.bind(GK) : function(e) {
 		return setTimeout(function() {
 			return e(Date.now());
 		}, 1e3 / 60);
 	};
-})(), RK = 2;
-function zK(e, t) {
+})(), qK = 2;
+function JK(e, t) {
 	var n = !1, r = !1, i = 0;
 	function a() {
 		n && (n = !1, e()), r && s();
 	}
 	function o() {
-		LK(a);
+		KK(a);
 	}
 	function s() {
 		var e = Date.now();
 		if (n) {
-			if (e - i < RK) return;
+			if (e - i < qK) return;
 			r = !0;
 		} else n = !0, r = !1, setTimeout(o, t);
 		i = e;
 	}
 	return s;
 }
-var BK = 20, VK = [
+var YK = 20, XK = [
 	"top",
 	"right",
 	"bottom",
@@ -38524,9 +38632,9 @@ var BK = 20, VK = [
 	"height",
 	"size",
 	"weight"
-], HK = typeof MutationObserver < "u", UK = function() {
+], ZK = typeof MutationObserver < "u", QK = function() {
 	function e() {
-		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = zK(this.refresh.bind(this), BK);
+		this.connected_ = !1, this.mutationEventsAdded_ = !1, this.mutationsObserver_ = null, this.observers_ = [], this.onTransitionEnd_ = this.onTransitionEnd_.bind(this), this.refresh = JK(this.refresh.bind(this), YK);
 	}
 	return e.prototype.addObserver = function(e) {
 		~this.observers_.indexOf(e) || this.observers_.push(e), this.connected_ || this.connect_();
@@ -38543,23 +38651,23 @@ var BK = 20, VK = [
 			return e.broadcastActive();
 		}), e.length > 0;
 	}, e.prototype.connect_ = function() {
-		!FK || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), HK ? (this.mutationsObserver_ = new MutationObserver(this.refresh), this.mutationsObserver_.observe(document, {
+		!WK || this.connected_ || (document.addEventListener("transitionend", this.onTransitionEnd_), window.addEventListener("resize", this.refresh), ZK ? (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() {
-		!FK || !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);
+		!WK || !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;
-		VK.some(function(e) {
+		XK.some(function(e) {
 			return !!~n.indexOf(e);
 		}) && this.refresh();
 	}, e.getInstance = function() {
 		return this.instance_ ||= new e(), this.instance_;
 	}, e.instance_ = null, e;
-}(), WK = (function(e, t) {
+}(), $K = (function(e, t) {
 	for (var n = 0, r = Object.keys(t); n < r.length; n++) {
 		var i = r[n];
 		Object.defineProperty(e, i, {
@@ -38570,19 +38678,19 @@ var BK = 20, VK = [
 		});
 	}
 	return e;
-}), GK = (function(e) {
-	return e && e.ownerDocument && e.ownerDocument.defaultView || IK;
-}), KK = nq(0, 0, 0, 0);
-function qK(e) {
+}), eq = (function(e) {
+	return e && e.ownerDocument && e.ownerDocument.defaultView || GK;
+}), tq = dq(0, 0, 0, 0);
+function nq(e) {
 	return parseFloat(e) || 0;
 }
-function JK(e) {
+function rq(e) {
 	return [...arguments].slice(1).reduce(function(t, n) {
 		var r = e["border-" + n + "-width"];
-		return t + qK(r);
+		return t + nq(r);
 	}, 0);
 }
-function YK(e) {
+function iq(e) {
 	for (var t = [
 		"top",
 		"right",
@@ -38590,40 +38698,40 @@ function YK(e) {
 		"left"
 	], n = {}, r = 0, i = t; r < i.length; r++) {
 		var a = i[r], o = e["padding-" + a];
-		n[a] = qK(o);
+		n[a] = nq(o);
 	}
 	return n;
 }
-function XK(e) {
+function aq(e) {
 	var t = e.getBBox();
-	return nq(0, 0, t.width, t.height);
+	return dq(0, 0, t.width, t.height);
 }
-function ZK(e) {
+function oq(e) {
 	var t = e.clientWidth, n = e.clientHeight;
-	if (!t && !n) return KK;
-	var r = GK(e).getComputedStyle(e), i = YK(r), a = i.left + i.right, o = i.top + i.bottom, s = qK(r.width), c = qK(r.height);
-	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= JK(r, "left", "right") + a), Math.round(c + o) !== n && (c -= JK(r, "top", "bottom") + o)), !$K(e)) {
+	if (!t && !n) return tq;
+	var r = eq(e).getComputedStyle(e), i = iq(r), a = i.left + i.right, o = i.top + i.bottom, s = nq(r.width), c = nq(r.height);
+	if (r.boxSizing === "border-box" && (Math.round(s + a) !== t && (s -= rq(r, "left", "right") + a), Math.round(c + o) !== n && (c -= rq(r, "top", "bottom") + o)), !cq(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 nq(i.left, i.top, s, c);
+	return dq(i.left, i.top, s, c);
 }
-var QK = (function() {
+var sq = (function() {
 	return typeof SVGGraphicsElement < "u" ? function(e) {
-		return e instanceof GK(e).SVGGraphicsElement;
+		return e instanceof eq(e).SVGGraphicsElement;
 	} : function(e) {
-		return e instanceof GK(e).SVGElement && typeof e.getBBox == "function";
+		return e instanceof eq(e).SVGElement && typeof e.getBBox == "function";
 	};
 })();
-function $K(e) {
-	return e === GK(e).document.documentElement;
+function cq(e) {
+	return e === eq(e).document.documentElement;
 }
-function eq(e) {
-	return FK ? QK(e) ? XK(e) : ZK(e) : KK;
+function lq(e) {
+	return WK ? sq(e) ? aq(e) : oq(e) : tq;
 }
-function tq(e) {
+function uq(e) {
 	var t = e.x, n = e.y, r = e.width, i = e.height, a = Object.create((typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object).prototype);
-	return WK(a, {
+	return $K(a, {
 		x: t,
 		y: n,
 		width: r,
@@ -38634,7 +38742,7 @@ function tq(e) {
 		left: t
 	}), a;
 }
-function nq(e, t, n, r) {
+function dq(e, t, n, r) {
 	return {
 		x: e,
 		y: t,
@@ -38642,42 +38750,42 @@ function nq(e, t, n, r) {
 		height: r
 	};
 }
-var rq = function() {
+var fq = function() {
 	function e(e) {
-		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = nq(0, 0, 0, 0), this.target = e;
+		this.broadcastWidth = 0, this.broadcastHeight = 0, this.contentRect_ = dq(0, 0, 0, 0), this.target = e;
 	}
 	return e.prototype.isActive = function() {
-		var e = eq(this.target);
+		var e = lq(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;
-}(), iq = function() {
+}(), pq = function() {
 	function e(e, t) {
-		var n = tq(t);
-		WK(this, {
+		var n = uq(t);
+		$K(this, {
 			target: e,
 			contentRect: n
 		});
 	}
 	return e;
-}(), aq = function() {
+}(), mq = function() {
 	function e(e, t, n) {
-		if (this.activeObservations_ = [], this.observations_ = new PK(), typeof e != "function") throw TypeError("The callback provided as parameter 1 is not a function.");
+		if (this.activeObservations_ = [], this.observations_ = new UK(), 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 GK(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof eq(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
 			var t = this.observations_;
-			t.has(e) || (t.set(e, new rq(e)), this.controller_.addObserver(this), this.controller_.refresh());
+			t.has(e) || (t.set(e, new fq(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 GK(e).Element)) throw TypeError("parameter 1 is not of type \"Element\".");
+			if (!(e instanceof eq(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));
 		}
@@ -38691,7 +38799,7 @@ var rq = function() {
 	}, e.prototype.broadcastActive = function() {
 		if (this.hasActive()) {
 			var e = this.callbackCtx_, t = this.activeObservations_.map(function(e) {
-				return new iq(e.target, e.broadcastRect());
+				return new pq(e.target, e.broadcastRect());
 			});
 			this.callback_.call(e, t, e), this.clearActive();
 		}
@@ -38700,12 +38808,12 @@ var rq = function() {
 	}, e.prototype.hasActive = function() {
 		return this.activeObservations_.length > 0;
 	}, e;
-}(), oq = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new PK(), sq = function() {
+}(), hq = typeof WeakMap < "u" ? /* @__PURE__ */ new WeakMap() : new UK(), gq = 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 aq(t, UK.getInstance(), this);
-		oq.set(this, n);
+		var n = new mq(t, QK.getInstance(), this);
+		hq.set(this, n);
 	}
 	return e;
 }();
@@ -38714,27 +38822,27 @@ var rq = function() {
 	"unobserve",
 	"disconnect"
 ].forEach(function(e) {
-	sq.prototype[e] = function() {
+	gq.prototype[e] = function() {
 		var t;
-		return (t = oq.get(this))[e].apply(t, arguments);
+		return (t = hq.get(this))[e].apply(t, arguments);
 	};
 });
-var cq = (function() {
-	return IK.ResizeObserver === void 0 ? sq : IK.ResizeObserver;
-})(), lq = [
+var _q = (function() {
+	return GK.ResizeObserver === void 0 ? gq : GK.ResizeObserver;
+})(), vq = [
 	"client",
 	"offset",
 	"scroll",
 	"bounds",
 	"margin"
 ];
-function uq(e) {
+function yq(e) {
 	var t = [];
-	return lq.forEach(function(n) {
+	return vq.forEach(function(n) {
 		e[n] && t.push(n);
 	}), t;
 }
-function dq(e, t) {
+function bq(e, t) {
 	var n = {};
 	if (t.indexOf("client") > -1 && (n.client = {
 		top: e.clientTop,
@@ -38773,14 +38881,14 @@ function dq(e, t) {
 	}
 	return n;
 }
-function fq(e) {
+function xq(e) {
 	return e && e.ownerDocument && e.ownerDocument.defaultView || window;
 }
-function pq(e) {
+function Sq(e) {
 	return function(t) {
 		var n, r;
 		return r = n = /*#__PURE__*/ function(n) {
-			NK(r, n);
+			HK(r, n);
 			function r() {
 				var t, r = [...arguments];
 				return t = n.call.apply(n, [this].concat(r)) || this, t.state = { contentRect: {
@@ -38791,24 +38899,24 @@ function pq(e) {
 					bounds: {},
 					margin: {}
 				} }, t._animationFrameID = null, t._resizeObserver = null, t._node = null, t._window = null, t.measure = function(n) {
-					var r = dq(t._node, e || uq(t.props));
+					var r = bq(t._node, e || yq(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 = fq(t._node);
+					t._resizeObserver !== null && t._node !== null && t._resizeObserver.unobserve(t._node), t._node = e, t._window = xq(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 cq(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(dq(this._node, e || uq(this.props))));
+				this._resizeObserver = this._window !== null && this._window.ResizeObserver ? new this._window.ResizeObserver(this.measure) : new _q(this.measure), this._node !== null && (this._resizeObserver.observe(this._node), typeof this.props.onResize == "function" && this.props.onResize(bq(this._node, e || yq(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, at(t, AK({}, jK(e, ["innerRef", "onResize"]), {
+				return e.innerRef, e.onResize, at(t, zK({}, BK(e, ["innerRef", "onResize"]), {
 					measureRef: this._handleRef,
 					measure: this.measure,
 					contentRect: this.state.contentRect
@@ -38825,7 +38933,7 @@ function pq(e) {
 		}, r;
 	};
 }
-var mq = pq()(function(e) {
+var Cq = Sq()(function(e) {
 	var t = e.measure, n = e.measureRef, r = e.contentRect, i = e.children;
 	return i({
 		measure: t,
@@ -38833,10 +38941,10 @@ var mq = pq()(function(e) {
 		contentRect: r
 	});
 });
-mq.displayName = "Measure", mq.propTypes.children = z.default.func;
+Cq.displayName = "Measure", Cq.propTypes.children = z.default.func;
 //#endregion
 //#region ../../lib-react/config-ui/dist/layout/settings-box.js
-var hq = w("div")(() => ({
+var wq = w("div")(() => ({
 	backgroundColor: E.white(),
 	border: `2px solid ${E.border()}`,
 	display: "flex",
@@ -38846,7 +38954,7 @@ var hq = w("div")(() => ({
 	maxWidth: "300px",
 	padding: "20px 4px 4px 20px",
 	zIndex: 99
-})), gq = class extends O.Component {
+})), Tq = class extends O.Component {
 	static propTypes = {
 		className: z.default.string,
 		children: z.default.oneOfType([z.default.arrayOf(z.default.node), z.default.node]).isRequired
@@ -38854,19 +38962,19 @@ var hq = w("div")(() => ({
 	static defaultProps = {};
 	render() {
 		let { className: e, children: t } = this.props;
-		return /* @__PURE__ */ k(hq, {
+		return /* @__PURE__ */ k(wq, {
 			className: e,
 			children: t
 		});
 	}
-}, _q = le({
+}, Eq = le({
 	typography: { fontFamily: "inherit" },
 	components: { MuiButton: { styleOverrides: { contained: {
 		backgroundColor: "#e0e0e0",
 		color: "#000000",
 		"&:hover": { backgroundColor: "#bdbdbd" }
 	} } } }
-}), vq = class extends O.Component {
+}), Dq = class extends O.Component {
 	static propTypes = {
 		children: z.default.oneOfType([
 			z.default.string,
@@ -38899,19 +39007,19 @@ var hq = w("div")(() => ({
 		return /* @__PURE__ */ k(he, {
 			injectFirst: !0,
 			children: /* @__PURE__ */ k(ye, {
-				theme: _q,
-				children: /* @__PURE__ */ k(mq, {
+				theme: Eq,
+				children: /* @__PURE__ */ k(Cq, {
 					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__ */ k(gq, {
+						let { children: t, settings: n, hideSettings: r, dimensions: i, extraCSSRules: a } = this.props, { layoutMode: o } = this.state, s = r ? null : o === "inline" ? /* @__PURE__ */ k(Tq, {
 							className: "settings-box",
 							children: n
 						}) : n;
 						return /* @__PURE__ */ A("div", {
 							ref: e,
 							className: "main-container extraCSSRules",
-							children: [a?.rules ? /* @__PURE__ */ k("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ k(kK, {
+							children: [a?.rules ? /* @__PURE__ */ k("style", { dangerouslySetInnerHTML: { __html: `.extraCSSRules { ${a.rules} }` } }) : null, /* @__PURE__ */ k(RK, {
 								mode: o,
 								secondary: s,
 								dimensions: i,
@@ -38923,41 +39031,41 @@ var hq = w("div")(() => ({
 			})
 		});
 	}
-}, yq = pq("bounds")(vq), bq = /* @__PURE__ */ CK({
-	ConfigLayout: () => yq,
-	LayoutContents: () => kK
-}), xq = T(/*#__PURE__*/ k("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"), Sq = T(/*#__PURE__*/ k("path", { d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4" }), "HelpOutline"), Cq = w("div")({
+}, Oq = Sq("bounds")(Dq), kq = /* @__PURE__ */ MK({
+	ConfigLayout: () => Oq,
+	LayoutContents: () => RK
+}), Aq = T(/*#__PURE__*/ k("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"), jq = T(/*#__PURE__*/ k("path", { d: "M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4" }), "HelpOutline"), Mq = w("div")({
 	display: "flex",
 	justifyContent: "space-between"
-}), wq = w("div")({
+}), Nq = w("div")({
 	display: "flex",
 	alignItems: "center"
-}), Tq = w(Dt)({
+}), Pq = w(Dt)({
 	margin: 0,
 	padding: 0
-}), Eq = w(ea)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": { fontSize: e.typography.fontSize - 2 } })), Dq = (e) => {
+}), Fq = w(ea)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": { fontSize: e.typography.fontSize - 2 } })), Iq = (e) => {
 	let { header: t, children: n, mini: r, info: i } = e;
-	return /* @__PURE__ */ A(Cq, { children: [/* @__PURE__ */ A(wq, { children: [/* @__PURE__ */ k(p, {
+	return /* @__PURE__ */ A(Mq, { children: [/* @__PURE__ */ A(Nq, { children: [/* @__PURE__ */ k(p, {
 		variant: r ? "h6" : "h5",
 		children: t
-	}), i] }), n && /* @__PURE__ */ k(Eq, {
+	}), i] }), n && /* @__PURE__ */ k(Fq, {
 		title: n,
-		children: /* @__PURE__ */ k(Tq, {
+		children: /* @__PURE__ */ k(Pq, {
 			"aria-label": "Delete",
 			size: "large",
-			children: /* @__PURE__ */ k(Sq, {})
+			children: /* @__PURE__ */ k(jq, {})
 		})
 	})] });
 };
-Dq.propTypes = {
+Iq.propTypes = {
 	mini: z.default.bool,
 	header: z.default.string,
 	children: z.default.node,
 	info: z.default.any
-}, w(xK)(({ theme: e }) => ({ marginLeft: e.spacing(1) }));
+}, w(AK)(({ theme: e }) => ({ marginLeft: e.spacing(1) }));
 //#endregion
 //#region src/author/number-text-field.tsx
-var Oq = w(xK)({
+var Lq = w(AK)({
 	maxWidth: "120px",
 	width: "120px",
 	marginTop: "0",
@@ -38968,25 +39076,25 @@ var Oq = w(xK)({
 	"& [class^=\"MuiInputBase-input\"]": { padding: "18.5px 14px" }
 });
 O.Component;
-var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
+var Rq = O.forwardRef((e, t) => /* @__PURE__ */ k(Lq, {
 	...e,
 	ref: t,
 	variant: "outlined"
-})), Aq = w("div")({
+})), zq = w("div")({
 	alignItems: "center",
 	display: "flex",
 	gap: "20px"
-}), jq = w("div")({ margin: "12px 0" }), Mq = w("label")({
+}), Bq = w("div")({ margin: "12px 0" }), Vq = w("label")({
 	display: "block",
 	marginBottom: "4px"
-}), Nq = w(fe)({
+}), Hq = w(fe)({
 	width: "80px",
 	alignItems: "center",
 	height: "40px",
 	verticalAlign: "top",
 	marginBottom: "8px",
 	"& .MuiSelect-select": { paddingLeft: "10px" }
-}), Pq = w("div")({ marginLeft: "-15px" }), Fq = w("span")({ verticalAlign: "middle" }), Iq = class extends O.Component {
+}), Uq = w("div")({ marginLeft: "-15px" }), Wq = w("span")({ verticalAlign: "middle" }), Gq = class extends O.Component {
 	static propTypes = {
 		model: z.default.object.isRequired,
 		onChange: z.default.func,
@@ -39006,10 +39114,10 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 	render() {
 		let { model: e, modelOptions: t } = this.props, { maxOfModel: n, partsPerModel: r, modelTypeChoices: i } = t;
 		return /* @__PURE__ */ A("div", { children: [
-			/* @__PURE__ */ k(Dq, { header: "Configure Fraction Model" }),
+			/* @__PURE__ */ k(Iq, { header: "Configure Fraction Model" }),
 			/* @__PURE__ */ k("br", {}),
-			/* @__PURE__ */ A(Aq, { children: [
-				/* @__PURE__ */ A(jq, { children: [/* @__PURE__ */ k(Mq, { children: "Model Type" }), /* @__PURE__ */ k(Nq, {
+			/* @__PURE__ */ A(zq, { children: [
+				/* @__PURE__ */ A(Bq, { children: [/* @__PURE__ */ k(Vq, { children: "Model Type" }), /* @__PURE__ */ k(Hq, {
 					onChange: this.handleSelect,
 					value: e.modelTypeSelected,
 					MenuProps: { transitionDuration: {
@@ -39021,14 +39129,14 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 						children: e.label
 					}, "item_" + t))
 				})] }),
-				/* @__PURE__ */ A(jq, { children: [/* @__PURE__ */ k(Mq, { children: "Max # of Models" }), /* @__PURE__ */ k(kq, {
+				/* @__PURE__ */ A(Bq, { children: [/* @__PURE__ */ k(Vq, { children: "Max # of Models" }), /* @__PURE__ */ k(Rq, {
 					min: n.min,
 					max: n.max,
 					value: e.maxModelSelected,
 					name: "max-model",
 					onChange: this.changeMaxModel
 				})] }),
-				/* @__PURE__ */ A(jq, { children: [/* @__PURE__ */ k(Mq, { children: "Parts per Model" }), /* @__PURE__ */ k(kq, {
+				/* @__PURE__ */ A(Bq, { children: [/* @__PURE__ */ k(Vq, { children: "Parts per Model" }), /* @__PURE__ */ k(Rq, {
 					min: r.min,
 					max: r.max,
 					value: e.partsPerModel,
@@ -39036,22 +39144,22 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 					onChange: this.changePartModel
 				})] })
 			] }),
-			/* @__PURE__ */ A(Pq, { children: [/* @__PURE__ */ k(mK, {
+			/* @__PURE__ */ A(Uq, { children: [/* @__PURE__ */ k(CK, {
 				onChange: this.studentConfig,
 				checked: e.allowedStudentConfig,
 				label: ""
-			}), /* @__PURE__ */ k(Fq, { children: "Allow student to configure number of models and parts per model" })] })
+			}), /* @__PURE__ */ k(Wq, { children: "Allow student to configure number of models and parts per model" })] })
 		] });
 	}
-}, Lq = w(_K)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), Rq = w(ea)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
+}, Kq = w(EK)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), qq = w(ea)(({ theme: e }) => ({ "& .MuiTooltip-tooltip": {
 	fontSize: e.typography.fontSize - 2,
 	whiteSpace: "pre",
 	maxWidth: "500px"
-} })), zq = w("div")(({ theme: e }) => ({
+} })), Jq = w("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	marginTop: e.spacing(1)
-})), Bq = w("div")(({ theme: e, hasError: t }) => ({ ...t && { border: `2px solid ${e.palette.error.main}` } })), Vq = w("label")(({ theme: e }) => ({ marginBottom: e.spacing(4) })), Hq = class extends O.Component {
+})), Yq = w("div")(({ theme: e, hasError: t }) => ({ ...t && { border: `2px solid ${e.palette.error.main}` } })), Xq = w("label")(({ theme: e }) => ({ marginBottom: e.spacing(4) })), Zq = class extends O.Component {
 	static propTypes = {
 		model: z.default.object.isRequired,
 		configuration: z.default.object.isRequired,
@@ -39084,15 +39192,15 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			...a,
 			...e
 		}), v = this.generateRandomKey();
-		return /* @__PURE__ */ A(bq.ConfigLayout, {
+		return /* @__PURE__ */ A(kq.ConfigLayout, {
 			extraCSSRules: f,
 			dimensions: o,
 			hideSettings: !0,
 			children: [
-				/* @__PURE__ */ k(Dq, { header: "Set Up" }),
-				/* @__PURE__ */ k(Lq, {
+				/* @__PURE__ */ k(Iq, { header: "Set Up" }),
+				/* @__PURE__ */ k(Kq, {
 					label: s?.label || "Title",
-					children: /* @__PURE__ */ k(lK, {
+					children: /* @__PURE__ */ k(vK, {
 						markup: e.title || "",
 						onChange: (e) => t({ title: e }),
 						toolbarOpts: g,
@@ -39114,9 +39222,9 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 						mathMlOptions: u
 					})
 				}),
-				/* @__PURE__ */ k(Lq, {
+				/* @__PURE__ */ k(Kq, {
 					label: c?.label || "Question",
-					children: /* @__PURE__ */ k(lK, {
+					children: /* @__PURE__ */ k(vK, {
 						markup: e.prompt || "",
 						minHeight: 60,
 						onChange: (e) => t({ prompt: e }),
@@ -39129,21 +39237,21 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 						mathMlOptions: u
 					})
 				}),
-				/* @__PURE__ */ k(_K, { children: /* @__PURE__ */ k(Iq, {
+				/* @__PURE__ */ k(EK, { children: /* @__PURE__ */ k(Gq, {
 					model: e,
 					onChange: this.onModelOptionsChange,
 					modelOptions: l
 				}) }),
-				/* @__PURE__ */ A(_K, { children: [
+				/* @__PURE__ */ A(EK, { children: [
 					"            ",
-					/* @__PURE__ */ k(Dq, {
+					/* @__PURE__ */ k(Iq, {
 						header: "Correct Answer",
-						info: /* @__PURE__ */ k(Rq, {
+						info: /* @__PURE__ */ k(qq, {
 							disableFocusListener: !0,
 							disableTouchListener: !0,
 							placement: "right",
 							title: "The correct answer should include no more than one partially-filled model",
-							children: /* @__PURE__ */ k(xq, {
+							children: /* @__PURE__ */ k(Aq, {
 								fontSize: "small",
 								color: "primary",
 								style: { marginLeft: "8px" }
@@ -39151,9 +39259,9 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 						})
 					}),
 					/* @__PURE__ */ k("br", {}),
-					/* @__PURE__ */ k(Vq, { children: "Click/touch the number of parts to represent the correct fraction model" }),
+					/* @__PURE__ */ k(Xq, { children: "Click/touch the number of parts to represent the correct fraction model" }),
 					/* @__PURE__ */ k("br", {}),
-					/* @__PURE__ */ k(Bq, {
+					/* @__PURE__ */ k(Yq, {
 						hasError: !!d.correctResponse,
 						children: /* @__PURE__ */ k(Ne, {
 							value: e.correctResponse,
@@ -39164,7 +39272,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 							onChange: this.onCorrectAnswerChange
 						}, v)
 					}),
-					d.correctResponse && /* @__PURE__ */ k(zq, { children: d.correctResponse })
+					d.correctResponse && /* @__PURE__ */ k(Jq, { children: d.correctResponse })
 				] }),
 				/* @__PURE__ */ k(Ee, {
 					open: h.open,
@@ -39184,7 +39292,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			]
 		});
 	}
-}, Uq = class e extends CustomEvent {
+}, Qq = class e extends CustomEvent {
 	static {
 		this.TYPE = "model.updated";
 	}
@@ -39197,7 +39305,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			}
 		}), this.update = t, this.reset = n;
 	}
-}, Wq = class e extends CustomEvent {
+}, $q = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.image";
 	}
@@ -39210,7 +39318,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, Gq = class e extends CustomEvent {
+}, eJ = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.image";
 	}
@@ -39220,7 +39328,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			detail: t
 		}), this.handler = t;
 	}
-}, Kq = class e extends CustomEvent {
+}, tJ = class e extends CustomEvent {
 	static {
 		this.TYPE = "delete.sound";
 	}
@@ -39233,7 +39341,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			}
 		}), this.src = t, this.done = n;
 	}
-}, qq = class e extends CustomEvent {
+}, nJ = class e extends CustomEvent {
 	static {
 		this.TYPE = "insert.sound";
 	}
@@ -39243,7 +39351,7 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 			detail: t
 		}), this.handler = t;
 	}
-}, Jq = {
+}, rJ = {
 	model: {
 		correctResponse: [],
 		title: "",
@@ -39323,24 +39431,24 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 		},
 		settingsPanelDisabled: !0
 	}
-}, Yq = class e extends HTMLElement {
+}, iJ = class e extends HTMLElement {
 	static createDefaultModel = (e = {}) => {
-		let t = Jq.configuration, n = e.language || "";
+		let t = rJ.configuration, n = e.language || "";
 		return !n && t.language && t.language.enabled && t.languageChoices?.options?.length && (n = t.languageChoices.options[0].value), {
-			...Jq.model,
+			...rJ.model,
 			...e,
 			language: n
 		};
 	};
 	constructor() {
-		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = Jq.configuration;
+		super(), this._root = null, this._model = e.createDefaultModel(), this._configuration = rJ.configuration;
 	}
 	set model(t) {
 		this._model = e.createDefaultModel(t), this.render();
 	}
 	set configuration(e) {
 		let t = {
-			...Jq.configuration,
+			...rJ.configuration,
 			...e
 		};
 		this._configuration = t, this.resetModelAfterConfigurationIsSet(), 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({
@@ -39356,32 +39464,32 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 		this.render();
 	}
 	modelChanged(e) {
-		this._model = e, this.dispatchEvent(new Uq(this._model), !0), this.render();
+		this._model = e, this.dispatchEvent(new Qq(this._model), !0), this.render();
 	}
 	onChange = (e) => {
 		this._model = {
 			...this._model,
 			...e
-		}, this.dispatchEvent(new Uq(this._model)), this.render();
+		}, this.dispatchEvent(new Qq(this._model)), this.render();
 	};
 	onConfigurationChanged(e) {
 		this._configuration = e, this.render();
 	}
 	insertImage(e) {
-		this.dispatchEvent(new Gq(e));
+		this.dispatchEvent(new eJ(e));
 	}
 	onDeleteImage(e, t) {
-		this.dispatchEvent(new Wq(e, t));
+		this.dispatchEvent(new $q(e, t));
 	}
 	insertSound(e) {
-		this.dispatchEvent(new qq(e));
+		this.dispatchEvent(new nJ(e));
 	}
 	onDeleteSound(e, t) {
-		this.dispatchEvent(new Kq(e, t));
+		this.dispatchEvent(new tJ(e, t));
 	}
 	render() {
 		if (this._model) {
-			let e = O.createElement(Hq, {
+			let e = O.createElement(Zq, {
 				classes: {},
 				model: this._model,
 				configuration: this._configuration,
@@ -39404,6 +39512,6 @@ var kq = O.forwardRef((e, t) => /* @__PURE__ */ k(Oq, {
 	}
 };
 //#endregion
-export { Yq as default };
+export { iJ as default };
 
 //# sourceMappingURL=index.js.map